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

/**** Media Query *********************************/	
@media (max-width:1600px){
	.header{padding: 0 1vw;}
	.hd_logo{width: 25%;}
	.gnb{width: 58%; margin-left: 0;}
	.layer_box.layer_sitemap .div_outline_padding{padding-top: 11vw !important;}
	.mv_info{margin: 0; left: 3vw;}
	.mv_list .owl-nav{max-width:100%; left: 0; margin-left: 0;}
	.mv_list .owl-nav .owl-prev{left: 3vw;}
	.mv_list .owl-nav .owl-next{right: 3vw;}
	.m_sec1 ul li{text-align: center; height: 200px;}
	.m_sec1 ul li figure{float:none; margin:0 auto;}
	.m_sec1 ul li h3{width: 100%; margin:0;}
	.m_sec1 ul li figure::before{display: none;}
	.top_button.on,
	.top_button{right: 1vw;}
	.m_sec3{padding: 0 1vw;  background-size: auto 100%;}
	.gnb > li > a{font-size: 17px;}
	.lang{right: -39px;}
	

}
@media (max-width:1200px){
	.hd_logo{width: 20%;}
	.hd_logo > a{background-size: 100%;}
	.gnb > li > a{font-size: 17px;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div{left: 3vw;}
	.m_sec1 ul li:nth-child(4) h3{margin-top: 1vw;}
	.sc .gnb > li .subm > a{font-size: 15px;}
	a.btn_sitemap{display: none;}
	.lang{float: right; right: 1vw;}
	.gnb > li{width: 20% !important;}
	.gnb > li:last-child > a{padding: 0;}

	


}
@media (max-width:1024px){	
	.gnb > li{width: 20% !important;}
	.gnb > li:last-child > a{padding: 0;}
	.gnb{margin-left: 5vw;}
	.gnb > li .subm{padding-left: 1vw; width: 122%; margin-left: -12%;}
	.gnb > li:nth-child(2) .subm{width: 208%; margin-left: -45% !important;}
	.mv_info .t2{font-size: 55px; }
	.m_sec1 ul li h3{font-size: 16px; line-height: 1.5;}
	.m_sec1 ul li{height: 20vw;}
	.m_sec1 ul li:nth-child(6),
	.m_sec1 ul li:nth-child(7),
	.m_sec1 ul li:nth-child(8),
	.m_sec1 ul li:nth-child(9),
	.m_sec1 ul li:nth-child(10){margin-bottom: 0;}
	.m_sec1{padding: 8vw 1vw;}
	.m_sec3{height: auto; padding:8vw 1vw; background-size: 100% 100%;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div h3{font-size: 30px;}
	.m_sec3 .m_sec3_inner .sec3_1{width: 100%; float:none; margin:0 auto}
	.sec3_2{width:100% ; float:none;  margin:0 auto}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con{width: 50%; float: left;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a figure img{width: 174%;margin-left: -27vw;;}
	.sec3_2{margin-top: 3vw;}
	.m_sec3 .m_sec3_inner{padding-top: 0;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con{height: 200px;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a{height: 100% }
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div{top: 3vw;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div p{line-height: 1.5;}
	

	.footer{height:auto; padding: 0 0 3vw 0;}
	.footer .ft_top{line-height: 10vw;}
	.footer .ft_top ul li a{font-size: 15px;}
	.footer .ft_b{margin-top: 3vw;}
	.footer .ft_b ul li{font-size: 15px; line-height: 1.5;}
	.layer_email{max-height:auto ;}

											    

}
@media (max-width:800px){
	.m_header_nav ul{clear: both;}
	#m_header{display: block;}
	.header{display: none;}
	#wrap{margin-top: 10vw; padding:0;}
	a.btn_sitemap{display: none;}
	.m_sec1 ul li{height: 25vw;}
	.m_sec1 ul li figure{width: 70%;}
	.m_sec1 ul li h3{margin-top: 1vw;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div h3{font-size: 23px; line-height: 1.5;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con{height: 26vw;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div p{font-size: 16px; width: 80%;word-break: keep-all;}		  
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div p br{display: none;}

	.top_button{width: 40px; height: 40px;}
	.footer .ft_top{line-height: 8vw;}
	.footer .ft_top ul li a{font-size: 13px;}
	.footer .ft_b ul li{font-size: 13px;}
	.footer .ft_b p{font-size: 13px;}	 
	.lang{z-index: 9999;border-radius: 30px;border: 1px solid #333;width: 69px;height: 5vw;line-height: 5vw;text-align: center;margin-top: 2.5vw;}
	.lang a{font-weight: 500;}



}

@media (max-width:640px){
	#m_header,.main_gnb11,
	.main_gnb11 a{height:15vw;}
	.m_header_nav{top:15vw;overflow: scroll;}
	#wrap{margin-top: 15vw;}
	.m_header_nav > ul > li > ul li a{font-size: 13px; height: 35px; line-height: 35px; padding-left: 3vw;}
	.main_gnb11 a{width:39vw; background-size: 100%;}
	.mv_sec .owl-theme .item,
	.mv_sec,
	.mv_sec .owl-theme .item .img{height: 90vw;}		 
	.mv_sec .owl-theme .item .img{background-position-x: 100%;}
	.mv_info .t1{font-size: 3.5vw; padding: 0 5px; border-left: 3px solid #fff; border-right:3px solid #fff;}
	.mv_info .t2{font-size: 6vw; line-height: 1.5;}
	.mv_info .t3{font-size: 4vw; line-height: 1.5;}	   
	.mv_list .owl-nav{top:auto; bottom:10vw;}
	.mv_list .owl-nav .owl-prev{left: 0; font-size: 11px !important; padding-left: 0 !important;}
	.mv_list .owl-nav .owl-next{right: 0; font-size: 11px !important; padding-right: 0 !important;}
	.mv_list .owl-nav .owl-next::before,
	.mv_list .owl-nav .owl-prev::before{width: 30px;}
	.mv_info{left: 0;top: 0;height: 100%;padding-top: 16vw;box-sizing: border-box;background-color: rgba(0,0,0,0.5);}
	.mv_scroll{width: 4vw; height: 8vw; margin-left: -2vw;background-size: 100% auto;}
	@keyframes ani1{
		from{bottom:4vw;}
		25%{bottom:5vw;}
		to{bottom:4vw;}
	}
	.m_sec1{padding: 10vw 3vw;}
	.m_sec1 ul li{box-sizing: border-box;  height: 39vw; width: 25%;margin-bottom: 3vw !important;}
	.m_sec1 ul li figure{padding: 0 2vw;}
	.m_sec1 ul li figure img{width: 100%;}
	.m_sec1 ul li h3{font-size: 3.5vw;word-break: keep-all;}	   
	.m_sec1 ul li h3 br{display: none;}
	.m_sec1 ul li a{ height: 100%;}
	.m_sec3{padding:10vw 3vw; background-position: 0 100%}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con{width: 100%; height: 32vw;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div {top:6.5vw}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div h3{font-size: 4vw;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a div p{font-size: 3.5vw;}
	.m_sec3 .m_sec3_inner .sec3_1 .sec3_con a figure img{margin-left: -55vw; width: 165%;}
	.sec3_2{height: 60vw; margin-top: 10vw;}
	.sec3_2 iframe{height: 100%;}
	.top_button{width: 32px; height: 32px;}
	.footer .ft_b ul{line-height: 1;}
	.footer .ft_top ul li a,
	.footer .ft_b ul li,
	.footer .ft_b p{font-size: 3vw;}
	.footer .ft_b ul li::before{display: none;}
		.lang{z-index: 9999;border-radius: 30px;border: 1px solid #333;width: 61px;height: 7vw;line-height: 7vw;text-align: center;margin-top: 4vw;}





}