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

/**** Media Query *********************************/
@media (max-width:1600px){
	.gnb > li > a{padding: 0px 18.5px;}
	/* .hd_sub p{width: 19.5%;} */
	.mv_list .owl-dots{width: 17%; left: 3vw;}
	.mv_sec1{padding:1vw; box-sizing:border-box;}
	.mv_sec1 ul li h5{font-size: 19px;}
	.mv_sec1 ul li p{word-break: keep-all;}
	.mv_sec1 ul li p br{display: none;}
	
}
@media (min-width:1600px){
	body{min-width:1400px}
	
}

@media (max-width:1400px){
	
	.gnb > li > a{font-size: 16px; padding: 0 15px;}
	.hd_sub p a {font-size: 12px;}
}

@media (max-width:1200px){

	.header{padding: 0 3vw;}
	.gnb > li > a{font-size: 14px; padding: 0 10px;}
	.header .hd_logo{width:7.7%;}
	.hd_logo > a{background-size: 100%;}
	.hd_sub .sns-area {display: none;}
	
/* .hd_sub p:before{position: absolute;content: '';width: 18px;height:18px;top:50%; left:6px;background:url(../../images/main/band_icon.png) no-repeat;margin-top: -9px;background-size: 100%;} */
	.mv_txt{max-width:1400px; width:100%;}
	.mv_sec1{padding: 0 3vw;}
	.mv_sec1 ul li{width:33.333% !important; margin-bottom: 3vw;}
	.mv_sev1_2 ul li{width:29% !important;}


}
@media (max-width:1024px){
    
    #m_header{display: block;}
	.header{display: none;}

}
@media (max-width:800px){
	body{min-width:auto}
	
	#wrap{margin-top: 10vw;}
	.mv_list .item{height:59vw;}
	.mv_txt{padding-left: 3vw; padding-right: 2vw; box-sizing:border-box; padding-top: 12vw;}
	.mv_list .item figure{margin-bottom: 2vw;}
	.mv_txt p{width: 50%; font-size: 2.3vw;	 line-height: 1.5; word-break: keep-all;}
	.mv_txt p br{display: none;}
	.mv_txt ul li{width: 7vw;	height: 7vw;	font-size: 2.3vw;line-height:7vw;}
	.mv_list .owl-dots{left:5.5vw; width: 100%} 
	.mv_list .owl-dots .owl-dot{width:5vw;}
	.stop{left:29vw;}
	.mv_sec1{box-sizing: border-box; margin: 10vw 0;}
	.mv_sev1_1{padding-bottom: 4vw; margin-bottom: 4vw;}
	.mv_sev1_1 figure{width:9vw;}
	.mv_sev1_1 figure img{width:100%;}
	.mv_sev1_1 h4{font-size: 24px;}
	.mv_sev1_1 h4{margin-top: 1vw;}
	.mv_sev1_1::before{width: 14vw;	 background-size: 100% auto;height: 16vw;}
	.mv_sec1 ul li h5{font-size: 2.5vw;}
	.mv_sec1 ul li p{font-size: 2.3vw; line-height: 1.5; word-break: keep-all; padding-right: 3vw;}
	.mv_sec1 ul li p br{display: none;}
	.mv_sev1_2{margin: 0; margin-top: 8vw;}
	.mv_sev1_2 ul li figure img{width:100%;}
	.mv_sev1_2 ul li figure{padding:3vw; height:27vw;}
	.mv_sev1_2 ul li h3{padding-top: 5px; font-size: 17px;	}
	.mv_sev1_2 ul li:nth-child(4n+4){margin-right: 3.52%;}
	.mv_sec3{padding:10vw 3vw; box-sizing:border-box;}
	.sec3_1 .item figure{width:100%;}
	.sec3_1 .item h4{width:100%; font-size: 16px;padding:0; margin: 2vw 0;line-height: 1.5;}
	.sec3_1 .item p{width:100%;}
	.sec3_1 .item figure::after{width: 5vw; margin-left: -2.5vw;	margin-top: -2.5vw;	background-size: 100% auto; height: 5vw;}
	 .sec3_1 .owl-nav button.owl-prev{left:0; margin-top:-65px;}
	 .sec3_1 .owl-nav button.owl-next{right:-3vw;  margin-top:-65px;}
	 .main_popup figure{float:none;width:100%; padding: 0;}
	 .main_popup .popup_right{float:none;width:100%; padding: 0; margin-top: 7vw;;}
	 .main_popup figure img{width:50%;}
	 .main_popup{width:80% !important;height: auto !important; }
	 .btn_close2{right:0 !important; width: 10vw !important;	height: 10vw !important;}
	 .btn_close2 img{width:100%;}
	 .main_popup .popup_right span{font-size: 17px; margin-bottom: 1vw;}
	 .main_popup .popup_right h3{font-size: 35px;line-height: 1;}
	 .hd_pops{top:18vw !important; }
	 .hd_pops_con{width: 50vw !important;height: 54vw !important;}
	 .hd_pops_footer button{font-size: 3vw;margin: 1vw;}

	 .sns_btn {position: static; margin-top: 5px;}
	 .sns_btn a{display: inline-block;	}







}

