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

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

@media (max-width:1600px){
	body, input, select, button, textarea {font-size: 15px;}
	.gnb{left: 56%;}
	.mv_sec .owl-theme .item > img{margin: 0; height: 100%; width: auto;}
	.mv_info{top: 32%;}
	.footer .f_left{padding-left: 1vw;}
	.footer .f_right{padding-right: 1vw;}
	.dis_none{display: none !important;}

}

@media (max-width:1400px){
	*{box-sizing:border-box;}
	body, input, select, button, textarea {font-size: 15px;}
	.mc1,
	.mc4 > div{padding: 10vw 1vw; box-sizing:border-box;}
	.mc1 .mtit{padding-top: 0;}
	.mc2{padding-left: 1vw; padding-right: 1vw;}
	.s1_1 .arti01 .right{padding-left: 2%;}

	.gnb > li > a{font-size: 16px; padding: 0 30px; }
	.mv_info{padding-left: 1vw;}
	.mc2 ul{position: relative;left: 0; transform:translate(0)}
	.mc2 ul li{padding: 2vw; padding-top: 4vw;}
	.mc2 ul li h4{font-size: 21px;}
	.mc4 > div > div.right > .left_box .bottom{padding-left: 3vw;}
	.mc4{margin-bottom: 0;}
	.footer .f_right .bottom li{display: inline-block;float:none; width: 30%;}
	.footer .f_right .bottom li img{width: 100%;}
	.btn_top{top: 95%; right: 3vw;}

}
@media (max-width:1200px){
	body, input, select, button, textarea {font-size: 15px;}
	.header .hd_sub{padding: 0 1vw;}
	.gnb > li > a{padding: 0 20px;}
	.gnb > li .subm{width: 135%; left: -19px;}
	.gnb > li .subm > li > a{font-size: 15px; line-height: 30px;}
	.mv_sec .owl-theme .item,
	.mv_sec{height: 525px;}
	.mv_info{top: 26%;}
	.mv_info .t1{margin-left: 5vw;}
	.mv_info .t1,
	.mv_info .t2{font-size: 33px;}
	@keyframes ani1{
	from{bottom:1vw;}
	25%{bottom:2vw;}
	to{bottom:1vw;}
	}
	.mts1{font-size: 16px;}
	.mc1, .mc4 > div{padding: 8vw 1vw;}
	.mt1{font-size: 32px;}
	.mc1 ul li > div{left: 1vw;}
	.mtit{padding-top: 8vw; margin-bottom: 3vw;}
	.mc3{padding-bottom: 8vw;}
	.mc2{height: auto; padding: 2vw 1vw;	background-size: auto 100% !important;}
	.mc2 ul li{width: 50%; height: 220px; padding: 1vw; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.mc2 ul li:nth-child(2n+2){border-right: none;}
	.mc2 ul li:nth-child(n+3){border-bottom: none;}
	.mc2 ul li .text{border-right: none;}
	.mc3 ul{padding: 0 1vw;}
	.mc3 ul li a .img{height: 155px; line-height: 155px;}
	.mc3 ul li a .img img{vertical-align: middle; display: inline-block; max-width: 100%;  max-height: 100%; width: auto;height: auto;}
	.mc3 ul li .text{padding: 1vw; min-height: 171px;}
	.mc3 ul li .text h4{font-size: 18px;}
	.mc3 ul li .text p{font-size: 15px; line-height: 1.5;}
	.mc4{height: auto;}
	.mc4 > div > div.left .top h3{font-size: 20px;}
	.mc4 > div > div.left{padding: 3vw 1vw;}
	.mc4 > div > div.right > .left_box{padding: 3vw 1vw;}
	.mc4 > div > div.right > .left_box h3{font-size: 20px;}

}
@media (max-width:1024px){
	body, input, select, button, textarea {font-size: 14px;}
	.hd_logo{width: 18%;}
	.gnb > li .subm{width: 167%; left: -23px;}
	.gnb > li > a{padding: 0 1vw;}
	.mc1 ul li{height: 285px;}
	.mc1 ul li p{font-size: 22px;}
	.mc3 ul li:hover{margin-top: 0;}
	.mc4 > div > div.right > .left_box h3::before{	background-size: 100% 100%; width: 100%;}
	.mc4 > div > div.right > .right_box a{width: 80%;}
	.footer .f_left{width: 100%;}
	.footer .f_right{width: 100%;}
	.footer .f_left .top li a,
	.footer .f_left .middle li span,
	.footer .f_left .bottom li span{font-size: 14px;}
	.footer .f_left .middle li{line-height: 1.5;}
	.footer .f_right .top a{float:none; text-align: center;}
	.footer .f_right .bottom li{margin: 0;}
	.footer .f_right .bottom{text-align: center;}
	.lang{margin-right: 54px;}



@media (max-width:800px){
	body, input, select, button, textarea {font-size: 13px;}
	.header::before{display: none;}
	.header{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.gnb{display: none;}
	.header .hd_sub,
	.header,
	.hd_logo > a,
	a.btn_sitemap{height: 15vw;}
	.mv_sec {margin-top: 15vw;}
	.hd_logo{width: 30%;}
	.mv_info .t3{color: #fff; width: 62%; -ms-word-break: keep-all;	word-break: keep-all; line-height: 1.5;}
	.mt1{font-size: 26px;}
	.mts1{font-size: 15px; margin-top: 1vw; margin-bottom: 5vw;}
	.mc1 ul li{background: auto 100% !important; height: 230px;}
	.mc1 ul li h3{font-size: 16px;}
	.mc1 ul li p{font-size: 19px;}
	.mc2 ul li h4{font-size: 18px;}
	.mc2 ul li p{font-size: 15px; line-height: 1.8;}
	.mc2 ul li span{font-size: 15px;}
	.mc2 ul li{padding: 3vw 2vw;}
	.mc2 ul{background: rgba(255,255,255,0.8);}
	.mc3 ul li .text p{min-height: 20px;padding: 0;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.mc3 ul li a .img{height: 130px; line-height: 130px; text-align: center;}
	.mc3 ul li .text h4{font-size: 16px ; height: 53px; line-height: 1.5;}
	.mc3 ul li .text span{font-size: 14px;}
	.mc3 ul li .text{min-height: 140px;}
	.mc3 ul li a .img img{width: 100%;}
	.mc4 > div > div.left .top h3{font-size: 17px;}
	.mc4 > div > div.left .top p,
	.mc4 > div > div.left .bottom a,
	.mc4 > div > div.left .bottom a span{font-size: 15px;}
	.mc4 > div > div.left .top p{height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	.mc4 > div > div.left .top a{top: -7px;}
	.mc4 > div > div.right > .left_box h3{font-size: 20px; padding-bottom: 1vw;}
	.mc4 > div > div.right > .left_box{width: 100%; height: 192px;}
	.mc4 > div > div.right > .right_box{width: 100%; height: 192px; padding-top: 3vw;}
	.mc4 > div > div.right h3{font-size: 20px;}
	.mc4 > div > div.right > .right_box p{font-size: 16px; line-height: 1.5; margin-top: 0; margin-bottom: 2vw;}
	.footer .f_left .middle li span::before{display: none;}
	.footer .f_left .middle li span{-ms-word-break: keep-all;	word-break: keep-all;}
	.footer .f_left .middle li span.cb{display: inline-block;}
	.footer .f_left .middle li span.w100{width: 100%; display: block; ;}
	.footer .f_left .bottom{margin-top: 2vw;}
	.footer{padding: 3vw 0;}
	.footer .f_left .middle{margin-top: 2vw;}
	.btn_top{top: 83%;}
	.lang{margin-top: 5vw;}

}

@media (max-width:640px){
	.lang{margin-top: 5.5vw; }
	.lang a.btn_lang{width: 60px;}
	body, input, select, button, textarea {font-size: 3.3vw;}
	.header .hd_sub,
	.header,
	.hd_logo > a,
	a.btn_sitemap{height: 18vw;}
	.mv_sec {margin-top: 18vw;}
	.hd_logo{width: 40%;}
	.mv_info{padding-left: 3vw;}
	.lnb5 ul li{width: 100% !important;}
	.mv_info .t1{font-size: 5vw;margin: 0;line-height: 1.5;margin-bottom: 2vw;}
	.mv_info .t2{font-size: 5vw; color: #fff !important;}
	.mv_info .t3{font-size: 4vw; width: 80%; margin-top: 3vw;}
	.mv_sec .owl-theme .item, .mv_sec{height: 95vw;}
	.mv_sec .owl-theme .owl-nav.disabled + .owl-dots{right: 3vw;}
	.mv_sec .owl-theme .owl-dots .owl-dot{margin: 3px 0;}
	.mv_scroll{width: 8vw; height: 8vw; 	background-size: 100% 100% !important; margin-left: -3.5vw;}
	.mc1, .mc4 > div{padding: 10vw 2vw;}
	.mc2{padding: 2vw;	}
	.mc3 ul{padding-left: 2vw; padding-right: 2vw;}
	.footer .f_left{padding-left: 2vw; padding-right: 2vw;}
	.mt1{font-size: 5vw;}
	.mts1{font-size: 3.5vw; line-height: 1.5; -ms-word-break: keep-all;	word-break: keep-all;}
	.mc1 ul li{width: 49.5%; margin-right: 1%;	 margin-top: 0 !important; margin-bottom: 1vw; }
	.mc1 ul li > div{left: 3vw;}
	.mc1 ul li:nth-child(2n+2){margin-right: 0;}
	.mc1 ul li h3{font-size: 4vw;}
	.mc1 ul li p{font-size: 4vw; line-height: 1.5;}
	.mc2{padding-bottom: 8vw;}
	.mc2 ul li h4,
	.mc2 ul li h4 b{font-size: 4vw;}
	.mc2 ul li{width: 100%; height: auto; padding: 5vw 2vw;}
	.mc2 ul li p{font-size: 3.5vw; line-height: 1.5;}
	.mc2 ul li span{font-size: 3.8vw; margin-top: 3vw;}
	.mc2 ul li:nth-child(3){border-bottom: 1px solid #ddd ;}
	.mc2 ul li .text::before{bottom: 0 !important; right: 3vw !important;}
	.mc3 ul li{width: 49.5%; margin-right: 1%;  margin-bottom: 2vw;}
	.mc3 ul li:nth-child(2n+2){margin-right: 0;}
	.mc3 ul li .text{padding: 3vw 5vw;}
	.mc3 ul li .text h4{font-size: 4vw; height: 12vw; margin-bottom: 2vw;}
	.mc3 ul li .text p,
	.mc3 ul li .text span{font-size: 3.5vw;}
	.mc3 ul li .text span::before{top: 5px;}
	.mc4{background-size: auto 100%;}
	.mc4 > div > div.left{width: 100%; float:none}
	.mc4 > div > div.right{width: 100%; float:none; height: auto;}
	.mc4 > div > div.left{padding: 5vw 3vw; height: auto;}
	.mc4 > div > div.left .top h3{font-size: 4.5vw;}
	.mc4 > div > div.left .top p, .mc4 > div > div.left .bottom a, .mc4 > div > div.left .bottom a span{font-size: 3.5vw;}
	.mc4 > div > div.left .top a{background-size: 100% 100%; width: 7vw; height: 7vw;	}
	.mc4 > div > div.right > .left_box h3,
	.mc4 > div > div.right h3{font-size: 4.5vw;}
	.mc4 > div > div.right > .left_box h3{padding-bottom: 3vw;}
	.mc4 > div > div.right li,
	.mc4 > div > div.right li:last-child{text-align: left; font-size: 3.5vw !important; line-height: 1.5; width: 31.333%; float: left;}
	.mc4 > div > div.right li span,
	.mc4 > div > div.right li:last-child{font-size: 3.5vw;}
	.mc4 > div > div.right > .left_box{height: auto; padding: 5vw 3vw;}
	.mc4 > div > div.right > .left_box .bottom{padding: 2vw;}
	.mc4 > div > div.right > .left_box ul{margin-top: 1vw; display: inline-block; width: 100%;}
	.mc4 > div > div.right > .right_box{height: auto; padding-bottom: 5vw;}
	.mc4 > div > div.right > .right_box p{font-size: 3.5vw; line-height: 1.5;}
	.mc4 > div > div.right > .right_box a{width: 50%; font-size: 4vw; height: 11vw; line-height: 11vw; margin-top: 6vw;}
	.footer .f_left .top li a, .footer .f_left .middle li span, .footer .f_left .bottom li span{font-size: 3vw;}
	.footer .f_left .top li::before{display: none;}
	.footer .f_left .middle li span{padding-right: 3vw; line-height: 1.5; display: block !important;}
	.footer .f_left .middle li span.w50{float: left;}
	.footer .f_left .bottom{clear: both;}
	.footer .f_right{padding-top: 3vw;}
	.footer .f_right .top a img{width: 50%;}
	.btn_top{width: 11vw; height: 11vw; }
	.btn_top span{line-height: 11vw; font-size: 3.8vw; font-weight: 400;}


}