@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/

@media (max-width:1800px){ 
	/* layout */
	.header .w1600{padding: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%;}
	.header .w1800{padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%;}

	
	.main_cont_wrap > .w1400 { margin: 0 330px 0 100px;}


	/* mns3 */
	.mns3 .mns_cont .txt_box {height: 139px;display: flex;flex-direction: column; align-content: center; align-items: center; padding-top: 0;justify-content: center;}
	.mns3_cont h4 {line-height: 1.2; margin-bottom: 5px;}

}

@media (max-width:1600px){
	
	/* layout */
	body, .header {min-width: 1200px;}
	.w1600,
	.w1400,
	.w1300{max-width: 1200px;}
	.main_wrap.w1800{max-width: 100%; padding: 0;}



	/* header */
	.hd_logo a {-webkit-background-size: contain; background-size: contain;}
	.header .gnb {padding: 0 0;}

	/* mv */
	.slick-prev,
	.slick-next,
	.slick-dots,
	.mv_sec .main_btn_box { left: 11%;}
	.slick-next { margin-left: 170px;}
	.slick-dots { margin-left: 30px;}
	.mv_sec .main_btn_box { margin-left: 145px;}

	/* main_cont_wrap */
	.main_cont_wrap > .w1400 { margin: 0 300px 0 50px;}

	/* quick_menu */
	.quick_menu {right: 50px; width: 230px; font-size: 15px;}
	.quick_menu > li { line-height: 54px;}

	
	/* mns4 */
	.mns4_cont .txt_box { padding: 25px 30px 20px;}
}

@media (max-width:1400px){ 

	/* layout */
	body, .header {min-width: 1100px;}
	.w1600,
	.w1400,
	.w1300{max-width: 1100px;}


	/* header */
	.header .gnb {margin-right: 30px; line-height: 1.4; font-size: 15px;}
	.header .gnb > li > a { padding: 0 20px;}
	.hd_right { width: 233px;}
	.hd_right a{font-size: 1em;}
	.header .hd_subm_bg{height: 230px;top:100px;}
	.header .gnb > li .dep2 ul{padding: 0;}

	/* main_cont_wrap */
	.main_cont_wrap > .w1400 {font-size: 14px;}


	/* mns2 */
	.mns2_cont { height: auto;  padding: 80px;}
	.mns2_cont br{display: none;}


	/* mns4 */
	.mns4_cont .txt_box { padding: 20px;}
	.mns4_cont h4 { height: 55px;}

	/* top */
	.top_bt {right: 50px; bottom: 30px;}
}




