@charset "utf-8";
/* 탑배너 */
.top_banner{position: relative;}
.top_banner .top_banner_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.top_banner .top_banner_text h3{font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 45px; color: #202020;}
.top_banner .top_banner_text .white{color: #ffffff;}

/* 서브텍스트 */
.sub_text{padding: 100px 0 70px;}
.sub_text .container_fix{display: flex; width: 1216px; justify-content: space-between; align-items: center;}
.sub_text h1{font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 35px; color: #222222;}
.sub_text .m_navi_box{display: flex; align-items: center;}
.sub_text .m_navi_box a , .sub_text .m_navi_box span{font-size: 16px; color: #bbbbbb;}
.sub_text .m_navi_arrow{margin: 0 12px; font-size: 16px; color: #bbbbbb;}

/* 카테고리 */
.list-category{margin-bottom: 70px;}
.list-category .ca_nav{display: flex; justify-content: center;}
.list-category .ca_nav a{padding: 0 15px; font-size: 18px; color: #333333;}
.list-category .active a, .list-category .selected a{color: #4b7960 !important;}

/* 공통 */
.fix_gallery_content{text-align: center;}
.fix_gallery_content h5{color: #333333; font-weight: 400;}
.fix_gallery_content p{display: none;}
.list-wrap .list-more{margin: 30px 0 100px !important;}
.list-wrap .list-more a{font-size: 16px !important; color: #222222 !important;}
.list-wrap .list-more a:hover{color: #4b7960 !important;}

/* m02 */
.m02_01 .inquiry_wrap{display: flex;}
.m02_01 .inquiry_wrap .inquiry_box{margin-bottom: 35px; width: 50%;}
.m02_01 .inquiry_box{margin-bottom: 35px; width: 100%;}
.m02_01 .inquiry_box + .inquiry_box{margin-left: 44px;}
.m02_01 .inquiry_box > label{padding-bottom: 16px; width: 100%; font-size: 16px; color: #333333; line-height: 1;}
.m02_01 .inquiry_box .info{color: #ff0022;}
.m02_01 .inquiry_box .answer{width: 100%;}
.m02_01 .inquiry_box .answer input[type="text"]{width: 100%; height: 40px; line-height: 40px; background: #f6f6f6; border: 0; border-radius: 0; font-size: 14px;}
.m02_01 .inquiry_box .answer input::placeholder{color: #999999;}
.m02_01 .inquiry_box .radio_wrap{display: flex; align-items: center; height: 40px;}
.m02_01 .inquiry_box .radio_wrap .radio_box + .radio_box{margin-left: 30px;}
.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"] {display:none;}
.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"] + label span {display:inline-block; width:15px; height:15px; margin:-3px 10px 0 0; vertical-align:middle; background:url('../img/input_radio.png') left top no-repeat; cursor:pointer; background-size:cover;}
.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"] + label{color:#666666; font-size: 16px; font-weight: 400; cursor:pointer; margin:0;}
.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"]:checked + label span {background:url('../img/input_radio_checked.png') no-repeat; background-size:cover;}
.m02_01 .inquiry_box .answer textarea{height: 150px !important; border-radius: 0 !important; border: 0; background: #f6f6f6; font-size: 14px;}
.m02_01 .well{border: 0 !important; box-shadow: none;}
.m02_01 .write-btn.btn_write{margin: 70px 0 100px;}
.m02_01 .write-btn.btn_write .btn{width: 180px; border-radius: 0 !important;}
.m02_01 .write-btn.btn_write .btn span{font-size: 16px; line-height: 50px;}

/* m03 */
.m03_01{padding-top: 30px; margin-bottom: 70px; border-top: 1px solid #464646;}
.m03_01 .list-item{padding-bottom: 30px; margin-bottom: 30px; padding-left: 30px;}
.m03_01 .list-item .img{margin-right: 80px;}
.m03_01 .list-item h2.media-heading{padding: 0; padding-top: 30px; font-size: 27px; font-weight: 500; color: #222222; line-height: 1;}
.m03_01 .list-item .list-cont{margin: 15px 0 40px; font-size: 16px; color: #666666; line-height: 1;}
.m03_01 .label-cap{display: none;}
.m03_01 .list_text_box{display: flex; flex-wrap: wrap; align-items: center;}
.m03_01 .list_text_box + .list_text_box{margin-top: 10px;}
.m03_01 .list_text_box .list_name{width: 90px; font-size: 16px; font-weight: 500; color: #222222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m03_01 .list_text_box .list_txt{width: calc(100% - 90px); font-size: 16px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m03_write .inquiry_box .answer input[type="text"]{width: 49%; font-size: 14px;}
.m03_write .inquiry_box .answer input[type="text"]::placeholder{color: #999999;}
.m03_write .inquiry_box03 .answer{display: flex; flex-wrap: wrap;}
.m03_write .inquiry_box03 .answer input[type="text"]:nth-child(2n){margin-left: 2%;}
.m03_write .inquiry_box03 .answer input[type="text"]:nth-child(n+3){margin-top: 20px;}
.m03_write .inquiry_box03 .answer{display: flex; flex-wrap: wrap;}
.m03_write .inquiry_box03 .answer tr + tr .answer{margin-top: 20px;}

/* m04 */
.m04_01 .imgframe:hover a:before{content: '유튜브 영상'; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,0.6); font-size: 18px; color: #dbdbdb;}

@media(max-width: 991px){
	/* 탑배너 */
	.top_banner .top_banner_text h3{font-size: 50px;}
	/* 서브텍스트 */
	.sub_text h1{font-size: 50px;}
	/* 카테고리 */
	.list-category{margin-bottom: 80px;}
	.list-category .ca_nav{flex-wrap: wrap;}
	.list-category .ca_nav li:nth-child(n+4){margin-top: 45px;}
	.list-category .ca_nav a{padding: 0 26px; font-size: 27px;}
	/* 갤러리게시판 */
	.board_style{margin-bottom: 0;}
	.responsive .list-wrap .list-container.gallery_container .list-row{width: 100% !important;}
	.list-wrap .list-container.gallery_container .list-item{margin-bottom: 70px;}
	.fix_gallery_content{margin-top: 40px;}
	.fix_gallery_content h5{font-size: 27px;}
	.list-wrap .list-more{margin: 10px 0 100px !important; }
	.list-wrap .list-more a{font-size: 27px !important;}
	/* m02 */
	.m02_01 .inquiry_wrap{flex-wrap: wrap;}
	.m02_01 .inquiry_wrap .inquiry_box{margin-bottom: 50px; width: 100%;}
	.m02_01 .inquiry_box + .inquiry_box{margin-left: 0;}
	.m02_01 .inquiry_box > label{padding-bottom: 30px; font-size: 27px;}
	.m02_01 .inquiry_box .answer input[type="text"]{height: 80px; line-height: 80px;}
	.m02_01 .inquiry_box .radio_wrap{flex-wrap: wrap; height: auto;}
	.m02_01 .inquiry_box .radio_wrap .radio_box{width: 33.3333%;}
	.m02_01 .inquiry_box .radio_wrap .radio_box + .radio_box{margin-left: 0;}
	.m02_01 .inquiry_box .radio_wrap .radio_box:nth-child(n+4){margin-top: 50px;}
	.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"] + label{font-size: 27px;}
	.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"] + label span {width:28px; height:28px; margin:-3px 23px 0 0; background:url('../img/minput_radio.png') left top no-repeat; background-size:cover;}
	.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"]:checked + label span {background:url('../img/minput_radio_checked.png') no-repeat; background-size:cover;}
	.m02_01 .inquiry_box .answer textarea{height: 220px !important;}
	.m02_01 .write-btn.btn_write{margin: 80px 0 100px;}
	.m02_01 .write-btn.btn_write .btn{width: 285px;}
	.m02_01 .write-btn.btn_write .btn span{font-size: 26px; line-height: 80px;}

	/* m03 */
	.m03_01{padding-top: 40px; margin-bottom: 70px;}
	.m03_01 .list-item{padding-left: 0; padding-bottom: 40px; margin-bottom: 40px;}
	.m03_01 .list-item .img{margin: 0; margin-bottom: 40px;}
	.m03_01 .media-body{width: 100%;}
	.m03_01 .list-item h2.media-heading{font-size: 35px;}
	.m03_01 .list-item .list-cont{margin: 35px 0 60px; font-size: 24px;}
	.m03_01 .list_text_box + .list_text_box{margin-top: 15px;}
	.m03_01 .list_text_box .list_name{width: 133px; font-size: 27px;}
	.m03_01 .list_text_box .list_txt{width: calc(100% - 133px); font-size: 27px;}

	.m04_01 .imgframe:hover a:before{font-size: 27px;}

}
@media(max-width: 650px){
	/* 탑배너 */
	.top_banner .top_banner_text h3{font-size: 25px;}
	/* 서브텍스트 */
	.sub_text{padding: 50px 0 35px;}
	.sub_text h1{font-size: 25px;}
	/* 카테고리 */
	.list-category{margin-bottom: 40px;}
	.list-category .ca_nav li:nth-child(n+4){margin-top: 22px;}
	.list-category .ca_nav a{padding: 0 13px; font-size: 14px;}
	/* 갤러리게시판 */
	.board_style{margin-bottom: 0;}
	.list-wrap .list-container.gallery_container .list-item{margin-bottom: 35px;}
	.fix_gallery_content{margin-top: 20px;}
	.fix_gallery_content h5{font-size: 14px;}
	.list-wrap .list-more{margin: 5px 0 50px !important; }
	.list-wrap .list-more a{font-size: 14px !important;}
	/* m02 */
	.m02_01 .inquiry_wrap .inquiry_box{margin-bottom: 25px;}
	.m02_01 .inquiry_box > label{padding-bottom: 15px; font-size: 14px;}
	.m02_01 .inquiry_box .answer input[type="text"]{height: 40px; line-height: 40px;}
	.m02_01 .inquiry_box .radio_wrap .radio_box:nth-child(n+4){margin-top: 25px;}
	.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"] + label{font-size: 14px;}
	.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"] + label span {width:14px; height:14px; margin:-3px 8px 0 0; background-size: 14px;}
	.m02_01 .inquiry_box .radio_wrap .radio_box input[type="radio"]:checked + label span { background-size: 14px;}
	.m02_01 .inquiry_box .answer textarea{height: 110px !important;}
	.m02_01 .write-btn.btn_write{margin: 40px 0 50px;}
	.m02_01 .write-btn.btn_write .btn{width: 145px;}
	.m02_01 .write-btn.btn_write .btn span{font-size: 13px; line-height: 40px;}
	/* m03 */
	.m03_01{padding-top: 20px; margin-bottom: 35px;}
	.m03_01 .list-item{padding-bottom: 20px; margin-bottom: 20px;}
	.m03_01 .list-item .img{margin-bottom: 25px; width: 150px;}
	.m03_01 .list-item h2.media-heading{font-size: 20px;}
	.m03_01 .list-item .list-cont{margin: 17px 0 30px; font-size: 13px;}
	.m03_01 .list_text_box + .list_text_box{margin-top: 15px;}
	.m03_01 .list_text_box .list_name{width: 80px; font-size: 14px;}
	.m03_01 .list_text_box .list_txt{width: calc(100% - 80px); font-size: 14px;}

	.m04_01 .imgframe:hover a:before{font-size: 14px;}
}