@charset "utf-8";
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../_Font/GmarketSansTTFLight.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFLight.woff) format('woff'), 
      url(../_Font/GmarketSansTTFLight.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../_Font/GmarketSansTTFMedium.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFMedium.woff) format('woff'), 
      url(../_Font/GmarketSansTTFMedium.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../_Font/GmarketSansTTFBold.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFBold.woff) format('woff'), 
      url(../_Font/GmarketSansTTFBold.otf) format('opentype'); 
} 
@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 { font-family:'Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto; }
#doc {overflow:hidden;position:relative;min-width:360px; z-index:3999;min-width:360px;opacity:0;-webkit-transition: opacity 0.5s linear;-moz-transition: opacity 0.5s linear;-o-transition: opacity 0.5s linear;transition: opacity 0.5s linear;}
#doc.show{ transition-delay:0s; opacity:1;}
.titleDeco{font-family: 'GmarketSansBold';}
	@media only screen and (max-width:1320px){
		
	}
	@media only screen and (max-width:1024px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:768px){
		.titleDeco{ font-size:25px;}
	}
	@media only screen and (max-width:480px){
		.titleDeco{ font-size:23px;}
	}	
	

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1440px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:1320px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:768px){
		.div-cont{padding:0 15px;}
	}
	@media only screen and (max-width:480px){
		
	}

.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.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:3010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1185px){
		.header-slider-ovclick{display:none !important}
	}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1004;}
#footer-wrap{position:relative;z-index:1005; height:auto !important}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; top:0; min-width:360px;  -webkit-transition: top 1s ease;-moz-transition: top 1s ease;-o-transition: top 1s ease;transition: top 1s ease}
#header-wrap:after{position:absolute;left:50%; top:0; width:20000px;background:#fff;margin-left:-10000px;height:100%; box-sizing:border-box;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;display:block; content:"";}
.show #header-wrap{top:0;}

#header-wrap.fix:after{border-bottom:1px solid #e1e1e1;}

#header{position:relative; z-index:5001; }
#header .inner{ max-width:1440px;  min-width:360px; position:relative; margin:0 auto; padding:0 20px; box-sizing:border-box; height:105px;}

#logo{position:absolute; left:20px; top:35px; width:295px; height:40px; z-index:2009;}
#logo a{display:block; height:40px;background:url(../img/logo/logo.png) no-repeat left center; background-size:contain;}

