@charset 'utf-8';
/*
font-family:"Pretendard", sans-serif;
font-family:"MP";
*/
.mcon01, .mcon02, .mcon03, .mcon04, .mv{-webkit-transform:translateZ(0);}
#wrap{width:100%;position:relative;overflow-y:hidden;margin:0 auto;}
#header{width:100%;height:100px;background-color:#fff;position:fixed;top:40px;z-index:99999;box-sizing:border-box;border-bottom:1px solid #0055ff;max-width:2560px;left:50%;transform:translateX(-50%) !important;-webkit-transform:translateX(-50%) !important;-ms-transform:translateX(-50%) !important;-moz-transform:translateX(-50%) !important;-o-transform:translateX(-50%) !important;}
#header .all-lnb{position:absolute;left:0;top:0;width:100%;height:980px;background-color:rgba(0,85,255,0.95);box-sizing:border-box;z-index:99999999;display:none;}
#header .all-lnb .inner > a{width:45px;height:45px;display:block;margin:200px auto 0;box-sizing:border-box;}
#header .all-lnb .inner > ul{font-size:0;text-align:center;padding-top:90px;letter-spacing:-.2px;}
#header .all-lnb .inner > ul > li:last-of-type{margin-right:0;}
#header .all-lnb .inner > ul > li{display: inline-block;vertical-align:top;margin-right:60px;}
#header .all-lnb .inner > ul > li > a{display:block;font-size:20px;line-height:1;font-weight:bold;color:#fff;text-align:center;}
#header .all-lnb .inner > ul > li > ul{margin-top:55px;}
#header .all-lnb .inner > ul > li > ul > li{}
#header .all-lnb .inner > ul > li > ul > li > a{display:inline-block;font-size:18px;line-height:1.3;font-weight:400;color:#ddd;padding-top:10px;transition:all 0.3s;border-bottom:1px solid transparent;}
#header .all-lnb .inner > ul > li > ul > li > a:hover{font-weight:bold;border-bottom:1px solid #ddd;}
#header .all-lnb .inner > ul > li > ul > li.on > a{font-weight:bold;border-bottom:1px solid #ddd;}
#header .white-bg{width:100%;height:160px;position:absolute;top:100px;z-index:88888;background-color:#fff;display:none;border-bottom:1px solid #ddd;}
#header:after{display:block;content:"";clear:both;}
#header > h1{float:left;margin:18px 20px 0 180px;position:relative;z-index:999999;width:180px;}
#header > h1 a{display:block;}
#header > h1 a img{max-width:100%;}
#header > h1 a.logo{display: block;}
#header > h1 a.logo-s{display: none;}
#header .gnb{position:absolute;top:0px;left:40px;transform:translateX(-50%);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);z-index:99999;height:100%;width:100%;}
#header .gnb > ul{font-size:0;text-align:center;height:100%;letter-spacing:-4px;}
#header .gnb > ul > li{display: inline-block; vertical-align:top;position:relative;height:100%;transition:all 0.3s;margin-right:20px;}
#header .gnb > ul > li:last-child{margin-right:0px;}
#header .gnb > ul > li > a{font-size:19px;font-weight:800;color:#000;letter-spacing:-0.04em;line-height:1;padding:35px 45px 0 45px; display:block;height:100%;box-sizing:border-box;}
#header .gnb > ul > li > a:after{display:block;content:"";width:0;height:3px;background-color:#0055ff;position:absolute;left:0;bottom:-2px;transition:all 0.3s;}
#header .gnb > ul > li.active > a:after{width:100%;}
#header .gnb > ul > li.on > a:after{width:100%;}

#header .quick{float:right;margin:28px 50px 0 0;position:relative;box-sizing:border-box;z-index:9999999;}
#header .quick a{display: inline-block;  padding: 10px 30px; color: #fff; background-color: #0055ff; border: none;font-size: 14px; font-weight:500; border-radius: 90px;;}
#header .quick a:hover{background-color: #000;transition:all 0.3s; }
#header .quick a.progress{background-color: #0096ff; }
#header .quick a.progress:hover{background-color: #0063a8; }


