@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@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 { font-family:'NanumSquare','Noto Sans KR',"Apple SD Gothic Neo", 'Malgun Gothic'; }

#doc {position:relative;opacity:0;overflow:hidden;min-width:360px; min-height:480px;-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:0s; opacity:1;}
body {
	overflow-x: hidden;
	overflow-y: visible;
	background: #414141;
}


/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;}
.div-cont:after {clear:both;content:"";display:block;}
	
.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 }
.layer-slider-ovclick{position:fixed;z-index:2005;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer ;}
.header-slider-ovclick{position:fixed;z-index:5005;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.35);cursor:pointer ;}



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


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {min-width:360px; width:100%; left:0; top:0;}
	#header-wrap:after {
		position: absolute;
		left: 50%;
		margin-left: -10000px;
		width: 20000px;
		top: 0;
		height: 100%;
		box-sizing: border-box;
		background: #7d7d7d;
		display: block;
		content: "";
		z-index: -1;
	}
#header{height:12vw; min-height:60px; position:relative;}
#header h2{position:absolute; left:0;top:50%; margin-top:-3vw;line-height:6vw; text-align:center; font-size:4.4vw; font-weight:400; color:#fff; letter-spacing:-0.03em; width:100%; z-index:500}

#header .bt-prev{width:6vw; height:6vw; position:absolute; left:3vw; top:50%; margin-top:-3vw;background:url(../Images/Layout/bt-prev.png) no-repeat center center; background-size:60% auto;z-index:4500}
#header .bt-logo{width:8vw; height:8vw; position:absolute; left:3vw; top:50%; margin-top:-4vw;background:url(../Images/logo_1.png) no-repeat center center; background-size:95% auto;z-index:4500}

#header .bt-close{width:6vw; height:6vw; position:absolute; left:3vw; top:50%; margin-top:-3vw;background:url(../Images/Layout/bt-close.png) no-repeat center center; background-size:60% auto;z-index:4500}
#header .bt-mnall{width:6vw; height:6vw; position:absolute; right:3vw; top:50%; margin-top:-3vw;background:url(../Images/Layout/bt-mnall.png) no-repeat center center; background-size:65% auto;z-index:4500}
	
#header-wrap.hide:after{display:none;}	
#header-wrap.hide #header *{display:none;}
	@media only screen and (max-width:500px) {
		#header h2{line-height:30px; margin-top:-15px; font-size:22px;}
		
		#header .bt-prev{width:30px;height:30px; left:15px; margin-top:-15px;}
		#header .bt-logo{width:40px;height:40px; left:15px; margin-top:-20px;}

		#header .bt-close{width:30px;height:30px; left:15px; margin-top:-15px;}
		#header .bt-mnall{width:30px; height:30px; right:15px; margin-top:-15px;} 
	}

#lnb-wrap {position:fixed;width:90%;max-width:580px; right:-95%; top:50%; z-index:9123; background:#ebebeb;border-top-left-radius:3vw;border-bottom-left-radius:3vw;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.7)  ; 	-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.7) ;-webkit-transition: right 0.4s ease-out;-moz-transition: right 0.4s ease-out;-o-transition: right 0.4s ease-out;	transition: right 0.4s ease-out;}
#lnb-wrap.open{right:0}
#lnb-wrap .lnb{ padding:5vw 4vw;  }
/* #lnb-wrap .lnb:after{width:calc(100% + 4vw); border-top-left-radius:3vw;border-bottom-left-radius:3vw; position:absolute; left:0; top:0; height:100%; display:block; content:"";z-index:-1; background:#ebebeb;} */
#lnb-wrap .lnb .lm_l1{}
#lnb-wrap .lnb .lm_l1:nth-child(n+2){margin-top:2vw}
#lnb-wrap .lnb .lm_a1{display:block; line-height:7vw; font-size:3.8vw; color:#231916; letter-spacing:-0.03em; padding-left:8.4vw; position:relative;}
#lnb-wrap .lnb .lm_a1:before{width:6vw;height:6vw; position:absolute; left:0; top:50%; margin-top:-3vw; display:block; content:""}

#lnb-wrap .lnb .depth2{ padding-left:13vw; padding-top:2vw;}
#lnb-wrap .lnb .lm_l2{}
#lnb-wrap .lnb .lm_l2:nth-child(n+2){margin-top:1vw}
#lnb-wrap .lnb .lm_a2{display:block; line-height:7vw; font-size:3.6vw; color:#231916; letter-spacing:-0.03em;}

