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

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

@media (max-width:1800px){
	.header .gnb {padding-left: 1.1%;}
	.header {width: 100%;}
	.g_schi{right: 0%;}
}
@media (max-width:1700px){
	.footer{box-sizing: border-box; padding: 76px 20px 0;}
	.ft_menu{float: none; padding-left: 245px;}
	.ft_p_bx{padding-left: 240px;}
}
/* max-width 1300 -> 1500 변경*/
@media (max-width:1500px){
	.header {padding: 0 20px; box-sizing: border-box;}
	.gnb > li > a{width: 113px;}

}

/* max-width 1100 -> 1200 변경*/
@media (max-width:1100px){
	.mv_sec{box-sizing: border-box; padding: 0 20px;}
	.gnb .subm{width: 130%; left: -15%;}
	.gnb li:first-child .subm{left: -120%;}
	.gnb li:nth-child(2) .subm{left: -90%;}
	.gnb li:nth-child(3) .subm{left: -60%;}
	.gnb li:nth-child(4) .subm{left: -30%;}
	.gnb li:nth-child(5) .subm{left: 0%;}
	.gnb li:nth-child(6) .subm{left: 30%;}
}
/* max-width 1100 -> 1200 변경*/
@media (max-width:1100px){
	.header .hd_logo {width: 200px;}
	.header {height: 100px; z-index: 100000000;}
	.header:after{top:100px}
	.btn_mo_menu{position: absolute; right: 0px; top: 33px; width: 60px; height: 60px; z-index: 150;}
	.btn_mo_menu ul li{position: relative; width: 40px; height: 4px; background: #fff ; margin-bottom: 8px; transition:.3s;  }
	.btn_mo_menu.op ul li:first-child{transform:rotate(-45deg); top:10px}
	.btn_mo_menu.op ul li:nth-child(2){opacity: 0;}
	.btn_mo_menu.op ul li:nth-child(3){transform:rotate(45deg); top:-14px}
	.gnb > li{width: 100%;}
	.g_schi{right: 80px; top:25px}
	.g_schi > a{width: 45px; height: 45px; border-radius: 50%; background-size: 60%;}
	.gnb{display: none; width: auto;}
	.header .hd_logo,
	.hd_logo > a{height: 80px; background-size: 80%; background-position: left 20px; }
	.hdbg1{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 1000000000; top:80px; left: 0;} 
	.header .gnb{position: fixed; z-index: 1201212121101111102120; width: 50%; text-align: left; right: 0; top: 100px; float: none; left: auto; background: rgba(0,0,0,0.9); height: 100%; padding-left: 0;}
	.header .gnb li{float: none; } 
	.header .gnb li.mview > a{background: #009af5; color: #fff; }
	.header .gnb > li > a{height: auto; width: 100%; line-height: 3; font-size: 16px; padding-left: 20px; border-bottom: 1px solid rgba(255,255,255,0.3); display: block;}
	.header .gnb .subm{position: static;}
	.header .gnb > li .subm ul,
	.header .gnb > li:hover .subm ul{background: none; padding: 0; height: auto;}
	.gnb .subm > ul > li > a{box-sizing: border-box; padding-left: 20px; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 3;}

	.gnb > li > a{pointer-events: none; }


}
/* @media (max-width:1010px){
	.header .hd_logo{width: 22%}
	.header .hd_logo a{background-size: 100%;}
	.gnb{width: 63%;}
	.gnb > li{width: 16%;}
	.gnb > li > a{width: auto; font-size: 15px;}

} */

@media (max-width:800px){
	
/* main */
	.mv_sec .item h3{font-size: 38px;}
	.mv_sec .item p{font-size: 14px; word-break: keep-all; margin: 15px 0 20px;}
	.mv_sec .item p br{display: none;}
	.mv_sec .owl-carousel .owl-item img{width: 100% !important;}
	.mv_sec .item .ibx{top:none; position: static;} 
	.mv_sec .center .mv02 .ibx, .mv_sec .center .mv04 .ibx{right: 0;}
	.mv_sec .mv04 > .fbx > .tbx{padding-top: 0;}
	.mv_sec .item > .fbx {padding-top: 164px;}
	.mv_sec .item > .fbx > div{vertical-align: top;}
	.mv_sec .owl-theme .owl-nav.disabled+.owl-dots {width: 100%;left: -5px;right: auto;text-align: left;top: 358px;}
	.mv_sec .owl-theme .owl-dots .owl-dot{float: none; display: inline-block; vertical-align: top; margin: 0 10px ;}
	.mcnt ul li{width: 50%;}
	.mcnt ul li:after,
	.mcnt ul li:before{display: none !important;}
	.mcnt {top: -378px !important;}
	.mcnt ul li{margin-bottom: 30px;	}
	.mcnt ul li a{padding-left: 0;}

/* footer */
	.footer{padding: 0 20px; height: auto; overflow: hidden;}
	.ft_p_bx{padding-left: 0; padding-top: 80px; margin-top: 10px; padding-bottom: 20px;}
	.ft_menu{padding-left: 0; text-align: center; color: #000;  margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,0.4); padding-top: 0;}
	.ft_menu li a{line-height: 3; }
	
}

@media (max-width:640px){
	.hd_pops{width: 90% !important; left: 5% !Important;}
	.mv_sec .owl-theme .owl-nav.disabled+.owl-dots {top: 410px;}
	.hd_pops_con{width: 100% !important; height: auto !important;}

	.g_schi .g_sch_stx{position: fixed; width: 80vw; left: 50%; top: 90px; transform:translate(-50%); height: 50px; line-height: 50px; font-size: 3.6vw; padding-left: 10px;}
	.g_schi.on > a{background-size: 70% !Important;}

}


@media (max-width:440px){
	.header{height: 75px; }
	.header .hd_logo{width: 200px; height: 80px;}
	.header .hd_logo a{height: 80px; background-position: center left !important;}
	.g_schi { top: 20px;}
	.header:after{top:75px}

	.g_schi > a{width: 30px; height: 30px;}
	.btn_mo_menu{top:22px}
	.btn_mo_menu ul li {width: 35px;height: 3px;}
	.btn_mo_menu.op ul li:nth-child(3) {top: -11px;}
	.btn_mo_menu.op ul li:first-child {top: 11px;}
	.header .gnb{top:75px}
	
	.mv_sec{height: 250vw; background-size: cover;} 
	.mv_sec .item > .fbx {display: block; padding-top: 30vw;}
	.mv_sec .item > .fbx > div{display: block;	width: 100%;}
	.mv_sec .item > .fbx > div:last-child{position: relative; top:-50vw; z-index: 100;}
	.mv_sec .item > .fbx > div:first-child{position: relative; top:85vw; z-index: 100;}
	.mcnt{top:-17vw !important; }
	.mv_sec .item{height: 160vw; }
	.mv_sec .owl-theme .owl-nav.disabled+.owl-dots{top:160vw}
	.mv_sec .item h3{font-size: 7vw; line-height: 1;}
	.mv_sec .item p{font-size: 3.6vw; line-height: 1.7;}
	.mcnt ul li{width: 100%; float: none; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 8vw; }
	.mcnt ul li:last-child{border-bottom: 0;}
	.mv_sec{height: 372vw;}
	.mcnt ul li p{-ms-word-break: keep-all; word-break: keep-all;}
	.mcnt ul li p br{display: none;}
	.mcnt ul li h4{font-size: 4.6vw; line-height: 1;}
	.mcnt ul li p{font-size: 3.6vw; line-height: 1.7;}
	.ft_p{font-size: 3.6vw;}
	.ft_p span:after{display: none;}
	.ft_p_bx {padding-top: 69px;}


	
/* s604 */
	.s604_ty1 img{width: 60px;}
	.s604_ty1 ul li > figure {width: 74px;}
	.s604_ty1 ul li h4 {line-height: 35px;}
	.s604_ty1 ul li h4 i img{width: 35px;}
}

@media (max-width:414px){
	.mcnt { top: -30vw !important;}
	.mv_sec {height: 377vw;}

}

@media (max-width:360px){
	.mcnt{top:-55vw !important}
	.mv_sec {height: 390vw;}
}