@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
 
/*
@font-face {
  font-family: "Arita";
  font-style: normal;
  font-weight: 400;
  src: url('/public/font/Arita-dotum(TTF)-Medium.eot');
  src: url('/public/font/Arita-dotum(TTF)-Medium.eot?#iefix') format('embedded-opentype'),
       url('/public/font/Arita-dotum(TTF)-Medium.woff') format('woff');
}
@font-face {
  font-family: "Arita";
  font-style: normal;
  font-weight: 600;
  src: url('/public/font/Arita-dotum(TTF)-SemiBold.eot');
  src: url('/public/font/Arita-dotum(TTF)-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('/public/font/Arita-dotum(TTF)-SemiBold.woff') format('woff');
}
@font-face {
  font-family: "Arita";
  font-style: normal; 
  font-weight: 700;
  src: url('/public/font/Arita-dotum(TTF)-Bold.eot');
  src: url('/public/font/Arita-dotum(TTF)-Bold.eot?#iefix') format('embedded-opentype'),
       url('/public/font/Arita-dotum(TTF)-Bold.woff') format('woff');
}
*/

input:-moz-read-only { /* For Firefox */
    background-color: #f5f2e9;
}
input:read-only { 
    background-color: #f5f2e9;
}
input[readonly], input[readonly="readonly"] {
	background-color: #f5f2e9;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="file"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder{color:rgb(180, 180, 180);} 


/* title */
h1.title {margin:0 0 12px 0; padding:0 0 0 20px; height:36px; border-bottom:1px solid #CCC; font-size:1.2em; color:#525252;}
h1.title span {display:block; padding:0 0 0 26px; _padding:2px 0 0 26px; background:url(../../../public/img/admin/common/ico_title.gif) no-repeat left top;}
h2 {font-size:1.2em; color:#525252;}

/* sub title */
.subTitle {margin:10px 0 10px 5px; padding-left:12px; font-size:12px; color:#555; font-weight:bold;background:url(../../../public/img/admin/common/ico_sub_title.gif) no-repeat 0 50%;}

/* location */
.location {float:right; margin:-46px 20px 0 0; font-size:0.95em;}
.location li {float:left; margin-right:6px; padding-right:11px; color:#99A1B3; background:url(../../../public/img/admin/common/ico_location.gif) no-repeat right 3px;}
.location li.current {margin:0; padding:0; background:none;}
.location li a, .location li a:hover {color:#A9A9A9;}

/* search */
/*.searchWrap {float:left; position:relative; margin-top:15px; width:100%; height:59px; background:url(../../../public/img/admin/common/bg_search_mid.gif) repeat-x left top;}
.searchWrap span {position:absolute; width:10px; height:59px;}
.searchWrap span.bl {left:0; background:url(../../../public/img/admin/common/bg_search_left.gif) no-repeat left top;}
.searchWrap span.br {top:0; right:0; background:url(../../../public/img/admin/common/bg_search_right.gif) no-repeat left top;}
.searchWrap .cont {padding-top:17px; text-align:center;}
.searchWrap .cont select {padding:1px; height:22px; font:normal 12px dotum; .font:normal 11px Sans-serif; vertical-align:top;}
.searchWrap .cont input {#margin:-1px 0; padding:3px 0 0 5px; width:30%; height:17px; border:1px solid #BCBCBC; font-size:13px; vertical-align:top;}
.searchWrap .cont a {position:relative; cursor:pointer; margin:0; overflow:visible; color:#CDCFD4; padding:1px 6px 0; height:21px; line-height:21px; display:inline-block; border:0; white-space:nowrap; vertical-align:middle; background:url(../../../public/img/admin/button/btn_type_01.gif) repeat-x left top;}
.searchWrap .cont *:hover, .searchWrap .cont span *:active, .searchWrap .cont span *:focus{color:#FFF;}

 tab 
*/
.searchWrap {position:relative; display:table; margin-top:15px; width:100%; height:59px; _background:url(../../../public/img/admin/common/bg_search_mid.gif) repeat-x left top; border:1px solid #cfcfcf; border-radius:10px;}
.searchWrap span {position:absolute; width:10px; height:59px;}
.searchWrap span.bl {left:0; _background:url(../../../public/img/admin/common/bg_search_left.gif) no-repeat left top;}
.searchWrap span.br {top:0; right:0; _background:url(../../../public/img/admin/common/bg_search_right.gif) no-repeat left top;}
.searchWrap .cont {padding-top:17px; text-align:center;}
.searchWrap .cont strong{padding-right:10px; }
.searchWrap .cont select {padding:1px; height:24px; font:normal 12px dotum; font:normal 11px Sans-serif; vertical-align:top;}
.searchWrap .cont .searchText {_margin:-1px 0; padding:3px 0 0 5px; width:30%; height:24px; border:1px solid #BCBCBC; font-size:13px; vertical-align:top;}
.searchWrap .cont a {position:relative; cursor:pointer; margin:0; overflow:visible; color:#CDCFD4; padding:1px 15px 1px; height:24px; line-height:24px; display:inline-block; border:0; white-space:nowrap; vertical-align:middle; background:#999 url(../../../public/img/admin/button/btn_type_01.gif) repeat-x left top;}
.searchWrap .cont a:hover, .searchWrap .cont span a:active, .searchWrap .cont span a:focus{color:#FFF;}

.searchWrap2 {position:relative; display:table; margin-top:15px; width:100%; height:59px; _background:url(../../../public/img/admin/common/bg_search_mid.gif) repeat-x left top; border:1px solid #cfcfcf; border-radius:10px;}
/* .searchWrap2 span {position:absolute; width:10px; height:59px;} */
.searchWrap2 span.bl {left:0; _background:url(../../../public/img/admin/common/bg_search_left.gif) no-repeat left top;}
.searchWrap2 span.br {top:0; right:0; _background:url(../../../public/img/admin/common/bg_search_right.gif) no-repeat left top;}
.searchWrap2 .cont {padding-top:17px; text-align:center;}
.searchWrap2 .cont strong{padding-right:10px; }
.searchWrap2 .cont select {padding:0 5px; height:24px; font:normal 12px Sans-serif; vertical-align:top; box-sizing: border-box;}
.searchWrap2 .cont .searchText {_margin:-1px 0; padding:0px 5px; width:30%; height:24px; line-height:24px; border:1px solid #BCBCBC; font-size:12px; vertical-align:top; box-sizing: border-box;}
.searchWrap2 .cont a {position:relative; cursor:pointer; margin:0; overflow:visible; color:#CDCFD4; padding:1px 6px 0; height:24px; line-height:24px; display:inline-block; border:0; white-space:nowrap; vertical-align:middle; background:#999 url(../../../public/img/admin/button/btn_type_01.gif) no-repeat; background-size: cover;}.searchWrap2 .cont a:hover, .searchWrap2 .cont span a:active, .searchWrap2 .cont span a:focus{color:#FFF;}
.searchWrap2 .search-option{position:relative; width:94%; margin:0 auto;}
.searchWrap2 .search-option .sw-row{position:relative; clear:both; width:100%; display:table; margin-bottom:10px; border-bottom:1px solid #e9e9e9; padding-bottom:7px; }
.searchWrap2 .search-option .sw-row dt{float:left; width:110px; padding-right:20px; text-align:right; font-weight:bold; border-right:1px solid #ccc; margin-right:20px;}
.searchWrap2 .search-option .sw-row dd{float:left; text-align:left; width:810px;}
.searchWrap2 .search-option .sw-row dd select{width:300px;}
.searchWrap2 .search-box{position:relative; clear:both; width:60%; margin:0 auto; margin-top:15px; padding:5px 0 15px; _border-top:1px solid #cfcfcf; }
.searchWrap2 .search-box .com-btn{display:inline-block; padding:0 20px; color:#fff; font-size:12px;}
.searchWrap2 .search-option .sw-row:last-child{border-bottom:none;}

.codesearchWrap {float:left; position:relative; margin:10px 10px 10px 5px; width:350px; height:59px; background:url(../../../public/img/admin/common/bg_search_mid.gif) repeat-x left top; }
.codesearchWrap span {position:absolute; width:10px; height:59px;}
.codesearchWrap span.bl {left:0; background:url(../../../public/img/admin/common/bg_search_left.gif) no-repeat left top;}
.codesearchWrap span.br {top:0; right:0; background:url(../../../public/img/admin/common/bg_search_right.gif) no-repeat left top;}
.codesearchWrap .cont {padding-top:15px; text-align:center;}
.codesearchWrap .cont strong{padding-right:10px; }
.codesearchWrap .cont select {padding:1px; height:24px; font:normal 12px dotum; font:normal 11px Sans-serif; vertical-align:top;width:50%; }
.codesearchWrap .cont .searchText {_margin:-1px 0; padding:3px 0 0 5px; width:50%; height:24px; border:1px solid #BCBCBC; font-size:13px; vertical-align:middle;}
.codesearchWrap .cont a {position:relative; cursor:pointer; margin:0; overflow:visible; color:#CDCFD4; padding:1px 6px 0; height:21px; line-height:21px; display:inline-block; border:0; white-space:nowrap; vertical-align:middle; background:#999 url(../../../public/img/admin/button/btn_type_01.gif) repeat-x left top;}
.codesearchWrap .cont a:hover, .codesearchWrap .cont span a:active, .codesearchWrap .cont span a:focus{color:#FFF;}

.codesearchWrap1 {float:left; position:relative; margin:10px 10px 10px 5px; width:720px; height:59px; background:url(../../../public/img/admin/common/bg_search_mid.gif) repeat-x left top;}
.codesearchWrap1 span {position:absolute; width:10px; height:59px;}
.codesearchWrap1 span.bl {left:0; background:url(../../../public/img/admin/common/bg_search_left.gif) no-repeat left top;}
.codesearchWrap1 span.br {top:0; right:0; background:url(../../../public/img/admin/common/bg_search_right.gif) no-repeat left top;}
.codesearchWrap1 .cont {padding-top:15px; text-align:left; margin-left:65px;}
.codesearchWrap1 .cont strong{padding-right:10px; }
.codesearchWrap1 .cont label {_margin:-1px 0; padding:3px 0 0 5px; width:50%; height:15px;font-size:13px; vertical-align:middle;}
.codesearchWrap1 .cont a {position:relative; cursor:pointer; margin:0; overflow:visible; color:#CDCFD4; padding:1px 6px 0; height:21px; line-height:21px; display:inline-block; border:0; white-space:nowrap; vertical-align:middle; background:#999 url(../../../public/img/admin/button/btn_type_01.gif) repeat-x left top;}
.codesearchWrap1 .cont a:hover, .codesearchWrap .cont span a:active, .codesearchWrap .cont span a:focus{color:#FFF;}

.codesearchWrap1 .cont ul {height:25px;margin-left:50px; margin-top:-15px;}
.codesearchWrap1 .cont ul li {float:left;width:110px;}


.explanationWrap {float:left; position:relative; margin-top:15px; width:100%; height:59px; background:url(../../../public/img/admin/common/bg_search_mid.gif) repeat-x left top;}
.explanationWrap span {position:absolute; width:10px; height:59px;}
.explanationWrap span.bl {left:0; background:url(../../../public/img/admin/common/bg_search_left.gif) no-repeat left top;}
.explanationWrap span.br {top:0; right:0; background:url(../../../public/img/admin/common/bg_search_right.gif) no-repeat left top;}
.explanationWrap .cont {text-align:left; padding-left:30px;font-weight:bold; padding-top:10px;}


.tabWrap {margin-bottom:20px; height:22px; background:url(../../../public/img/admin/common/tab_line.gif) repeat-x left bottom;}
.tabWrap li {float:left; margin-right:1px;}
.tabWrap li a {float:left; height:22px; color:#909090; background:url(../../../public/img/admin/common/tab_right.gif) no-repeat right -22px;}
.tabWrap li a span {display:block; padding:6px 13px 2px; _padding:6px 13px 4px; _padding:6px 13px 2px; text-align:center; background:url(../../../public/img/admin/common/tab_left.gif) no-repeat left -22px;}
/*.tabWrap li a:hover, .tabWrap li a:active,*/ 
.tabWrap li a.current, .tabWrap li a.current:link, .tabWrap li a.current:visited, .tabWrap li a.current:hover {color:#525252; background:url(../../../public/img/admin/common/tab_right.gif) no-repeat right top;}
/*.tabWrap li a:hover span, .tabWrap li a:active span,*/ 
.tabWrap li a.current span, .tabWrap li a.current:link span, .tabWrap li a.current:visited span, .tabWrap li a.current:hover span {color:#525252; background:url(../../../public/img/admin/common/tab_left.gif) no-repeat left top;}



/* select */
.topSelect {margin-bottom:10px; width:100%;}

/* txt */
.descriptionA {margin:0 0 5px 5px;}

/* wrap */
.inWrap {float:left; margin-right:20px; width:40%;}

/* thumbImg */
.thumbImg {}
.thumbImg img {vertical-align:top; margin-bottom:5px;}
.thumbImg input {margin-bottom:5px;}

/* common */
input.sum {text-align:right;}
input.center {text-align:center;}
.topSec {margin-bottom:15px;}

/* search 상단 */
.search_top {margin-top:0;margin-bottom:15px;}

/* list 썸네일 */
table tr td.thumb {padding-left:5px;padding-right:5px;text-align:center;}

/* td no margin */
table tr td .td_tip {font-size:11px;color:#c2ab0f;}

/* th sub */
th.sub {border-left:1px solid #d4d4d4;}

/* table textarea */
td textarea {line-height:140%;}
td .td_txt {padding-top:4px;padding-bottom:3px;line-height:140%;}

/* 이미지 등록 썸네일 */
div.thumb {padding-top:4px;padding-bottom:3px;overflow:hidden;zoom:1;}
div.thumb_list {float:left;width:170px;line-height:140%;}
div.thumb_regist {float:left;width:350px;margin-left:5px;}
div.img_regist {padding-top:4px;padding-bottom:3px;line-height:140%;}
div.img_regist img {margin-bottom:5px;}
div.img_regist strong {font-weight:normal;color:#f03a3a;}

/* input type file */
.input_file {padding:3px 0;}
.input_tip {display:block;margin-top:3px;font-size:11px;line-height:140%;}
.input_tip strong {font-weight:normal;color:#f03a3a;}
.file_kind {line-height:140%;overflow:hidden;zoom:1;}
.file_kind * {vertical-align:top;}
.file_kind .regist_sec {float:left;width:450px;line-height:25px;}
.file_kind .regist_sec .txt_sec {display:inline-block;width:60px;padding-top:2px;line-height:120%;}
.file_kind .ex_sec {float:left;width:250px;margin-left:10px;}
.file_kind .ex_sec strong {font-weight:normal;color:#f03a3a;}


/* radio */
.ch_radio label {display:inline-block;width:140px;}

/* 달력 */
.calendar {position:absolute; top:-30px; left:50%; margin-left:-90px; width:170px; padding:10px 5px; border:1px solid #ddd; text-align:center; background:#fefefe;}
.calendar div {padding:10px 0;}
.calendar div a {display:inline-block; padding:4px;}
.calendar table {width:100%;}
.calendar table th {text-align:center; padding:2px 0;}
.calendar table td {text-align:center;}
.calendar table td.sun {color:#F00;}
.calendar table td.satur {color:#00F;}
.calendar .btn {position:absolute; top:10px; right:10px;}

.ajaxLoad {display:block; width:32px; margin:30px auto 0;}

/* 주소록  */
.addressBookList {float:left; margin-right:10px; width:240px;}
.addressBookList dt {margin-bottom:10px; font-weight:bold;}
.addressBookList dd {margin-bottom:30px;}
.addressBookList ul {border:1px solid #ccc; width:240px; height:210px; overflow-y:scroll; font-weight:normal;}
.addressBookList ul li {line-height:17px; font-size: 11px;}
.addressBookList ul li a {display:block; padding:3px;}

/* 그룹관리 */
.groupList {float:left; margin-right:10px; width:400px;}
.groupList dt {margin-bottom:10px; font-weight:bold;}
.groupList dd {margin-bottom:30px;}
.groupList ul {border:1px solid #ccc; width:400px; height:450px; overflow-y:scroll; font-weight:normal;}
.groupList ul li {line-height:17px; font-size: 11px;}
.groupList ul li a {display:block; padding:3px;}

.loadding {display:none; position: absolute; top:0; left:0; z-index:99; width:100%; height:100%; filter:alpha(opacity=10); -khtml-opacity: 0.1; -moz-opacity: 0.1; opacity: 0.1; background-color: #000000; text-align: center;}
.loadding img {margin-top: 400px;}

.gapL10 { padding: 0 10px; }

.lineL { border-left: 1px solid #e2e2e2; }
.lineR { border-right: 1px solid #e2e2e2; }

.mySet {border:1px solid #d7d7d7; border-width:1px 0 1px 1px;}
.mySet > div {height:90px; padding:30PX 11px 0;}
/*.mySet > div .profile {padding-bottom:10px; border-bottom:1px solid #2e3035;}*/
.mySet > div .profile > div {float:left; position:relative; margin:8px 14px 0 0;}
.mySet > div .profile > div > img:first-child {width:100px; height:100px;}
.mySet > div .profile > div span {position:absolute; top:0; left:0; width:100px; height:100px;}
.mySet > div .profile > div a {position:absolute; top:-4px; left:-17px;}
.mySet > div .profile ul {float:right; padding-top:11px;}
.mySet > div .profile ul li {margin-top:3px;}
.mySet > div .profile ul li:first-child {margin-top:0;}
.mySet > div .profile ul li img {vertical-align:top;}
.mySet  div .profile  p {clear:both; padding-top:8px; font-size:95%; }
.mySet  div  dl {color:#727b8b; border-top:1px solid #40454f; *zoom:1;}
.mySet  div  dl:after {content:""; display:block; clear:both;}
.mySet  div  dl dt {float:left; width:60px; padding-left:5px; margin-top:10px; letter-spacing:-1px; font-weight:bold; }
.mySet  div  dl dd {float:right; width:110px; margin-top:10px; text-align:center;}
.mySet  div  dl dd strong {color:#659bde;}

.popHeader {position:relative; width:100%; height:37px; background:#353B49 url(../../../public/img/admin/common/bg_pop_header.gif) repeat-x left bottom;}
.popHeader .popTitle {margin:0; padding:10px 0 0 15px; font-size:14px; color:#FFF;}

.mainSection {border:1px solid #ccc;width:100%; height:768px; background-color: #e6e6e6; padding: 5px 0 5px 5px;}
.mainSection .leftArea{float:left;position:relative; width:380px;}
.mainSection .rightArea{float:left;position:relative; width:469px;margin-left: 5px; }
.mainSection .bottomArea{float:left;position:relative; width:100%;}
.mainSection .newData {float:left;position:relative;width:358px; height:110px; border:1px solid #ccc; background-color: #fff; padding: 10px 10px 10px 10px; margin-bottom: 5px;}
.mainSection .memberData {float:left; margin-right:5px;width:403px; height:182px; border:1px solid #ccc; background-color: #fff; padding: 10px 10px 10px 10px; margin-bottom: 5px;}
.mainSection .newGalleryData {float:left;position:relative;width:358px; height:400px; border:1px solid #ccc; background-color: #fff; padding: 10px 10px 10px 10px; margin-bottom: 5px;}
.mainSection .miniSchedule {float:left;overflow:hidden; position:relative;width:448px; height:537px; border:1px solid #ccc; background-color: #fff; padding: 10px 10px 10px 10px;}
.mainSection .miniSchedule .title{font-weight:bold;}

/* 메인 일정목록 */
.scheduleList {width:445px;  height:110px; margin-top:10px; overflow:auto; border:1px solid #ccc; padding: 5px 0 5px 0;}
.scheduleList p:nth-child(even){color:#999; font-family:NanumGothic, '나눔고딕', ng, sans-serif; font-size:17px; font-style:italic;}
.scheduleList p:nth-child(3n+0){color:#c96;}
.scheduleList ul {width:420px; font-weight:normal;}
.scheduleList ul li {margin-left:5px; padding: 5px 5px 5px 5px; line-height:17px; background:url(../../img/admin/common/dot_line_01.gif) repeat-x left top;}
.scheduleList ul li:first-child {background:none;}
.scheduleList ul li a {display:block; padding:3px;}

.scrollContent{width:400px; height:140px; overflow:auto;}
.scrollContent p:nth-child(even){color:#999; font-family:NanumGothic, '나눔고딕', ng, sans-serif; font-size:17px; font-style:italic;}
.scrollContent p:nth-child(3n+0){color:#c96;}
.scrollContent ul { width:385px;  font-weight:normal;}
.scrollContent ul li {margin-left:5px; padding: 5px 5px 0 5px; line-height:12px; background:url(../../img/admin/common/dot_line_01.gif) repeat-x left top;}
.scrollContent ul li:first-child {background:none;}
.scrollContent ul li {display:block; padding:3px; vertical-align: middle;}
.scrollContent ul li strong {text-align: right;}
.scrollContent ul li > img {width:35px; height:35px;vertical-align:middle; margin-right: 10px;}

/* 메인 근무현황 */
.memStatusList {float:left; width:100%;background-color: #fff;}
.memStatusList ul { width:100%; height:140px;  font-weight:normal;}
.memStatusList ul li {margin-left:5px; padding: 5px 10px 0 5px; line-height:12px; background:url(../../img/admin/common/dot_line_01.gif) repeat-x left top;}
.memStatusList ul li:first-child {background:none;}
.memStatusList ul li {display:block; padding:3px; vertical-align: middle;}
.memStatusList ul li strong {text-align: right;}
.memStatusList ul li > img {width:35px; height:35px;vertical-align:middle; margin-right: 10px;}


.newDataList ul { width:100%;  font-weight:normal;}
.newDataList ul li { padding: 5px 5px 0 0; line-height:10px;}
.newDataList ul li:first-child {background:none;}
.newDataList ul li a {display:block; padding:3px;}
.newDataList ul li a span {float:right; text-align: right;}

/* mainGalleryList */

.mainGalleryList ul {overflow:hidden; zoom:1; margin-bottom:10px; background:url(../../img/admin/common/dot_line_01.gif) repeat-x left bottom;}
.mainGalleryList ul:last-child {background: none;}
.mainGalleryList ul li:first-child {margin-left:0px;}
.mainGalleryList ul li {float:left; width:115px;margin-left:5px; }
.mainGalleryList ul li .pic { margin-top: 0; margin-bottom: 5px;}
.mainGalleryList ul li .pic img {width:115px; height:130px;}
.mainGalleryList ul li .tit {overflow:hidden; margin-top: 0px; font-weight:bold; margin-bottom: 7px;line-height:13px; height:15px;}
.mainGalleryList ul li .date {font-size:11px;margin-top: 0px; color:#888; line-height:12px; text-align: left;}

.tabTitleWrap {margin-bottom:20px; height:22px; background:url(../../../public/img/admin/common/tab_line.gif) repeat-x right bottom;}
.tabTitleWrap li {float:left; margin-right:1px;}
.tabTitleWrap li a {float:left; height:22px; color:#909090; background:url(../../../public/img/admin/common/tab_right.gif) no-repeat right -22px;}
.tabTitleWrap li a span {display:block; padding:6px 13px 2px; _padding:6px 13px 4px; _padding:6px 13px 2px; text-align:center; background:url(../../../public/img/admin/common/tab_left.gif) no-repeat left -22px;}
.tabTitleWrap li a.current, .tabTitleWrap li a.current:link, .tabTitleWrap li a.current:visited, .tabTitleWrap li a.current:hover {color:#525252; background:url(../../../public/img/admin/common/tab_right.gif) no-repeat right top;} 
.tabTitleWrap li a.current span, .tabTitleWrap li a.current:link span, .tabTitleWrap li a.current:visited span, .tabTitleWrap li a.current:hover span {color:#525252; background:url(../../../public/img/admin/common/tab_left.gif) no-repeat left top;}

.ajaxLoad {display:block; width:32px; margin:30px auto 0;}

#scrollbar { width: 100%;}
#scrollbar .viewport {width: 380px; height: 140px; overflow: hidden; position: relative; }
#scrollbar .overview {list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar .overview ul { width:380px;  font-weight:normal;}
#scrollbar .overview ul li {margin-left:5px; padding: 5px 10px 0 5px; line-height:12px; background:url(../../img/admin/common/dot_line_01.gif) repeat-x left top;}
#scrollbar .overview ul li:first-child {background:none;}
#scrollbar .overview ul li {display:block; padding:3px; vertical-align: middle;}
#scrollbar .overview ul li strong {text-align: right;}
#scrollbar .overview ul li > img {width:35px; height:35px;vertical-align:middle; margin-right: 10px;}
#scrollbar .scrollbar{background: transparent url(../../img/common/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar .track { background: transparent url(../../img/common/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar .thumb { background: transparent url(../../img/common/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar .thumb .end { background: transparent url(../../img/common/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar .disable { display: none; }

.blind_txt {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}




/*=========================================================
2014.08.19 - 공통버튼
=========================================================*/
/*
.com-btn{display:inline-block;  font-size:13px; font-weight:700; line-height:normal; color:#666; border:1px solid #D2D2D2;  text-align:center; padding:4px 18px; }
.com-btn:hover{color:red;}

.com-btn02{display:inline-block;  font-size:13px; font-weight:700; line-height:normal; background:#946f42; color:#fff; border:1px solid #745936;  text-align:center; padding:4px 18px;  }
.bbs-btn2{display:inline-block; background:#333; border:1px solid #ddd; padding:3px 10px; font-size:11px; color:#fff !important;}
.bbs-btn2:hover{color:#f0476f !important;}
*/


/*=========================================================
2014.11.03 - 월간리포트
=========================================================*/
div, ul, li, dl, dt, dd, p{margin:0; padding:0; }

.print-wrap{position:relative; width:1024px; _height:1450px; margin:0px auto 0px; _padding-bottom:25px;  _overflow:hidden; border:1px solid #fff; font-family:"Arita", "Nanum Gothic", 'Nanum GothicB', georgia, "돋움", sans-serif; }
.print-wrap .head-box{position:relative; width:749px; height:196px; background:url('/public/img/admin/report/bg_header.png') no-repeat; margin:0px auto;}
.print-wrap .head-box h1{padding:24px 0 8px; text-align:center; color:#004b2c; font-size:30px; line-height:normal; margin:0; font-weight:800;}
.print-wrap .head-box .h1-sub{text-align:center; color:#004b2c; font-size:16px; line-height:normal; font-weight:800; margin:0;}
.print-wrap .head-box .h1-desc{text-align:center; color:#5f6064; font-size:16px; line-height:26px; font-weight:800; margin-top:32px;} 
.print-wrap h2{color:#5f6064; font-size:17px; line-height:normal; font-weight:800; padding:0;  text-align:left;}

.print-wrap .record-wrap{position:relative; border:1px solid #2b674d;}
.print-wrap .record-wrap .record-main-list{border-top:1px solid #2b674d; }
.print-wrap .record-wrap .record-main-list>li{clear:both; position:relative; border-bottom:1px solid #2b674d; padding:15px 0;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list{display:table; width:100%;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dt{display:table-cell; vertical-align:middle; text-align:center; color:#004b2c; font-size:17px; line-height:160%; font-weight:800; border-right:1px dashed #2b674d;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd{position:relative; display:table-cell; width:850px; }
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li{float:left; padding:29px 0; margin-left:30px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li:first-child{margin-left:30px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li .con-wrap-01{width:176px; height:104px; background:url('/public/img/admin/report/icn_gll.png') top no-repeat; }
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li .con-wrap-01 .cw01-txt-01{text-align:center; padding:30px 0 15px 0; color:#000; font-size:15px; line-height:normal; font-weight:800;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li .con-wrap-01 .cw01-txt-02{text-align:center; color:#000; font-size:15px; line-height:28px; font-weight:800; background:#eeeded; height:28px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li .con-wrap-01 .cw01-txt-03{text-align:center; color:#000; font-size:12px; line-height:28px; font-weight:700; height:28px;}


.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03{padding-left:15px; }
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li{float:left; padding:29px 10px 29px 0; margin-right:15px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li:first-child{padding-left:20px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03{display:table; width:100%; }
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-txt-01{clear:both; text-align:center; color:#000; font-size:14px; line-height:normal; font-weight:800; padding-top:14px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box{position:relative;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01{}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li{clear:both; }
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02{}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02>li{float:left; height:16px; line-height:16px; color:#2b2728; font-weight:800; padding-bottom:14px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-title{width:80px; text-align:right; padding-right:8px; border-right:1px solid #888687; overflow:hidden;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-graph{position:relative;width:90px; margin-right:6px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-graph .cw03-graph-bg{position:relative; height:16px; width:100%; background:#e7e7e8;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-graph .cw03-graph-bg span{display:block; width:0%; height:100%; background:#00492a;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-time{}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li:last-child .cw03-list-02>li{padding-bottom:0px;}


.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd span.label-01{position:absolute; z-index:2; display:inline-block;  color:#000000; font-size:13px; line-height:normal; font-weight:800;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .label-study-time{left:20px; top:15px; text-align:right;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .label-in-out{right:20px; top:25px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container{min-width:800px; height:880px; margin: 0 auto; padding:15px 15px 0; overflow:hidden;}

.print-wrap .graph-container0 svg{margin-top:-5px; height:865px;}

.print-wrap .blind-label{position:absolute; z-index:11; top:15px; width:100%; height:50px; _border:1px solid red;}



#pop-wrap{position:relative; width:100%; height:100%; }
#pop-wrap .inner{padding:15px;}
#pop-wrap .inner .con-wrap{position:relative; margin:20px 0; _border:1px solid #cfcfcf; min-height:200px;}
#pop-wrap .inner .con-wrap .con-scroll{height:440px; overflow-y:scroll;}
#pop-wrap a.com-btn{color:#fff;}
#pop-wrap a.com-btn:hover{color:#fff;}

.report-list-01{margin:10px}
.report-list-01 li{padding:10px; border-bottom:1px solid #cfcfcf;}
.report-list-01 li a{font-weight:700;}
.report-list-01 li a:hover{color:red;}



/*=========================================================
2014.11.27 - 월간리포트 - V2
=========================================================*/
/*
div, ul, li, dl, dt, dd, p{margin:0; padding:0; }

.print-wrap-v2{position:relative; width:1000px; _height:1450px; margin:20px auto 0px; padding-bottom:25px;  _overflow:hidden; border:1px solid #fff;}
.print-wrap-v2 .head-box{position:relative; width:746px; height:196px;  margin:0px auto;}
.print-wrap-v2 h2{text-align:center; color:#5f6064; font-size:17px; line-height:normal; margin:40px 0 40px; font-weight:800;}

.print-wrap-v2 .record-wrap{position:relative; border:1px solid #2b674d;}
.print-wrap-v2 .record-wrap .record-main-list{}
.print-wrap-v2 .record-wrap .record-main-list>li{clear:both; border-bottom:1px solid #2b674d; padding:12px 0;}
.print-wrap-v2 .record-wrap .record-main-list>li.brd-n{border:none !important;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list{display:table; width:100%;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dt{display:table-cell; vertical-align:middle; text-align:center; color:#004b2c; font-size:18px; line-height:normal; font-weight:800; border-right:1px solid #2b674d;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd{position:relative; display:table-cell; width:850px; }
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01{padding-left:60px;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li{float:left; _padding:35px 0; margin-right:20px;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li .con-wrap-01{width:166px; height:140px; _background:url('/public/img/admin/report/icn_gll.png') top no-repeat; }
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li .con-wrap-01 .cw01-txt-01{text-align:center; padding:20px 0 15px 0; color:#004b2c; font-size:15px; line-height:normal; font-weight:800;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-01>li .con-wrap-01 .cw01-txt-02{text-align:center; color:#004b2c; font-size:15px; line-height:28px; font-weight:800; background:#d5e4df; height:28px;}

.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03{padding-left:45px;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li{float:left; padding:35px 20px 35px 0; margin-right:20px;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03{height:104px;  }
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-txt-01{text-align:center; padding:0 0 10px 0; color:#004b2c; font-size:15px; line-height:normal; font-weight:800;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box{position:relative;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01{}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li{clear:both;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02{}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02>li{float:left; height:25px; line-height:25px; color:#2b2728; font-weight:800;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-title{width:50px; text-align:right; padding-right:8px; border-right:1px solid #888687; overflow:hidden;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-graph{position:relative;width:100px; margin-right:6px;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-graph .cw03-graph-bg{position:relative;margin-top:6px; height:13px; width:100%; background:#e7e7e8;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-graph .cw03-graph-bg span{display:block; width:0%; height:100%; background:#00492a;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .con-list-03>li .con-wrap-03 .cw03-box .cw03-list-01>li .cw03-list-02 .cw03-time{}

.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd span.label-01{position:absolute; z-index:2; display:inline-block;  color:#004b2c; font-size:13px; line-height:normal; font-weight:800; padding-bottom:2px; border-bottom:1px solid #135639; }
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .label-study-time{left:20px; top:20px; text-align:right;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .label-in-out{right:20px; top:35px;}
.print-wrap-v2 .record-wrap .record-main-list>li .record-sub-list>dd .graph-container{min-width:800px; height:440px; margin: 0 auto; padding:30px 15px 0; overflow:hidden;}

.print-wrap-v2 svg{margin-top:-5px; height:500px;}

.print-wrap-v2 .blind-label{position:absolute; z-index:11; top:20px; width:100%; height:50px; _border:1px solid red;}
*/


#printForm .txt-04{font-size:15px; font-weight:600; color:#333; text-align:center; padding:10px 0;}
#printForm .txt-04 span{font-size:13px; font-weight:400;}


/* 2015.05.28 추가 */
/*
.print-wrap .logo-page{position:relative; text-align:center; padding:700px 0 0px;}
.print-wrap .head-wrap{position:relative; text-align:center; padding:420px 0 0px;}
.print-wrap .user-info{border-top:3px solid #2b674d; border-bottom:3px solid #2b674d;  padding:15px; margin-bottom:0px; }
.print-wrap .user-info h2{text-align :center;}

.print-wrap .record-wrap{padding:30px; border:2px solid #2b674d;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container1{height:345px; --padding-top:10px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container1 svg{margin-top:-5px; height:330px;}

.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container2{float:left; width:660px; min-width:550px; height:345px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container2 svg{margin-top:-5px; height:330px;}

.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container3{float:left; width:680px; min-width:550px; height:345px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container3 svg{margin-top:-5px; height:330px;}

.con-list-02{position:relative; padding:40px 20px 0 0;}
.con-list-02>li{margin-bottom:25px;}
.con-list-02>li .con-wrap-02{position:relative;}
.con-list-02>li .con-wrap-02 .cw02-txt-01{font-size:13px; line-height:140%; margin-bottom:10px; text-align:center;}
.con-list-02>li .con-wrap-02 .cw02-txt-02{font-size:16px; font-weight:700; color:#52854B;  text-align:center;}
.print-wrap .brd-n{border:none !important;}
.print-wrap .page-divider{position:relative; clear:both; page-break-before: always; margin-bottom:5px;}
.print-wrap .record-main-list li span.num{position:absolute; font-weight:bold; z-index:2; top:18px; left:10px; font-size:16px; color:#004b2c;}

.print-wrap .icn-wrap{position:relative; width:89%; margin-left:25px; }
.print-wrap .icn-wrap span{position:absolute; z-index:1; display:inline-block; width:100px; text-align:center; margin-top:-10px;}
.print-wrap .icn-wrap .icn-good{}
.print-wrap .icn-wrap .icn-try{}

.print-wrap .habit-wrap{float:right; position:relative; width:155px; }
.print-wrap .habit-wrap .habit-01{position:relative; text-align:center; line-height:140%; margin-top:35px;}
.print-wrap .habit-wrap .habit-01 .hb-txt-01{font-size:17px; font-weight:600;}
.print-wrap .habit-wrap .habit-01 .hb-txt-02{font-size:28px; color:#52854B; font-weight:bold; margin:25px 0 20px;}
.print-wrap .habit-wrap .habit-01 .hb-txt-03{font-size:13px; margin-bottom:20px;}
.print-wrap .habit-wrap .habit-01 .hb-txt-04{font-size:14px; font-weight:600; height:70px;}

.print-wrap .habit-wrap .habit-02{position:relative; margin-top:10px; margin-left:20px;}
.print-wrap .habit-wrap .habit-02 .hb-txt-01{font-size:14px; font-weight:600; margin-bottom:10px;}
.print-wrap .habit-wrap .habit-02 .hb-list-01{}
.print-wrap .habit-wrap .habit-02 .hb-list-01 li{padding-bottom:5px; font-size:13px;}
*/


/* 2015.07.02 추가 */
.print-wrap .logo-page{position:relative; text-align:center; padding:720px 0 0px;}
.print-wrap .head-wrap{position:relative; text-align:center; padding:550px 0 0px;}
.print-wrap .user-info{border-bottom:2px solid #fff;  padding:20px; margin-bottom:0px; background:#c3d7cf; height:60px; line-height:60px;}
.print-wrap .user-info h2{text-align :left; color:#004b2c; padding-top:4px; font-size:19px;}
.print-wrap .user-info .user-level-wrap{position:absolute; z-index:2; right:20px; top:20px; color:#679b89;}
.print-wrap .user-info .user-level-wrap span{display:inline-block; font-size:12px; font-weight:400; color:#679b89;}
.print-wrap .user-info .user-level-wrap span.on{font-weight:800; color:#004b2c;}
.print-wrap .sub-header{background:#e6eeea; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:800; color:#004b2c; }

.print-wrap .record-wrap{border:2px solid #2b674d;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dt span{font-size:14px; font-weight:800; padding-bottom:15px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container1{height:265px; --padding-top:10px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container1 svg{margin-top:-5px; height:250px;}

.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container2{height:225px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container2 svg{margin-top:-5px; height:210px;}

.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container3{height:225px;}
.print-wrap .record-wrap .record-main-list>li .record-sub-list>dd .graph-container3 svg{margin-top:-5px; height:210px;}

.con-list-02{position:relative; padding:40px 20px 0 0;}
.con-list-02>li{margin-bottom:25px;}
.con-list-02>li .con-wrap-02{position:relative;}
.con-list-02>li .con-wrap-02 .cw02-txt-01{font-size:13px; line-height:140%; margin-bottom:10px; text-align:center;}
.con-list-02>li .con-wrap-02 .cw02-txt-02{font-size:16px; font-weight:700; color:#52854B;  text-align:center;}
.print-wrap .brd-n{border:none !important;}
.print-wrap .page-divider{position:relative; clear:both; page-break-before: always; margin-bottom:5px;}
.print-wrap .record-main-list li span.num{position:absolute; font-weight:800; z-index:2; top:18px; left:10px; font-size:16px; color:#004b2c;}

.print-wrap .icn-wrap{position:relative; width:89%; margin-left:74px; }
.print-wrap .icn-wrap>div{position:absolute; z-index:1; display:inline-block; width:100px; text-align:center; margin-top:-10px; top:-208px; height:158px;}
.print-wrap .icn-wrap>div>p{width:60%; height:100%; margin:0 auto; background:rgba(0,0,0,0.2); padding-top:1px; font-size:11px;}
.print-wrap .icn-wrap .icn-good{}
.print-wrap .icn-wrap .icn-try{}
.print-wrap .icn-wrap>div>p strong{display:inline-block; background:#ccc; padding:2px 5px;}

.print-wrap .habit-wrap{display:none; float:right; position:relative; width:155px; }
.print-wrap .habit-wrap .habit-01{position:relative; text-align:center; line-height:140%; margin-top:35px;}
.print-wrap .habit-wrap .habit-01 .hb-txt-01{font-size:17px; font-weight:600;}
.print-wrap .habit-wrap .habit-01 .hb-txt-02{font-size:28px; color:#52854B; font-weight:800; margin:25px 0 20px;}
.print-wrap .habit-wrap .habit-01 .hb-txt-03{font-size:13px; margin-bottom:20px;}
.print-wrap .habit-wrap .habit-01 .hb-txt-04{font-size:14px; font-weight:600; height:70px;}

.print-wrap .habit-wrap .habit-02{position:relative; margin-top:10px; margin-left:20px;}
.print-wrap .habit-wrap .habit-02 .hb-txt-01{font-size:14px; font-weight:600; margin-bottom:10px;}
.print-wrap .habit-wrap .habit-02 .hb-list-01{}
.print-wrap .habit-wrap .habit-02 .hb-list-01 li{padding-bottom:5px; font-size:13px;}

.appraisal-wrap{position:relative; padding:15px 70px 15px 70px}
.appraisal-wrap .appraisal-box{clear:both; margin-top:30px; background:#eeeded; height:26px; line-height:26px;}
.appraisal-wrap .appraisal-box .ap-txt{font-size:14px; font-weight:800; color:#004b2c; background:url('/public/img/admin/report/icn_gll3.png') 8px 6px no-repeat; padding-left:34px;}
.com-list-01{clear:both; position:relative; padding-top:8px;}
.com-list-01.first{padding-top:0px;}
.com-list-01>dt{float:left; width:110px; height:18px; line-height:18px; font-size:14px; color:#000; font-weight:800; }
.com-list-01>dd{float:left; height:18px; line-height:18px; font-size:14px; font-weight:800;}
.com-list-01>dd>span{display:inline-block; width:12px; height:12px; border-radius:10px; background:#ccc; margin-right:5px;}
.com-list-01>dd>span.on{background:#004c2d;}
.com-list-01>dd .cl1-txt-01{}

.year-comp-wrap{position:relative; float:right; padding-right:66px; padding-bottom:5px; margin-top:-7px;}
.year-comp-wrap:after{clear:both;}
.year-comp-wrap .ycw-box{float:left;}
.year-comp-wrap .ycw-box p{margin-bottom:2px;}
.year-comp-wrap .ycw-box p span {display:inline-block; font-size:14px; color:#000; font-weight:800; line-height:22px;}
.year-comp-wrap .ycw-box p .yc-title{width:160px; text-align:right; margin-right:5px;}
.year-comp-wrap .ycw-box p .yc-value{min-width:90px; background:#eeeded; padding:0 10px;}

.highcharts-title{opacity:0 !important;}


/* 2015.06.10 추가 */
.week-choice{float:left; min-width:160px;}
.week-choice>span{display:inline-block; width:20px; text-align:center;}
.week-choice>span label{display:block;}

table.list-tbl{width:100%; border-collapse:collapse;  color:#333; border-top:2px solid #777777; border-bottom:2px solid #777777; margin-bottom:10px; background:#fff;}
table.list-tbl th{text-align:center; border-bottom:1px solid #dddddd; --border-right:1px solid #dddddd; padding:6px 0px 6px; line-height:140%; font-size:13px; font-weight:600; background:#f4f4f4; height:26px;}
table.list-tbl td{text-align:center; border-bottom:1px solid #dddddd;  line-height:140%; padding:6px 5px; font-size:12px; height:26px;}
table.list-tbl td input{font-size:12px; color:#333; }
table.list-tbl td a:hover{text-decoration:underline;}
table.list-tbl tbody.hover tr:hover{background:#f0f3fb;}
table.list-tbl td .board-con{padding:30px 20px; min-height:100px; font-size:14px; line-height:160%; }
table.list-tbl td.th{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 0px 10px; line-height:140%; font-size:12px; font-weight:600;}
table.list-tbl td .red{color:#ff0000;}
table.list-tbl td .blue{color:#0000ff;}
table.list-tbl tr.sum td,
table.list-tbl tr.sum th {background:#D7EBFF; font-size:13px; font-weight:bold;}
table.list-tbl tr.cancel td,
table.list-tbl tr.cancel th {color:#ff0000;}
table.list-tbl td .sp-red{display:inline-block; padding:2px 3px; background:#D92C00; color:#fff; }
table.list-tbl td .sp-blue{display:inline-block; padding:2px 3px; background:#0795FE; color:#fff;}
table.list-tbl tr.gray td {background:#f2f2f2;}

table.list-tbl tr.brd-t td{border-top:2px solid #777777;}

table.list-tbl tr .brd-t{border-top:1px solid #ccc;}
table.list-tbl tr .brd-r{border-right:1px solid #ccc;}
table.list-tbl tr .brd-l{border-left:1px solid #ccc;}
table.list-tbl tr .brd-b{border-bottom:1px solid #ccc;}

table.list-tbl.hover tbody tr:hover {background-color:#F2F2F2;}



table.list-tbl-2{width:100%; border-collapse:collapse;  color:#333; border-top:2px solid #777777;  border-bottom:2px solid #777777; margin-bottom:10px; background:#fff;}
table.list-tbl-2 th{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 0px 10px; line-height:140%; font-size:13px; font-weight:600; background:#f4f4f4;}
table.list-tbl-2 td{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:140%; padding:12px 5px; font-size:12px; }
table.list-tbl-2 th:last-child,
table.list-tbl-2 td:last-child{border-right:0px;}
table.list-tbl-2 td a:hover{text-decoration:underline;}
table.list-tbl-2 tbody.hover tr:hover{background:#f0f3fb;}
table.list-tbl-2 td .board-con{padding:30px 20px; min-height:100px; font-size:14px; line-height:160%; }
table.list-tbl-2 td.th{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 0px 10px; line-height:140%; font-size:13px; font-weight:600; background:#f8f8f8;}
table.list-tbl-2 td .red{color:#ff0000;}
table.list-tbl-2 td .blue{color:#0000ff;}
table.list-tbl-2 td .green{color:#00aa73;}
table.list-tbl-2 tr.sum td,
table.list-tbl-2 tr.sum th {background:#f4f4f4; font-size:13px; font-weight:bold;}
table.list-tbl-2 tr.brd-t td{border-top:2px solid #777777;}

table.list-tbl-2.statistics{border-collapse: collapse; min-width: max-content;}
table.list-tbl-2.statistics th{border-bottom:1px solid #777; letter-spacing:-0.5px !important; font-size:12px !important; white-space: nowrap;}
table.list-tbl-2.statistics td{letter-spacing:-0.5px; font-size:11px !important; letter-spacing:-0.5px !important; white-space: nowrap;}


table.type1 tr .brd-t{border-top:1px solid #777777;}
table.type1 tr .brd-r{border-right:1px solid #777777;}
table.type1 tr .brd-l{border-left:1px solid #777777;}
table.type1 tr .brd-b{border-bottom:1px solid #777777;}


table.list-tbl-3{width:100%; border-collapse:collapse;  color:#333; border-top:1px solid #dddddd; background:#fff; }
table.list-tbl-3 th{text-align:center; border-bottom:1px solid #dddddd; --border-right:1px solid #dddddd; padding:6px 0px; line-height:normal; font-size:13px; font-weight:600; background:#f4f4f4; height:26px;}
table.list-tbl-3 td{text-align:center; border-bottom:1px solid #dddddd;  line-height:normal; padding:6px 5px; font-size:12px; height:26px;}
table.list-tbl-3 td a:hover{text-decoration:underline;}
table.list-tbl-3 tbody.hover tr:hover{background:#f0f3fb;}
table.list-tbl-3 td .board-con{padding:30px 20px; min-height:100px; font-size:14px; line-height:140%; }
table.list-tbl-3 .brd-r{border-right:1px solid #dddddd;}
table.list-tbl-3 tr.sum td,
table.list-tbl-3 tr.sum th {background:#D7EBFF; font-size:14px; font-weight:bold;}
table.list-tbl-3 td.th{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 0px 10px; line-height:normal; font-size:13px; font-weight:600; background:#f8f8f8;}
table.list-tbl-3 tr.require-row td,
table.list-tbl-3 tr.require-row th{background:#FEB4B4; font-size:14px; font-weight:bold;}
table.list-tbl-3 tfoot td{text-align:center; border-bottom:1px solid #dddddd; --border-right:1px solid #dddddd; padding:6px 0px; line-height:normal; font-size:13px; font-weight:600; background:#f4f4f4; height:26px;}

/*2015.07.16 추가*/
.unit-section{position:relative; }
.unit-section h3{font-size:18px; font-weight:600; color:#333; margin-bottom:5px;}

table.view-tbl{width:100%; border-collapse:collapse;  color:#333; border-top:2px solid #777777; border-bottom:2px solid #777777; border-left:1px solid #dddddd;margin-bottom:10px;}
table.view-tbl th{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 0px 6px; line-height:140%; font-size:13px; font-weight:600; background:#f4f4f4; height:20px;}
table.view-tbl td{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:140%; padding:6px 10px; font-size:12px; height:20px;}
table.view-tbl td.th{background:#f4f4f4; font-weight:600; font-size:14px;}
table.view-tbl td a{color:#333;}
table.view-tbl td a:hover{color:#426CFF; text-decoration:underline;}
table.view-tbl.align-l td{text-align:left;}
table.view-tbl td .info-1{color:#F08C2D; font-size:11px; padding-top:5px;}
table.view-tbl .line-t td, 
table.view-tbl .line-t th{border-top:2px dashed #777;}
table.view-tbl .line-b td,
table.view-tbl .line-b th{border-bottom:2px dashed #777;}
table.view-tbl td .red{color:#ff0000;}
table.view-tbl td .blue{color:#0000ff;}
table.view-tbl td .yellow{color:#ff9b00;}

table.view-tbl a.com-btn:hover{color:#fff; text-decoration:none;}


table.view-tbl-02{width:100%; border-collapse:collapse;  color:#333; border-top:2px solid #777777; border-bottom:2px solid #777777; border-left:1px solid #dddddd;margin-bottom:10px;}
table.view-tbl-02 th{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:4px 0px; line-height:normal; font-size:13px; font-weight:600; background:#f4f4f4; height:20px;}
table.view-tbl-02 td{text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:normal; padding:4px 10px; font-size:12px; background:#fff; height:20px;}
table.view-tbl-02 td.th-1{background:#DEEBF6; font-weight:600; font-size:13px;}
table.view-tbl-02 td.th-2{background:#FBE4D5; font-weight:600; font-size:13px;}
table.view-tbl-02 td.th-3{background:#D3CEB1; font-weight:600; font-size:13px;}
table.view-tbl-02 td.th-4{background:#E6E0EC; font-weight:600; font-size:13px;}
table.view-tbl-02 td.th-5{background:#EDF8EE; font-weight:600; font-size:13px;}
table.view-tbl-02 td.th{background:#f4f4f4; font-weight:600; font-size:13px;}

table.view-tbl-02 tr.sum-1 td{background:#f4f4f4; font-weight:600;}
table.view-tbl-02 tr.sum-2 td{background:#777; color:#fff;  font-weight:600;}
table.view-tbl-02 tr.sum-3 td{background:#333; color:#fff;  font-weight:600;}
table.view-tbl-02 tr.font-11 td{font-size:11px; letter-spacing:-1px; padding:4px 3px; }


table.view-tbl-02 td a{color:#333;}
table.view-tbl-02 td a:hover{color:#426CFF; text-decoration:underline;}
table.view-tbl-02.align-l td{text-align:left; }

table.view-tbl-02 tr.brd-t td{border-top:2px solid #777777;}
table.view-tbl-02 .brd-r{border-right:1px solid #777777;}


.txt-red{color:red;}

.ft-13{font-size:13px !important;}
.ft-14{font-size:14px !important;}
.ft-15{font-size:15px !important;}

.seat-form-wrap{position:relative; _border-top:3px solid #777777; border-bottom:3px solid #777777;}
.seat-form-wrap h3{font-size:15px; font-weight:600; color:#555; margin:0; margin-bottom:8px;}
input.ip-number{text-align:right; padding-right:10px;}
.seat-form-wrap .confirm-wrap{text-align:center; }
.seat-form-wrap .confirm-wrap span{display:inline-block; }
.seat-form-wrap .confirm-wrap span label{font-size:16px; font-weight:bold; padding:0 5px;}
.seat-form-wrap .confirm-wrap .pay-proc-box{position:absolute; left:50px; z-index:2;}
.seat-form-wrap .confirm-wrap .sum-box{position:relative; padding-left:150px;}
.seat-form-wrap .confirm-wrap .sum-box strong{font-size:18px; padding-right:20px;}
.route-wrap{position:relative; }
.route-wrap2{position:relative; }
.route-wrap p{display:inline-block; width:160px; line-height:26px;}
.route-wrap2 p{display:inline-block; width:240px; line-height:26px;}
.pay-description{text-align:left; padding:0 20px;}
.pay-description p{line-height:140%; font-size:13px; margin-bottom:8px;}


.campus-info{position:relative; border:1px solid #ccc; background:#f4f4f4; padding:10px 20px; margin-bottom:10px;}
.campus-info .ci-campus{display:inline-block; font-size:18px; font-weight:bold; margin-right:100px;}
.campus-info .ci-director{display:inline-block; margin-right:50px; font-size:13px;}
.campus-info .ci-manager{display:inline-block; font-size:13px;}

.search-option-box{position:relative; padding:20px 0; text-align:center;}
.search-option-box .so-txt{position:relative; display:inline-block; font-size:16px; font-weight:bold; width:130px; height:20px; margin-right:20px; border-right:1px solid #999;}
.search-option-box .so-txt.yellow{color:#fb7d00;}
.search-option-box a.btn{display:inline-block; min-width:60px; text-align:center; padding:3px 0 4px; border:1px solid #ccc; border-radius:4px; color:#333; font-weight:bold; vertical-align: middle;}
.search-option-box a.btn:hover{color:#fff; background:#FB7D00;}
.search-option-box input[type=text]{width:100px; height:24px;}
.search-option-box .ui-datepicker-trigger{margin-top:3px !important;}
.search-option-box a.search-btn{background:#45A4A3; color:#fff; vertical-align: middle;}

.search-option-box a.btn.auto-width{display:inline-block; min-width:40px; text-align:center; padding:5px 10px; border:1px solid #ccc; border-radius:4px; color:#333; font-weight:bold;}
.search-option-box a.btn.on,
.search-option-box a.btn.auto-width:hover{color:#fff; background:#FB7D00;}

.inner-box-01{padding:20px; margin:10px 0 30px;border:1px solid #ccc; background:#f4f4f4; }

.hd-txt{font-size:16px; line-height:100%; font-weight:bold; border-left:2px solid #333; padding-left:10px; margin-bottom:12px; color:#333;}


/* 2018.04.27 추가 */
.search-option-box{position:relative; width:92%; margin:0 auto;}
.search-option-box .com-tbl{display:table; width:100%; padding:7px 0px; border-bottom:1px solid #eee;}
.search-option-box .com-tbl:last-child{border-bottom:none;}
.search-option-box .com-tbl .com-cell{display:table-cell; text-align:left;}
.search-option-box .com-tbl .com-cell:first-child{width:110px; padding-right:30px; text-align:right;}
.search-option-box .com-tbl .com-cell.so-txt{border-right:none; font-size:13px; font-weight:600; vertical-align:middle;}
.search-option-box .com-tbl .com-cell span{display:inline-block;}
.search-option-box .com-tbl .com-cell select{height:24px !important;}




/*
2015.07.31
*/
.alert-red-wrap{position:relative; clear:both; background:#fef2f2; border:1px solid #eab9b9; border-radius:5px; padding:12px; margin-bottom:10px;}
.alert-red-wrap .alert-txt{padding-left:40px; background:url('/public/img/admin/common/icn_alert.png') no-repeat left; font-size:14px; color:#171717; font-weight:bold; line-height:16px;}
.alert-red-wrap .alert-txt strong{display:inline-block; font-size:17px; color:#cd2929; font-weight:bold; padding-right:35px;}
.alert-red-wrap .btn-view{position:absolute; top:9px; right:12px; background:#cd2929; font-size:14px; color:#fff; border-radius:3px; padding:4px 12px;}

.sale-main-wrap{position:relative; border:3px solid #e4e4e4; padding:12px 30px; margin-bottom:35px;}
.sale-main-wrap .campus-box{position:relative; width:418px; min-height:180px;}
.sale-main-wrap .campus-box .date{font-size:19px; color:#454545; font-weight:bold; height:24px; line-height:24px; margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #e7e7e7; }
.sale-main-wrap .campus-box .date img{vertical-align:middle; margin-top:-6px;}
.sale-main-wrap .campus-box .campus{}
.sale-main-wrap .campus-box .campus .name{color:#363636; font-size:32px; font-weight:bold; margin-bottom:18px;}
.sale-main-wrap .campus-box .campus .name span{color:#004529; }
.sale-main-wrap .campus-box .campus .name .campus-change{font-size:16px; font-weight:600; line-height:26px; height:26px; vertical-align:top;}

.sale-main-wrap .campus-box .campus .manager{font-size:14px; color:#454545; padding-left:25px; background:url('/public/img/admin/common/icn_director.png') no-repeat 0 0; line-height:16px;}


.sale-main-wrap .confirm-box{position:absolute; z-index:2; top:20px; right:20px; width:534px;}
.sale-main-wrap .confirm-box table.tbl{width:100%; border-collapse:collapse;  color:#333; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.sale-main-wrap .confirm-box table.tbl th{text-align:center; padding:10px 0px 10px; line-height:normal; font-size:15px; font-weight:600; background:#004529; color:#fff; height:28px;}
.sale-main-wrap .confirm-box table.tbl td{position:relative; text-align:center; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:normal; padding:12px 5px; font-size:12px; background:#f9f9f9; height:80px;}


.sale-confirm{position:relative;}
.sale-confirm p{font-size:13px;}
.sale-confirm .confrim-1{margin-bottom:8px;}
.sale-confirm .confrim-2{margin-bottom:8px;}
.sale-confirm p strong{font-size:17px; font-weight:bold; color:#2673D0;}
.sale-confirm .confrim-2 strong{font-size:17px; font-weight:bold; color:#E05B14;}


.sale-section-wrap{position:relative; clear:both; display:table; width:100%;}
.sale-section-wrap h3{font-size:18px; border-bottom:2px solid #333; padding-bottom:10px; margin-bottom:20px; }
.sale-section-wrap .hd-txt{font-size:14px;}
.sale-section-wrap textarea{background:#fff;}

.sale-main-wrap .confirm-box .manager-info{}
.sale-main-wrap .confirm-box .manager-info .manager{font-size:20px; font-weight:700; color:#454545; padding-left:25px; background:url('/public/img/admin/common/icn_director.png') no-repeat 0 0; line-height:16px;}
.sale-main-wrap .confirm-box .confirm-btn{margin-top:20px;}
.sale-main-wrap .confirm-box .confirm-btn .com-btn{min-width:60px; height:32px; line-height:32px; font-size:16px; color:#fff; vertical-align:top;}


.dashboard-tab{position:relative; margin-bottom:10px;}
.dashboard-tab{}



/*
2015.09.23
*/
.locker-list{position:relative; display:table; width:100%;}
/*.locker-list>li{position:relative;  float:left; width:10%; _margin-bottom:3px;}*/
.locker-list>li{position:relative;}

.locker-list.wd-16{width:16.6%; margin-bottom:30px;}
.locker-list.lwd-16>li{width:16.6%;}
.locker-list.lwd-20>li{width:20%;}

.locker-list>li .locker-box{position:relative; border:1px solid #ccc; text-align:center; height:95px; margin-left:-1px; margin-bottom:-1px;}
.locker-list>li .locker-box a{color:#333}
.locker-list>li .locker-box .number{border-bottom:1px solid #ccc; padding:3px 0; background:#777; color:#fff; font-weight:600;}
.locker-list>li .locker-box .info{display:table; width:100%; height:50px; }
.locker-list>li .locker-box .info .info-cell{display:table-cell; vertical-align:middle; }
.locker-list>li .locker-box .info .name{margin-bottom:5px;}
.locker-list>li .locker-box .info .grade{}

.locker-list>li .locker-box a.disable{display:none; position:absolute; z-index:2; top:22px; right:2px; width:60px; line-height:20px; font-size:11px; font-weight:bold; color:#fff; background:#EE4848; border-radius:3px;}
.locker-list>li .locker-box a.use-log{display:none; position:absolute; z-index:2; top:22px; left:2px; width:60px; line-height:20px; font-size:11px; font-weight:bold; color:#fff; background:#333; border-radius:3px;}
.locker-list>li .locker-box a.use-memo{display:none; position:absolute; z-index:2; top:44px; left:2px; width:60px; line-height:20px; font-size:11px; font-weight:bold; color:#fff; background:#45A4A3; border-radius:3px;}
.locker-list>li .locker-box span.paid{display:none; position:absolute; z-index:1; top:23px; right:0; width:35px; line-height:20px; font-size:11px; font-weight:bold; color:#fff; background:#4472c4; border-radius:3px;}
.locker-list>li .locker-box.paid span.paid {display: block;}
.locker-list>li .locker-box span.campus_move{display:none; position:absolute; z-index:1; bottom:0; right:0; width:60px; line-height:20px; font-size:11px; font-weight:bold; color:#000; background:#ffeb3b; border-radius:3px;}
.locker-list>li .locker-box.campus_move span.campus_move {display: block;}
.locker-list>li .locker-box a.pickup{display:none; position:absolute; z-index:2; top:44px; right:2px; width:60px; line-height:20px; font-size:11px; font-weight:bold; color:#fff; background:#007af3; border-radius:3px;}


.locker-list>li .locker-box.day-color-possible:hover a.disable{display:block;}
.locker-list>li .locker-box.day-color-possible:hover a.pickup{display:block;}
.locker-list>li .locker-box:hover a.use-log{display:block;}
.locker-list>li .locker-box:hover a.use-memo{display:block;}


h4.locker-title{font-size:15px; font-weight:bold; margin:10px 0 5px; border-bottom:1px solid #999; padding-bottom:5px; color:#555;}


.day-color-3{background:#ff8f34;}
.day-color-3 a{color:#fff  !important;}
.day-color-5{background:#ffec1b; }
.day-color-end{background:#7D002D; color:#fff;}
.day-color-end a{color:#fff !important;}
.day-color-ing{background:#95b3d7; color:#fff;}
.day-color-ing a{color:#fff  !important;}
.day-color-possible{background:#f9f9f9;}
.day-color-done{background:#7D002D; color:#fff;}
.day-color-done a{color:#fff !important;}
.day-color-move{background:#e8aaaa; color:#fff;}
.day-color-move a{color:#fff !important;}
.next-seat-locker {background:#ea2d2d; color:#fff;}
/* .next-seat-locker {background:linear-gradient(to right, #00aa7d, #c8d8d4); color:#fff;} */
.next-seat-locker a {color:#fff !important;}

.day-color-black a{color:#fff  !important;}
.day-color-black{background:#323232;}

.day-color-blue{background:#191991;}
.day-color-blue a{color:#fff  !important;}

.day-color-pay{background:#95b3d7; color:#fff;}
.day-color-pay a{color:#fff  !important;}

.day-color-freephone{color:#fff; background:#ff94c7; }
.day-color-fix{color:#fff; background:#277118; }
.day-color-free{color:#fff; background:#725035;}
.day-color-manager{color:#fff; background:#AF00D6;}
.day-color-manager a{color:#fff !important;}
.day-color-over{color:#fff; background:#0006C9;}

.day-color-pickup{background:#007af3;}
.day-color-pickup a{color:#fff  !important;}



.locker-header{position:relative; display:table; width:100%; margin:50px 0 20px;}
.locker-header .status{position:relative; float:left; font-size:16px; font-weight:600; color:#666;}
.locker-header .status strong{color:#333;}
.locker-header .color-info-list{position:relative; display:table; float:right;}
.locker-header .color-info-list>li{float:left; _width:90px; padding-right:10px;}
.locker-header .color-info-list>li p.color-box{line-height:16px; font-size:12px;}
.locker-header .color-info-list>li p.color-box span{display:inline-block; width:16px; height:16px; border:1px solid #999; vertical-align:bottom; margin-right:5px}


.awaiter-status span{display:inline-block; width:60px; text-align:center; padding:3px 2px; border-radius:3px;}
.awaiter-status span.wait{background:#8EB4E3; color:#fff;}
.awaiter-status span.ing{background:#FFC000; color:#fff;}
.awaiter-status span.end{background:#999; color:#fff;}


/*========================================================================
studyroom-list
========================================================================*/
.studyroom-list{position:relative; margin:20px 0 0px; border:1px solid #cdc3b6; border-radius:5px; padding:20px 40px;}
.studyroom-list ul{display:table; width:100%;}
.studyroom-list ul>li{float:left; width:20%; margin:10px 0;}
.studyroom-list ul>li a{padding-bottom:2px; font-size:13px; color:#333;}
.studyroom-list ul>li a.on,
.studyroom-list ul>li a:hover{font-weight:700; border-bottom:1px solid #333;}

/*========================================================================
Calendar
========================================================================*/
.calendar-index{position:relative; background:#f1ece7; border:1px solid #cdc3b6; border-radius:5px; padding:36px 23px;}
.calendar-index .calendar-index-inner{position:relative; display:table; width:100%;}

/*
.calendar-wrap{position:relative; width:99%; border:1px solid #c0c0c0; border-radius:5px; box-shadow:3px 3px 3px #dedede; background:#fff;}

.calendar-box{position:relative; padding:9px;} 
.calendar-box .head{display:table; width:100%; text-align:center; background:#456d9e; padding:12px 0;}
.calendar-box .head a{display:inline-block; overflow:hidden; text-indent:-99999px; width:13px; height:16px; margin-top:2px;}
.calendar-box .head .prev-month{float:left; background:url('/public/img/admin/button/btn_prev.png') no-repeat; margin-left:14px}
.calendar-box .head .next-month{float:right; background:url('/public/img/admin/button/btn_next.png') no-repeat; margin-right:14px}
.calendar-box .head span{font-size:22px; color:#fff;}
.calendar-box .body{clear:both;}
.calendar-box .body dl dt ul{position:relative; background:#305078; padding:10px 0; display:table; width:100%;}
.calendar-box .body dl dt ul li{float:left; width:14.285%; font-weight:bold; font-size:9px; color:#fff; text-align:center; }
.calendar-box .body dl dd ul{position:relative; display:table; width:100%; }
.calendar-box .body dl dd ul li{position:relative; float:left; width:14.285%; font-size:10px; color:#8b8b8b; }
.calendar-box .body dl dd ul li .cal-box{position:relative; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  background:#f2f2f2; height:159px; _cursor:pointer;}
.calendar-box .body dl dd ul li .cal-box span{position:relative; display:block;}
.calendar-box .body dl dd ul li .cal-box span a.btn-today-list{display:none; position:absolute; top:1px; right:1px; background:#fff; padding:2px 5px; border:1px solid #ccc; border-radius:3px;}
.calendar-box .body dl dd ul li .cal-box:hover span a.btn-today-list{display:block;}
.calendar-box .body dl dd ul li .cal-box .cal-inner{position:relative; border:2px solid #f2f2f2; height:155px;}
.calendar-box .body dl dd ul li .cal-box .cal-inner a.cal-bg-link{position:absolute; z-index:0; width:100%; height:100%;}
.calendar-box .body dl dd ul li .cal-box:hover{}
.calendar-box .body dl dd ul li .cal-box:hover .cal-inner{border:2px solid #46a6a4;}
.calendar-box .body dl dd ul li .cal-box .reserve{position:relative; z-index:2;background:#ff8f34; padding:3px 5px; color:#fff; font-size:12px; margin-bottom:2px;}
.calendar-box .body dl dd ul li .cal-box .reserve.pay{background:#95b3d7;}
.calendar-box .body dl dd ul li .cal-box .reserve.no-sale{background:#ee4848;}

.calendar-box .body dl dd ul li.first{color:#ff0000; background:#f2f2f2; }
.calendar-box .body dl dd ul li.last{color:#394cff; background:#f2f2f2;}
.calendar-box .body dl dd ul li.first .cal-box{border-left:1px solid #ccc;}
.calendar-box .body dl dd ul li.first .cal-box span{color:#ff0000;}
.calendar-box .body dl dd ul li.last .cal-box span{color:#394cff;}
.calendar-box .body dl dd ul li span{display:block; height:15px; font-size:11px; color:#656565; text-align:left; line-height:15px; padding:5px; font-weight:bold;}
.calendar-box .body dl dd ul li span.today{background:#46A6A4; color:#fff;}
.calendar-box .foot {position:relative;clear:both;}
.calendar-box .foot a{position:relative;display:block; padding:16px 0px 16px 18px; background-color:#eee4e2; font-size:15px; color:#454545; font-weight:700;}
.calendar-box .foot a img{position:absolute; right:14px; top:12px;}

.calendar-today{position:absolute; z-index:10; width:500px; background:#fff; padding:20px; border:1px solid #bbb; border-radius:5px; margin-bottom:20px; text-align:left;}
.calendar-today .today-hour{}
.calendar-today .today-hour>li{border-bottom:1px solid #bbb;}
.calendar-today .today-hour>li dl{display:table; height:40px; width:100%;}
.calendar-today .today-hour>li dl dt{display:table-cell; width:40px; font-size:11px; vertical-align:middle;}
.calendar-today .today-hour>li dl dd{display:table-cell; vertical-align:middle;}

.calendar-today .today-minute{}
.calendar-today .today-minute>li{border-bottom:1px solid #dfdfdf; height:20px;}
.calendar-today .today-minute>li:last-child{border-bottom:none;}

.calendar-today .bg-today-time{position:absolute; z-index:11; background:#ff8f34; opacity:0.8; border-top:1px solid #fff; margin-top:-2px; padding-bottom:1px;}
.calendar-today .bg-today-time span{display:inline-block; color:#fff; font-size:13px; font-weight:600; padding:10px;}
.calendar-today .bg-today-time.pay{background:#95b3d7;}
.calendar-today .bg-today-time.no-sale{background:#ee4848;}
*/


.calendar-wrap{position:relative; width:99%; border:1px solid #c0c0c0; border-radius:5px; box-shadow:3px 3px 3px #dedede; background:#fff;}

.calendar-box{position:relative; padding:9px;} 
.calendar-box .head{display:table; width:100%; text-align:center; background:#456d9e; padding:12px 0;}
.calendar-box .head a{display:inline-block; overflow:hidden; text-indent:-99999px; width:13px; height:16px; margin-top:2px;}
.calendar-box .head .prev-month{float:left; background:url('/public/img/admin/button/btn_prev.png') no-repeat; margin-left:14px}
.calendar-box .head .next-month{float:right; background:url('/public/img/admin/button/btn_next.png') no-repeat; margin-right:14px}
.calendar-box .head span{font-size:22px; color:#fff;}
.calendar-box .body{clear:both;}
.calendar-box .body dl dt ul{position:relative; background:#305078; padding:10px 0; display:table; width:100%;}
.calendar-box .body dl dt ul li{float:left; width:14.285%; font-weight:bold; font-size:9px; color:#fff; text-align:center; }
.calendar-box .body dl dd ul{position:relative; display:table; width:100%; }
.calendar-box .body dl dd ul li{position:relative; float:left; width:14.285%; font-size:10px; color:#8b8b8b; }
.calendar-box .body dl dd ul li .cal-box{position:relative; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  background:#f2f2f2; height:50px;}
.calendar-box .body dl dd ul li .cal-box span{position:relative; display:block;}
.calendar-box .body dl dd ul li .cal-box span a.btn-today-list{display:none; position:absolute; top:1px; right:1px; background:#fff; padding:2px 5px; border:1px solid #ccc; border-radius:3px;}
.calendar-box .body dl dd ul li .cal-box:hover span a.btn-today-list,
.calendar-box .body dl dd ul li .cal-box.on span a.btn-today-list{display:none;}
.calendar-box .body dl dd ul li .cal-box .cal-inner{position:relative; border:2px solid #f2f2f2; height:46px;}
.calendar-box .body dl dd ul li .cal-box .cal-inner a.cal-bg-link{position:absolute; z-index:1; width:100%; height:100%;}
.calendar-box .body dl dd ul li .cal-box:hover{}
.calendar-box .body dl dd ul li .cal-box:hover .cal-inner,
.calendar-box .body dl dd ul li .cal-box.on .cal-inner{border:2px solid #46a6a4;}
.calendar-box .body dl dd ul li .cal-box .reserve{position:relative; z-index:2;background:#ff8f34; padding:3px 5px; color:#fff; font-size:12px; margin-bottom:2px;}
.calendar-box .body dl dd ul li .cal-box .reserve.pay{background:#95b3d7; color:#fff;}
.calendar-box .body dl dd ul li .cal-box .reserve.no-sale{background:#ee4848; color:#fff;}

.calendar-box .body dl dd ul li.first{color:#ff0000; background:#f2f2f2; }
.calendar-box .body dl dd ul li.last{color:#394cff; background:#f2f2f2;}
.calendar-box .body dl dd ul li.first .cal-box{border-left:1px solid #ccc;}
.calendar-box .body dl dd ul li.first .cal-box span{color:#ff0000;}
.calendar-box .body dl dd ul li.last .cal-box span{color:#394cff;}
.calendar-box .body dl dd ul li span{display:block; height:15px; font-size:11px; color:#656565; text-align:left; line-height:15px; padding:5px; font-weight:bold;}
.calendar-box .body dl dd ul li span.today{background:#46A6A4; color:#fff;}
.calendar-box .foot {position:relative;clear:both;}
.calendar-box .foot a{position:relative;display:block; padding:16px 0px 16px 18px; background-color:#eee4e2; font-size:15px; color:#454545; font-weight:700;}
.calendar-box .foot a img{position:absolute; right:14px; top:12px;}

.calendar-today{position:relative; _z-index:10; background:#fff; padding:20px; border:1px solid #bbb; border-radius:5px; margin-bottom:20px; text-align:left;}
.calendar-today .today-hour{}
.calendar-today .today-hour>li{border-bottom:1px solid #bbb;}
.calendar-today .today-hour>li dl{display:table; height:40px; width:100%;}
.calendar-today .today-hour>li dl dt{display:table-cell; width:49px; font-size:11px; vertical-align:middle; text-align:center; border-right:1px solid #ddd;}
.calendar-today .today-hour>li dl dd{display:table-cell; vertical-align:middle;}

.calendar-today .today-minute{}
.calendar-today .today-minute>li{border-bottom:1px solid #dfdfdf; height:20px; border-right:1px solid #dfdfdf;}
.calendar-today .today-minute.row-30 li{border-bottom:none;}

.calendar-today .bg-today-time{position:absolute; z-index:11; background:#ff8f34; opacity:0.8; border-top:1px solid #fff; margin-top:-2px; padding-bottom:1px;}
.calendar-today .bg-today-time span{display:inline-block; color:#fff; font-size:13px; font-weight:600; padding:10px;}
.calendar-today .bg-today-time.pay{background:#95b3d7;}
.calendar-today .bg-today-time.no-sale{background:#ee4848;}

.calendar-date{position:absolute; margin-top:-30px; font-size:17px; font-weight:600;}
.calendar-today{}
.calendar-today .room-list{position:absolute; padding-left:49px; _width:954px; border-bottom:1px solid #ddd; }
.calendar-today .room-list li{float:left; width:157px; border-right:1px solid #ddd; text-align:center; font-weight:600; font-size:13px; padding-bottom:12px;}
.calendar-today .room-list li:first-child{border-left:1px solid #ddd; }


.receive_list{position:relative; width:90%; height:150px; overflow-x:hidden; overflow-y:scroll;}
.receive_list ul{}
.receive_list ul li{font-size:11px; line-height:14px; padding-bottom:3px;}
.receive_list ul li .com-btn{font-size:10px; padding:0px 5px !important; height:18px; line-height:18px;}



h4.hall-title{font-size:20px; border-bottom:1px solid #333; border-top:1px solid #333; padding:8px;}

.adm-room-wrap{position:relative; text-align:center; clear:both;}
.adm-room-wrap .seat-area{position:relative; display:table;}
.adm-room-wrap .seat-area span.box{position:relative; float:left;  width:80px; height:70px;}
.adm-room-wrap .seat-area span.box a{position:relative; display:block; width:96%; height:60px; padding:3px 0px; line-height:19px; text-align:center; font-size:13px; font-weight:600; color:#fff; background-color:#333; border-radius:2px; margin-left:2%;}
.adm-room-wrap .seat-area span.box a strong{display:block; font-weight:600;}
.adm-room-wrap .seat-area span.box a em{display:block;  font-style:normal; height:19px; overflow:hidden;}
.adm-room-wrap .seat-area span.box.fix a{color:#fff; background-color:#004429; }
.adm-room-wrap .seat-area span.box.free a{color:#fff; background-color:#5b3b23;}

.adm-room-wrap .seat-area.abs{position:absolute;}

.adm-room-wrap .door-area{position:absolute; }
.adm-room-wrap .door-area span.in{display:block; width:90px; height:90px; line-height:90px; text-align:center; color:#000; font-size:20px; font-weight:800;}
.adm-room-wrap .door-area span.bg{position:absolute; z-index:0; top:0px; left:0px; width:100%; height:100%; background:url('/public/img/admin/common/icn_arrow.png') center top no-repeat; }
.adm-room-wrap .door-area span.bg.top{-webkit-transform:rotate(-0deg); transform:rotate(-0deg); -ms-transform:rotate(-0deg);}
.adm-room-wrap .door-area span.bg.left{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); -ms-transform:rotate(-90deg);}
.adm-room-wrap .door-area span.bg.right{-webkit-transform:rotate(90deg); transform:rotate(90deg); -ms-transform:rotate(90deg);}
.adm-room-wrap .door-area span.bg.bottom{-webkit-transform:rotate(180deg); transform:rotate(180deg); -ms-transform:rotate(180deg);}


/*2021.08.24*/
.seat-area .box .c-state{position:absolute; left:0px; top:0px; background:#00aa73; color:#fff; width:18px; height:18px; font-size:9px; letter-spacing:-1px;}
.seat-area .box .c-state.red{background:#ee4848;}
.seat-area .box .m-wrap{position:absolute; left:0px; top:20px; _background:#fff; width:18px; height:18px; }

/* 휴대폰 상태
// base : 선택안함
// n : 반출
// y : 제출
// no : 미제출
//    : 미소지
*/
.seat-area .box .m-wrap .mobile{position:absolute; left:0px; top:0px; width:18px; height:18px; background:url('/public/img/admin/training/icn_moile_x.png') 3px 0px no-repeat;}
.seat-area .box .m-wrap .mobile.y{background:url('/public/img/admin/training/icn_moile_y.png') no-repeat;}
.seat-area .box .m-wrap .mobile.n{background:url('/public/img/admin/training/icn_moile_n.png') no-repeat;}
.seat-area .box .m-wrap .mobile.no {background: url('/public/img/admin/training/icn_moile_no.png') no-repeat;}
.seat-area .box .m-wrap .mobile.base {background: url('/public/img/admin/training/icn_moile_base.png') no-repeat;}
.seat-area .box .c-wrap{position:absolute; right:0px; top:0px; _background:#fff; width:18px; height:18px; }
.seat-area .box .c-wrap .cal{position:absolute; left:0px; top:0px; width:18px; height:18px; background:url('/public/img/admin/training/icn_calendar.png') no-repeat;}
.seat-area .box .c-wrap .cal.no{opacity:0.2; background:url('/public/img/admin/training/icn_calendar.png') no-repeat;}
.seat-area .box .mngt-wrap{position: absolute; right: 0px; top: 22px;}
.seat-area .box .mngt-wrap i{color:#000; font-size: 11px; font-style: normal;}


.seat-area span.box.used a{color:#fff; background-color:#95b3d7 !important;}
.seat-area span.box.out a{color:#fff; background-color:#ff8f34 !important;}
.seat-area span.box.exit a{color:#fff; background-color:#ee4848 !important;}
.seat-area span.box.disable a{color:#fff; background-color:#999 !important;}
.seat-area span.box.manager a{color:#fff; background-color:#AF00D6 !important;}
.seat-area span.box.over a{color:#fff; background-color:#0006C9 !important;}


/* .seat-area span.box.sleep a{background-image:url('/public/img/admin/common/icn_no_sleep_manage.gif'); background-position:center bottom; background-repeat:no-repeat;} */


.door-wrap{position:absolute;}
.door-wrap span.door{display:inline-block; width:84px; height:83px; background:url('/public/img/admin/common/img_door.png'); }
.door-wrap span.door.left{background:url('/public/img/admin/common/img_door_left.png');}
.door-wrap span.door.right{background:url('/public/img/admin/common/img_door_right.png');}


.adm-room-wrap-2{position:relative; text-align:center; clear:both;}
.adm-room-wrap-2 .seat-area{position:relative; display:table;}
.adm-room-wrap-2 .seat-area span.box{position:relative; float:left;  width:80px; height:50px;}
.adm-room-wrap-2 .seat-area span.box a{display:block; width:96%; height:40px; padding:3px 0px; line-height:20px; text-align:center; font-size:15px; font-weight:600; color:#fff; background:#333; border-radius:2px; margin-left:2%;}
.adm-room-wrap-2 .seat-area span.box a strong{display:block; font-weight:600;}
.adm-room-wrap-2 .seat-area span.box a em{font-style:normal;}
.adm-room-wrap-2 .seat-area span.box.fix a{color:#fff; background:#004429; }
.adm-room-wrap-2 .seat-area span.box.free a{color:#fff; background:#5b3b23;}


/*========================================================================
pop-regist-seat-check
========================================================================*/
#pop-regist-seat-check{display:none; position:fixed; z-index:12; width:600px; height:250px; padding:40px 30px; border:2px solid #333; background:#fff; color:#333; text-align:center;}
#pop-regist-seat-check .txt-1{ font-size:20px; font-weight:600; margin-bottom:20px;}
#pop-regist-seat-check .user-name{_border-bottom:1px solid #333;}
#pop-regist-seat-check .txt-1 strong{ font-weight:600; color:red; border-bottom:1px solid red;}
#pop-regist-seat-check .txt-2{ font-size:15px; font-weight:400; margin-bottom:50px; line-height:170%;}
#pop-regist-seat-check .txt-3{ font-size:18px; font-weight:600; margin-bottom:50px;}
#pop-regist-seat-check .txt-3 input{width:60px; text-align:center; color:red; font-weight:600; font-size:18px; border:2px solid red;;}
#pop-regist-seat-check .btn-box{}

/*========================================================================
blind-bg
========================================================================*/
.blind-bg{
	display:none; z-index:11; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; 
	-khtml-opacity:.60; /*safari*/
	-ms-filter:alpha(opacity=60);/*IE8*/
	-moz-opacity:.60;/*FF*/
	filter:alpha(opacity=60); /*IE7*/
	opacity:.60;  /*all other browsers*/
}

#blind-bg{
	display:none; z-index:11; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; 
	-khtml-opacity:.60; /*safari*/
	-ms-filter:alpha(opacity=60);/*IE8*/
	-moz-opacity:.60;/*FF*/
	filter:alpha(opacity=60); /*IE7*/
	opacity:.60;  /*all other browsers*/
}

#blind-bg2{
	display:none; z-index:3999; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; 
	-khtml-opacity:.20; /*safari*/
	-ms-filter:alpha(opacity=20);/*IE8*/
	-moz-opacity:.20;/*FF*/
	filter:alpha(opacity=20); /*IE7*/
	opacity:.20;  /*all other browsers*/
}

#pre-loader{position:fixed; z-index:3998; display:none;}

/*========================================================================
 운영관리 > 좌석관리
========================================================================*/
.seat-area .icn-box{position:absolute; left:0px; bottom:0px; width:100%; }
.seat-area .icn-box span{display:block; float:left; width:18.25px; height:17px; _padding:3px 0px 2px; text-align:center; line-height:17px; font-size:10px; letter-spacing:-2px; margin-right:1px; overflow:hidden;}
.seat-area .icn-box .notebook{background:#286f11; color:#fff;}
.seat-area .icn-box .notebook.end{background:#a22801;}
.seat-area .icn-box .memo{background:#d76109; color:#fff; }
.seat-area .icn-box .sleep{background:#2667df; color:#fff; }
.seat-area .icn-box .free{background:#ebb41c; color:#fff; margin-right:0px;}
.seat-area .icn-box .adult{color:#000; background-color:#7ce774;}
.seat-area .icn-box .leader{color:#fff; background-color:#000; position:absolute; right:0; top:-49px;}



.tit-gv-1{font-size:15px; line-height:110%; font-weight:bold; margin:20px 0 10px; color:#555; padding-left:10px; border-left:3px solid #32B8B5; }
.bbsWrite strong.red{color:red;}


/*=============================================
com-infobox
=============================================*/
.com-infobox-01{line-height:18px; border-top:1px dotted #cfcfcf; padding:0px 10px 0px; margin-top:10px;}
.com-infobox-01 .icn-01{background:url(/public/img/admin/common/icn_info_01.png) left center no-repeat; padding:10px 22px;}




/*=============================================
서비스패키지
=============================================*/
.daily-challenge{position:relative; margin-top:100px;}
.daily-challenge .bg-line{position:relative; z-index:0;}
.daily-challenge .bg-line>li{border-bottom:1px solid #ddd; height:29px;}
.daily-challenge .bg-line>li:nth-child(even){border-bottom:1px dashed #eee;}
.daily-challenge .bg-line>li span{position:relative; top:16px;}

.daily-challenge .dc-wrap{position:absolute; width:100%; height:100%; z-index:1; top:0px; left:0px;}
.daily-challenge .dc-wrap .left{position:relative; width:50%; height:100%; float:left; border-right:1px solid #ddd; margin-left:1%;}
.daily-challenge .dc-wrap .right{position:relative;width:48%; height:100%; float:left;}
.daily-challenge .dc-wrap .inner{position:relative; width:90%; height:100%; margin:0 auto;}

.daily-challenge .dc-wrap .msg-box{position:absolute; left:0px; min-width:200px; padding:5px 10px; border-radius:10px; border:1px solid #ddd; background:#F9ECEA; color:#555; font-size:12px;}
.daily-challenge .dc-wrap .exp-box{position:absolute; right:0px; padding:5px 10px; border-radius:10px; border:1px solid #ddd; background:#FFDE40; color:#555; font-size:12px;}
/*.daily-challenge .dc-wrap .character-box{position:absolute; left:50%; margin-left:-50px; width:100px; height:100px; line-height:100px; border-radius:120px; border:1px solid #ddd; background:#000; color:#fff; font-size:15px;  text-align:center; font-weight:600;}*/
.daily-challenge .dc-wrap .character-box{position:absolute; left:50%; margin-left:-60px;}
.daily-challenge .dc-wrap .character-box p{position:relative; top:-20px; text-align:center; font-size:14px; font-weight:600;}
.daily-challenge .dc-wrap span.time{position:absolute; top:-15px; left:5px; font-size:10px;}
.daily-challenge .dc-wrap .character-box span.time{width:100%; text-align:center; top:-15px}


.profile-wrap{position:relative;}
.profile-wrap .select-tab{padding:10px 0px; border-bottom:1px solid #ccc;}
.profile-wrap .select-tab label{font-weight:bold;}

.profile-wrap .profile{padding:10px 0px;}
.profile-wrap .profile .character-list{width:100%; display:table;}
.profile-wrap .profile .character-list>li{float:left; padding:6px;}

.character-box{position:relative; width:120px; height:120px; border-radius:120px; border:1px solid #ddd; background:url('') center no-repeat; background-size:cover; cursor:pointer;}
.character-box:hover,
.character-box.on{background-color:#00aa73;}
.character-box.white{background-color:#fff;}
.character-box.brown{background-color:#7c625b;}
.character-box.green{background-color:#00aa73;}
.character-box.silver{background-color:#c4c4c4;}
.character-box.gold{background-color:#d4af37;}

.profile-wrap .profile.photo{display:none;}


/*=============================================
매니저 급여관리
=============================================*/
.manager-file-box{position:relative; padding:10px 15px; border:1px solid #ddd; border-radius:5px; margin-bottom:10px}
.manager-file-box:last-child{margin-bottom:0px;}
.manager-file-box h6{display:inline-block; font-size:13px; font-weight:600; margin:0px; padding:0px; margin-right:10px;}
.manager-file-box .com-btn{padding:0px 15px !important; line-height:20px; height:20px;}
.manager-file-box .f-list{margin-top:10px;}
.manager-file-box .f-list>li{padding-left:10px; margin-bottom:3px;}
.manager-file-box .f-list>li:last-child{margin-bottom:0px;}
.manager-file-box .f-list>li a.file{display:inline-block; padding-left:18px; background:url('/public/img/admin/common/ico_file.gif') 0px 2px no-repeat;}
.manager-file-box .f-list>li a.del{display:inline-block; margin-left:10px;}
.manager-file-box .f-list>li a.del img{vertical-align:middle;}


.weekly-file-box .f-list{margin-top:10px;}
.weekly-file-box .f-list>li{padding-left:10px; margin-bottom:3px;}
.weekly-file-box .f-list>li:last-child{margin-bottom:0px;}
.weekly-file-box .f-list>li a.file{display:inline-block; padding-left:18px; background:url('/public/img/admin/common/ico_file.gif') 0px 2px no-repeat;}
.weekly-file-box .f-list>li a.del{display:inline-block; margin-left:10px;}
.weekly-file-box .f-list>li a.del img{vertical-align:middle;}


/*=============================================
직원노트
=============================================*/
.worknote .searchWrap2.bold{border:2px solid #777; border-radius:0px; width:99.7%; background:#f6f6f6;}
.worknote .searchWrap2.bold .search-option-box{padding:5px 0px;}

.worknote .searchWrap2{}
.worknote .searchWrap2 .search-option-box{padding:4px 0px;}
.worknote .searchWrap2 .search-option-box .com-tbl{padding:8px 0px;}

.worknote table.list-tbl-2{}
.worknote table.list-tbl-2.va-t td,
.worknote table.list-tbl-2.va-t th{vertical-align:top;}

.worknote table.list-tbl-2 td,
.worknote table.list-tbl-2 th{padding:5px 5px; height:24px; font-size:12px; border-right:none;}

.worknote table.list-tbl-2.type2{border-top:2px solid #777; margin-bottom:0px;}
.worknote table.list-tbl-2.type2 td,
.worknote table.list-tbl-2.type2 th{padding:5px 5px; height:16px;}

.worknote .rcv-list{display:inline-block;}
.worknote .rcv-list li{display:inline-block;  padding:2px 0px 0px 20px; text-align:left;}

.worknote .recive-confirm{display:none; position:absolute; z-index:2; right:20px; margin-top:-22px; background:#fff; border:1px solid #ccc; padding:20px; width:400px; box-shadow:1px 1px 2px #999; margin-bottom:20px;}
.worknote .full-contents-wrap{display:none; ; margin-top:0px; border-top: 1px solid #00aa7d; border-bottom: 1px solid #00aa7d; }
.worknote .full-contents{ position:relative; line-height:160%; padding:25px; background:#f6f6f6; font-weight:normal; color:#333;}
.worknote .full-contents .contents{position:relative; padding-bottom:20px; }

.worknote .full-contents .contents .title-box{font-size:14px; font-weight:600; padding-bottom:10px;  margin-bottom:10px; border-bottom:1px solid #ccc;}
.worknote .full-contents .contents .cont-box{min-height:50px;}

.worknote .full-contents .contents .btns{text-align:right;}
.worknote .full-contents .contents.form{display:none;}
.worknote .full-contents .modify-btns{margin-top:10px; text-align:right;}
.worknote .full-contents .modify-btns .com-btn{font-size:11px; line-height:20px; height:20px}


.worknote .worknote-top{margin-bottom:10px; border:2px solid #777; border-bottom:2px solid #777; background:#f6f6f6;}
.worknote .worknote-top .inner{display:table; width:97%;}
.worknote .worknote-top .left{float:left; font-size:15px; font-weight:600; text-align:left; line-height:180%;}
.worknote .worknote-top .right{float:right; font-size:15px; font-weight:600;}

/* 2018.10.05 추가 */
.worknote table.list-tbl-2 tr.notice>td{background:#f6f6f6; font-weight:bold; color:red; }
.worknote table.list-tbl-2 tr.important>td{font-weight:bold; color:#000;}
.worknote table.list-tbl-2 tr.notice>td a{color:red;} 
.worknote table.list-tbl-2 a{color:#333;}
.worknote table.list-tbl-2 td span.cmt-cnt{color:#ff6d00; font-weight:bold;}
.worknote table.list-tbl-2 td span.file-cnt{display:inline-block; width:12px; height:12px; background:url("/public/img/admin/common/ico_file.gif") no-repeat; vertical-align:middle;}

.worknote table.list-tbl-2 td.blind{height:0px; padding:0px 0px; margin-top:-1px; border:none; text-align:left;}

.worknote .modify-form{display:none; position:absolute; z-index:10; padding:20px 30px; width:200px; text-align:center; border-radius:3px; box-shadow:1px 1px 5px #ccc; background:#fff; _margin-top:-35px;}
.worknote .modify-form .opt-box{padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.worknote .modify-form .opt-box span{display:inline-block; margin-right:30px;}
.worknote .modify-form .opt-box span:last-child{margin-right:0px;}
.worknote .modify-form .btn-box{}

.worknote .note-cmt-wrap{position:relative; background:#f6f6f6; padding:10px; margin-top:5px; font-weight:normal; color:#333;}
.worknote .note-cmt-wrap h4{font-size:12px; font-weight:bold; margin-bottom:5px; line-height:13px; margin-top:10px;}
.worknote .note-cmt-wrap .note-cmt-list{position:relative; border-top:1px solid #ccc; }
.worknote .note-cmt-wrap .note-cmt{position:relative; padding:10px 15px 10px 25px; font-size:12px; background:url('/public/img/common/ico/icon_comment.gif') 7px 10px no-repeat; border-bottom:1px dotted #ccc; background-size:12px auto;}	
.worknote .note-cmt-wrap .note-cmt .info{}
.worknote .note-cmt-wrap .note-cmt .info .writer{float:left;}
.worknote .note-cmt-wrap .note-cmt .info .writer .name{display:inline-block; padding-right:20px; font-weight:bold; color:#1592DC;}
.worknote .note-cmt-wrap .note-cmt .info .writer .date{display:inline-block; font-size:11px;}
.worknote .note-cmt-wrap .note-cmt .info .btns{float:right;}
.worknote .note-cmt-wrap .note-cmt .con{clear:both; padding-top:10px; font-size:12px;}

.worknote .note-cmt-wrap .note-cmt-form{display:table; width:100%; margin-top:10px;}
.worknote .note-cmt-wrap .note-cmt-form .inp{float:left; width:88%; }
.worknote .note-cmt-wrap .note-cmt-form .inp textarea{width:98%; border:1px solid #ccc; height:34px; padding:5px 1%; }
.worknote .note-cmt-wrap .note-cmt-form .btn{float:right; width:11%; text-align:right;}
.worknote .note-cmt-wrap .note-cmt-form .btn a{/*height:44px; line-height:44px;*/}

.worknote .f-list{padding-left:5px;}
.worknote .f-list>li{padding-left:0px; margin-bottom:3px;}
.worknote .f-list>li:first-child{margin-top:5px;}
.worknote .f-list>li:last-child{margin-bottom:0px;}
.worknote .f-list>li a.file{display:inline-block; padding-left:18px; background:url('/public/img/admin/common/ico_file.gif') 0px 5px no-repeat; line-height:18px;}
.worknote .f-list>li a.del{display:inline-block; margin-left:10px;}
.worknote .f-list>li a.del img{vertical-align:middle;}

#pop-wrap .worknote .note-cmt-wrap .com-btn{padding:1px 0px; width:95%;}


.worknote .attach-file-form{position:relative; background:#f6f6f6; padding:10px 0px;}
.worknote .attach-file-form h4{font-size:12px; font-weight:bold; margin-bottom:5px; line-height:13px; margin:0px; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #ccc;}


/* 2021.06.24 추가 */
.new-pop-form{position:relative; width:1100px; margin:0px auto; padding:40px 30px 30px; background:#f8faf8; border-radius:12px; box-shadow:0px 0px 20px #555;}
.new-pop-form .view-tbl{margin-bottom:0px;}
.new-pop-form .rcv-list{}
.new-pop-form .rcv-list li{display:inline-block; width:94px;}

.new-pop-form .left-box{display:inline-block; width:180px; vertical-align:top;}
.new-pop-form .right-box{display:inline-block; max-height:48px; width:740px; overflow-y:scroll;}
.new-pop-form a.com-btn{color:#fff;}

#pop-wrap .worknote{padding:30px;}
.worknote .list-tbl-2{border:0px; margin-bottom:0px;}
.worknote .list-tbl-2 th{background:#00aa7d; color:#fff;}

.worknote .searchWrap2 {border:1px solid #00aa7d; border-radius:0px; margin:0px; height:auto; width:auto; display:block;}
.worknote .note-list{border:1px solid #00aa7d; margin-bottom:10px;}
.worknote .search-option-box{position:relative; margin: 0 20px;}
.worknote .search-option-box .ui-datepicker-trigger {margin-top: 5px !important;}

.star-box {position:relative; text-align:center; vertical-align:middle;}
.star-box .star{display:inline-block; width:16px; height:16px; margin-right:0px; background:url('/public/img/admin/common/star_off.png') no-repeat; background-size:cover; cursor:pointer;}
.star-box .star:last-child{margin-right:0px;}
.star-box .star.on{background-image:url('/public/img/admin/common/star_on.png');}






/* 앱 피드 */
.feed-wrap{position:relative; display:table; width:100%;}
.feed-wrap .feed-box{position:relative; width:450px; float:left; font-size:13px; color:#444; background:#fff; border:1px solid #ccc; padding:20px; margin-bottom:35px;}
.feed-wrap .feed-box:nth-child(2n){_margin-left:35px;}
.feed-wrap .feed-box .status{}
.feed-wrap .feed-box .status span{display:inline-block; margin-right:10px; padding:10px 15px 10px 35px; font-size:12px; border-radius:3px;}
.feed-wrap .feed-box .status span:last-child{margin-right:0px;}
.feed-wrap .feed-box .status .place{background:#ddd url('/public/img/admin/app/gll_logo.png') 8px no-repeat; background-size:auto 15px;}
.feed-wrap .feed-box .status .level{background:#ddd url('/public/img/admin/app/level_green.png') 8px no-repeat; background-size:auto 20px; padding-left:30px;}
.feed-wrap .feed-box .status .level.white{background-image:url('/public/img/admin/app/level_white.png');}
.feed-wrap .feed-box .status .level.brown{background-image:url('/public/img/admin/app/level_brown.png');}
.feed-wrap .feed-box .status .level.green{background-image:url('/public/img/admin/app/level_green.png');}
.feed-wrap .feed-box .status .level.silver{background-image:url('/public/img/admin/app/level_silver.png');}
.feed-wrap .feed-box .status .level.gold{background-image:url('/public/img/admin/app/level_gold.png');}
.feed-wrap .feed-box .status .watch{background:#ddd url('/public/img/admin/app/icn_watch.png') 8px no-repeat; background-size:auto 20px;}

.feed-wrap .feed-box .head{position:relative; padding-top:20px;}
.feed-wrap .feed-box .head .thumb{position:absolute; left:0px; margin-top:-8px; }
.feed-wrap .feed-box .head .thumb p{width:50px; height:50px; background:url('') center no-repeat; background-size:cover; border-radius:20px; border:1px solid #ccc;}
.feed-wrap .feed-box .head .info{padding:0px 100px 0 60px}
.feed-wrap .feed-box .head .info .top{}
.feed-wrap .feed-box .head .info .top span{display:inline-block; margin-right:20px;}
.feed-wrap .feed-box .head .info .top .id{font-weight:bold;}
.feed-wrap .feed-box .head .info .top .d-day{font-size:12px;}
.feed-wrap .feed-box .head .info .top .record{padding:5px 10px; background:#F97935; border-radius:20px; color:#fff; font-size:12px;}
.feed-wrap .feed-box .head .info .date{font-size:12px; padding-top:10px;}
.feed-wrap .feed-box .head .time{position:absolute; right:0px; margin-top:10px; padding-left:35px; background:url('/public/img/admin/app/icn_time.png') left no-repeat; background-size:auto 30px; line-height:30px; font-weight:bold;}

.feed-wrap .feed-box .body{position:relative; padding-top:20px;}
.feed-wrap .feed-box .body .text{line-height:160%; }
.feed-wrap .feed-box .body .text a{color:#999;}
.feed-wrap .feed-box .body .photo{margin:10px 0px;}
.feed-wrap .feed-box .body .photo .list{}
.feed-wrap .feed-box .body .photo .list li{}
.feed-wrap .feed-box .body .photo .bx-wrapper{margin-bottom:25px}
.feed-wrap .feed-box .body .photo .bx-wrapper .bx-pager{bottom:-20px}
.feed-wrap .feed-box .body .tag{color:#019968;}

.feed-wrap .feed-box .foot{position:relative; padding-top:20px;}
.feed-wrap .feed-box .foot .info{font-size:12px; color:#999; padding-left:24px; background:url('/public/img/admin/app/icn_follower.png') left no-repeat; background-size:auto 12px; line-height:14px;}
.feed-wrap .feed-box .foot .share{padding-top:10px;}
.feed-wrap .feed-box .foot .share span{display:inline-block; margin-right:20px; padding-left:35px; line-height:25px;}
.feed-wrap .feed-box .foot .share span:last-child{margin-right:0px;}
.feed-wrap .feed-box .foot .share .like-count{background:url('/public/img/admin/app/icn_like.png') left no-repeat; background-size:auto 22px; cursor:pointer;}
.feed-wrap .feed-box .foot .share .like-count.on{background-image:url('/public/img/admin/app/icn_like_on.png');}
.feed-wrap .feed-box .foot .share .comment-count{background:url('/public/img/admin/app/icn_comment.png') left no-repeat; background-size:auto 22px;}

.feed-wrap .feed-box .comment{position:relative; margin-top:20px; padding-top:20px; border-top:1px solid #ccc; font-size:13px;}
.feed-wrap .feed-box .comment .com-box{position:relative; margin-bottom:20px;}
.feed-wrap .feed-box .comment .com-box:last-child{margin-bottom:10px;}
.feed-wrap .feed-box .comment .com-box .thumb{position:absolute; left:0px; }
.feed-wrap .feed-box .comment .com-box .thumb p{width:50px; height:50px; background:url('') center no-repeat; background-size:cover; border-radius:20px; border:1px solid #ccc;}						
.feed-wrap .feed-box .comment .com-box .con{padding-left:60px;}
.feed-wrap .feed-box .comment .com-box .con .info{font-weight:bold; padding-top:8px;}
.feed-wrap .feed-box .comment .com-box .con .info span{display:inline-block;}
.feed-wrap .feed-box .comment .com-box .con .info .id{margin-right:20px;}
.feed-wrap .feed-box .comment .com-box .con .info .com{}
.feed-wrap .feed-box .comment .com-box .con .date{margin-top:10px; font-size:12px;}

.feed-wrap .feed-box .comment-form{position:relative; margin-top:20px; padding-top:20px; border-top:1px solid #ccc; font-size:13px;}						
.feed-wrap .feed-box .comment-form .thumb{position:absolute; left:0px; margin-top:-8px; }
.feed-wrap .feed-box .comment-form .thumb p{width:50px; height:50px; background:url('') center no-repeat; background-size:cover; border-radius:20px; border:1px solid #ccc;}
.feed-wrap .feed-box .comment-form .input{padding-left:60px;}
.feed-wrap .feed-box .comment-form .input input[type=text]{width:96%; padding:0 2%; height:40px; border-radius:40px; background:#f6f6f6;}
.feed-wrap .feed-box .comment-form .input input[type=text]:focus{outline: none;}
.feed-wrap .feed-box .comment-form .btn{position:absolute; right:15px; margin-top:-27px; color:#00AA73; font-weight:bold;}




/* 2020.05.28 추가 */
.settle-wrap .list.active{z-index:9;}
.settle-wrap .list{max-width:600px; background:#fff;position:relative;margin-top:10px;padding:5px; /*box-sizing:border-box;border-radius:6px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); */}
.settle-wrap .list h4{margin-top:0px; font-size:13px; font-weight:600; line-height:15px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #bebebe}
.settle-wrap .list .warning{color:#e66464;margin-bottom:14px; font-size:12px; line-height:14px;}

.settle-wrap .list li{ position:relative; padding-left:55px;margin-top:0px;text-align:right; font-size:13px;}
.settle-wrap .list li:first-child{margin-top:0;}
.settle-wrap .list li .btxt{position:absolute; left:0; top:0;line-height:18px; color:#777}
.settle-wrap .list li .btxt.vc{line-height:46px;}
.settle-wrap .list li .stxt{color:#666; line-height:18px;}
.settle-wrap .list li .stxt.cred{color:#e66464}
.settle-wrap .list li .stxt.cgray{color:#777; font-size:12px;}
.settle-wrap .list li .w240{width:240px;}
.settle-wrap .list li .select-box{text-align:right;}
.settle-wrap .list li .select-box .sel{border-radius:4px;}
.settle-wrap .list li .select-box .sel i{ font-size:11px; color:#00aa7d; margin-left:3px;}
.settle-wrap .list li .select-box .sel.active{color:#666}
.settle-wrap .list li .select-box ul li{padding-left:0; margin-top:0 ;text-align:left;}
.settle-wrap .list li .select-box select{min-width:100px;}
.settle-wrap .list .standard-btn{position:absolute; right:20px; top:20px; line-height:15px; color:#bebebe; font-size:12px; padding-left:15px;background:url(/public/img/admin/common/ico-questionw.png) no-repeat left center ;background-size:11px auto;}

.settle-wrap .use{max-width:600px; background:#fff; position:relative;margin-top:10px;padding:20px; box-sizing:border-box; border-radius:6px; border:1px solid #ccc; /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);*/ }
.settle-wrap .use h4{ font-size:13px; font-weight:600; line-height:15px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #bebebe}
.settle-wrap .use .warning{color:#e66464;margin-bottom:14px; font-size:13px; line-height:19px;}
.settle-wrap .use .warning span{display:block;}
.settle-wrap .use .guide-btn{position:absolute; right:20px; top:20px; line-height:15px; color:#bebebe; font-size:12px; padding-right:10px;background:url(/public/img/admin/common/ico-directg.png) no-repeat right center ;background-size:3px auto;}

.settle-wrap .use .fl{float:left;}
.settle-wrap .use .fr{float:right;}
.settle-wrap .use .w49p{width:49%;}
.settle-wrap .use ul{}
.settle-wrap .use ul:after{display:block; content:"";clear:both}
.settle-wrap .use li{ position:relative;text-align:left; font-size:13px;}
.settle-wrap .use li:nth-child(n+3){margin-top:14px;}
.settle-wrap .use li .btxt{line-height:18px; color:#777;margin-bottom:8px; font-size:13px;}
.settle-wrap .use li.ov{overflow:visible;position:Relative; float:left; width:100%;}
.settle-wrap .use li.ov:after{clear:both; display:block; content:""}
.settle-wrap .use li.ov .btxt{float:left;width:100%;}
.settle-wrap .use li .select-box{text-align:left;}
.settle-wrap .use li .select-box.disable{background:#f8faf8}
.settle-wrap .use li .select-box.disable.selected{background:#fff;}
.settle-wrap .use li .select-box .sel{border-radius:4px;}
.settle-wrap .use li .select-box.active .sel span{color:#666}
.settle-wrap .use li .select-box .sel i{ font-size:11px; color:#00aa7d; margin-left:3px;}
.settle-wrap .use li .select-box ul li{padding-left:0; margin-top:0 ;text-align:left;}
.settle-wrap .use li .select-box ul { max-height:142px; overflow-y:auto}
.settle-wrap .use li .select-box .sel.active{color:#666}

.settle-wrap .use li .card{border-radius:5px; position:relative; box-sizing:border-box; padding:20px;min-height:120px;}
.settle-wrap .use li .card.none{background:#e6e6e6; padding:30px;}
.settle-wrap .use li .card.none span{ color:#bebebe; font-size:14px; position:Relative; display:block; text-align:center; line-height:16px; padding-top:40px;}
.settle-wrap .use li .card.none span:after{position:absolute; left:50%; display:block; content:"";top:0; width:1px;height:35px; background:#fff;-webkit-transform:translate(-50%, 0);  -moz-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);  -o-transform: translate(-50%, 0);  transform: translate(-50%, 0);}
.settle-wrap .use li .card.none span:before{position:absolute; left:50%; display:block; content:"";top:17px; width:35px;height:1px; background:#fff;-webkit-transform:translate(-50%, 0);  -moz-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);  -o-transform: translate(-50%, 0);  transform: translate(-50%, 0);}

.settle-wrap .use li .card.black{background:#50505a; padding:20px;}
.settle-wrap .use li .card.black .name{ line-height:16px; color:#fff; font-size:14px; display:block; margin-bottom:15px;}
.settle-wrap .use li .card.black .num{ line-height:14px; color:#fff; font-size:13px; display:block; margin-bottom:15px;}
.settle-wrap .use li .card.black .delete-btn{text-decoration:underline;font-size:13px; color:#fad278; font-weight:300; line-height:15px; position:Absolute; right:20px; top:20px;}
.settle-wrap .use li .card.black .date{font-size:13px; color:#999; line-height:18px; display:block;}


.custom-pop{position:fixed; z-index:2000; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.custom-pop .cp-flex{display:flex; height:100%; flex-wrap:wrap; align-items:center; justify-content:center;}
.custom-pop .cp-close{z-index:2; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #333; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;}
#custom-temp{display:none;}


.checkbox-wrap{position:relative; height:440px; overflow:auto;}
.checkbox-wrap .all-check{font-weight:600; border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:5px;}
.checkbox-wrap .check-list{ }
.checkbox-wrap .check-list>li{border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:5px;}
.checkbox-wrap .check-list>li:last-child{margin-bottom:0px;}
.checkbox-wrap .check-list>li span{display:inline-block;  }
.checkbox-wrap .check-list>li span.cate{padding-right:15px; background:url('/public/img/commonsb-arrow.png') right no-repeat; background-size:6px auto; margin-right:5px;}
.checkbox-wrap .check-list>li span.require::after{position:absolute; margin:2px 0px 0px 5px; content:'*'; color:red;}

.checkbox-wrap .check-list.type2{list-style:decimal; margin:10px 0px; }
.checkbox-wrap .check-list.type2>li{list-style:decimal; padding:0px 0px 5px 4px; margin:0px 0px 4px 20px; border-bottom:1px dashed #ccc;}
.checkbox-wrap .check-list>li.confirm{padding-left:30px; background:url('/public/img/admin/common/check-on.png') 10px 2px no-repeat; background-size:12px auto;}
.checkbox-wrap .check-list>li.no{padding-left:30px; background:url('/public/img/admin/common/ic_x.png') 10px 2px no-repeat; background-size:11px auto;}

.checklist-wrap{position:relative; padding:0px 0px; border-top:2px solid #777777; border-bottom:2px solid #777777;}
.checklist-wrap .cl-box{position:relative; padding:14px 20px; border-bottom:1px dashed #999;}
.checklist-wrap .cl-box:last-child{border-bottom:none;}
.checklist-wrap .cl-box>dl{display:table; width:100%;}
.checklist-wrap .cl-box>dl>dt{font-size:14px; font-weight:600; margin-bottom:10px; display:table-cell; width:150px; padding-right:20px; vertical-align:top; border-right:1px solid #ddd; }
.checklist-wrap .cl-box>dl>dd{padding-left:20px; font-size:13px; display:table-cell; vertical-align:top;}
.checklist-wrap .cl-box>dl>dd span.feedback{display:inline-block; padding-right:45px; height:30px; background:url('/public/img/common/ico/feedback.png') right no-repeat; background-size:30px auto;}

.checklist-wrap ul.item-list{}
.checklist-wrap ul.item-list>li{margin-bottom:5px;}
.checklist-wrap ul.item-list>li:last-child{margin-bottom:0px;}
.checklist-wrap ul.item-list>li>label{}
.checklist-wrap ul.item-list>li>label.require::after{position:absolute; margin:2px 0px 0px 5px; content:'*'; color:red;}
.checklist-wrap .empty-box{padding:100px 0px; text-align:center; font-size:14px; line-height:30px;}
.checklist-wrap .empty-box span{display:inline-block; padding-left:40px; background:url('/public/img/common/ico/icn_notice2.png') left no-repeat; background-size:30px auto;}




.new-pop-form{position:relative; width:1100px; margin:30px auto; padding:30px 30px 30px 30px; background:#fff; border-radius:12px; box-shadow:0px 0px 20px #555; color:#222;}
.new-pop-form.max-800{max-width:800px;}
.new-pop-form.max-600{max-width:600px;}
.new-pop-form.max-400{max-width:400px;}
.new-pop-form h2{font-size:19px; font-weight:600; margin-bottom:15px; color:#333;}
.new-pop-form .h-desc{font-size:12px; margin-bottom:15px;}
.new-pop-form .sec{position:relative;}
.new-pop-form .view-tbl{margin-bottom:0px;}
.new-pop-form a.com-btn{color:#fff;}

.new-pop-form .one-wrap{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.new-pop-form .list-tbl th,
.new-pop-form .list-tbl td{font-size:12px; height:40px; padding:0px;}
.new-pop-form .list-tbl td input[type=text]{width:95%;}

.new-pop-form  .btn-wrap{text-align:right; padding:20px 0px 0px;}

.new-pop-form .ul-box-1{}
.new-pop-form .ul-box-1>li{margin-right:10px; display:inline-block; padding:5px 10px; background:#f2f2f2; color:#000; border-radius:5px; font-size:12px;}
.new-pop-form .ul-box-1>li:last-child{margin-right:0px}

.new-pop-form .dl-group-1{display:flex;}
.new-pop-form .dl-group-1>dl{display:flex; border-right:1px solid #ddd; margin-right:15px; padding-right:15px;}
.new-pop-form .dl-group-1>dl:last-child{border-right:none; margin-right:0px; padding-right:0px;}
.new-pop-form .dl-group-1>dl>dt{width:80px;}
.new-pop-form .dl-group-1>dl>dd{color:#004274;}

.new-pop-form div::-webkit-scrollbar,
.new-pop-form ul::-webkit-scrollbar { width: 6px; /*스크롤바의 너비*/ }
.new-pop-form div::-webkit-scrollbar-thumb,
.new-pop-form ul::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 6px; /*스크롤바의 색상*/ }
.new-pop-form div::-webkit-scrollbar-track,
.new-pop-form ul::-webkit-scrollbar-track { background-color: #ddd; /*스크롤바 트랙 색상*/ }

.new-pop-form .contents-box{font-size:12px; line-height:180%; padding:0px 0px; min-height: 200px;}

.a-type{display:inline-block; padding:5px 10px; background:#f15900; color:#fff; border-radius:5px;}
.a-type.end{background:#00aa73;}

.row-wrap{padding:20px 0px;}
.row-wrap .view-box{position:relative; border-top:1px solid #ddd; padding:20px 0px;}
.row-wrap .view-box>dl{display:table; text-align:left; font-size:13px;}
.row-wrap .view-box>dl>dt{float:left; width:70px; font-weight:600; padding:3px 10px; color:#505050;}
.row-wrap .view-box>dl>dd{float:left; font-size:12px; padding:3px 0px;}
.row-wrap .view-box>dl>dd .red{color:red;}
.row-wrap .view-box.first{border-top:none;}

.row-wrap .form-box{position:relative;}
.row-wrap .form-box:last-child{margin-bottom:0px; border-bottom:0px;}
.row-wrap .form-box>dl{font-size:13px;}
.row-wrap .form-box>dl>dt{font-weight:600; margin-bottom:10px; color:#505050;}
.row-wrap .form-box>dl>dd{font-size:12px;}
.row-wrap .form-box.search>dl>dd input[type=text]{width:250px;}
.row-wrap .form-box.search>dl>dd select{min-width:150px;}

.dl-list-01 dl{padding-bottom:10px; margin-bottom:5px; border-bottom:1px dashed #ccc; }
.dl-list-01 dl:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:0px; }
.dl-list-01 dl dt{font-weight:600; margin-bottom:5px;}



/* 공통 파일 업로드 - 이미지 타입 */
.com-file-image{position:relative; padding:10px 0px;}
.com-file-image .item-wrap {position:relative; display:inline-block; width:200px;}
.com-file-image.wd-100 .item-wrap{width:100px;}
.com-file-image.wd-150 .item-wrap{width:150px;}
.com-file-image.wd-200 .item-wrap{width:200px;}
.com-file-image.wd-250 .item-wrap{width:250px;}
.com-file-image.wd-300 .item-wrap{width:300px;}
.com-file-image.wd-350 .item-wrap{width:350px;}
.com-file-image.wd-400 .item-wrap{width:400px;}	
.com-file-image .item-wrap .img-box img{width:100%;}
.com-file-image .item-wrap .file-box{margin-top:5px;}


/* 공통 파일 업로드 - 백그라운드 타입 */
.com-file-bg{position:relative; padding:10px 0px;}
.com-file-bg .item-wrap {position:relative; display:inline-block; width:200px;}
.com-file-bg.wd-100 .item-wrap{width:100px;}
.com-file-bg.wd-150 .item-wrap{width:150px;}
.com-file-bg.wd-200 .item-wrap{width:200px;}
.com-file-bg.wd-250 .item-wrap{width:250px;}
.com-file-bg.wd-300 .item-wrap{width:300px;}
.com-file-bg.wd-350 .item-wrap{width:350px;}
.com-file-bg.wd-400 .item-wrap{width:400px;}		
.com-file-bg.wd-100 .item-wrap .img-box{height:100px;}
.com-file-bg.wd-150 .item-wrap .img-box{height:150px;}
.com-file-bg.wd-200 .item-wrap .img-box{height:200px;}
.com-file-bg.wd-250 .item-wrap .img-box{height:250px;}
.com-file-bg.wd-300 .item-wrap .img-box{height:300px;}
.com-file-bg.wd-350 .item-wrap .img-box{height:350px;}
.com-file-bg.wd-400 .item-wrap .img-box{height:400px;}		

.com-file-bg .item-wrap .img-box{width:100%; height:200px; background-size: cover; background-position: center;}
.com-file-bg .item-wrap .file-box{margin-top:5px;}


.sms-bg-mobile{position:relative; width:300px; height:604px; background:url('/public/img/admin/sms/bg_mobile2.png') center no-repeat; background-size:cover;}
.sms-bg-mobile textarea{position:absolute; width:252px; height:455px; left:19px; top:69px; border:1px solid #aaa; background-color:#f4f4f4; color:#555;}

.sms-bg-mobile textarea::-webkit-scrollbar { width: 6px; /*스크롤바의 너비*/ } 
.sms-bg-mobile textarea::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 6px; /*스크롤바의 색상*/ } 
.sms-bg-mobile textarea::-webkit-scrollbar-track { background-color: #ddd; /*스크롤바 트랙 색상*/ }


.flex-box{display:flex; justify-content: space-between; align-items: center;}



/* 회원률 통계 - 26년 */
.campus-list-2{position:relative; padding:0px;}
.campus-list-2 p{font-size:12px; font-weight:600; padding:0px 0px 10px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.campus-list-2 ul{display:table; width:100%;}
.campus-list-2 ul>li{ float:left; width:16.6%; font-size:12px; padding:2px 0px;}

.statistics-ajax-box{overflow:scroll; height:700px; border:1px solid #cfcfcf; border-radius: 10px;}
.statistics-ajax-box .empty{display: flex; height: 100%; justify-content: center; align-items: center;}    

.list-tbl-2.plan [class^="seat-"],
.list-tbl-2.plan [class*=" seat-"],
.list-tbl-2.plan [class^="seat-"],
.list-tbl-2.plan [class*=" seat-"] { display: none;}

.list-tbl-2.plan.plan-025 .seat-025{display:table-cell;}
.list-tbl-2.plan.plan-026 .seat-026{display:table-cell;}
.list-tbl-2.plan.plan-024 .seat-024{display:table-cell;}
.list-tbl-2.plan.plan-001 .seat-001{display:table-cell;}
.list-tbl-2.plan.plan-038 .seat-038{display:table-cell;}
.list-tbl-2.plan.plan-032 .seat-032{display:table-cell;}
.list-tbl-2.plan.plan-002 .seat-002{display:table-cell;}
.list-tbl-2.plan.plan-012 .seat-012{display:table-cell;}
.list-tbl-2.plan.plan-007 .seat-007{display:table-cell;}
.list-tbl-2.plan.plan-005 .seat-005{display:table-cell;}
.list-tbl-2.plan.plan-004 .seat-004{display:table-cell;}
    
.list-tbl-2.position [class^="position-"],
.list-tbl-2.position [class*=" position-"],
.list-tbl-2.position [class^="position-"],
.list-tbl-2.position [class*=" position-"] {display: none;}

.list-tbl-2.position.adult .position-adult{display:table-cell;}
.list-tbl-2.position.repeat .position-repeat{display:table-cell;}
.list-tbl-2.position.high3 .position-high3{display:table-cell;}
.list-tbl-2.position.high2 .position-high2{display:table-cell;}
.list-tbl-2.position.high1 .position-high1{display:table-cell;}
.list-tbl-2.position.middle .position-middle{display:table-cell;}

.list-tbl-2.position .gender{ display: none;}
.list-tbl-2.position.sum .gender.sum{display:block;}
.list-tbl-2.position.man .gender.man{display:block;}
.list-tbl-2.position.woman .gender.woman{display:block;}

/* 탭 버튼 */
.tab-group {display: flex; border-radius: 10px; overflow: hidden; background-color: #f5f5f5; width: fit-content; margin: 0 auto;}
.tab-btn {   padding: 10px 24px; font-size: 12px; font-weight: 400; color: #959595; background-color: #F4F4F4; border: none; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; /* 글자 줄바꿈 방지 */ }
.tab-btn:hover { background-color: #e8e8e8; }
.tab-btn.active { background-color: #45A4A3; color: #FFFFFF; font-weight: 700; }


table.list-tbl-2.statistics.slim th { padding: 5px; border-left:1px solid #ddd;}
table.list-tbl-2.statistics.slim td { padding: 5px; border-bottom: 0; border-left:1px solid #ddd; }
table.list-tbl-2.statistics.slim tr th:first-child,
table.list-tbl-2.statistics.slim tr th:first-child,
table.list-tbl-2.statistics.slim tr td:first-child,
table.list-tbl-2.statistics.slim tr td:first-child {border-left:none;}


table.list-tbl-2.statistics.slim tr.first td { border-top: 1px solid #ddd; }
table.list-tbl-2.statistics.slim tr.bold td { font-weight:bold; background:#e3eaf1; }
.list-tbl-2.statistics.slim.quarterly-gender,
.list-tbl-2.statistics.slim.quarterly-grade{width:100%; table-layout:fixed;}

.quarterly-chart-cell{min-width:0;}
.quarterly-chart-wrap{height:38px;}
.quarterly-chart-wrap canvas{width:100% !important; height:38px !important;}
.quarterly-stack{display:flex; width:100%; height:24px; border-radius:2px; overflow:hidden;}
.quarterly-seg{height:24px; display:flex; align-items:center; justify-content:center;}
.quarterly-seg-txt{font-size:12px; color:#333; line-height:1;}

.statistics-wrap{position:relative;}
.statistics-wrap .section-box{padding-top:40px;}
.statistics-wrap .section-box h3{font-size:15px;}
.statistics-wrap .section-box > canvas{padding-bottom:20px;}
.statistics-wrap .section-box .scroll-box {width: 100%; overflow-x: auto; }

.list-tbl-2.statistics.slim.quarterly-gender th:first-child,
.list-tbl-2.statistics.slim.quarterly-gender td:first-child,
.list-tbl-2.statistics.slim.quarterly-grade th:first-child,
.list-tbl-2.statistics.slim.quarterly-grade td:first-child {
	width: 88px;
}

.com-flex{display:flex; justify-content:space-between; align-items:center; align-items: flex-start; gap:12px; margin:8px 0;}
.com-flex .flex-box{display:flex; gap:8px; align-items:center;}

.line-chart-shell{position:relative; box-sizing:border-box; border:1px solid #d8e0e4; border-radius:12px; background:linear-gradient(180deg,#fafcfd 0%,#f3f7f9 100%); padding:16px; height:500px;}
.line-chart-shell #lineChart{position:relative; z-index:2; width:100% !important; height:100% !important;}
.line-chart-placeholder{position:absolute; inset:0px; _border:1px dashed #b8c7cf; border-radius:10px; background:repeating-linear-gradient(-45deg,#f8fbfc,#f8fbfc 10px,#f2f7f9 10px,#f2f7f9 20px); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:18px; color:#4f626a; z-index:3;}
.line-chart-placeholder.hidden{display:none;}
.line-chart-placeholder .lcp-badge{display:inline-block; background:#45a4a3; color:#fff; border-radius:999px; padding:5px 10px; font-size:11px; font-weight:700; margin-bottom:10px;}
.line-chart-placeholder .lcp-title{font-size:13px; line-height:1.3; margin:0 0 6px; color:#60727b; font-weight:700;}
/* .line-chart-placeholder .lcp-desc{font-size:12px; line-height:1.5; margin:0 0 14px; color:#61757f;} */
.line-chart-placeholder .lcp-guide{display:flex; gap:8px; flex-wrap:wrap; justify-content:center;}
.line-chart-placeholder .lcp-guide span{display:inline-block; font-size:11px; line-height:1; padding:8px 10px; border-radius:999px; background:#e4edf1; color:#48606a; border:1px solid #c7d5dc;}

.statistics-wrap .chart-ph-wrap{position:relative; margin-bottom:20px;}
.statistics-wrap .chart-ph-wrap:not(.has-data){min-height:250px;}
.statistics-wrap .chart-ph-wrap .chart-ph{position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; border:1px dashed #cad4da; border-radius:8px; background:repeating-linear-gradient(-45deg,#f8fbfc,#f8fbfc 10px,#f2f6f8 10px,#f2f6f8 20px); color:#60727b; font-size:12px; font-weight:600;}
.statistics-wrap .chart-ph-wrap .chart-ph.hidden{display:none;}
.statistics-wrap .chart-ph-wrap canvas{position:relative; z-index:2; display:block;}

.line-chart-placeholder.tbl{position: relative; height: 100%;}