@charset "utf-8";

/* Common */

body, html { min-width: 960px;  margin: 0;  }
body, input, textarea, select, button, table { font-family: 'Noto Sans KR', NanumGothic, ng, sans-serif; font-size: 14px; font-weight: 400; }

.wrap {  position: relative; background: #fff;  min-width: 1240px }

.clear { clear: both; }
.clearFix:after, .setWidth:after { content: ""; display: block; clear: both; }

#sideBar { position: fixed;  top:0px; bottom:0px; left:0px; width: 220px;  border-right: 1px solid #ddd; overflow: scroll; background: #fff; z-index: 100;}
#sideBar .logo {  overflow: hidden; margin: 40px 20px; }
#sideBar .logo a { display: block;  height:42px; text-indent: -9999px;  background-repeat: no-repeat; background-size: auto 40px;  }

#sideBar .goHome { background: #fafafa; padding:  5px 10px; text-align: right; border-bottom: 1px solid #eee; }
#sideBar .goHome a { color: #666; font-size: 12px; }
#sideBar .goHome a i { vertical-align: -1px; }
#sideBar .goHome a:hover { color: #333; }

#gnb {  }
#gnb li { }
#gnb > ul > li > a { display: block; padding: 10px 20px; border-top:1px solid #ddd; font-size: 14px; font-weight: bold; color: #333; }
#gnb li.current > a {  color: #d90000; font-weight: bold; }

#gnb > ul > li > ul { margin: 5px 20px 20px; }
#gnb > ul > li > ul li a { line-height: 30px; border-left: 1px solid #ccc; display: block; padding-left: 10px; color: #666; }
#gnb > ul > li > ul li.current a { border-left-color: #d90000; }

#gnb > ul > li > ul ul  {  }
#gnb > ul > li > ul ul li a { line-height: 25px; border-left: 1px solid #ccc; display: block; padding-left: 20px; color: #666; font-size: 12px; }
#gnb > ul > li > ul ul li.current a { border-left-color: #d90000; }
.depth3 {display: none;}
.depth2 .current .depth3 {display: block;}
.hasSub {position: relative;}
.hasSub i {position: absolute; right: 0; top: 7px;}
.depth2 .current .hasSub i, .hasSub.active i {transform: rotate(180deg)}
.depth2 .current .hasSub.active i {transform: rotate(0)}

#contentBody { margin-left: 260px; width: 960px; padding: 20px 20px 20px 0; /* border-right: 1px solid #ccc; */ min-height: 960px; }

.adminFrame { width: 100%; border: none; } 

.x .x_nav-tabs { display: none; }
.x .typeUrl .x_nav-tabs { display: block; }
.x .x_page-header>h1 span, .x .x_page-header>h1 a { display: none !important;  }




/* 로그인 */


.wrap.loginModule {  position: relative; background: #fff;    background: url(../images/admin_login_back.png) no-repeat center top; background-size: 100% 100%; background-size:cover; -webkit-background-size: cover;  width: 100%; height: 100%; }

.wrap.loginModule fieldset {border: none; width: 360px;  position: absolute; top:50%; left: 50%; margin-left: -180px; margin-top:-200px;  box-sizing: border-box; padding: 30px; background: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.1)}


.wrap.loginModule  .loginHeaer h1 { text-align: center; font-size: 18px; margin: 0 -30px 30px; padding-bottom: 20px;     border-bottom: 1px solid #efefef;}
.wrap.loginModule  .loginHeaer h1 img {display: block; width:160px ; height: auto; margin: 0 auto 20px}



.wrap.loginModule fieldset .idpw input { border-radius: 0; border: 1px solid #ccc; background-color: #fff !important; padding:3px 3px; width: 100%; box-sizing: border-box; font-size: 18px; margin-bottom: 15px }



.wrap.loginModule fieldset .keep  { text-align: right; height: 20px; margin-top: 0;}
.wrap.loginModule fieldset .keep input, .wrap.loginModule fieldset .keep label  {display: inline-block; width: auto;}

input.login {border-radius: 0; padding: 15px; display: inline-block; width: 100%; font-size: 14px; box-sizing: border-box;  box-shadow: none; border: none; color: #fff; font-weight: bold; background: #d90000}









/* 로그인 */