@media (max-width:640px){
	#m_header,
	.main_gnb11,
	.main_gnb11 a{height:13vw;}
	.m_header_nav{top:13vw;}
	.main_gnb11 a{width:11vw;}
	#wrap{margin-top: 13vw;}
	.mv_sec{background-color: transparent;}
	.mv_list .item{height: 74vw; background-size: auto 90% !important;	background-position-x: -18vw;background-position-y: 0;}
	.mv_txt{padding-left: 0;}
	.mv_txt ul li{font-size: 2.8vw;}
	.mv_txt ul{margin:0; margin-bottom: 2vw;}
	.mv_txt p{font-size: 2.8vw; width: 47%;} 
	.mv_list .item figure{width: 26% !important; margin-bottom: 3vw;margin-top: 3vw;}
	.mv_list .owl-dots{left:3vw;}
	.mv_list .owl-dots .owl-dot{width: 5vw;margin-right: 1vw; height: 1vw;}
	.stop{left:23vw;background-size: 35% auto;bottom: 64px;}
	.mv_sec1{margin:2vw 0;}
	.mv_sev1_1{padding-bottom: 2vw;}
	.mv_sev1_1 figure{margin-right: 4vw;}
	.mv_sev1_1 span{font-size: 2.8vw; line-height: 1;}
	.mv_sev1_1 h4{font-size: 3.3vw; margin:0;}
	.mv_sev1_1::before{right:3vw;}
	.mv_sec1 ul.mv1_ul li{width:50% !important ;padding-right: 2vw; box-sizing: border-box; margin: 0 !important; margin-bottom: 5vw !important; padding: 0; height: 21vw;}
	.mv_sec1 ul.mv1_ul li:last-child{width:100% !important;margin-top: 5vw !important;}
	.mv_sec1 ul.mv1_ul li h5{font-size: 3vw; line-height: 1.5; word-break: keep-all;box-sizing: border-box;}
	.mv_sec1 ul.mv1_ul li p{font-size: 2.8vw; padding-right: 1vw;	margin-top: 2vw;}
	.mv_sev1_2 ul li figure{padding-bottom: 0;}
	.mv_sev1_2 ul li h3{line-height: 1.5; font-size: 3vw;}	   
	 .main_popup .popup_right span{font-size: 3vw;}
	 .main_popup .popup_right h3{font-size: 4vw;}
	 .main_popup .popup_right ul li{font-size: 3vw; line-height: 1.5;}
	 .main_popup .popup_right ul{margin-top: 3vw;}
	  .main_popup{height:126vw !important;}
	.mv_sec3{margin-top: 10vw;}
	.btn_close2{width: 8vw !important;height: 8vw !important;}
	.sec3_1 .item h4{font-size: 3vw; word-break: keep-all; height: 13vw;}
	.sec3_1 .item p{width:100%;font-size: 3vw;padding-left: 7vw;background-size: 15%;}
	.sec3_1 .owl-nav button.owl-prev{background-size: 49%;margin-top: -52px;}
	 .sec3_1 .owl-nav button.owl-next{background-size: 49%;right: -10vw;margin-top: -52px;} 
	 .sec3_1 .owl-nav button.owl-next::before,
	 .sec3_1 .owl-nav button.owl-prev::before{	display: none;}
	 .footer{padding:3vw; height:auto;}
	 .ft_sub ul.ft_menu li a,
	 .ft_sub ul.ft_mebu2 li,
	 .ft_copy2{font-size: 2.8vw; line-height: 1.5;}
	 .ft_sub ul.ft_mebu2{margin:0;}
	 .ft_sub ul.ft_menu{padding:0;}
	 .top_button{right:3vw; top:3vw;}
	 .top_button p{position:static ; width:25px;}
	 .top_button p img{width:100%;}



	
	 .sns_btn {position: static; margin-top: 5px;}
	 .sns_btn a{display: inline-block;	font-size: 12px; padding: 0 15px; height: 30px; line-height: 28px;}




}