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

/**** Media Query *********************************/	
@media (max-width:1800px){

  .util{float: left;}
.mc_sec .marti01 .s_tb1 .mt_right h3{ opacity: 1; letter-spacing: -0.02em;}	
.mc_sec .marti01 .s_tb1 .mt_right div{ opacity: 1;}
.mc_sec .marti01 .s_tb1 .mt_right div h4{opacity: 1;position: static;}
.mc_sec .marti01 .s_tb1 .mt_right div h5{ opacity: 1;position: static;}
.mc_sec .owl-theme .owl-dots{opacity: 1; top: 24.3%;}

.gnb>ul > li > a{padding:0 2vw;}
	.mv_sec .mv_img {right: 13%}


}

@media (max-width:1600px){

	.gnb>ul > li > a{font-size:20px;}

	.gnb ul > li > a{padding: 0 1vw; font-size: 17px;}
	.util{width:12%;}
	.util > li > a{width:65px; margin-top: 1px;}
	.util > li > a img{ width: 100%;}*/
	.mv_info{position:static; margin:0;margin-top: 19vw;padding: 0 3vw;}
	
	.mv_sec .owl-theme .owl-dots{margin: 0 !important;left: 4vw;}
	.mc_sec{background-position: 0% 72%; height: 59vw;}
	.mv_sec .mv_info .t4 a img{margin-left:14px !important;}
	.mc_sec{padding: 0 2vw !important; background-size: 20%;}
	.mc_sec .marti01 .s_tb1 figure{width:47%;}
	.mc_sec .marti01 .active .s_tb1 .mt_right{width:53%;}
	.mc_sec .marti01 .s_tb1 .mt_right h3{padding-left: 1vw;font-size: 39px;}
	.mc_sec .marti01 .s_tb1 .mt_right div{padding-left: 1vw;padding-top: 2vw;}
	.mc_sec .owl-theme .owl-dots{right:auto; left:48%;top: 18.3%;}
	.hd_logo{margin-left: 20px;margin-right: 6%;}
	.cont03 .inner{overflow: hidden;}
	

}
@media (max-width:1400px){
	.cont03 .inner>div{width: 47% !important; margin-right: 6% !important;}
	.cont03 .inner>.rgt_bx{margin-right: 0 !important;}
}
@media (max-width:1300px){
	.h_site{margin-left: 2%;}
/* 	.mv_sec .mv_img{right: 2%;} */
	.mv_info .t1{font-size: 60px;}
	.mv_info .t2{font-size: 24px;}
}
@media (max-width:1200px){
	.gnb ul > li{float:none; display:inline-block;}
	.util{width: 20vw; position: absolute; right: 11vw;	 top: 0vw;}
	.gnb ul > li > a{padding: 0 2vw;}
	.gnb ul > li .subm > li{width:100%;}
	.util > li > a{width:77px;}
	.util > li > a img{width:auto;}
	.layer_box.layer_sitemap .div_outline_padding{width:100% !important;max-width: 1400px !important;}
	.mv_sec,
	.mv_sec .owl-theme .item{height:55vw;overflow: hidden;}
	.mv_info .t2::before{left:35vw;}
	.mc_sec{height:53vw;background-position: 0% 78%;}
	.mc_sec .owl-theme .owl-dot p::before{width: 2vw;height: 2vw;bottom: 6px;	right: -8px;}
	.mv_scroll{	background-size:50%;}
	.mc_sec .marti01 .s_tb1 .mt_right div h5{word-break: keep-all;font-size: 1.8vw; line-height: 1.5;width: 85%;}
	.mc_sec .marti01 .s_tb1 .mt_right div h5 br{display: none;	}
	.mc_sec .marti01 .s_tb1 .mt_right div h4{font-size: 2.5vw;}
	.mc_sec .marti01 .s_tb1 .mt_right h3{margin-top: 0; font-size: 3vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div{margin-top: 6vw;}
	.mc_sec .owl-theme .owl-dot p{font-size: 16px;}
	.mc_sec .owl-theme .owl-dots [class*="owl-"]{padding-right: 0; margin-right: 1vw;}
	.owl-theme .owl-nav.disabled + .owl-dots{top:10%;}
	.quick{width:183px;}
	.quick_over{width:183px;}
	.quick_over ul li p{font-size: 22px;}
	.mc_sec .marti01{margin-top: 9vw;}
	.lang > a{width: 70px;}
	.h_site{margin-left: 1%;}
	.gnb>ul > li > a{font-size: 18px;}
	.gnb{margin-left: 20px;}
	.hd_logo{margin-left: 5px;}
	.mv_info{margin-top: -112px;margin-left: 0;}
	.mv_info .t2{width: 65%;}
/* 	.mv_sec .mv_img{bottom: 600px !important;}
	.mv_sec .mv_img img{max-width: 500px;}
	.mv_sec .mv_img{right: -5%;} */

	.mv_sec .mv_img {right: 10%}
}
@media (max-width:1024px){
	.layer_box.layer_sitemap{display: none !important;}
/* 	.pop_bg{display: none !important;} */
	.gnb ul > li > a{font-size: 2vw;}
	.gnb ul > li .subm > li > a{font-size: 1.9vw;}
	.util{line-height: 35px;right: 8vw;top: 3vw;}
	.util > li > a{width: 6vw;	  height: 30px; }
	.util > li > a img{width:100%;padding-top: 1vw;}
	.util > li > a.blog{border: 2px solid #3ACB14;}
	.util > li > a{border: 2px solid #fa1818;}
	a.btn_sitemap{width:5vw; height:5vw;right: 3vw;top: 6vw;}
	.active .mv_info .t2{margin-bottom: 2vw;  }
	.mv_info .t2{transition:0;  transition:2.5s opacity ease;}
	.mv_info .t2::before{left:30vw;}
	.mv_info .t3{font-size: 2.3vw; line-height: 1.5;}
	.mv_info .t4{width:20vw; height:5vw;}
	.mv_info .t4 a{font-size: 2vw;	 line-height: 5vw;height: 5vw;}
	.mv_info .t4:hover a{color: #333 !important;}
	.mv_sec .mv_info .t4 a img{display: none !important;}
	.mv_info .t4::before{display: none;}
	.mv_scroll{background-size: 30%;	 margin-bottom: -9vw;}
	.quick .q_1{width:55px; height:245px; padding-top: 32px;}
	.quick_over{height:245px;}
	.quick_over ul li{height:122.5px;}
	.top_button{width:55px;bottom: 3vw;}
	.top_button img{margin-top: 8px;}
	.top_button p{font-size: 14px;}
	.quick{width:128px;}
	.quick_over{width:128px;}
	.quick_over ul li p{font-size: 2vw;}
	.quick_over ul li h3{font-size: 2vw;}
	.mc_sec{height:50vw; background-position: 0% 85%;}	   
	.mc_sec .marti01 .s_tb1 .mt_right div{margin-top: 5vw;}
	.mc_sec .owl-theme .owl-dots{top:7% !important;z-index: 9999;}
	.mc_sec .owl-theme .owl-dot p{font-size: 15px;}
	.mc_sec .marti01 .s_tb1 .mt_right div p a{font-size: 1.8vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div p{padding-right: 10vw; margin-top: 2vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div p a::before,
	.mc_sec .marti01 .s_tb1 .mt_right div p a::after{width: 88px;background-size: 100%;}
	.footer{height:auto; padding: 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 ;}
	.m_header_nav ul{clear: both;}
	#m_header{display: block;}
	.header{display: none;}
	.mv_info{margin-top: -155px;}
	.mv_info .t1{font-size: 50px;}
	.mv_info .t2{font-size: 22px;}
/* 	.mv_sec .mv_img img{max-width: 300px;}
	.mv_sec .mv_img{bottom: 390px !important;}
	.mv_sec .mv_img{right: -18%;}
	.item.mv02 > img{max-width: 1050px;} */
	.mv_info{margin-top: -208px;}
/* 	.item.mv01 > img,.item.mv02 > img,.item.mv03 > img{max-width: 1300px;} */
	.cont01 .product_list>li .btm_bx{height: 200px;}
	.cont03 .inner>div{margin-right: auto !important;}
}
@media (max-width:900px){
/* 	.mv_sec .mv_img{right: -30%;} */
	.mv_info{margin-top: -245px;}
	.mv_sec, .mv_sec .owl-theme .item{height: 54vw;}
	#m_header{height: 13vw;}
}
@media (max-width:800px){
	#wrap{margin-top: 10vw; padding:0;}
	.mv_sec .owl-theme .owl-dots [class*="owl-"]{margin-right: 1vw;}
	.mv_scroll{margin-top: -14vw;}
	.mv_info .t2::before{width: 28px;height: 6px; background-size: 100%; left: 31vw;}
	.mc_sec .marti01 .s_tb1 figure{width:40%;}
	.mc_sec .marti01 .active .s_tb1 .mt_right{width:60%;}
	.mc_sec .owl-theme .owl-dots{top:7% !important; left:40%;}
	.mc_sec .owl-theme .owl-dot p::before{bottom:12px;}
	.mc_sec .owl-theme .owl-dot p{font-size: 14px;}
	.mc_sec .marti01 .s_tb1 .mt_right div h4{margin-bottom: 1vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div p a::before, .mc_sec .marti01 .s_tb1 .mt_right div p a::after{width:10vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div h5{width:80%;}	
	.mc_sec{height:42vw;background-position: 0% 84%;}
	.mc_sec .marti01{margin-top: 7vw;}
	.mc_sec .owl-stage-outer{height:37vw;}		
	.con_title h2 .b_ul{clear:both; display:block; float:left; padding:7px 0 5px;}
	.quick{width:90px;}
	.con_title h2>span.non{display:block; font-size:28px;}
	.quick .q_1{width:40px;}
	.quick_over{width:100%;}
	.quick_over ul li figure img{width:50%;}
	.quick .q_1 h3{font-size: 2vw;}
	.quick .q_1 .q_click p{font-size: 2vw;}		  
	.quick .q_1{width:40px;}
	.top_button p{font-size: 2vw;margin-top: -4px;}
	.top_button{width:50px; right:20px;  height:50px; bottom:100px;}

	.top_button img{margin-top: 0;}
	.top_button p{line-height: 1;}
	.footer .ft_top ul li a{font-size: 13px;}
	.footer .ft_b ul li{font-size: 13px;}
	.footer .ft_b p{font-size: 13px;}	 
	.util{position: static; width: 100%;}				
	.util > p > a.blog{border: 2px solid #3ACB14;}
	.util > p > a{border: 2px solid #fa1818;}
	.util p{width:50%; float: left; background-color: #fff;}		 
	.util p a{text-align: center; line-height: 39px;}					
	.util p a img{vertical-align: middle;	 margin-top: -1vw;}
	a.btn_sitemap{top: 50%;  z-index: 99999 !important;margin-top: -2.5vw;}
	.cont01 .product_list>li{/* width: 19%;margin-right: 1.25%; */margin-top: 20px;}
	.cont01 .product_list>li:nth-child(5){margin-right: 0;}
}
@media (max-width:740px){
	.mv_info .t1>span.tt{font-size: 16px;}
	.mv_info .t1{font-size: 34px;}
	.mv_info .t2{font-size: 20px;}
/* 	.mv_sec .mv_img{right: -47%;}
	.mv_sec .mv_img img{max-width: 220px;}
	.mv_sec .mv_img{bottom: 287px !important;}
	.item.mv01 > img,
	.item.mv02 > img,
	.item.mv03 > img{max-width: 900px;} */
}
@media (max-width:675px){
	.main_gnb11 a img{margin-top: 40px;}

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

	#m_header,.main_gnb11,
	.main_gnb11 a{height:15vw;}
	.m_header_nav{top:15vw;overflow: scroll;}
	#wrap{margin-top: 15vw;}
	.mv_sec .owl-dots .owl-dot span{margin:5px !important; }
	.mv_info .t2{margin-top: 1vw; margin-bottom: 2vw; font-size:14px !important; transform:scale(1,1) !important;}
	.mv_info .t3{font-size: 3vw; width: 45%; word-break: keep-all;}	 
	.mv_info .t3 br{display: none;}
	.mv_info .t4{width:25vw; height:7vw;}
	.mv_info .t4 a{height:7vw;line-height: 7vw; font-size: 3vw;}
	.mv_scroll{height: 11vw;	 background-size: 24%;}
	.mc_sec .marti01 .s_tb1 figure{width:90%; float:none; margin:0 auto;}
	.mc_sec .marti01 .active .s_tb1 .mt_right{width:90%; float:none;  margin:0 auto;margin-top: 4vw;}
	.mc_sec,
	.mc_sec .owl-stage-outer{height:120vw; background: none;	}													
	.mc_sec .marti01 .s_tb1 .mt_right div{margin-top: 11vw;}
	.mc_sec .marti01 .s_tb1 .mt_right h3{font-size: 4vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div h4{font-size: 3.5vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div h5{font-size: 3vw;}
	.mc_sec .marti01 .s_tb1 .mt_right div p a{font-size: 3vw;}
	.mc_sec .owl-theme .owl-dots{top: 34% !important;left: 0;}
	.mc_sec .owl-theme .owl-dot p{font-size: 3vw;}			 
	.mc_sec .owl-theme .owl-dot p:before{right:-5px;}
	.mc_sec .owl-theme .owl-dots{top: 53% !important;width: 90%;	 left: 50%;	  margin-left: -45% !important;}
	.mc_sec .marti01 .s_tb1 .mt_right div p{margin-right: 2vw;}	  
	.mc_sec .owl-theme .owl-dots [class*="owl-"]{margin-right: 3vw;}
	a.btn_sitemap{display: none;}
	.quick .q_1 h3,
	.quick .q_1 .q_click p,
	.top_button p,
	.quick_over ul li h3,
	.quick_over ul li p{font-size: 3vw;}
	.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;}
	.mv_sec .owl-theme .owl-dots button{width: 24px;height: 24px;}
	.mv_sec .owl-theme .owl-dot:before{left: -4px;}
/* 	.item.mv01 > img,.item.mv02 > img,.item.mv03 > img{max-width: 800px;}
	.mv_sec .mv_img{right: -55%;bottom: 245px !important;} */
	.mv_info .t1{margin-bottom: 0;line-height: normal !important;}
	.cont01{margin-top: 40px;margin-bottom: 40px;}
}
@media (max-width:580px){
	.active .mv_info .t2{font-size: 16px !important;}
/* 	.mv_sec .mv_img{right: -63%;}
	.item.mv01 > img,.item.mv02 > img,.item.mv03 > img{max-width: 700px;} */
	.cont01 .product_list>li .btm_bx h3{font-size: 13px;line-height: 23px;}
	.cont01 .product_list>li:nth-child(4) .btm_bx h3{font-size: 11px;}
}
@media (max-width:550px){
	.main_gnb11 a{width: 35vw;}
	.main_gnb11 a img{margin-top: 15px;}
/* 	.mv_sec .mv_img img{max-width: 190px;}
	.mv_sec .mv_img{right: -74%;bottom: 245px !important;} */
	.cont01 .product_list>li .btm_bx{height: 180px;padding: 19px 0;}
	.cont01 .product_list>li .btm_bx .more_btn{display:none}
	.cont01 .product_list>li .btm_bx .bd{display:none;}
	.cont01 .product_list>li .btm_bx h3>span{font-size: 16px;}
	.cont01 .product_list>li .btm_bx .more_btn{font-size: 12px;}
	.cont02>div{width: 100%;height: 190px;}
	.cont02>div:nth-child(1){background-size: 250%;}
	.cont02>div:nth-child(2){background-size: 250%;}
	.cont01 .product_list>li .btm_bx{height: 60px; padding: 7px 0;}
}
@media (max-width:480px){
/* 	.mv_sec .mv_img{right: -82%;} */
	.mv_info .t1>span.tt{font-size: 14px;}
	.cont02>div{height: 150px;}
	.cont02>div:nth-child(1){background-size: 200%;}
	.cont02>div:nth-child(2){background-size: 200%;}
	.cont02>div>a>p{font-size: 24px;}
	.cont01{margin-top: 20px;}
}
@media (max-width:440px){
	.main_gnb11 a img{margin-top: 15px;}
	.m_manu ul li{margin-bottom: 8px;}
/* 	.mv_sec .mv_img{right: -101%;} */
	.mv_info .t1{font-size: 24px;}
	.active .mv_info .t2{font-size: 14px !important;}
	.mv_info .t1>span.tt{font-size: 12px;}
	.mv_sec, .mv_sec .owl-theme .item{height: 66vw;}


	.cont01 .product_list>li .btm_bx h3>span{font-size: 14px;margin-top: 0;}
	.cont01 .product_list>li .btm_bx .bd{margin-top: 8px;}
	.cont01 .product_list>li .btm_bx .more_btn{letter-spacing: 1.5px;}

	.mv_sec .mv_img {right: 3%;}
}

@media (max-width:390px){
/* 	.mv_sec .mv_img{right: -115%;} */
	.mv_scroll{margin-bottom: -14vw;}
}