#header .bt-mnall{position:absolute; right:10px ;top:50%; margin-top:-20px; width:40px;height:40px; display:none;background:url(../img/layout/bt-mnall.png) no-repeat center center; background-size:24px auto;}
#header .bt-mnclose {position:absolute; right:0 ;top:0; width:70px;height:70px; display:none;background:url(../img/layout/bt-mnclose.png) no-repeat center center #222; background-size:24px auto;}
	@media only screen and (max-width:1400px) {	
		#logo{ width:250px; height:35px;}
		#logo a{height:35px;}
		
	}
	@media only screen and (max-width:1185px) {
		#header-wrap:after{border-bottom:1px solid #e1e1e1;}

		#header .inner{height:70px;}
		#header .bt-mnall{display:block;}
		#logo{top:20px; width:220px; height:30px;}
		#logo a{height:30px;}
	}
	@media only screen and (max-width:1024px) {
		#header .bt-popupzone{display:block;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		#logo{left:15px;width:200px; top:18px;}
		#logo a{height:35px;}
	}
	@media only screen and (max-width:480px) {
	
	}




	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1185px){
		#header .bt-mnall, #header .bt-mnclose{display:none !important;}

		#header .bt-mnall{display:none;}
		#mainNavi-wrap {height:85px;overflow:hidden;position:absolute;left:0;top:10px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}

		#mainNav {position:relative;}
		.tm-top{display:none}
		
		.topmenu {display:block;position:relative;text-align:right; font-size:0; padding:0 20px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:18px;line-height:1.35em;display:block;color:#222; padding:32px 0 31px 0; font-weight:500; letter-spacing:-0.03em; text-transform:uppercase;position:relative; text-align:center; z-index:14;-webkit-transition: color 0.3s ease-in-out, width 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out, width 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out, width 0.3s ease-in-out;transition: color 0.3s ease-in-out, width 0.3s ease-in-out;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:70px}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;}
		.topmenu .mn_a1:hover{color:#0671e4}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1{color:#0671e4}

		.topmenu .mn_l1.is-open .depth2-wrap{}
		.topmenu .depth2-wrap {position:absolute;top:93px;display:none;visibility:hidden;padding:0; width:100% !important; left:50%; min-width:140px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		/* .topmenu .depth2-wrap:after{position:absolute; left:0; top:0; width:100%;height:0; background:#2d4478; display:block; content:""; z-index:1; -webkit-transition: height 0.4s ease-in-out;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out;}
		.topmenu .mn_l1.is-over .depth2-wrap:after{height:100%;} */
		.topmenu .depth2 {position:relative;height:auto;padding:20px 0 20px 0px;min-height:200px; box-sizing:border-box; z-index:2;}
		.topmenu .depth2 li{}
		.topmenu .depth2 .mn_l2 {text-align:center;}
		.topmenu .depth2 .mn_a2 {line-height:1.2em;padding:5px 0 5px 0; display:block;}
		.topmenu .depth2 .mn_a2 span {display:inline-block;line-height:1.2em ;/* padding:3px 2px;*/text-transform:uppercase; position:relative;font-weight:300; font-size:14px;letter-spacing:-0.03em;color:#414a4f; position:relative; -webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;-o-transition: color 0.4s ease-in-out;transition: color 0.4s ease-in-out;}
		.topmenu .depth2 .mn_a2 span:before{width:0;left:50%; height:0;border-bottom:1px solid #0671e4; display:block; content:""; position:absolute; bottom:-2px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;} 
		.topmenu .depth2 .mn_a2:hover span:before{width:96%;}
		.topmenu .depth2 .mn_a2:hover span {color:#0671e4 !important; font-weight:400}

		
		/* .topmenu .mn_l1.is-open .depth2 .mn_a2 span {color:rgba(255,255,255,0.7)} */
	
		#mainNavi-wrap .ovbar {position:absolute;height:2px;top:70px;overflow:hidden; /*opacity:0*/}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:0;background:#0671e4; height:2px;content:"";display:block;z-index:200; width:100%;-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;}
		#header-wrap.isOver #mainNavi-wrap .ovbar, #header-wrap.fix #mainNavi-wrap .ovbar{opacity:1}
		#header-wrap.over #mainNavi-wrap .ovbar{opacity:1}

		.tm-top{display:none;}
		
		.sub #header-wrap .topmenu .mn_a1, #header-wrap.fix .topmenu .mn_a1{color:#242424;} 
		#header-wrap.isOver .topmenu .mn_a1{color:#242424;} 
		#header-wrap.isOver .topmenu .mn_a1:hover, #header-wrap.isOver .topmenu .is-over .mn_a1{color:#0671e4;}

		#header-wrap.over .topmenu .mn_a1{color:#242424;} 
		#header-wrap.over .topmenu .mn_a1{color:#242424;} 
		#header-wrap.over .topmenu .mn_a1:hover, #header-wrap.over .topmenu .is-over .mn_a1{color:#0671e4;}

		.mn-bar {position:absolute;background:#f6f6f6;border-top:1px solid #dedede;border-bottom:1px solid #dedede;top:105px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;/* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ; */}
	}
	@media only screen and (min-width:1186px) and (max-width:1320px) {	
		.topmenu .mn_l1:nth-child(n+2){margin-left:60px}
	}
	@media only screen and (max-width:1185px) {
		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-290px;min-width:290px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;top:0;width:290px;height:100%; padding-bottom:80px; min-height:480px;-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.mn-h-open {right:0;}

		.tm-top{ height:70px; /*background:url(../_Img/logo.png) no-repeat 20px center #f9f9f9;*/ background-size:170px auto;}

		.topmenu {width:100%;display:block;position:relative;z-index:141;padding:20px 35px; box-sizing:border-box;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		.topmenu .mn_l1:first-child{margin-left:0;}
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:5px;top:6px;border:0;z-index:102;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:1px;top:50%;width:10px;height:1px;background:#222;transform: rotate(45deg);-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;}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:2px;top:50%;width:10px;height:1px;background:#222;transform: rotate(-45deg);-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;}
		.topmenu .mn_l1 > .tgl-btn {right:0;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before{background:#222;left:1px;transform: rotate(-45deg);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after{background:#222;right:2px;transform: rotate(45deg);}
	
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block; padding:15px 30px 15px 0;overflow:hidden;font-size:17px;font-weight:500;letter-spacing:-0.02em;white-space:normal;cursor:pointer;color:#000; z-index:101}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{color:#0671e4;}


		.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}

		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f7f7f7;padding:15px 0;border-bottom:1px solid #ededed;border-top:1px solid #ededed;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:4px 30px 4px 30px; position:relative;}
		.topmenu .depth2 .mn_a2:before{width:5px;height:0; position:absolute; left:20px; top:13px; border-top:1px solid #666; display:block; content:""}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:400;cursor:pointer;color:#111;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#0671e4;text-decoration:underline}
		.topmenu .depth2 .mn_a2:hover:before{background:#0671e4;}

		.mn-bar {display:none;}
	}
	@media only screen and (max-width:680px){
		
	}
	

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{margin-top:105px;}
#container-wrap #contents{min-height:700px; }
	@media only screen and (max-width:1440px){

	}
	@media only screen and (max-width:1185px) {
		.main #container-wrap{margin-top:70px;}
	}
	@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:60px;height:60px; text-align:Center; background:url(../img/layout/top-btn.png) no-repeat center center;background-size:100% auto; border-radius:100%; bottom:20px; text-transform:uppercase; color:#fff; font-size:13px; font-weight:500; 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;}
.top-btn:hover{background-image:url(../img/layout/top-btno.png)}
	@media only screen and (max-width:1440px) {
		.top-btn{width:50px;height:50px; right:-50px; bottom:15px;}
		.top-btn.over{right:15px;}
	}
	@media only screen and (max-width:1100px) {
		.top-btn{width:40px;height:40px;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		.top-btn{bottom:15px;width:34px;height:34px;}
		.top-btn.over{right:15px;}
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative; background:#262935; }
#footer{position:relative;text-align:left; padding:35px 20px;}

.f-info{text-align:center;}
.f-info h2{font-size:20px ; font-weight:700 ;color:#5387b4; letter-spacing:-0.03em; line-height:1.3em;}
.f-info .in-cmmt{margin-top:15px;}
.f-info .in-cmmt p{line-height:1.3em; font-size:0;}
.f-info .in-cmmt p:nth-child(n+2){margin-top:3px;}
.f-info .in-cmmt p span{display:inline-block;vertical-align:top; line-height:1.3em; font-size:13px; font-weight:500; color:#fff; opacity:0.5; position:relative;}
.f-info .in-cmmt p span:nth-child(n+2){margin-left:16px;}
.f-info .in-cmmt p span:nth-child(n+2):before{width:16px; line-height:1.3em;text-align:center; display:block; content:"/";position:absolute; left:-16px;}

.f-info .in-copy{font-size:13px; color:#fff; line-height:1.3em; letter-spacing:-0.01em; margin-top:12px; opacity:0.2}
	@media only screen and (max-width:1440px){
		#footer-wrap {}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		#footer-wrap {}

		.f-info h2{font-size:18px ;}
		.f-info .in-cmmt p span{font-size:12px;}
		.f-info .in-copy{font-size:12px; }
	}
	@media only screen and (max-width:680px){
		#footer-wrap{}
		#footer{ padding:30px 15px;}
	}
	@media only screen and (max-width:480px){

	}