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

/**** Media Query *********************************/
@media (max-width:1600px){
	.hd_logo > a{background-size:100%}
	.mv_sec .owl-theme .item img{ left: 0;		transform:scale(1); max-height: 100%; height: 100%; width: auto;}
	.sec101,
	.sec201{padding-left: 10px;padding-right: 10px;	}
	.sec101_right ul li{overflow: hidden;}
	.sec201_right .sec201_popup div{width: 54%;}
	.layer_s2{width: 90% !important; max-height: 780px !Important;}
	.layer_s2 img{width: 100%;}
	.sec301{padding-bottom: 0;}
	.sec301_left{background-size:auto 100%}
	.footer{padding: 0 10px;}

}	 
@media (max-width:1400px){		
	.mv_info{position: relative; left: 0; margin-left: 0;}
	.mv_sec .owl-theme .item img{left: -10%;}
	.mv_sec .owl-nav{left: 0; margin-left: 0;}
	.mv_sec .owl-nav .owl-prev{left: 0;}
	.mv_sec .owl-nav .owl-next{right: 0;}
	.sec101_right ul li p{-ms-word-break: keep-all;	word-break: keep-all;	}
	.sec101_right ul li p br{display: none;}
	.sec201_right .sec201_popup figure{width: 50%;}
	.sec201_right .sec201_popup div{padding-left: 10px; width: 50%; padding-top: 15px;}
	.layer_s2{max-height: 725px !important;}
	.sec301_left p{margin-bottom: 35px;}
	.sec201_list .item div a{padding: 0 10px;}
	.sec101_right ul li p{font-size: 15px; line-height: 1.5;}
	.sec301_left,
	.sec301_right{padding-left: 40px;}
}	
@media (max-width:1200px){
	.sub_bg div{padding-left: 20px;}
	.mv_sec .owl-theme .item img{left: auto; right: -20%;}
	.mv_info .t2{font-size: 37px; line-height: 1.5;}
	.sec101 .sec101_left{padding: 20px;}
	.tab_a ul li a p{width: 75%;}
	.tab_a ul li a span{width: 25%;}
	.sec101_right ul li h4{font-size: 17px; margin-bottom: 5px;}
	.sec201_left h3,
	.sec201_right h3,
	.sec301_left h4,
	.sec301_right h3{font-size: 25px;}
	.sec201_list .item div a p{width: 85%;}
	.sec201_left .sec201_more{margin-top: 15px;}
	.sec201_right .sec201_popup{padding: 22px;}
	.layer_s2 img{width: auto; height: auto;max-width: 100%; max-height: 100%;}

}				   
@media (max-width:1024px){
	.header_in {padding: 0 1vw;}
	.hd_logo{left: 0;}
	.hd_logo > a{background-size:98%}
	.header .hd_sub{margin-left: 1%; width: 65%;}
	.sub_bg div{padding-left: 0;background-position-x: 0%;	width: 24%; float: left;}
	.sub_bg div p{font-size: 14px; line-height: 1.5; width: 100%; -ms-word-break: keep-all;	word-break: keep-all;	}
	.sub_bg div p br{display: none;}
	.gnb ul > li > a{font-size: 16px;}
	.gnb ul > li .subm > li > a{font-size: 14px; line-height: 30px;}
	.mv_sec .owl-theme .item,
	.mv_sec{height: 410px;}
	.mv_sec .owl-theme .item img{right: -44%;}
	.mv_info .t3{font-size: 16px; line-height: 1.5;}
	.tab_a .more{top: -40px;}
	.sec101 .sec101_left .sec101_ul li{font-size: 16px;}
	.sec101 .sec101_left{height: 270px; 	}
	.tab_a ul li a p,
	.tab_a ul li a span{font-size: 14px;}
	.sec101_right ul li figure{height: 75px;}
	.sec101_right ul li figure img{height: 100%;}
	.sec201_left{padding-right: 0;}
	.sec201_right{width: 32.79%;}
	.sec201_right .sec201_popup{padding: 50px 10px; }
	.sec201_right .sec201_popup div h4{font-size: 16px;}
	.sec301_left, .sec301_right{padding-left: 3vw;}
	.sec301_left p,
	.sec301_right p{font-size: 16px; -ms-word-break: keep-all;	word-break: keep-all; line-height: 1.5;}
	.sec301_right ul li{font-size: 16px; line-height: 1.5;}
	.sec201_right .sec201_popup div h4 br{display: none;}
	.sec301_right h4{font-size: 27px;}

}		      
@media (max-width:800px){		  
	#wrap{padding-top: 12vw;}
	#m_header{display: block;	}
	.header {display: none;}
	.mv_sec .owl-theme .item img{right: -66%;}
	.mv_sec .owl-theme .mv03 img{right: -85%;}
	.mv_info{padding-left: 8%;}
	.mv_info .t2{font-size: 27px;}
	.mv_info .t3{width: 50%; -ms-word-break: keep-all;	word-break: keep-all;}
	.mv_info .t3 br{display: none;}
	.sec101 .sec101_left{width: 100% ;float:none;margin-bottom: 5vw; height: auto;padding: 3vw;}
	.sec101 .sec101_left .sec101_ul li:last-child::after {width: 93px;}
	.sec101 .sec101_right{width: 100%; float:none;}
	.sec101_right ul li{height: 250px;}
	.sec201_left{width: 100%; float:none;}
	.sec201_right{width: 100%; float:none;}
	.sec201_right .sec201_popup{height: auto; padding: 3vw;}
	.sec201_right .sec201_popup figure{width: 20%;}
	.sec301_left, .sec301_right{width: 100%; float:none; height: auto; padding: 3vw; 	background-size:100% ;}
	.sec301_left::before{right: 3vw; bottom: 3vw;}
	.footer{height: auto; padding: 3vw;}
	.ft_top{padding-top: 0; padding-bottom: 3vw;}
	.ft_top ul li{font-size: 14px;}
	.ft_top ul li:nth-child(4):before{display: none;}
	.ft_top ul li:nth-child(5){padding-left: 0;}
	/* .sec201_right .sec201_popup a.pdf_btn.pc_btn {display:none}
	.sec201_right .sec201_popup a.pdf_btn.m_btn {display:block} */

}   
@media (max-width:640px){
	#wrap{padding-top: 17vw;}
	#m_header{height: 17vw;}
	#m_header::before {content:''; position: absolute;left: 0;  top: 0px;width: 100%; height: 3px;background-color: #1fa9da}
	#m_header_box .m_manu{height: 17vw ;width: 17vw; line-height: 17vw;}
	#m_header_box .m_manu ul{margin-top: -3px;}
	#m_header_box .m_manu ul li{width: 30px;}
	#m_header_box .m_logo{width: 55%;}
	#m_header_box .m_logo a{background-size:96% auto}
	.m_header_nav{top: 17vw; width: 58%;}
	.m_header_nav ul li{line-height: 13vw;}
	.m_header_nav ul li a{font-size: 17px;}
	.m_header_nav ul li::before{top: 8.5vw; width: 33%;}
	.m_header_nav ul li:nth-child(3)::before {width: 46%;}
	.m_header_nav > ul > li > ul li{line-height: 1;}
	.m_header_nav > ul > li > ul li a{font-size: 14px; padding: 10px 0;}
	.mv_sec .owl-theme .item, .mv_sec{height: 280px;}
	.mv_info{padding-left: 8%;top: 0;height: 100%;margin-top: 0;background: rgba(255,255,255,0.3); padding-top: 14vw;}
	.mv_info .t1{height: 18px; margin-bottom: 1vw;}
	.mv_info .t2{font-size: 20px; margin-bottom: 1vw;}
	.mv_info .t3{width: 100%; font-size: 13px; width: 80%;}
	.mv_sec .owl-nav{margin-top: -17.5px !important;}
	.mv_sec .owl-nav .owl-prev, .mv_sec .owl-nav .owl-next{background-size: auto 100% !Important; height: 35px;}
	.tab_a ul{padding-top: 12px;}
	.tab_a .more{line-height: 29px;}
	.sec101 .sec101_left{margin-bottom: 40px;}
	.sec101 .sec101_right{overflow: hidden;}
	.sec101_right ul li{width: 50%; height: auto; overflow: visible;}
	.sec101_right ul li a{padding: 3vw;}
	.sec101_right ul li figure{margin-bottom: 10px;}
	.sec101_right ul li.li1,
	.sec101_right ul li.li2{ border-bottom: 1px solid #fff;}
	.sec101_right ul li.li3,
	.sec101_right ul li.li4{border-top: 1px solid #c6e0f9;}
	.sec101_right ul li h4{font-size: 16px;}
	.sec101_right ul li p{font-size: 14px; line-height: 1.5;}
	.sec201_left h3, .sec201_right h3, .sec301_left h4, .sec301_right h3{font-size: 20px;}
	.sec201_left .sec201_more{margin-top: 7px;}
	.sec201_list .item figure{height: 125px;}
	.sec201_list .item div a{line-height: 38px;}
	.sec201_list .item div a p{font-size: 14px;}
	.sec201_list .item div a span{margin-top: 11px;}
	.sec201_right .sec201_popup{padding: 7vw 3vw; border-radius:40px 0 40px 0}
	.sec201_right .sec201_popup div h4{line-height: 1.5;}
	.sec201_right .sec201_popup figure{width: 30%;}
	.sec201_right .sec201_popup a,
	.sec301_left a{font-size: 14px; height: 36px; line-height: 36px; width: 140px;}
	.sec301_left p, .sec301_right p{font-size: 14px;}
	.sec301_left::before{width: 55px; background-size:100%; bottom: 3vw;background-position-y: 100%;}
	.sec301_left p{width: 80%; margin-bottom: 10px;}
	.sec301{padding-top: 40px;}
	.sec301_left, .sec301_right{padding: 6vw 3vw;background-size:100% 100% !important}
	.sec301_left h4,
	.sec301_right h3{line-height: 1; margin-bottom: 10px;}
	.sec301_right h4{font-size: 18px; line-height: 30px;}
	.sec301_right h4 img{height: 30px;}
	.sec301_right ul li{font-size: 14px; }
	.footer::after{height: 5px;}
	.footer::before{height: 5px;}
	.ft_top ul li,
	.ft_bottom p.copy,
	.ft_bottom ul li a{ font-size: 12px; line-height: 1.5;}
	.ft_top ul li:first-child{display: block; width: 100%;}
	.ft_top ul li{display: block; line-height: 1.5;}
	.ft_top ul li:nth-child(3)::before {display: none;}
	.ft_top ul li:nth-child(4){padding-left: 0;}
	.ft_top ul li:nth-child(4)::before{display: block;}
	.ft_top ul li:nth-child(5){padding-left: 14px;}
	.btn_top{width: 35px ; height: 35px; right: 3vw; bottom: 70px;}
	.btn_top p{line-height: 35px; font-size: 13px;}

}