#lnb-wrap .lnb .lm-ico01:before{background:url(../Images/Sub/mn-ico01.png) no-repeat center 10%;background-size:3.4vw auto;}
#lnb-wrap .lnb .lm-ico02:before{background:url(../Images/Sub/mn-ico02.png) no-repeat center 40%;background-size:4.2vw auto;}
#lnb-wrap .lnb .lm-ico03:before{background:url(../Images/Sub/mn-ico03.png) no-repeat center 40%;background-size:4.4vw auto;}
#lnb-wrap .lnb .lm-ico04:before{background:url(../Images/Sub/mn-ico04.png) no-repeat center 0;background-size:3.8vw auto;}
#lnb-wrap .lnb .lm-ico05:before{background:url(../Images/Sub/mn-ico05.png) no-repeat center 40%;background-size:5.6vw auto;}
#lnb-wrap .lnb .lm-ico06:before{background:url(../Images/Sub/mn-ico06.png) no-repeat center 40%;background-size:5vw auto;}
#lnb-wrap .lnb .lm-ico07:before{background:url(../Images/Sub/mn-ico07.png) no-repeat center 40%;background-size:4vw auto;}
#lnb-wrap .lnb .lm-ico08:before{background:url(../Images/Sub/mn-ico08.png) no-repeat center 45%;background-size:3.4vw auto;}
	@media only screen and (min-width:581px) {
		#lnb-wrap {border-top-left-radius:18px;border-bottom-left-radius:18px;}
		#lnb-wrap .lnb{padding:28px 23px;}

		#lnb-wrap .lnb .lm_l1:nth-child(n+2){margin-top:13px}
		#lnb-wrap .lnb .lm_a1{line-height:40px;font-size:22px;padding-left:49px;}
		#lnb-wrap .lnb .lm_a1:before{width:35px;height:33px; margin-top:-16px;}
		
		#lnb-wrap .lnb .depth2{ padding-left:75px; padding-top:13px;}
		#lnb-wrap .lnb .lm_l2:nth-child(n+2){margin-top:8px}
		#lnb-wrap .lnb .lm_a2{line-height:38px; font-size:21px;}

		#lnb-wrap .lnb .lm-ico01:before{background-size:20px auto;}
		#lnb-wrap .lnb .lm-ico02:before{background-size:24px auto;}
		#lnb-wrap .lnb .lm-ico03:before{background-size:25px auto;}
		#lnb-wrap .lnb .lm-ico04:before{background-size:21px auto;}
		#lnb-wrap .lnb .lm-ico05:before{background-size:31px auto;}
		#lnb-wrap .lnb .lm-ico06:before{background-size:28px auto;}
		#lnb-wrap .lnb .lm-ico07:before{background-size:23px auto;}
		#lnb-wrap .lnb .lm-ico08:before{background-size:20px auto;}
	}
	@media only screen and (max-width:500px) {
		#lnb-wrap {border-top-left-radius:15px;border-bottom-left-radius:15px;}
		#lnb-wrap .lnb{width:330px;padding:25px 20px;}
		/* #lnb-wrap .lnb:after{width:calc(100% + 20px);border-top-left-radius:15px;border-bottom-left-radius:15px;} */
		#lnb-wrap .lnb .lm_l1{}
		#lnb-wrap .lnb .lm_l1:nth-child(n+2){margin-top:5px}
		#lnb-wrap .lnb .lm_a1{line-height:28px; font-size:19px; padding-left:42px;}
		#lnb-wrap .lnb .lm_a1:before{width:30px;height:30px; margin-top:-15px;}
		#lnb-wrap .lnb .depth2{ padding-left:65px; padding-top:5px;}
		#lnb-wrap .lnb .lm_l2{}
		#lnb-wrap .lnb .lm_l2:nth-child(n+2){margin-top:5px}
		#lnb-wrap .lnb .lm_a2{line-height:28px; font-size:18px;}
		
		#lnb-wrap .lnb .lm-ico01:before{background-size:17px auto;}
		#lnb-wrap .lnb .lm-ico02:before{background-size:21px auto;}
		#lnb-wrap .lnb .lm-ico03:before{background-size:22px auto;}
		#lnb-wrap .lnb .lm-ico04:before{background-size:24px auto;}
		#lnb-wrap .lnb .lm-ico05:before{background-size:22px auto;}
		#lnb-wrap .lnb .lm-ico06:before{background-size:25px auto;}
		#lnb-wrap .lnb .lm-ico07:before{background-size:20px auto;}
		#lnb-wrap .lnb .lm-ico08:before{background-size:17px auto;}
	}



/* ======================================================
   #container 
=========================================================*/
#container-wrap{margin-top:12vw;}
#container-wrap #contents{padding:4vw 4vw 0 4vw; min-height:90vw; box-sizing:border-box;}
	@media only screen and (max-width:500px) {
		#container-wrap{margin-top:60px;}
		#container-wrap #contents{padding:20px 20px 0 20px; min-height:450px}
	}


/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;}
#footer{ position:relative;text-align:left;}