@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); 
html,body {width:100%; font-family:'Spoqa Han Sans', "Apple SD Gothic Neo", "Malgun Gothic";font-weight:400;  }
#doc {position:relative;min-width:360px; overflow:hidden; min-height:768px;}
body {overflow-y:visible;overflow-x:auto;min-height:480px;background:#25272d;}
	@media only screen and (min-width:1000px) {
		body {overflow-y:auto !Important;}
		
	}
	@media only screen and (min-width:521px) {
		#doc.main{position:absolute; left:0; top:0; width:100%;height:100%;}
	}
	@media only screen and (max-width:999px) {
		#doc{min-height:480px;}
	}

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto; max-width:1320px;padding:0 20px;box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.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:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:3600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.layer-slider-ovclick{position:fixed;z-index:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.content-slider-ovclick{position:absolute;z-index:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }


/*=======================================================
    z-index default
=========================================================*/
#header-wrap{position:fixed;z-index:3000;}
#container-wrap{position:relative;z-index:2009; }
#footer-wrap{position:relative;z-index:1007; }


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap{left:0; top:0; width:100%; min-width:340px;}
#header-wrap:after{width:20000px;height:100%; background:#33353e; border-bottom:1px solid #4d4d4d; position:absolute; display:block; content:""; left:50%;margin-left:-10000px;z-index:-1; top:0;box-sizing:border-box;-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;}

.main #header{display:none; height:auto;}

#header{height:80px; height:60px; max-width:1320px; margin:0 auto; position:relative;}

#header #logo{width:144px; height:38px;position:absolute; left:-150px; top:11px;}
#header #logo a{display:block; height:38px;background:url(../img/sangseungLogo.png) no-repeat;background-size:contain;}
#header .bt-user{font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.67px; line-height:20px; position:absolute; left:20px; top:20px;}
#header .bt-logout{font-size:14px; color:#c7f60e; font-weight:400; letter-spacing:-0.58px; line-height:20px; position:absolute; right:20px; top:20px}
#header .bt-modify{font-size:14px; color:#c7f60e; font-weight:400; letter-spacing:-0.58px; line-height:20px; position:absolute; right:100px; top:20px}
#header .bt-manual{font-size:14px; color:#c7f60e; font-weight:400; letter-spacing:-0.58px; line-height:20px; position:absolute; right:180px; top:20px}
#header .bt-mnall{display:none;width:24px;height:24px; right:16px; top:16px; background:url(../img/Layout/bt-mnall.png) no-repeat center center ;background-size:100% auto; position:Absolute;}
	@media only screen and (min-width:1000px){
		
	}
	@media only screen and (max-width:999px) {
		#header #logo{left: 15px;}
		#header .bt-logout{display:none;}
		#header .bt-modify{display:none;}
		#header .bt-manual{display:none;}
		#header .bt-mnall{display:block;}

		#header .bt-user{right:64px; left:auto; top:18px;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}

	

/* ======================================================
   #container 
=========================================================*/
#container-wrap:after{display:block; content:"";clear:both;}
#container-wrap.mcontainer{position:absolute; left:0; top:0; width:100%; height:100%;} 
#container-wrap.mcontainer #contents{ }
#container-wrap.scontainer{ margin-top:60px; padding:30px 20px 0 20px}
#container-wrap.scontainer #contents{float:right; width:78.125%; max-width:1000px;padding-bottom:170px}
	@media only screen and (min-width:1200px) and (max-width:1320px){
		
	}
	@media only screen and (min-width:1000px) and (max-width:1199px){
		
	}
	@media only screen and (max-width:999px) {
		#container-wrap.scontainer{ margin-top:60px; padding:15px 12px 0 12px}
		#container-wrap.scontainer #contents{float:none;width:auto; padding-bottom:50px;} 
	}
	@media only screen and (max-width:680px) {
		#container-wrap.scontainer{ margin-top:60px;}
	}
	@media only screen and (max-width:480px) {
		
	}



/*=======================================================
	#snb-wrap 
=========================================================*/
#snb-wrap{/* position:absolute;left:20px; top:30px;  */ float:left;width:18.75%; position:relative; max-width:240px;background:#52545f; min-height:600px;border-radius:4px;}
#snb-wrap h2{background:url(../img/logo.png) no-repeat center center;background-size:112px 38px; height:108px}
#snb-wrap .bt-mnclose{display:none;width:24px;height:24px; right:16px; top:16px; background:url(../img/Layout/bt-mnclose.png) no-repeat center center ;background-size:100% auto; position:Absolute;}
#snb-wrap .mn-modify{display:none;visibility:none;right:50; top:20; color:#c7f60e;line-height:1.2em; margin-top:24px; text-align:right;font-size:14px;letter-spacing:-0.58px; padding:0 24px;}

#snb-wrap .leftmenu{}
#snb-wrap .leftmenu li{}
#snb-wrap .leftmenu li a{display:block;font-size:16px; color:#fff; letter-spacing:-0.67px; line-height:56px; padding-left:55px; position:relative;}
#snb-wrap .leftmenu li.active a{background:#5f635a;}
#snb-wrap .leftmenu li.active a:hover{background:#7c935f;}

#snb-wrap .leftmenu li a:before{width:16px;height:16px; top:21px; left:23px;display:block; content:""; position:absolute;background-size:100% auto !important;}
#snb-wrap .leftmenu li:nth-child(1) a:before{background:url(../img/Sub/lm-ico01.png) no-repeat center center; }
#snb-wrap .leftmenu li:nth-child(2) a:before{background:url(../img/Sub/lm-ico02.png) no-repeat center center;}
#snb-wrap .leftmenu li:nth-child(3) a:before{background:url(../img/Sub/lm-ico03.png) no-repeat center center;}
#snb-wrap .leftmenu li:nth-child(4) a:before{background:url(../img/Sub/lm-ico05.png) no-repeat center center;}
#snb-wrap .leftmenu li:nth-child(5) a:before{background:url(../img/Sub/lm-ico06.png) no-repeat center center;}
#snb-wrap .leftmenu li:nth-child(6) a:before{background:url(../img/Sub/lm-ico04.png) no-repeat center center;}

.mn-logout{display:none;color:#c7f60e;line-height:1.2em; margin-top:24px; text-align:right;font-size:14px;letter-spacing:-0.58px; padding:0 24px;}
	@media only screen and (min-width:1200px) and (max-width:1320px){
		#snb-wrap h2{background-size:130px auto; height:90px;}
		#snb-wrap .leftmenu li a{padding-left:50px; font-size:15px; line-height:50px;}
		#snb-wrap .leftmenu li a:before{left:17px; top:17px;}
	}
	@media only screen and (min-width:1000px) and (max-width:1199px){
		#snb-wrap h2{background-size:115px auto; height:80px;}
		#snb-wrap .leftmenu li a{padding-left:45px;font-size:15px; line-height:50px;}
		#snb-wrap .leftmenu li a:before{left:17px;top:17px;}
	}
	@media only screen and (max-width:999px) {
		#snb-wrap{position:fixed; right:100%; top:0; width:100%; float:none; max-width:none;background:#52545f; height:100%; z-index:9999;opacity:0;-webkit-transition:  opacity 0.35s ease-in-out;-moz-transition: opacity 0.35s ease-in-out;-o-transition: opacity 0.35s ease-in-out;	transition:opacity 0.35s ease-in-out;}
		#snb-wrap.mn-h-open {opacity:1; right:0;}
		#snb-wrap.mn-h-close{right:0;}
		#snb-wrap .mn-top{position:relative; height:60px;border-bottom:1px solid #4d4d4d;}
		#snb-wrap h2{height:60px; left:16px; top:11px; position:absolute; width:144px;height:38px; background-size:100% auto;}
		#snb-wrap .bt-mnclose{display:block;}

		#snb-wrap .mn-modify{position:absolute;top:0; right:120px; display:block;visibility:visible;z-index: 3001}
		.mn-logout{position:absolute;top:0; right:50px; display:block;visibility:visible;z-index: 3001}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}

.cscenter{position:absolute;width:100%; bottom:24px; max-height:600px; text-align:center; }
.cscenter p, .cscenter a{color:#d4d4d4; font-size:12px; line-height:20px; letter-spacing:-0.5px;}
	@media only screen and (max-width:999px) {
		.cscenter{margin-top:0; position:absolute; left:0; bottom:24px; width:100%;padding-bottom:0}
	}

.cscenter-login{margin-top:200px; text-align:center; padding-bottom:16px;}
.cscenter-login p, .cscenter-login a{color:#d4d4d4; font-size:12px; line-height:20px; letter-spacing:-0.5px;}
	@media only screen and (max-width:999px) {
		.cscenter-login{margin-top:0; position:absolute; left:0; bottom:24px; width:100%;padding-bottom:0}
	}

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