@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

/* ¿¡½ºÄÚ¾îµå¸² Ãß°¡ */
@font-face {
     font-family: 'S-CoreDream-1Thin';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-2ExtraLight';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-8Heavy';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 


html,body {width:100%;/*font-family:'Noto Sans KR','Apple SD Gothic Neo', "Malgun Gothic";*/font-family: 'S-CoreDream-3Light';font-weight:400;}

#doc {position:relative;min-width:320px; overflow:hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
body {overflow-y:visible;overflow-x:hidden;}

/*=======================================================
  dafault css 
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; }
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.layer-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:4000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }

/* ƼÄÏÁ¶È¸ */
.search_box {width:90%;background:#009EE8;/*padding:10px 0px;*/margin:0 auto;text-align:center;height:55px;}
.search_box a {width:100%;font-size:16px;line-height:55px;color:#fff;font-family: 'S-CoreDream-5Medium';}
.search_box a span {}
.search_box a img {margin-left:6px;width:30px;}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#header-wrap-agree{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1006; }
#footer-wrap{position:relative;z-index:1007; }


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; min-width:320px; top:0;}
#header-wrap-agree {left:0; width:100%; min-width:320px; top:0;}
#header-wrap-agree:before{position:absolute; left:50%;margin-left:-1000px; top:0; box-sizing:border-box;width:2000px; height:100%; display:block; content:""; background:#009EE8; z-index:-1;}
#header-wrap:before{position:absolute; left:50%;margin-left:-1000px; top:0; box-sizing:border-box;width:2000px; height:100%; display:block; content:""; background:#009EE8; z-index:-1;}
#header-wrap.fix:before{/* border-bottom:1px solid #e1e1e1 */}
#header{/*height:7vw;*/height:15vw;min-height:40px;}

#main #header-wrap{position:absolute;}
#main #header-wrap:before{background:none; border-bottom:none;}
#main #logo{position:absolute; left:3vw; top:3vw;}
#main #logo a{display:block; background:url(../_Img/logo.png) no-repeat left center; width:16vw; height:8vw; background-size:100% auto; min-width:70px; min-height:35px;}

#header .bt-prev {position:absolute;display:block;z-index:3999; left:2vw; top:50%; margin-top:-2.5vw; width:5vw; height:5vw; background:url(/_Img/Layout/top-back_2.png) no-repeat center center; background-size:40% auto;}
#header .bt-home {position:absolute;display:block;z-index:3999; right:2.5vw; top:50%; margin-top:-2.5vw; width:5vw; height:5vw; background:url(/_Img/Layout/top-home_2.png) no-repeat center center; background-size:66% auto;}
#header #top-tit{position:absolute; left:0; width:100%; z-index:3990; text-align:center; font-weight:500; margin-top:-0.2vw; line-height:1em;letter-spacing:-0.04em; font-size:5vw; color:#fff; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);font-family: 'S-CoreDream-5Medium';}
	@media only screen and (max-width:999px) {
		#header #top-tit{}
	}
	@media only screen and (max-width:680px) {
		#header #top-tit{}
	}
	@media only screen and (max-width:480px) { 
		#header{/*height:40px;*/height:15vw;}
		#header .bt-prev {left:10px;background-size:10px auto; width:20px;height:30px; margin-top:-15px;}
		#header .bt-home {right:12px;background-size:14px auto; width:20px;height:30px; margin-top:-15px;}
	}
	@media only screen and (max-width:380px) { 
		#main #logo{left:12px; top:12px;}
		#header #top-tit{font-size:19px;}
		
	}



/* ======================================================
   #container 
=========================================================*/
#container-wrap{margin-top:100px;}
#container-wrap.mcontainer #contents{; min-height:400px;}
#container-wrap.scontainer #contents{; min-height:300px;}
	@media only screen and (max-width:999px) {
		#container-wrap{/* margin-top:85px; */}
		#container-wrap.scontainer #contents{}
	}
	@media only screen and (max-width:680px) {
		#container-wrap{margin-top:100px;}
		#container-wrap.scontainer #contents{}
	}
	@media only screen and (max-width:480px) {
		#container-wrap{/* margin-top:55px; */}
		#container-wrap.scontainer #contents{}
	}




/* ======================================================
    #footer-wrap 
=========================================================*/

#footer-wrap {display:block; position:relative;/*border-top:1px solid #bfbfbf;*/background:#F6F6F6;}
#footer{text-align:center; padding:10vw 0;}

.f-logo img{width:30%; min-width:120px;}
.f-info{display:inline-block;vertical-align:top; margin-top:5vw; }
.f-info p{font-size:2.5vw; line-height:1.5em;color:#8F8F8F; letter-spacing:-0.02em;}
.f-info p:nth-child(n+2){margin-top:0.3vw;}
.f-info p span{margin-left:2vw;position:relative; display:inline-block;vertical-align:top;}
.f-info p span:before{width:1px;height:2vw; background:#535353; display:block ;content:""; left:-1.2vw; position:absolute; top:50%; margin-top:0.2vw;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.f-info p span:first-child:before{display:none;}
	@media only screen and (max-width:999px) {
	
	}
	@media only screen and (max-width:680px) {
	
	}
	@media only screen and (max-width:480px) {
		#footer{padding:35px 0;}
		.f-info{margin-top:25px;}
		.f-info p span{font-size:10px;margin-left:8px;}
		.f-info p span:before{height:8px; left:-5px;}
		.f-info p:nth-child(n+2){margin-top:4px;}
	}