.tophead{width:100%;background-color:#f5f5f5; height:40px;position:fixed;top:0;z-index:999999;}
.tophead p{text-align: center;}
.tophead img{vertical-align: middle;}
.tophead a:first-child{padding-right:20px;}
.tophead a:last-child{padding-left:20px;}
.tophead a img{width:130px; padding-top:5px; vertical-align: middle;}

/* 2���� */
#header .gnb > ul > li > ul{display:none;position:absolute;top:100px;left:0;width:100%;z-index:99999;padding-top:27px;box-sizing:border-box;}
#header .gnb > ul > li > ul > li{padding-bottom:15px;}
#header .gnb > ul > li > ul > li:hover a{color:#0055ff;border-bottom:1px solid #0055ff}
#header .gnb > ul > li > ul > li > a{font-size:17px;letter-spacing:-0.04em;font-weight:600;color:#000;text-align:center;display:inline-block;vertical-align:top;line-height:1.4;border-bottom:1px solid transparent;transition:all 0.3s;}
#header .all-menu{float:right;margin:36px 60px 0 0;width:36px;height:28px;position:relative;box-sizing:border-box;z-index:999999;}
#header .all-menu a{display:block;width:100%;height:100%;}
#header .all-menu a img{display:block;position:absolute;left:0;top:0;transition:all 0.3s;}
#header .all-menu a img.off{opacity:1;}
#header .all-menu a img.on{opacity:0;}
#header .all-menu a.active img.off{opacity:0;}
#header .all-menu a.active img.on{opacity:1;}
#header .all-menu.mobile{display:none;}
#header .mobile-gnb{top:-99999px;}

#header .link{float:right;margin:36px 60px 0 0;position:relative;box-sizing:border-box;z-index:999999;}
#header .link a{border-radius:4px; padding:10px 30px; background-color: #1f2353; color:#fff; text-align: center;font-size:13px;}


@media all and (max-width:670px){
#header .link{display:none;}
}

#header .mobile-gnb.slide-on{top:0;}
#header .mobile-gnb{position:absolute;width:100%;z-index:999999999;background-color: rgba(0,85,255,0.95);top:-9999px;left:0;transition:all 0.7s;}
#header .mobile-gnb .top:after{display:block;content:"";clear:both;}
#header .mobile-gnb .top{width:100%;height:95px;transition:relative;}
#header .mobile-gnb .top h1{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:25px;}
#header .mobile-gnb .top h1 a{display:block;width:100%;height:100%;}
#header .mobile-gnb .top > a{float:right;margin:20px 20px 0 0;display:block;width:30px;height:30px;}
#header .mobile-gnb .top > a img{width:100%;height:100%;}
#header .mobile-gnb > ul{}
#header .mobile-gnb > ul > li.on > ul{display:block;}
#header .mobile-gnb > ul > li:first-of-type > a{border-top:1px solid rgba(255,255,255,0.3);}
#header .mobile-gnb > ul > li > a{display:block;width:100%;height:80px;line-height:80px;color:#fff;font-size:24px;font-weight:400;text-align:center;border-top:1px solid rgba(255,255,255,0.3);font-weight:600;}
#header .mobile-gnb > ul > li > ul{display:none;}
#header .mobile-gnb > ul > li > ul > li{text-align:center;}
#header .mobile-gnb > ul > li > ul > li.on a{color:#ddd;font-weight:bold;border-bottom:1px solid #ddd;}
#header .mobile-gnb > ul > li > ul > li:last-child{margin-bottom:20px;}
#header .mobile-gnb > ul > li > ul > li:first-child{}
#header .mobile-gnb > ul > li > ul > li > a{display:inline-block;height:50px;line-height:50px;color:#fff;font-size:20px;font-weight:400;text-align:center;}

@media all and (max-width:1620px){
	#header > h1{margin-left:30px;}
}
@media all and (max-width:1399px){
	#header .gnb > ul > li > a{padding:37px 34px 0 34px;}
	#header .gnb > ul > li > ul > li > a{font-size:14.5px;}
	#header > h1{margin-left:15px;}
	#header .all-menu{float:right;margin:36px 20px 0 0;}
}

@media all and (max-width:1270px){
	#header .all-menu.mobile{display:block;}
	#header .all-menu.pc{display:none;}
	#header .gnb{display:none;}
	#header .all-menu{margin-right:0;}
	#header{padding-left:2.5%;padding-right:2.5%;}
	#header > h1 a.logo{display: block;}
	#header > h1{margin-left:0px;}
}
@media all and (max-width:600px){
	#header .quick{display: none;}
}

@media all and (max-width:440px){
	#header > h1 a img{width:150px; padding-top:5px}
	.tophead a img{width:110px;}

}



#footer{position:relative;padding:40px 35px 40px 60px;width:100%;box-sizing:border-box;background-color: #101330;}
#footer > a{position:absolute;display:block;right:35px;top:-35px; z-index:14;}
#footer:after{display:block;content:"";clear:both;}
#footer .left{float:left;width:505px;}
#footer .left .top{}
#footer .left .top {margin-bottom:25px;display:block;width:157px;color:#fff;}
#footer .left .top img{width:100%;}

#footer .left .bottom{padding-top:0px;}
#footer .left .bottom p {color:#fff;}
#footer .left .bottom p a{color:#fff;font-size:14px;}
#footer .left .bottom span{display:inline-block;vertical-align:top;margin-right:25px;font-size:14px;letter-spacing:-0.01em;text-align:left;font-weight:300;color:#fff; opacity: 0.6;}
#footer .left .bottom span a{font-weight:300;font-size:14px;color:#fff;}
#footer .left .bottom span:nth-of-type(4n){margin-right:0;}
#footer .left .bottom span:nth-of-type(-n+3){margin-bottom:5px;}
#footer .left .bottom span:last-of-type{display:block;padding-top:15px;font-size:13px;}

#footer .right{float:right; text-align: center;}
#footer .right .family-site{position:relative;width:230px;z-index:55555;display: inline-block;}
#footer .right .family-site > a.active{background:url("../img/common/family-bg-on.png")no-repeat 90% 50%;}
#footer .right .family-site > a{text-align:left;display:block;width:230px;height:50px;box-sizing:border-box;border:1px solid #636587; background-color:#101330;padding-left:20px; line-height:50px;font-size:14px;color:#fff;font-weight:300;letter-spacing:-0.01em;background:url("../img/common/family-bg-off.png")no-repeat 90% 50%;transition:all 0.3s;;}
#footer .right .family-site > ul{position:absolute;bottom:50px;width:100%;display:none;}
#footer .right .family-site > ul > li{width:230px;}
#footer .right .family-site > ul > li > a{text-align:left;display:block;border:1px solid #777; width:230px;height:50px;line-height:50px;font-size:14px;color:#fff;width:100%;border-bottom:0; padding-left:20px;box-sizing:border-box;background-color:#101330;}

#footer .right .sns {text-align: center; display: inline-block;}
#footer .right .sns a img {width:42px;height:42px;vertical-align: middle; opacity: .9}
#footer .right .sns a{margin-right:2px; vertical-align: middle;}



@media all and (max-width:1200px){
	#footer{padding-left:2.5% !important;padding-right:2.5% !important;}
}
@media all and (max-width:1024px){
	#footer .left{float:none;width:100%;}
	#footer .right{float:none;width:100%;}
	#footer .right .family-site{margin:0 auto;}
	#footer .left .top {padding-top:25px;padding-bottom:10px;margin:0 auto;}

	#footer .left .top a{margin:20px auto 0;}
	#footer .left .middle{font-size:0;text-align:center;padding-top:20px;letter-spacing:-4px;}
	#footer .left .middle a{float:none;display: inline-block;vertical-align:top;letter-spacing:-0.05em;}
	#footer .left .bottom{padding-top:10px; text-align: center;}
	#footer .left .bottom span:first-of-type{margin-right:15px;}
	#footer .left .bottom span{text-align:center;}
	#footer .left .bottom span:nth-of-type(4){margin-bottom:5px;}
}
@media all and (max-width:640px){
	#footer{padding:50px 30px 30px 30px;}
	#footer > a img{width:50px;height:50px;}
	#footer > a{right:25px;top:-25px;}
}
@media all and (max-width:440px){
	#footer .left .bottom span{margin-right:15px;font-size:13px;}

}



.hide{display:none;}
.fs16{font-size:16px !important;}
.fs20{font-size:20px !important;}
#lnb{padding-top:165px;width:100%;}
#lnb > h2{font-size:40px;font-weight:600;color:#000;text-align:center; letter-spacing: -0.04px;}
#lnb .inner{padding:25px 0 25px;width:1400px;margin:0 auto;position:relative;}
#lnb .inner > ul{font-size:0;text-align:center;letter-spacing:-4px;}
#lnb .inner > ul > li{display: inline-block;vertical-align:top;}
#lnb .inner > ul > li > a{display:block;font-size:17px;line-height:1.5;letter-spacing:-0.01em;font-weight:bold;color:#444;text-align:center;position:relative;padding:0 15px;}
#lnb .inner > ul > li.on > a{color:#0055ff;}
#lnb .inner > ul > li > a:after{display:block;content:"";width:2px;height:20px;background-color:#e5e5e5;right:0;top:0;position:absolute;}
#lnb .inner > ul > li:last-of-type > a:after{display:none;}

#sv{max-width:2560px;width:100%;height:255px; margin:0 auto;margin-bottom:30px; text-align: center;display: table;}
#sv.sv-d{background-image: url(../img/sub/sv1.jpg); background-position: center;}
#sv.sv-r{background-image: url(../img/sub/sv2.jpg); background-position: center;}
#sv.sv-p{background-image: url(../img/sub/sv3.jpg); background-position: center;}
#sv.sv-pr{background-image: url(../img/sub/sv4.jpg); background-position: center;}
#sv.sv-c{background-image: url(../img/sub/sv5.jpg); background-position: center;}
#sv.sv-pl{background-image: url(../img/sub/sv6.jpg); background-position: center;}

#sv p{font-family: 'MP'; font-size:55px; font-weight:700; letter-spacing: -0.04em; color:#fff; opacity:0.5;display: table-cell; vertical-align: middle;}

#sv img{width:100%; height:100%}

#sv2{max-width:1400px;width:100%;margin:0 auto;margin-bottom:20px;}
#sv2 img{width:100%;}

#sv1{max-width:1400px;width:100%;margin:0 auto;margin-bottom:50px;}

@media all and (max-width:1400px){
	#lnb .inner{width:100%;}
}
@media all and (max-width:1024px){
	#sv{height:150px;}
}
@media all and (max-width:640px){
	#sv{margin-bottom:20px;}
	#sv p{font-size:40px; line-height:1.2 }

	#lnb .inner{padding:30px 0 35px;}
}