@charset "utf-8";
/* 공통 */
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
 src:url(/resources/fonts/NotoSansKR-Thin.eot);
 src:url(/resources/fonts/NotoSansKR-Thin.eot) format('embedded-opentype'),
     url(/resources/fonts/NotoSansKR-Thin.woff) format('woff'),
     url(/resources/fonts/NotoSansKR-Thin.otf) format('.otf');
}
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
 src:url(/resources/fonts/NotoSansKR-Light.eot);
 src:url(/resources/fonts/NotoSansKR-Light.eot) format('embedded-opentype'),
     url(/resources/fonts/NotoSansKR-Light.woff) format('woff'),
     url(/resources/fonts/NotoSansKR-Light.otf) format('.otf');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
src:url(/resources/fonts/NotoSansKR-Regular.eot);
src:url(/resources/fonts/NotoSansKR-Regular.eot) format('embedded-opentype'),
    url(/resources/fonts/NotoSansKR-Regular.woff) format('woff'),
    url(/resources/fonts/NotoSansKR-Regular.otf) format('.otf');
 
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
 src:url(/fonts/NotoSansKR-Bold.eot);
 src:url(/resources/fonts/NotoSansKR-Bold.eot) format('embedded-opentype'),
     url(/resources/fonts/NotoSansKR-Bold.woff) format('woff'),
     url(/resources/fonts/NotoSansKR-Bold.otf) format('.otf');
}
body{font:400 14px 'Noto Sans KR', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; color:#252525; letter-spacing:-0.025em; min-width:320px;}
body, html, p, div, ul, li , h1, h2, h3, h4, h5, h6, span,br, dl, dt, dd{padding:0; margin:0;}
h1, h2, h3, h4, h5{font-weight:400;}
a{text-decoration:none; color:#252525}
a, img{border:none; vertical-align:middle;}
ul, li{list-style:none;}
img{max-width:100%;}


.center_wrap{width:1500px; margin:0 auto; }
input[type=text],
input[type=password]{border:1px solid #d1d1d1; height:50px; padding:0 5px; box-sizing:border-box; vertical-align:middle;}
select{border:1px solid #d1d1d1; height:50px; box-sizing:border-box; color:#6d6d6d; font-size:18px; vertical-align:middle;}
input[type=button]{vertical-align:middle;}
table{border-collapse:collapse; width:100%;}
textarea{width:100%; padding:10px; box-sizing:border-box; border:1px solid #ddd;}
input[type=file]{width:100%; height:35px;}
#gnb .blind,
.site_map_b .blind{display:none;}
@media screen and (min-width:1001px){
	/*head*/
	#head{position:absolute; width:100%; z-index:999; }
	#head a{color:#fff;}
	#head .ribbon_menu{text-align:right; margin:54px 0 0;float:right}
	#head .ribbon_menu li a{font-size:14px; color:#fff;height:30px;border:1px solid rgba(255,255,255,.5);display:inline-block;line-height:30px;padding:0 12px;}
	
	#head .logo{float:left; margin:43px 0 37px; font-size:0; line-height:0;}
.btn_lang,
	#head .logo .mobile,
	#head .btn_bar,
	#head .btn_home,
	.gnb_wrap .bg,
	#gnb .logo{display:none;}
	#head .gnb_wrap:before { content:' '; position:absolute;top:123px;border-bottom:1px solid rgba(255,255,255,.5);width:100%;}	
	#head .gnb_wrap.bg {background:url(/resources/img/common/bfff.png) repeat-x 0 0; padding-bottom:30px;}
	#head .gnb_wrap{}
	#head .gnb_wrap.b-line {background:url(/resources/img/common/bfff.png) no-repeat 280px 0; padding-bottom:30px;}
	#head .gnb_wrap:after{content:' '; display:block; clear:both;}
		#head  .center_wrap { position:relative;}

	#gnb{float:left;margin-left:145px;}
	#gnb > .depth1 > li {float:left; position:relative;}
	#gnb > .depth1 > li > a{ display:block; font-size:20px; font-weight:bold; padding:54px 135px 30px 0; position:relative;}
	#gnb > .depth1 > li:hover > a/*,
	#gnb > .depth1 > li.active > a*/{color:#fff;}
	#gnb > .depth1 > li:last-child > a{padding-right:0;}
	#gnb > .depth1 > li > .depth2{width:100%; padding:0px 0 5px 0; display:none; z-index:998; width:70%; word-break:keep-all; margin-top:40px;;}
	#gnb > .depth1 > li > .depth2 li{margin-left:-5px;}
	#gnb > .depth1 > li > .depth2 a{color:#4a4a4a; font-size:15px; display:block; padding:5px;}
	#gnb > .depth1 > li > .depth2 a:hover{background:#fff; color:#000;}
	#gnb_mobile{display:none;}

}
@media screen and (max-width:1515px){
	.center_wrap{width:96%; padding:0 2%; box-sizing:border-box;}
	
}


@media screen and (max-width:1360px){
	#gnb{margin-left:5%;}

}

@media screen and (max-width:1260px){
#gnb > .depth1 > li > a{margin:0; padding-right:70px;}
}

@media screen and (max-width:1180px){
.center_wrap{width:98%; padding:0 1%; box-sizing:border-box;}
#gnb > .depth1 > li > a { font-size:18px;padding-right:90px;}
}

@media screen and (max-width:1110px){

	#gnb > .depth1 > li > a { padding-right:95px;font-size:16px;}
	#gnb{margin-left:1%;}
}
@media screen and (max-width:1000px){
	input[type=text],
	input[type=password],
	select{height:35px; line-height:35px; font-size:14px;}
	
	.center_wrap{ padding:0 4%;width:100%;}
	#head{position:absolute; height:60px;z-index:1;width:100%;}
	#head .ribbon_menu{display:none;}
	.btn_lang { width:38px;height:38px;line-height:38px;text-align:center;font-size:14px;float:right;border:1px solid #fff;color:#fff;margin-top:15px;margin-right:15px;}
	#head > .center_wrap{position:static;}
	#head .btn_bar{float:right; margin-top:15px;}
	#head .btn_bar img{width:auto;height:40px;}
	#head .btn_home{float:right; margin-top:15px;display:none;}
	#head .btn_home img{width:23px;}
	#head .gnb_wrap  { height:70px;border-bottom:1px solid rgba(255,255,255,.5)}
	#head .gnb_wrap > .logo{position:absolute; margin-top:5px;}

	#head .logo img{width:143px;}
		
	#gnb{display:none;}
	#gnb_mobile{height:100vh;  pointer-events:none;}
	#gnb_mobile.open{width:100%;  pointer-events:auto;;}
	#gnb_mobile .logo{padding:26px 0 10px 0; border-bottom:1px solid  rgba(255,255,255,.5);margin:0 4% 25px;}
	#gnb_mobile .wrap{background:#0c4da2; width:100%; min-width:320px; left:-150%; position:fixed; height:100vh; z-index:999;overflow-y:scroll}
	#gnb_mobile .bg{background:#000; opacity:0; display:block; left:0; right:0; width:100%; height:100vh; position:absolute; z-index:99;}
	#gnb_mobile .depth1{min-height:600px; overflow:auto;}
	#gnb_mobile .depth1 > li{}
	#gnb_mobile .depth1 > li > a{color:#fff;font-size:16px; display:block; padding:15px 10% 15px 4%; position:relative; font-weight:500;}
	#gnb_mobile .depth1 > li > a:after{content:' '; background:url(/resources/img/common/gnb_arrow.png) no-repeat left top; background-size:100% auto; width:16px; height:10px; position:absolute; right:4%; top:50%; margin-top:-5px;}
	#gnb_mobile .depth1 > li.open > a:after{background-image:url(/resources/img/common/gnb_arrow_on.png);}
	#gnb_mobile .depth2{padding:0px 4% 5px; display:none;}
	#gnb_mobile .depth2 li{margin-bottom:10px;}
	#gnb_mobile .depth2 li a{color:rgba(255,255,255,.5);}
	#gnb_mobile .depth2 li a:before{content:'-'; padding-right:8px; vertical-align:2px;}
	#gnb_mobile .btn_close{position:absolute; right:3.5%; top:10px;height:40px;width:auto;}
		#gnb_mobile .btn_close img { height:40px;width:auto;}
}
/*footer*/
#footer { position:relative;margin-top:100px;}
.footer-banner { }
.footer-banner:before { content:'';position:absolute;height:200px;margin-top:14px;background:#304053;width:100%;}
.footer-banner .swiper-slide { width:20%;height:260px;margin-top:-4px;padding-top:4px;box-sizing:border-box}
.footer-banner .swiper-slide  a { display:block;text-align:center;font-size:20px;color:#fff;font-weight:300;padding-top:145px;height:130px;}


.footer-banner .swiper-slide:nth-child(1)  a   { background:url(/resources/img/common/footer-icon01.png) no-repeat center 60px;opacity:0.7 }
.footer-banner .swiper-slide:nth-child(2)  a   { background:url(/resources/img/common/footer-icon02.png) no-repeat center 60px;opacity:0.7 }
.footer-banner .swiper-slide:nth-child(3)  a   { background:url(/resources/img/common/footer-icon04.png) no-repeat center 60px;opacity:0.7 }
.footer-banner .swiper-slide:nth-child(4)  a   { background:url(/resources/img/common/footer-icon05.png) no-repeat center 60px;opacity:0.7 }
.footer-banner .swiper-slide:nth-child(5)  a   { background:url(/resources/img/common/footer-icon07.png) no-repeat center 60px;opacity:0.7 }
.footer-banner .swiper-slide:nth-child(6)  a   { background:url(/resources/img/common/footer-icon06.png) no-repeat center 60px;opacity:0.7 }
.footer-banner .swiper-slide:nth-child(7)  a   { background:url(/resources/img/common/footer-icon07.png) no-repeat center 60px;opacity:0.7 }
.footer-banner .swiper-slide a:hover  { opacity:1}
.footer-banner .swiper-slide:hover:before {content:''; background:url(/resources/img/common/footer-box-bg.png) no-repeat 0 center;background-size:cover;width:100%;height:230px;position:absolute;top:0;left:5%;z-index:-1; animation: fadein 0.3s;    -moz-animation: fadein 0.3s; /* Firefox */    -webkit-animation: fadein 0.3s; /* Safari and Chrome */    -o-animation: fadein 0.3s; /* Opera */}

.footer-info .center_wrap {background:url(/resources/img/common/logo-footer.png) no-repeat left center; padding-left:245px;box-sizing:border-box;margin-bottom:55px;}
.footer-info .link_area { margin-bottom:20px;}
.footer-info .link_area a {font-size:16px;color:#333333;margin-right:20px;display:inline-block; }
.footer-info .address { font-size:14px;color:#adadad;line-height:20px;}


/*서브비주얼*/
.sub_visual{height:552px; padding-top:207px; position:relative; width:100%; box-sizing:border-box;color:#fff;;font-weight:bold;letter-spacing:-1.5px;}
.sub_visual.type1 { background:url(/resources/img/sub/sub_visual_type1.jpg) no-repeat center top;}
.sub_visual.type2 { background:url(/resources/img/sub/sub_visual_type2.jpg) no-repeat center top;}
.sub_visual.type3 { background:url(/resources/img/sub/sub_visual_type3.jpg) no-repeat center top}
.sub_visual.type4 { background:url(/resources/img/sub/sub_visual_type4.jpg) no-repeat center top;}
.sub_visual.type5 { background:url(/resources/img/sub/sub_visual_type5.jpg) no-repeat center top;}
.sub_visual.type6 { background:url(/resources/img/sub/sub_visual_type6.jpg) no-repeat center top}
.sub_visual.type7 { background:url(/resources/img/sub/sub_visual_type7.jpg) no-repeat center top}
.sub_visual dt { font-size:20px;text-transform:uppercase}
.sub_visual dd { font-size:80px;}
.sub_visual dd  b { font-size: 40px;font-weight: bold;line-height: 50px;}
.sub_visual dd p { display:block;font-weight:300;font-size:20px;line-height:30px;margin-top:15px;letter-spacing:0}


@media screen and (max-width:1000px){
.sub_visual { padding-top:30% ;padding-bottom:50px;height:auto;;letter-spacing:0}
.sub_visual.type1 { background:url(/resources/img/sub/m_sub_visual_type1.jpg) no-repeat center top;background-size:cover}
.sub_visual.type2 { background:url(/resources/img/sub/m_sub_visual_type2.jpg) no-repeat center top;background-size:cover}
.sub_visual.type3 { background:url(/resources/img/sub/m_sub_visual_type3.jpg) no-repeat center top;background-size:cover}
.sub_visual.type4 { background:url(/resources/img/sub/m_sub_visual_type4.jpg) no-repeat center top;background-size:cover}
.sub_visual.type5 { background:url(/resources/img/sub/m_sub_visual_type5.jpg) no-repeat center top;background-size:cover}
.sub_visual.type6 { background:url(/resources/img/sub/m_sub_visual_type6.jpg) no-repeat center top;background-size:cover}
.sub_visual.type7 { background:url(/resources/img/sub/m_sub_visual_type7.jpg) no-repeat center top;background-size:cover}
.sub_visual dt { font-size:12px;text-transform:uppercase;}
.sub_visual dd { font-size:25px;}
.sub_visual dd p { display:block;font-weight:300;font-size:14px;margin-top:0;line-height:20px;}

.sub_visual dd  b { font-size: 20px;font-weight: bold;line-height: 28px;}

.footer-banner .swiper-slide { width:33%;height:148px;margin-top:-4px;padding-top:4px;box-sizing:border-box}
.footer-banner:before { content:'';position:absolute;height:130px;margin-top:14px;background:#304053;width:100%;}
.footer-banner .swiper-slide a {background-size:50px auto!important;background-position:center 40px!important;font-size:12px; padding-top:100px;}
.footer-banner .swiper-slide:hover:before {content:''; background:url(/resources/img/common/footer-box-bg.png) no-repeat 0 10px;background-size:cover}



.footer-info .center_wrap {background:none; padding-left:0;box-sizing:border-box;margin-bottom:30px;margin-top:20px;padding:0 4%;}
.footer-info .link_area { margin-bottom:20px;}
.footer-info .link_area a {font-size:14px;color:#333333;margin-right:10px;display:inline-block; }
.footer-info .address { font-size:12px;color:#adadad;line-height:20px;}


}
/*lnb*/
#lnb{background:#f4f4f4; position:absolute; width:100%;border-bottom:1px solid #e2e2e2}
#lnb ul li:first-child{ border-left:1px solid #e2e2e2;}
#lnb ul li:first-child img { vertical-align:-2px;margin-right:3px;}
#lnb ul > li > a{color:#666666; white-space:nowrap; display:block; padding:0 30px;  height:60px; line-height:63px; border-right:1px solid #e2e2e2; font-size:16px; position:relative;font-weight:300;}
#lnb ul > li > a.bg { background:#fff;}
#lnb ul > li.menu_wrap > a{padding:0 90px 0 25px;}
#lnb ul > li.menu_wrap > a:after{content:''; background:url(/resources/img/sub/lnb_arrow.png) no-repeat left top; width:24px; height:19px; display:block; position:absolute; right:18px; top:23px;}
#lnb ul > li{float:left; position:relative;}
#lnb .menu{position:absolute; background:#fff; width:100%; top:60px; z-index:999; display:none;border:1px solid #e2e2e2;padding:15px 25px;box-sizing:border-box}
#lnb .menu a{display:block;font-size:16px;line-height:35px;color:#666666;font-weight:300;}
#lnb .menu a:hover{color:#0c4da2}
@media screen and (max-width:1000px){
	#lnb a,
	#lnb li,
	#lnb ul{box-sizing:border-box; }
	#lnb .menu { padding:15px 10px;}
	#lnb .menu a { font-size:12px;}
	#lnb ul > li > a{ height:40px; line-height:40px;font-size:12px;}
	#lnb ul > li.menu_wrap{width:45%;}
	#lnb ul > li.menu_wrap > a{padding:0 10px;}
	#lnb ul > li.menu_wrap > a:after{top:12px; right:10px;}
	#lnb .home{width:10%;font-size:0;text-align:center;}
	#lnb .home a { font-size:0;padding:0;}
	#lnb .home img { vertical-align:middle!important;margin-right:0!important;width:15px;}
	
	#lnb .menu{top:40px;}
	#lnb .menu a{padding:0px;}

	#lnb .center_wrap { padding:0;}
}
.pg_tit{font-size:45px; padding:70px 0 45px; text-align:left;display:block;font-weight:bold;color:#333333;background:url(/resources/img/sub/tit-line.png) no-repeat left bottom}
.pg_tit.noline { background:none}
.sub_tit{color:#333; font-size:40px; margin-bottom:50px; text-align:center;  line-height:40px; font-weight:300;}
.sub_tit p b{font-weight:500;}
.sub_tit small{font-size:24px;  margin-top:25px;}

#path{text-align:center; border-bottom:1px solid #dbdbdb; padding-bottom:40px;}
#path a{color:#707070; font-size:16px;}
#path a:after{content:' '; display: inline-block; background:url(/resources/img/sub/ico_path.png) no-repeat; width:5px; height:9px; margin:0 8px;}
#path a:last-child:after{display:none;}
@media screen and (max-width:1000px){
	.pg_tit{font-size:28px; padding:20px 0;}
	.pg_tit:after{display:none;}
	.sub_tit{font-size:25px; margin-bottom:40px; line-height:30px;}
	.sub_tit small{font-size:15px;  margin-top:15px; line-height:18px; display:block; word-break:keep-all;}

	
	#path{display:none;}
}
@media screen and (min-width:320px) and (max-width:1000px){
body{overflow-x:hidden;}
}

/*레이어팝업*/
.layer_pop{position:absolute; display:none;}
.layer_pop .bg{background:rgba(0,0,0,.5); width:100%; left:0; top:0; right:0; bottom:0; position:fixed; z-index:998;}
.layer_pop .layer_wrap{background:#fff; position:fixed; top:20px; z-index:999;}
.layer_pop .layer_wrap .head h2{padding:30px 45px; font-size:36px; font-weight:500; position:relative; border-bottom:1px solid #ddd;}
.layer_pop .layer_wrap .head a.btn_close{position:absolute; right:45px; top:30px;}
.layer_pop .layer_wrap .con{padding:45px;}
.layer_pop .layer_wrap .terms_wrap{font-size:17px; color:#666; height:650px; overflow:auto;}
.layer_pop .layer_wrap .terms_wrap h3{font-size:24px; color:#333; margin-bottom:5px;}

@media screen and (min-width:1200px){
.layer_pop .layer_wrap{width:1200px; left:50%; margin-left:-640px;}
}
@media screen and (max-width:999px){
.layer_pop .layer_wrap{width:96%; left:2%; margin-left:0; height:90vh;}	
.layer_pop .layer_wrap .head h2{height:15%; font-size:25px; padding:20px; box-sizing:border-box}
.layer_pop .layer_wrap .head a.btn_close{top:15px; right:20px;}
.layer_pop .layer_wrap .con{padding:20px; box-sizing:border-box; height:85%;}
.layer_pop .layer_wrap .terms_wrap{font-size:14px; height:85%;}
.layer_pop .layer_wrap .terms_wrap h3{font-size:20px;}

	}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}