@media (max-width:1200px){ 

	/* layout */
	body, .header {min-width: 960px;}
	.w1600,
	.w1400,
	.w1300{max-width: 960px;}






   	/* header */
	.header .gnb {margin-right: 20px;}
	.hd_right a {-webkit-background-size: 40px; background-size: 40px; padding-left: 55px; margin-right: 10px;}
	.header .gnb > li > a { padding: 0 10px;}
	.header .gnb > li .dep2 h4 {padding-right: 35px; margin-right: 20px;}
	.header .gnb > li .dep2 a {padding: 0 15px;}
	.header .gnb > li .dep2 ul {height: 70px;}

	/* mv */
	.mv_sec .mv_info {padding-left: 0px;}
	.mv_sec .item .t2 { font-size: 3em;}
	.slick-prev,
	.slick-next,
	.slick-dots,
	.mv_sec .main_btn_box { left: 7%;}

	/* quick_menu */
	.quick_menu {right: auto; left: 0; width: 100%; bottom: 0; top: auto;  -webkit-transform: none;  -moz-transform: none; -ms-transform: none;  -o-transform: none;  transform: none; opacity: 1; display: flex!important;}
	.quick_menu > li {flex:0 1 25%; background: #fff; border-right: 1px solid #ddd; padding-left: 0px; text-align: center;position: relative;}
	.quick_menu > li:last-child {border-right: 0;}
	.quick_menu > li > ul {position: absolute;bottom: 100%;left: 0;width: 100%;border: 1px solid #ddd;margin: 0;padding: 0;background-color: #fff;z-index: 1;}
	.quick_menu > li > ul > li {border-bottom: 1px solid #ddd;line-height: 2.5;}
	.quick_menu > li > ul > li:last-child {border-bottom: 0;}



	/* main_cont_wrap */
	.main_cont_wrap > .w1400 { margin:0 auto; width: 100%; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}




	/* mns3 */
	.mns3,
	.mns4,
	.mns5,
	.mns6{margin-top: 100px;}
	.mns6{margin-bottom: 150px;}
	



	/* footer */
	.footer {padding-bottom: 116px;}
	.footer.subb {padding-bottom: 60px;}

	

}

@media (max-width:1024px){ 

	/* layout */
	body, .header {min-width: 100%; font-size: 14px;}
	.w1600,
	.w1400,
	.w1300{max-width:100%; padding:0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.lnb.w1300{max-width:100%; padding:0 ;}

    .sub_wrap,
    .main_wrap {margin-top: 80px;}




	/* header */	
	.hd_logo {flex:2}
	.hd_logo a {height: 80px;  -webkit-background-size: contain; background-size: contain; width: 100px;}
	.header {height: 80px;}
	.header .gnb{display: none;}
	.header .hd_subm_bg{top:80px;}
	.header, .hd_logo a, 
	.btn_sitemap,
	.hd_right a{height: 80px;}
	.hd_right a {  margin-right: 20px;}
	.header.subb{border-bottom: 1px solid #ddd;}

	
	/* mv */
	.mv_sec{font-size: 14px;}
	.mv_sec .mv_list .item img,
	.mv_sec .mv_list .item,
	.mv_sec{height: 500px;}
	.mv_sec .mv_info { padding-left: 5%;}
	.mv_sec .item .t2 {font-size: 2.8em; margin: 10px 0 20px;}


	/* quick_menu */
	.quick_menu > li {line-height: 1.3;}
	.quick_menu > li > a{line-height: 1.3; height: 54px; display: flex; justify-content: center; align-items: center; padding: 0 3%;}

	/* mns2 */
	.mns2 { padding-top: 80px;}
	.mns2_cont { padding:70px 40px;}
	.mns2_cont h4 {font-size: 2em; line-height: 1.4;}
	.mns2_cont a {line-height: 55px; width: 200px;}



	/* mns3 */
	.mns3,
	.mns4,
	.mns5,
	.mns6{margin-top: 80px;}
	.mns6{margin-bottom: 100px;}

	/* mns5 */
	.mns5_cont a {height: 275px;}
	.mns5_cont .img_box {width: 90px; height: 90px; margin: 0 auto 10px;}
	.mns5_cont span { width: 90%; max-width: 120px; }


	/* mns6 */
	.mns6_cont .txt_box {  padding: 20px 10px;}


	



	/* footer */
	.ft_info p span ,
	.ft_info p.cpr,
	.ft_btn_pop ul li a{ font-size: 14px; line-height: 1.6;}
	.ft_info_top{padding-bottom: 10px;}
	.ft_info .fl p span:last-child{float: none; display: block;}
	.ft_info .fl p span:nth-last-child(2)::after{display: none;}
	.footer{height: auto; padding: 30px 0 86px;}
	.footer.subb { padding: 30px 0;}



}

@media (max-width:960px){ 
	.mns6_cont h4 {font-size: 1.125em;}
}

@media (max-width:800px){ 
	/* layout */
	.sub_wrap,
	.main_wrap{margin-top: 80px;}
	


	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec { height: 400px;}
	.mv_sec {font-size: 12px;}
	.mv_sec .mv_info { top: 14%;}
	.mv_scroll {display: none;}

	.quick_menu {font-size: 14px;}


	
	/* mns3 */
	.mns3 .mns_cont {flex-wrap:wrap}
	.mns3 .mns_cont li {flex: 0 0 32%; margin-right: 0;}
	.mns3 .mns_cont li:nth-child(n+4) {margin-top: 20px;}
	.mns3 .mns_cont .txt_box { height: 100px;}

	/* mns4 */
	.mns4_cont {flex-wrap:wrap; max-width: 660px; margin: auto;}
	.mns4 .mns_cont li {flex:auto;width: 49%;margin-right: 1%;}
	.mns4_cont li { flex: 0 1 49%;  max-width: 320px;}
	.mns4_cont li:nth-child(n+3) {margin-top: 20px;}

	/* mns5 */
	.mns5 .mns_cont li ,
	.mns6 .mns_cont li { margin-right: 2%;}
	.mns5_cont,
	.mns6_cont{flex-wrap:wrap; justify-content: center;}
	.mns5_cont li ,
	.mns6_cont li {flex: 0 1 32%;}
	.mns5_cont li:nth-child(3),
	.mns6_cont li:nth-child(3){margin-right: 0;}
	.mns5_cont li:nth-child(n+4),
	.mns6_cont li:nth-child(n+4){margin-top: 20px;}

	/* mns6 */
	.mns6_cont a {background: #fafafa; height: 100%;}
	.mns6_cont figure {background: #fff;}
	.mns6_cont .txt_box { height: auto;}
	.mns6_cont h4 {line-height: 1.2;}



	/* footer */
	.ft_info p { flex-wrap: wrap;}
	.ft_info p span::before {display: none;}
	.ft_info p span {margin-right: 20px; padding: 0;}

	.top_bt {right: 20px; bottom: 20px;}









}

@media (max-width:640px){ 

	body, .header {font-size: 12px;}
	/* layout */
	.sub_wrap,
	.main_wrap{margin-top: 65px;}

	/* header */
	.hd_logo a{width: 80px;}
	.hd_logo a,
	.btn_sitemap,
	.hd_right a{height: 65px;}
	.header,
	.header .gnb > li{height: 65px;}
	.header .gnb > li{flex:0 1 100%}
	.hd_right { width: 180px; font-size: 12px;} 
	.hd_right a{-webkit-background-size: 35px; 	background-size: 35px; padding-left: 50px;} 
	.btn_sitemap{-webkit-background-size: 45px; background-size: 45px; }

	
	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec {height: 300px;}
	.mv_sec .item .t2 { font-size: 2.3em;}
	.mv_sec .mv_info {margin-top: 0;}

	.mv_sec .main_btn_box{bottom: 19.8%;;}
	.slick-dots,
	.slick-prev, .slick-next{bottom: 20%;}


	/* main_cont_wrap */
	.main_cont_wrap > .w1400 {font-size: 12px;}
	.quick_menu {font-size: 12px;}

	/* mns2 */
	.mns_tit {padding-left: 15px; -webkit-background-size: contain; background-size: contain;}
	.mns2 .mns_tit {margin-right: 15px;}
	.mns2 .tit_box,
	.mns_tit{margin-bottom: 30px;}
	.mns2 .tit_box img{width: 250px;}
	.mns2 { padding-top: 50px;}
	.mns2_cont { padding: 40px 30px 60px;}
	.mns2_cont h4 {text-shadow: 0px 0px 10px rgb(255 255 255 / 70%);}
	.mns2_cont a { line-height: 45px;  width: 150px;}

	/* mns3 */
	.mns3,
	.mns4,
	.mns5,
	.mns6{margin-top: 50px;}
	.mns6{margin-bottom: 80px;}

	/* mns4 */
	.mns4_cont h4 {height: 45px; margin-bottom: 5px; line-height: 1.4;}
	.mns4_cont .txt_box { padding: 15px;}

	/* mns5 */
	.mns5 .tit_box {margin-bottom: 30px; flex-wrap:wrap;}
	.mns5 .mns_tit {flex:0 0 100%; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box;}
	.mns5 .tit_box p{margin-top: 15px; flex: 0 0 100%; text-align: right;}
	.mns5_cont a {height: auto; padding: 30px 0 85px;}
	.mns5_cont span {bottom: 30px; line-height: 35px;}
	.mns5_cont li ,
	.mns6_cont li { flex: 0 1 49%;}
	.mns5_cont li:nth-child(2n),
	.mns6_cont li:nth-child(2n){margin-right: 0;}
	.mns5_cont li:nth-child(3),
	.mns6_cont li:nth-child(3){margin-right: 2%;}
	.mns5_cont li:nth-child(n+3),
	.mns6_cont li:nth-child(n+3){margin-top: 10px;}
	.mns5_cont,
	.mns6_cont{ justify-content: flex-start;}


	/* footer */
	.ft_info .ft_bottom {margin-top: 10px; padding-top: 10px; flex-direction: column;}
	.ft_info p span{float: none; display: block;}
	.ft_info p span::after{display: none;}
	.ft_info p.cpr{margin-bottom: 5px;}
	.ft_info p { flex-direction: column;}
	.ft_info p span { padding: 0px;}
	.ft_info p span::before {display: none;}

	.top_bt a { font-size: 13px; line-height: 50px;}
	.top_bt {width: 50px; height: 50px;}








}
@media (max-width:460px){ 

	

   	/* header */
	.hd_right a {-webkit-background-size: 30px; background-size: 30px; padding-left: 37px; line-height: 1.2; margin-right: 10px;}
	.hd_right {width: 160px;}

	/* mv */
	.mv_sec { font-size: 10px;}
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec {height:250px;}
	.mv_sec .mv_info { top: 20%;}
	.mv_sec .mv_list .item .t1 { line-height: 1.2;}
	.mv_sec .item .t2 { margin: 5px 0 10px;}
	.owl-theme .owl-dots {bottom: 35px;}
	.slick-prev, .slick-next {background-size: 7px;}
	.slick-dots li.slick-active::before {width: 8px; height: 8px;  margin-right: 8px;}
	.slick-dots li::before { width: 5px; height: 5px;}
	.slick-dots li {width: 8px; height: 8px; margin-right: 15px; line-height: 8px;}
	.slick-dots {margin-left: 20px;}
	.mv_sec .main_btn_box { margin-left: 115px;}
	.slick-next{ margin-left: 135px;}


	.quick_menu > li > a{padding: 0 5px; height: 39px;}
	.quick_menu a{font-size: 10px;}

	/* mns2 */
	.mns2 .tit_box {margin-bottom:25px;}
	.mns2 .tit_box img{width: 200px;}
	.mns2_cont { padding: 30px 20px 50px;}
	.mns2_cont h4 {font-size: 1.8em;}
	.mns2_cont a { line-height: 45px;  width: 120px;}


	/* mns3 */
	.mns3 .mns_cont li {flex: 0 0 49%; margin-right: 0;}
	.mns3 .mns_cont li:nth-child(n+3) {margin-top: 10px;}
	.mns3 .mns_cont .txt_box { height: 100px;}




	/* footer */
	.footer {padding: 20px 0 59px;}
	.footer.subb {padding: 20px 0;}

	.ft_info p span, .ft_info p.cpr, .ft_btn_pop ul li a { font-size: 12px;}
	.ft_btn_pop ul li a {padding:7px 0 7px 5px;}
	.ft_info .ft_txt {margin-top: 0px;}
	.ft_btn_pop ul li a { width: 130px;}
	.ft_info p.cpr, .ft_btn_pop {margin-top: 0px;}

	}