html, body {width:100%; height:100%;}

#wrapper {height:100%; }


/* header */
#header {position:relative; height:134px; /*border-left:210px solid #353B48;*/ background:#353B48 /*url('../../../public/img/admin/common/bg_header.gif')*/ repeat-x left top; }

#header .logo {/*position:relative; float:left; width:190px;*/position:relative; float:left; _border:1px solid red; _margin-top:3px;}
#header .logo p {margin:0; /*padding:0 0 0 60px;*/padding:0px;}
#header .gnb {position:relative;padding-top:10px; margin-left:210px; width:1300px;}
#header .gnb .admin_user {display:block;padding-top:0px;color:#fff; padding-left:10px; height:38px;}
#header .gnb .btn_area {position:absolute;top:10px;right:12px;*right:196px;}

#header .gnb .btn_area .com-btn{background:#f4f4f4; border:2px solid #373737; color:#373737; height:32px; line-height:32px; width:110px; padding:0px;}
#header .gnb .btn_area .com-btn.note{padding:0px 5px 0 30px; background:#f4f4f4 url('/public/img/admin/common/icn_note.png') 13px 5px no-repeat; background-size:15px auto; }
#header .gnb .btn_area .com-btn.message{padding:0px 5px 0 30px; background:#f4f4f4 url('/public/img/admin/common/icn_message.png') 13px 9px no-repeat; background-size:17px auto; }
#header .gnb .btn_area .com-btn span.new{display:none; position:absolute; width:10px; height:10px; border-radius:10px; background:#ff0000; margin-top:3px; margin-left:5px;}
#header .gnb .btn_area .list-tbl-2{width:100%; border:0px;}
#header .gnb .btn_area .list-tbl-2 td,
#header .gnb .btn_area .list-tbl-2 th{height:19px; padding:3px 3px; font-size:12px;}
#header .gnb .btn_area .com-tbl{display:table; width:100%; height:100%;}
#header .gnb .btn_area .com-tbl .com-cell{display:table-cell; text-align:center; vertical-align:middle;;}
#header .gnb .btn_area .freeuser-box{clear:both; margin-top:5px; width:217px; height:104px; background:#fff; overflow:hidden; margin-left:2px; border-radius:2px;}


#header .gnb .gnbNavi {margin-top:2px;margin-left:0px; height:84px; min-width:1100px;}
#header .gnb .gnbNavi li {float:left; /*padding-left:2px;*/}
#header .gnb .gnbNavi li a {float:left; height:84px; color:#9ca0a9; /*background:url(../img/common/navi_right.gif) no-repeat right -25px;*/background-color:#3e4557;}
#header .gnb .gnbNavi li a span {display:block;width:90px; height:70px; padding:2px 4px 10px; text-align:center; margin-left:-1px;border:1px solid #232938;/*background:url(../img/common/navi_left.gif) no-repeat left -25px;*/}
#header .gnb .gnbNavi li a span img {padding:8px 0 8px;}
#header .gnb .gnbNavi li a:hover, #header .gnb .gnbNavi li a:active, 
#header .gnb .gnbNavi li a.current, #header .gnb .gnbNavi li a.current:link, #header .gnb .gnbNavi li a.current:visited, #header .gnb .gnbNavi li a.current:hover {color:#FFF; /*background:url(../img/common/navi_right.gif) no-repeat right top;*/background-color:#3e4557;}
#header .gnb .gnbNavi li a:hover span, #header .gnb .gnbNavi li a:active span, 
#header .gnb .gnbNavi li a.current span, #header .gnb .gnbNavi li a.current:link span, #header .gnb .gnbNavi li a.current:visited span, #header .gnb .gnbNavi li a.current:hover span {color:#FFF; /*background:url(../img/common/navi_left.gif) no-repeat left top;*/background-color:#3aa2a1;}


/* container */
#container {display:table; min-height:100%; height:100%; border-left:209px solid #FAFAFA; background:url(../../../public/img/admin/common/bg_part.gif) repeat-y left top; }

