@charset "utf-8";
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@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:'NanumSquare','Noto Sans KR', "Malgun Gothic";font-weight:400;  }
#doc {position:relative;min-width:360px; overflow:hidden;opacity:0;-webkit-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-o-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}
#doc.show{ transition-delay:0.2s; opacity:1;}
body {overflow-y:visible;overflow-x:hidden;}
	@media only screen and (min-width:1000px) {
		body {overflow-y:visible !important}
	}

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1240px; box-sizing:border-box; padding:0 20px;}
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.7);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2010;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.7);cursor:pointer }
	@media only screen and (min-width:1000px) {
		.header-slider-ovclick{display:none !important}
	}
	@media only screen and (max-width:999px) {
		.div-cont{padding:0 15px;}
	}

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



/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {width:100%; left:0; top:0; min-width:360px;}
#header-wrap:before{position:absolute; left:50%; top:0; height:100%;background:none; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box;width:20000px; margin-left:-10000px; display:block; content:""; z-index:-1;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
#header{position:relative;height:90px;}

#logo{ position:absolute; left:20px;top:18px; z-index:2009 }
#logo a{display:block; _padding-left:65px; line-height:55px; font-size:24px; font-weight:700; color:#fff;font-family:'Noto Sans KR'; _background:url(../img/logo.png) no-repeat left center; background-size:62px auto;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}

.bt-mnall{display:none;z-index:1009; width:24px; height:24px; position:absolute; right:16px; top:16px; background:url(../img/layout/bt-mnall.png) no-repeat center center ; background-size:24px auto;}
.bt-mnclose{z-index:2011; width:24px; height:24px; position:absolute; right:16px; top:16px; background:url(../img/layout/bt-mnclose.png) no-repeat center center; background-size:24px auto;}

	
.bt-counsel{z-index:2009;font-family: 'Noto Sans KR'; width:86px;height:28px; border-radius:28px; line-height:26px; border:1px solid #fff; box-sizing:border-box; position:absolute; right:20px; top:30px; font-size:15px; letter-spacing:-0.03em; color:#fff; font-weight:500;text-align:center;}
.bt-counsel:hover{background:#13a7e2; border-color:#13a7e2}

#header-wrap.fix:before{background:#fff;border-bottom:none;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) ; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)  ; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)  ; }
#header-wrap.fix #logo a{color:#393941}
#header-wrap.fix .topmenu .mn_a1{color:#393941}
#header-wrap.fix .bt-counsel{background:#13a7e2; border-color:#13a7e2}
#header-wrap.fix .bt-mnall{background-image:url(../img/layout/bt-mnallo.png) }
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (min-width:1000px){
		#mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:34px;width:100%;display:block;z-index:2007;}

		.tm-top{display:none;}

		.topmenu {display:block;position:relative;text-align:right; font-size:0; padding-right:140px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;line-height:1em;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:40px;}
		.topmenu .mn_a1 {font-family: 'Noto Sans KR';  font-size:18px; font-weight:500; letter-spacing:-0.03em; color:#fff; display:block; line-height:1em;}

	}
	@media only screen and (max-width:999px){
		#header{height:55px;}
		#logo{left:16px;top:5px; height:45px;}
		#logo a{ padding-left:52px;line-height:45px; font-size:15px; font-weight:500; color:#fff;background:url(../img/logo.png) no-repeat left center; background-size:50px auto;}
		
		.bt-counsel{display:block; right:54px; top:14px; font-size:13px; width:76px}
		.bt-mnall{display:block;}

		#mainNavi-wrap{position:fixed; right:-100%; top:0; width:100%; max-width:300px;height:100%; background:#fff; overflow-y:auto; z-index:4005;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;transition: right 0.3s ease-out;}
		#mainNavi-wrap.mn-open{right:0;}
		.tm-top{height:55px; border-bottom:1px solid #e9ebee}
		.tm-top h2{font-family: 'Noto Sans KR'; line-height:55px; font-size:15px; font-weight:500; color:#393941; letter-spacing:-0.03em;padding-left:63px; background:url(../img/logo.png) no-repeat 16px center; background-size:44px auto;}
	
		.topmenu {display:block;position:relative;text-align:left; font-size:0; padding:16px 16px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_l1 {padding:24px 0;}
		.topmenu .mn_l1:nth-child(n+2){border-top:1px solid #e9ebee;}
		.topmenu .mn_a1 {font-family: 'Noto Sans KR';  font-size:20px; font-weight:700; letter-spacing:-0.035em; color:#161d24; display:block; line-height:30px;}
		.topmenu .mn_a1 span{display:inline-block;vertical-align:top; padding-right:35px;background:url(../img/layout/tm-arrow.png) no-repeat right 64%; background-size:15px auto;}
	}
	@media only screen and (max-width:680px){
		.topmenu .mn_l1 {padding:20px 0;}
		.topmenu .mn_a1 {font-size:18px;}
		.topmenu .mn_a1 span{background-position:right 54%; padding-right:30px;}
	}
	@media only screen and (max-width:480px){
		.topmenu .mn_l1 {padding:16px 0;}
		.topmenu .mn_a1 {font-size:16px;}
		.topmenu .mn_a1 span{background-position:right 58%; padding-right:25px;}
	}


/* ======================================================
   #container 
=========================================================*/
#container-wrap{}
#container-wrap #contents{min-height:700px; padding:0;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}




/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative; background:#393941}
#footer {position:relative;padding:22px 0;}
#footer .in-copy{font-family:'Noto Sans KR';text-align:center;font-size:11px;line-height:1.2em; letter-spacing:0.01em;color:#777}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
   top-btn 
=========================================================*/
.top-btn{ z-index:2004;right:-70px;width:55px;height:55px;background:url(../img/layout/top-btn.png) no-repeat center center;background-size:100% auto; bottom:20px; position:fixed;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;transition: right 0.3s ease-out; }
.top-btn.over{right:20px; }
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.top-btn{width:50px;height:50px; bottom:15px;}
		.top-btn.over{right:15px;}
	}
	@media only screen and (max-width:680px){
		.top-btn{width:40px;height:40px;bottom:8px;}
		.top-btn.over{right:8px;}
	}
	@media only screen and (max-width:480px){
		
	}