@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body {width:100%;height:100%; font-family: 'Noto Sans KR', sans-serif;}
body {overflow:auto; background:#f4f4f4;}


#doc {position: relative;overflow:hidden; min-width:320px;}

.div-cont{max-width:1300px; margin:0 auto; width:100%;}

	@media only screen and  (max-width:1024px) {
		.div-cont{max-width:100%; margin:0;}
	}


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

/* z-index */
#header-wrap{z-index:2005;  position:relative;}
#container-wrap{z-index:10; position:relative; }
#footer-wrap{z-index:1001; position:relative;}

/* 상단 */
#header-wrap:before {background:#fff; position:absolute; left:50% ;width:2000px; height:100%; display:block; content:""; margin-left:-1000px;z-index:-1;}
#header{position:relative; z-index:5600; height:100px;}
#header-wrap.fix{position:fixed; top:-42px; left:50%; width:2000px; margin-left:-1000px; max-width:2000px; height:144px;}
#header-wrap.fix #header{ margin:0 auto ; width:1200px; position:relative;}
#header-wrap:after{ background:#d3d3d3; width:2000px;  height:1px;position:Absolute; bottom:-1px; left:50%;margin-left:-1000px; display:block; content:"";}
#header-wrap.fix:before{box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3) ;-webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3)  ; }
/* #header-wrap.fix:after{display:none;} */

/* 메뉴 */	
#header-wrap .mn-bar {position:absolute;left:0;top:145px;width:2000px; left:50%;margin-left:-1000px;;display:block;z-index:2000;background:#fff;box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3) ;-webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3)  ;}
#header .bt-login {position:absolute; right:142px; top:35px;display:block; overflow:hidden; color:#fff; font-size:16px; padding:11px 32px; background:#5eaf28; border-radius:38px; text-align:center; z-index:2008;border:0;-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 .bt-join {position:absolute; right:0px; top:35px;display:block; overflow:hidden; color:#5eaf28; font-size:16px; padding:11px 32px; background:#fff; border-radius:38px; text-align:center; z-index:2008; border:1px solid #5eaf28; -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 .bt-logout {position:absolute; right:0px; top:35px;display:block; overflow:hidden; color:#0e050a; font-size:16px; padding:11px 32px; background:#fff; border-radius:38px; text-align:center; z-index:2008; border:1px solid #0e050a;}
#header .bt-logout.new{border:none;overflow:visible;padding:11px 0px}
#header .bt-logout.new:before{width:1px;height:16px; background:#e1e1e1; position:Absolute; left:-20px; top:50%;margin-top:-8px; display:block; content:""}

#header .bt-my{position:absolute; right:100px; top:35px;display:block;  color:#373737; font-size:14px; padding:11px 0px 11px 0; text-align:center; z-index:2008;}
/* #header .bt-my:after{width:18px; height:18px; position:absolute; right:0; top:50%;margin-top:-9px; background:url(../img/Sub/ico-option.png) no-repeat center center ;display:block; content:""} */
#header .bt-my:after{width:18px; height:18px; position:absolute; right:0; top:50%;margin-top:-9px; display:block; content:""}
#header .bt-my span{ font-weight:500; color:#5eaf28;}


#logo {position:absolute;left:0;top:25px;z-index:2100;text-align:left; width:142px; height:43px; z-index:2500;}
#logo a{background:url(../img/logo.png) no-repeat left center;display:block; height:43px;/* display:block; font-weight:bold;padding-left:45px; line-height:41px; color:#231f20; font-size:19px;font-family: 'NanumSquare'; letter-spacing:-0.03em;display:block;height:41px; */-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

#header .stop-info{position:absolute; left:270px; top:42px; font-size:0px;}
#header .stop-info .tit{background:url(../img/Sub/stop-hicon.png) no-repeat left; height:25px; padding-left:35px; line-height:23px; font-size:20px; display:inline-block;}

#header .stop-info .coin{display:inline-block; margin-left:190px;}
#header .stop-info .coin .btxt{font-size:15px; font-weight:100;}
#header .stop-info .coin .sum{font-size:17px; margin-left:12px; font-weight:300; color:#000;}
#header .stop-info .coin .charge{font-size:17px; margin-left:20px; border-bottom:1px solid #7c7c7c; padding-bottom:3px; font-weight:400; color:#000;}

#header .stop-info .name{display:inline-block; font-size:17px; padding-left:105px; color:#373737; font-weight:300;}
#header .stop-info .name span{color:#5eaf28; font-weight:500;}

	@media only screen and  (max-width:1170px) {
		#header .stop-info{left:210px;}
		#header .stop-info .coin{margin-left:80px;}
		#header .stop-info .name{padding-left:85px;}
	}

	@media only screen and  (max-width:1000px) {
		#header .stop-info{display:none;}
		#header .bt-logout{display:none;}
		
		#logo{width:110px;}
		#logo a{background-size:110px auto}
	}

.mo-gnb{display:none;}

.mo-snb-bg{display:none;}
	@media only screen and (min-width:1200px){
		.topmenu li.mn_l1:first-child{margin-left:240px}
		.topmenu .mn_a1 { padding:25px 40px;}
	}
	@media only screen and (min-width:1001px) and (max-width:1199px){ 
		#header-wrap.fix{width:100%; left:auto; margin-left:0;}
		#header-wrap.fix #header{ margin:0 auto ; width:100%; position:relative;}

		#logo {left:10px;}
	
		.topmenu li.mn_l1:first-child{margin-left:20%}
		.topmenu .mn_a1 { padding:25px 35px;}
		
		.top-translate{right:42px;}
		.allmenu-wrap{ position:relative; width:1000px; margin:0 auto;}

		.search-slider-ovclick{display:none !important}

	}
	@media only screen and (min-width:1001px){
		
		#header .bt-mnall{display:none;}
		/* MainNavi-wrap */
		#mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:19px;width:100%;display:block;z-index:2007;}

		#mainNav {position:relative;}
		
		.topmenu {display:block;position:relative;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:17px; display:block;color:#111; font-weight:400; letter-spacing:-0.06em; position:relative; text-align:center;}
		/* .topmenu .mn_a1:after{width:1px ;height:20px ;background:#d5d5d5; position:absolute; left:0; top:50%;margin-top:-9px; display:block;content:""} */
		.topmenu .mn_l1:first-child .mn_a1:after{display:none;}
		.topmenu .mn_l1 {float:left; position:relative;}
		.topmenu .mn_l1.over .mn_a1{color:#5eaf28}
		
	

		.topmenu .depth2-wrap {position:absolute;top:82px;line-height:120%;display:none !important;visibility:hidden;padding:0; left:0;}
		.topmenu .depth2-wrap:after{ background:#ececec; width:1px ;height:1500px; left:0; top:0; display:block; content:""; position:absolute;}
		.topmenu .depth2-wrap .mn-txt{ font-size:17px; font-weight:600; color:#2c2f3e;padding-left:20px; margin-top:30px; letter-spacing:-0.04em; display:block; height:30px;}
		.topmenu .depth2 {position:relative;height:auto;padding:15px 0 40px 0;overflow:hidden;}
		.topmenu .depth2 li {letter-spacing:-1px;line-height:1.3em; width:auto;}
		.topmenu .depth2 .mn_l2 {text-align:left;margin-bottom:1px; }
		.topmenu .depth2 .mn_a2 {cursor:pointer; line-height:130%;padding:2px 15px 2px 15px; display:block;}
		.topmenu .depth2 .mn_a2 span {display:inline-block; padding:2px 0; position:relative;font-weight:400; font-size:13px;letter-spacing:-0.03em;color:#666;}
		.topmenu .depth2 .mn_a2:hover span {color:#5eaf28;text-decoration:underline }
	
		.topmenu .depth3-wrap, .topmenu .depth4-wrap{display:none;}

		#mainNavi-wrap .ovbar {position:absolute; height:14px; top:69px; display:block;overflow:hidden; height:12px; display:block;;}
		#mainNavi-wrap .ovbar:after {position:absolute; bottom:0; left:50%;margin-left:-30%;background:#5eaf28; height:3px;content:"";display:block;z-index:200; width:60%}
	}	

	@media only screen and (max-width:1000px) {
		#header{position:relative; z-index:5600; height:80px;background:#fff;}
		#logo{left:20px; top:18px;}

		#header-wrap{position:absolute; top:0px; left:0px;}
		#header .bt-mnall {position:absolute;display:block; width:30px; height:30px; background:url(../img/Layout/bt-mnall.png)no-repeat center center; right:15px; top:25px;}

		/* 메뉴 */
		#header-wrap .mn-bg {display:none;}
		#mainNavi {position:fixed;background:#373737;transition:right 0.3s ease;z-index:7000;right:-240px;overflow-y:scroll;overflow-x:hidden;top:0px;width:240px;height:100%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
		#mainNavi.mn-h-open {right:0;}

		#mainNavi .mo-gnb{padding:10px 0px;}
		#mainNavi .mo-gnb a{background: #5eaf28;width:200px; font-weight:500; font-size:12px; display:inline-block; margin:5px 12px; color:#fff; text-align:center; padding:3px 0px; border-radius:16px;}
		#mainNavi .mo-gnb a.logout{background:none; }
		#mainNavi .mo-gnb .btn-charge{margin:0 0 15px 0}
		.bt-mnclose {position:absolute;right:-95px;top:0px;width:95px;height:95px; z-index:6999;border:0;background:rgba(0,0,0,0.8) url(../img/Layout/bt-mnall-close.png) no-repeat center center;}
		
		.mo-gnb{display:block;}

		#sub .mo-gnb, #etc .mo-gnb{padding:15px; color:#fff; text-align:center;}
		#sub .mo-gnb .btxt, #etc .mo-gnb .btxt{font-size:15px; text-align:center; margin-bottom:10px;}
		#sub .mo-gnb .btxt span, #etc .mo-gnb .btxt span{font-size:18px;}
		#sub .mo-gnb a.btn-charge, #etc .mo-gnb a.btn-charge{width:100%; font-weight:400; font-size:14px; display:inline-block; background:#5eaf28; color:#fff; text-align:center; padding:6px 0px; border-radius:16px; margin-bottom:15px;}
		#sub .mo-gnb .stxt, #etc .mo-gnb .stxt{font-size:15px; display:inline-block;}
		#sub .mo-gnb .stxt span, #etc .mo-gnb .stxt span{color:#5eaf28;}
		#sub .mo-gnb a.btn-logout, #etc .mo-gnb a.btn-logout{width:70px; font-weight:400; font-size:13px; display:inline-block; margin:5px 5px 5px 9px; border:1px solid #fff; color:#fff; text-align:center; padding:3px 5px; border-radius:16px;}

		.mn-bar {display:none;}
		
		.topmenu {width:100%;display:block;position:relative;border-top:1px solid #555;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;}
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}
		.topmenu .tgl-btn {display:none; border:none; text-indent:-9999px;}
		.topmenu .mn_a1 {position:relative;display:block;background-position:left top;background-repeat:repeat;border-bottom:1px solid #555;}
		.topmenu .mn_a1 span {display:block;padding:21px 23px 18px 23px;overflow:hidden;font-size:15px;font-weight:400;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#fff;}
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#fff;}
		.topmenu .is-open .mn_a1{background-color:#5eaf28;border-color:rgba(0,0,0,0.2);}
		
		/* .topmenu .has-sub .mn_a1 span {margin-right:30px;overflow:hidden;} */
		.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}
		
		.topmenu .mn_l1.has-sub .mn_a1:after {display:block;width:16px; height:16px;border-radius:100%; position:absolute; padding:0; margin:0; right:15px; top:22px; z-index:5; background:url(../img/Layout/mdepth-01.png) no-repeat center center #fff;display:block; content:""}
		.topmenu .mn_l1.has-sub.is-open .mn_a1:after{ background:url(../img/Layout/mdepth-01o.png) no-repeat center center #fff;}

		.topmenu .mn_l2.has-sub .mn_a2:after{display:block;width:16px; height:16px;border-radius:100%; display:block; content:""; position:absolute; padding:0; margin:0; right:15px; top:16px; z-index:5; background:url(../img/Layout/mdepth-02.png) no-repeat center center}
		.topmenu .mn_l2.has-sub.is-open .mn_a2:after { background:url(../img/Layout/mdepth-02o.png) no-repeat center center ;}

		.topmenu .mn_l3.has-sub .mn_a3:before{display:block;width:11px; height:11px; display:block; content:""; border:1px solid #555555;position:absolute; padding:0; margin:0; right:15px; top:8px; z-index:5; background:url(../img/Layout/mdepth-03.png) no-repeat center center}
		.topmenu .mn_l3.has-sub.is-open .mn_a3:before { background:url(../img/Layout/mdepth-03o.png) no-repeat center center ;}
	
		.topmenu li > div {display:none;}
		.topmenu .depth2-wrap {position:relative;}
		.topmenu .depth2 {position:relative;width:100%;min-width:223px;background:#eaeaea;border-bottom:1px solid #aab1ba;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 li {font-size:14px;line-height:1.3em;}
		.topmenu .depth2 a {display:block;}
		.topmenu .depth2 .mn_l2 {border-bottom:1px solid #cecece}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
		.topmenu .depth2 .mn_a2 {display:block;padding:12px 45px 12px 23px; position:relative;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:400;cursor:pointer;color:#2e3135;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#2e3135;}


		.topmenu .depth3-wrap {position:relative;}
		.topmenu .depth3 {position:relative;width:100%;background:#fff;padding:10px 0}
		.topmenu .depth3 li {font-size:14px;line-height:1.3em;}
		.topmenu .depth3 a {display:block;}
		.topmenu .depth3 .mn_l3 {border-bottom:1px solid rgba(255,255,255,0.1)}
		.topmenu .depth3 .mn_l3:last-child{border-bottom:none}
		.topmenu .depth3 .mn_l3.first , .topmenu .depth3 .mn_l3:first-child {border-top:0px}
		.topmenu .depth3 .mn_a3 {display:block;padding:4px 45px 4px 32px; position:relative;}
		.topmenu .depth3 .mn_a3:after{width:2px; height:2px; display:block; content:""; position:absolute;background: #2f3135; left:25px; top:13px;}
		.topmenu .depth3 .mn_a3 span {font-size:13px;font-weight:400;cursor:pointer;color:#2e3135;}
		.topmenu .depth3 .mn_a3:hover span, .topmenu .depth2 .over .mn_a2 span{color:#2e3135;}

		.topmenu .depth4-wrap {position:relative; padding: 0 15px 0 25px}
		.topmenu .depth4 {position:relative;background:#eff0f2;padding:15px 10px}
		.topmenu .depth4 li {font-size:14px;line-height:1.3em;}
		.topmenu .depth4 a {display:block;}
		.topmenu .depth4 .mn_l4 {border-bottom:1px solid rgba(255,255,255,0.1)}
		.topmenu .depth4 .mn_l4:last-child{border-bottom:none}
		.topmenu .depth4 .mn_l4.first , .topmenu .depth3 .mn_l3:first-child {border-top:0px}
		.topmenu .depth4 .mn_a4 {display:block;padding:2px 15px 2px 15px; position:relative;}
		.topmenu .depth4 .mn_a4:after{width:3px; height:2px; display:block; content:""; position:absolute;background: #2f3135; left:5px; top:13px;}
		.topmenu .depth4 .over .mn_a4:after{content:"▶"; color:#102741;font-size:6px; background:none; width:5px; height:5px;  top:3px;}
		.topmenu .depth4 .over .mn_a4 span {color:#102741; font-weight:600;}
		.topmenu .depth4 .mn_a4 span {font-size:13px;font-weight:400;cursor:pointer;color:#2e3135;}
		.topmenu .depth4 .mn_a4:hover span, .topmenu .depth2 .over .mn_a2 span{color:#102741;}
	}

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

		
	}
	@media only screen and (max-width:1000px) {
		#header .bt-login {display:none;}
		#header .bt-join {display:none;}

		.top-translate{display:none}
		
		.top-search{ width:100%; height:0; right:0;}
		.top-search .tit{display:none;}
		.top-search .is-search{ display:none;background:#ebeff2; width:100%; box-sizing:border-box; padding:15px 55px 10px 20px; height:80px;position:absolute; left:0; top:126px;}
		.top-search input[type="text"]{ height:50px; border-bottom:1px solid #333; width:100%; font-size:16px;}
		
		.top-search .search-btn{background:url(../img/Layout/msearch-btn.png) no-repeat center center;  right:56px; top:20px;}
		.top-search .search-close{display:block; top:20px; right:5px;}
		.top-search .search-open{ display:block;position:Absolute; right:55px;; top:63px; width:42px;  height:42px;  background:url(../img/Layout/msearch-ico.png) no-repeat center center; border:none;}

	}
	@media only screen and (max-width:680px) {
		.top-search .is-search{top:111px;}
		.top-search .search-open{top:56px; right:46px}
	}

/* 컨텐츠 */

#container-wrap.mcontainer { min-height:auto; }
#container-wrap.mcontainer #contents{height:auto;}
#container-wrap.scontainer #contents{height:auto;}

#container-wrap.scontainer { min-height:500px; }
#container-wrap.scontainer #container{position:relative;}
#container:after{clear:both; content:"";display:block;}

.cont-tit{margin-top:36px;}
.cont-tit h2{font-size:20px; color:#373737; font-weight:400;}
h3.tit{font-size:15px; color:#373737; font-weight:400; margin-bottom:10px;}

	@media only screen and (max-width:1000px){
		#container-wrap{ padding-top:81px;}
		#container-wrap.mcontainer:after{background:#e2ebf1}
	}
	@media only screen and (max-width:680px){
		#container-wrap.scontainer { padding-bottom:60px;}
	}

	@media only screen and (min-width:1200px){
		#contents-wrap {width:1020px;}
		#subNavi-wrap {width:270px;}
	}
	@media only screen and (min-width:1001px) and (max-width:1199px){ 
		#contents-wrap {width:77%; padding-left:3%}
		#subNavi-wrap {width:20%;}
	}

	@media only screen and  (min-width:1001px) {
		#contents-wrap {position:relative;z-index:700;float:right;min-height:800px;padding-top:50px;padding-bottom:95px;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word}
		
		#subNavi-wrap {display:block; float:left; position:absolute; height:100%; background:#373737; z-index:900; padding-top:50px;}
		#subNavi .lm-tit {font-size:29px;font-weight:600;height:117px;padding:0 0;font-family: 'NanumSquare'; line-height:117px;letter-spacing:-0.05em;background:url(../img/Sub/lmtit-bg.png) no-repeat #005fca;color:#fff;text-align:center; position:relative; z-index:5;display:block;vertical-align:top; width:auto;}
		#subNavi .lm-tit button {display:none;}
		#subNavi .lm-tit .stxt{display:none;}
		
		#subNavi .leftmenu{display:block; position:relative;z-index:3 ; }
		#subNavi .leftmenu ul {position:relative;line-height:130%;text-align:left;}
		#subNavi .leftmenu ul:after {clear:both;content:"";display:block;}
		#subNavi .leftmenu ul .lm_l2 {position:relative;vertical-align:top;}
		#subNavi .leftmenu ul .lm_a2 { display:block;position:relative; z-index:1; font-weight:600; font-size:17px; letter-spacing:-0.05em; color:#fff; font-weight:400; padding:18px 45px 18px 30px;}
		#subNavi .leftmenu ul .is-open .lm_a2,#subNavi .leftmenu ul .over .lm_a2 {border-bottom:none; border-left:none; border-right:none;background:#373737;font-weight:400; color:#fff;}
			
		#subNavi .leftmenu ul .lm_l2.has-sub .lm_a2:after{ width:11px; height:7px; background:url(../img/Sub/left-arrow-down.png) no-repeat center center; position:absolute; right:18px; top:50%; margin-top:-4px; display:block; content:""}
		#subNavi .leftmenu ul .lm_l2.is-open.has-sub .lm_a2:after,#subNavi .leftmenu ul .lm_l2.over.has-sub.is-open.is-close .lm_a2:after{ width:11px; height:7px; background:url(../img/Sub/left-arrow-up.png) no-repeat center center; right:18px}
		/* #subNavi .leftmenu ul .lm_l2.is-open.has-sub .lm_a2:after{ width:20px; height:20px; background:url(../img/Sub/lm-2depthz.png) no-repeat center center; right:19px} */

		#subNavi .leftmenu span{display:inline-block}
		#subNavi .leftmenu span.new-win {background:url(../img/Layout/new-win.png) no-repeat center right; padding-right:25px;}


		#subNavi .leftmenu ul .over .depth3 {display:block;}
		
		#subNavi .leftmenu ul.depth3 {display:none; background:#5f5f5f; font-size:14px;}
		#subNavi .leftmenu ul.depth3 .lm_a3 {display:block;font-weight:300; position:relative; color:#29303a; font-size:15px;  letter-spacing:-0.05em; padding:10px 20px 10px 42px; color:#fff;}
		#subNavi .leftmenu ul.depth3 .lm_a3 span{display:inline-block;}
		#subNavi .leftmenu ul .lm_l3.over .lm_a3 {background:#5eaf28;}
		
		/*#subNavi .leftmenu ul .lm_l3 .lm_a3:before{ width:4px; height:8px; background:url(../img/Sub/lm-depth.png) no-repeat center center; position:absolute; left:10px; top:50%;margin-top:-3px; display:block; content:""}*/
	    #subNavi .leftmenu ul .lm_l3.has-sub .lm_a3:after{ width:20px; height:20px; background:url(../img/Sub/lm-3depth.png) no-repeat center center; position:absolute; right:10px; top:50%;margin-top:-10px; display:block; content:""}
		#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:after{ width:20px; height:20px; background:url(../img/Sub/lm-3deptho.png) no-repeat center center;}
		#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:before{  background:url(../img/Sub/lm-deptho.png) no-repeat center center; }
		#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3{background:#818691; color:#fff;}
		

		#subNavi .leftmenu ul .lm_l3.over .depth4 {display:block;}
		#subNavi .leftmenu ul.depth4 {display:none; background:#fff; padding:10px 12px}
		#subNavi .leftmenu ul.depth4 .lm_a4 {display:block;font-weight:400; position:relative; color:#555; font-size:13px; padding:2px 8px 2px 8px}
		#subNavi .leftmenu ul.depth4 .lm_a4 span{display:inline-block;}
		#subNavi .leftmenu ul.depth4 .over .lm_a4{color:#102741; font-weight:600; letter-spacing:-0.05em;}

		#subNavi .leftmenu ul .lm_l4 .lm_a4:before{ width:4px; height:8px; background:url(../img/Sub/lm-4depth.png) no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}
		#subNavi .leftmenu ul .lm_l4.over .lm_a4:before{ width:4px; height:8px; background:url(../img/Sub/lm-4deptho.png) no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}


	}
	@media only screen and  (max-width:1000px) {

		
		#contents-wrap{padding:20px 20px 60px 20px}
		#container-wrap.active{z-index:5001;}
		#subNavi-wrap {width:250px; position:fixed; top:0px; right:-250px; z-index:9;/* display:block; */ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; height:100%; overflow-y:scroll; background:#373737}
		#subNavi-wrap.active{right:0px; z-index:9000}
		
		a.bt-snclose{position:fixed; right:-95px; top:0px; width:95px; height:95px; z-index:2; border:0; background:rgba(0,0,0,0.8) url(../img/Layout/bt-mnall-close.png) no-repeat center center; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
		a.bt-snclose.active{right:250px;z-index:9001}
		
		#subNavi .lm-tit {font-weight:300;height:50px;padding:0 0;font-family: 'NanumSquare'; line-height:48px;letter-spacing:-0.05em;background:url(../img/Sub/lmtit-bg.png) no-repeat #005fca;color:#fff;text-align:left; position:relative; z-index:5;display:block;vertical-align:top; width:auto;}
		#subNavi .lm-tit * {vertical-align:middle;}
		#subNavi .lm-tit .tit {display:block;white-space:nowrap;font-size:18px;position:relative;}
		#subNavi .lm-tit .tit span{display:block;}
		#subNavi .lm-tit button {position:absolute;right:15px;bottom:20px;width:19px;height:10px;border:none; display:block;content:"▼"}
		#subNavi .lm-tit button {text-indent:9999em;}
		#subNavi .lm-tit button:after{width:1px;background:rgba(255,255,255,0.1); width:1px ; height:30px; left:-20px; top:50%;margin-top:-15px;display:block; content:"";position:absolute;}
		#subNavi .lm-tit .btxt{padding-left:20px; display:block; font-size:19px;font-weight:400;}
		
		#subNavi-wrap .leftmenu {display:block;background:#373737;position:absolute;top:135px;right:0;width:100%;z-index:1500; border-top:1px solid #444;}
		#subNavi-wrap .leftmenu .lm_a2 {padding:16px 23px 16px 23px; text-align:left;display:block;font-size:15px;}
		#subNavi-wrap .leftmenu li:first-child .lm_a2 {border-top:0}
		#subNavi-wrap .leftmenu .over .lm_a2, #subNavi-wrap .leftmenu .is-open .lm_a2{background:#5eaf28; border-bottom:1px solid #26466f}
		#subNavi-wrap .leftmenu .over .lm_a2 span{color:#fff;}
		#subNavi-wrap .leftmenu .lm_a2 {background:#none; border-bottom:1px solid #444}
		#subNavi-wrap .leftmenu .lm_a2 span{color:#fff}
		#subNavi-wrap .leftmenu .depth3 {display:none;background:#5f5f5f;text-align:left;padding:10px 15px 10px 15px;border-bottom:1px solid #333}
		#subNavi-wrap .leftmenu .over .depth3 {display:block;;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3 {padding:1px 0 1px 10px; position:relative;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3.over a span{text-decoration:underline}
		#subNavi-wrap .leftmenu .depth3 .lm_l3:after{position:absolute; width:4px; height:2px;display:block; content:""; left:0; background:#888;top:50%;margin-top:-1px;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3 span {color:#fff;}
		#subNavi-wrap .leftmenu .depth3 li:first-child,	#subNavi-wrap .leftmenu .depth3 li:first-child .lm_l3 {border-top:0;}
		#subNavi-wrap .leftmenu .depth3 .lm_a3 {display:block;padding:3px 0}	
		#subNavi-wrap .leftmenu .depth3{display:none}
		#subNavi-wrap .leftmenu .depth4{display:none}
		.mo-snb-bg{background:rgba(0,0,0,0.65); position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; z-index:1;}
	}
	@media only screen and  (max-width:680px) {
		#contents-wrap{padding:20px 10px 60px 10px}

	}


/* /////////////////////////////// 하단 ///////////////////////////////////*/
#footer-wrap {display:block;}

#footer { position:relative; padding:22px 0 100px 270px;}
#footer:after{background:#373737; position:absolute; left:50%; top:0; width:2000px; margin-left:-1000px; display:block; content:""; height:100%; z-index:-1;}

#footer .f-logo{position:absolute; left:0; top:18px; width:176px; height:34px; background:url(../img/Layout/foot-logo.png) no-repeat left; font-size:0px;}

#footer .f-btn{position:fixed; left:50%; bottom:0px; font-size:0px; z-index:1; margin-left:-102px;}
#footer .f-btn li{display:inline-block; margin-left:9px;}
#footer .f-btn li a{font-size:16px; width:220px; height:40px; line-height:36px; text-align:center; border-radius:5px 5px 0px 0px; color:#fff; font-weight:500; background:#8c8c8c; display:block;}
#footer .f-btn li a.ygreen{background:#a2ce84;}
body#sub #footer .f-btn{ margin-left:127px;}
body#sub #footer .f-btn li:first-child{display:none;}

#footer .f-link{font-size:0px; margin-bottom:25px;}
#footer .f-link li{display:inline-block;}
#footer .f-link li a{font-size:15px; color:#fff; margin-right:28px;}

#footer .f-info{font-size:14px; color:#a1a1a1;}
#footer .f-info .cp{margin-top:50px; font-weight:500;}

#footer .f-tel{position:absolute; right:0px; top:25px; font-size:14px; color:#a1a1a1; text-align:right;}
#footer .f-tel li.tel{background:url(../img/Layout/f-tel-icon.png) no-repeat 0px 1px; display:inline-block; padding-left:38px; height:25px; font-size:22px; font-weight:600; margin-bottom:20px; line-height:100%;}
#footer .f-tel li{font-size:14px; line-height:180%;}
#footer .f-tel li span{color:#e9e9e9;}
#footer .f-tel li.kakao-btn{margin-top:18px;}
#footer .f-tel li.kakao-btn a{font-size:16px; background:url(../img/Layout/f-kakao.png) no-repeat 20px 13px #676767; display:inline-block; padding:10px 38px 10px 62px; border-radius:4px; color:#fff;}

	@media only screen and  (max-width:1170px) {
		#footer .f-link li a{font-size:14px; margin-right:14px;}
		#footer .f-info{font-size:13px;}
		
		#footer .f-logo{left:10px;}
		#footer .f-tel{right:10px;}

	}

	@media only screen and  (max-width:1000px) {
		#footer {padding:85px 20px 40px 20px;}
		#footer .f-logo{top:25px; left:20px;}

		#footer .f-link{margin-bottom:15px;}

		#footer .f-tel{right:20px; top:70px;}
		#footer .f-tel li.tel{margin-bottom:10px;}
	}

	@media only screen and  (max-width:840px) {
		#footer {padding:265px 20px 40px 25px;}
		#footer .f-btn{text-align:center;}
		#footer .f-btn li{display:inline-block; margin:0px 4px; width:32%;}
		#footer .f-btn li a{font-size:16px; width:100%; height:36px; line-height:36px; text-align:center; border-radius:5px 5px 0px 0px; color:#fff; font-weight:500; background:#8c8c8c; display:block;}
		
		body#sub #footer .f-btn li{width:48%;}

		#footer .f-btn{position:absolute; right:none; left:0px; top:-36px; font-size:0px;}

		#footer .f-info .cp{margin-top:15px;}

		#footer .f-tel{position:absolute; right:none; left:25px; top:85px; text-align:left;}
		#footer .f-tel li.tel{padding-left:28px; font-size:18px;}
		#footer .f-tel li{font-size:13px; line-height:180%;}
		#footer .f-tel li.kakao-btn{margin-top:10px;}
		#footer .f-tel li.kakao-btn a{font-size:13px; background:url(../img/Layout/f-kakao.png) no-repeat 20px 10px #676767; padding:7px 38px 7px 62px;}

	}

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

		#footer .f-btn li{width:31%;}
		#footer .f-btn li a{font-size:14px;}

	}

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

		#footer .f-tel li{font-size:12px; }

		#footer .f-link li a{font-size:12px; margin-right:14px;}

		#footer .f-link{margin-bottom:12px;}

		#footer .f-btn li{width:31%; margin:0px 2px;}
		#footer .f-btn li a{font-size:11px; letter-spacing:-1px;}

	}