/* left */
.leftWrap {position:relative; float:left; display:table-cell; vertical-align:top; width:209px; margin:0 0 0 -209px;}
.leftWrap .openClose {margin:0; padding:12px 0 0; height:44px; border-bottom:1px solid #E8E8E8; text-align:center;}

/* side menu */
.sideTopName{padding:20px 0 20px 15px; font-size:15px; font-weight:600; background:#363D4F; color:#fff; }

.sideNavi {border-top:1px solid #E8E8E8;}

.sideNavi li {border-bottom:1px solid #E8E8E8; _height:100%;}
.sideNavi li a {display:block; padding:9px 0 8px 24px; _padding:9px 0 6px 24px; color:#525252; background:url(../../../public/img/admin/common/ico_depth1_off.gif) no-repeat 16px center;}
.sideNavi li a:hover, .sideNavi li a.current, .sideNavi li a.current:visited, .sideNavi li a.current:hover {font-weight:bold; color:#FFF; background:#47A6A5 url(../../../public/img/admin/common/ico_depth1_on.gif) no-repeat 16px center;}
/*
.sideNavi li ul {display:none; padding:4px 0 6px; _padding:4px 0 4px; border-top:1px solid #E8E8E8; background:#FFF;}
.sideNavi li ul li {padding-left:24px; border-bottom:none;}
.sideNavi li ul li a {padding:6px 0 3px 11px; _padding:6px 0 1px 11px; width:174px; font-weight:normal; color:#909090; background:url(../../../public/img/admin/common/ico_depth2.gif) no-repeat left center;}
.sideNavi li ul li a:hover, .sideNavi li ul li a.current, .sideNavi li ul li a.current:visited, .sideNavi li ul li a.current:hover {font-weight:normal; color:#F15C35; letter-spacing:normal; background:url(../../../public/img/admin/common/ico_depth2.gif) no-repeat left center;}

.sideNavi li ul li ul {display:none; padding:0; border-top:none;}
.sideNavi li ul li ul li {padding-left:11px; border-bottom:none;}
.sideNavi li ul li ul li a {padding:6px 0 3px 7px; _padding:6px 0 1px 7px; width:167px; font-weight:normal; color:#A9A9A9; background:url(../../../public/img/admin/common/ico_depth3.gif) no-repeat left center;}
.sideNavi li ul li ul li a:hover, .sideNavi li ul li ul li a.current, .sideNavi li ul li ul li a.current:visited, .sideNavi li ul li ul li a.current:hover {font-weight:normal; color:#F15C35; letter-spacing:normal; background:url(../../../public/img/admin/common/ico_depth3.gif) no-repeat left center;}
*/
.menu_2depth{ display: block !important; }
.menu_3depth{ display: block !important; }

.contentsWrap {_float:left; display:table-cell; vertical-align:top; padding:20px 0 80px; _width:1100px;}
.contentsWrap > .contents {position:relative; width:1200px; margin:0 30px;}
.contentsWrapMaintenace {_float:left; display:table-cell; vertical-align:top; padding:20px 0 0px; width:1100px;}
.contentsWrapMaintenace > .contents {width:1040px; margin:0 30px;}

.finishConfirmBtn {_float:left; display:table-cell; vertical-align:top; padding:20px 0 0px; width:1040px; position: absolute;}


/* login */
#loginWrapper {position:absolute; z-index:10; left:50%; top:50%; margin:-88px 0 0 -256px; width:512px; height:214px; background:url(../../../public/img/admin/common/login_wrap.jpg) no-repeat left top;}
	.loginForm {padding:84px 0 0 238px; width:236px;}
	.loginForm dl dt {clear:both; float:left; padding-top:4px; width:52px; height:18px;}
	.loginForm dl dd {float:left; width:128px; height:22px;}
	.loginForm dl dd .text {_margin:-1px 0; padding:0 5px; width:121px; height:20px; border:1px solid #D2D2D2;}
	.loginForm .btn {clear:both; float:right; margin-top:-44px;}
	.loginForm .saveId {clear:both; margin-left:48px; width:100%;}



/* 2015.06.10 추가 */
.menu_2depth .dep-2 a{font-weight:bold; font-size:13px;}
.menu_2depth .dep-3{background:#e5e5e5;}
.menu_2depth .dep-3 a{padding-left:25px;   /*background-position:32px center;*/ background:none;}
.menu_2depth .dep-3 a:before{content:''; padding-right:3px;}
.menu_2depth .dep-3 a:hover{/*background-position:32px center;*/ background:#47A6A5;}