@charset "utf-8";
@import url(/common/css/fonts/Pretendard.css?v=1.2);
@import url(/common/css/fonts/GmarketSans.css?v=1.2);
@import url(/common/css/icons/fa/css/font-awesome.css?v=1.2);
@import url(/common/css/icons/sl/simple-line-icons.css?v=1.2);
@import url(/common/css/icons/xi/xeicon.css?v=1.2);

/* basic_start */
/*{box-sizing: border-box;}*/
html                {}
body                { overflow:hidden;overflow-y:scroll;overflow-x:auto; margin:0px; padding:0px !important; font-family:'Pretendard', sans-serif; font-size:13px; letter-spacing:0px; color:#111; font-weight:400; line-height:160%; background:#f3f3f3;min-width:1200px;}
body.noscroll		{ position: fixed !important; overflow-y: scroll; top:0px; left:0px; right:0px; bottom:0px; }
body.win	        { min-width:550px;height: auto;position: relative;background: #eee;}
body._pop           { min-width:320px;background-color: #fff;}
body.nowStWid       { min-width: 0;}
body.dailyReportWid { min-width: 620px;}

body.win > section { padding:0px; background:#eee; }
body.win > section > h1 { font-size:24px;font-weight:400;color:#111;line-height:50px; }
body.win > section > h1.center { display:block;text-align:center; font-size:30px;line-height:65px;margin-bottom:5px; }
body.win > section > h1 > span { float:right;display:inline-block;vertical-align: bottom;font-size:13px;font-weight:400;color:#999;line-height:20px;margin-top:20px;}
body.win > section > p { font-size:13px;font-weight:400;color:#999;line-height:20px;margin-bottom:10px; margin-top:-7px;}

body.win > section > h4 { font-size:16px;line-height:22px;margin:0px;padding:0px;display:block;vertical-align:bottom;font-weight:500;text-align: left;position: relative;margin-bottom:10px;}
body.win > section > h4 > span { display:block;line-height:20px;font-size:13px;color:#999;font-weight:400; }
body.win > section > h4 > div { position:absolute;top:3px;right:0px;font-size:0px; }
body.win > section > h4 > div > a { display:inline-block;margin:0px 2px;height:34px;line-height:34px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
body.win > section > h4 > div > a.cyanbg { position:relative;background:#23aab6;border:1px solid rgba(0,0,0,0.2);color:#fff;}
body.win > section > h4 > div > a.bluebg { position:relative;background:#5fa2dd;border:1px solid rgba(0,0,0,0.2);color:#fff;}
body.win > section > h4 > div > a.redbg { background:#ec635d;border:1px solid rgba(0,0,0,0.2);color:#fff;}
body.win > section > h4 > div > a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
body.win > section > h4 > div > a.graybg { background:#999;border:1px solid rgba(0,0,0,0.2);color:#fff;}
body.win > section > h4 > div > a.blackbg { background:#48535f;border:1px solid rgba(0,0,0,0.2);color:#fff;}
body.win > section > h4 > div > a > i {margin-right:5px;vertical-align:middle;line-height:27px;}

.d_none{display:none !important;}


/*
body {
	scrollbar-arrow-color: #ddd;
	scrollbar-Track-Color: #ddd;
	scrollbar-base-color: #ccc;
	scrollbar-Face-Color: #ccc;
	scrollbar-3dLight-Color: #ccc;
	scrollbar-DarkShadow-Color: #ccc;
	scrollbar-Highlight-Color: #ccc;
	scrollbar-Shadow-Color: #ccc;
}
::-webkit-scrollbar { width: 5px; height: 5px; background: transparent;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { display: block; width: 0px;height: 0px; background: rgba(0,0,0,0); }
::-webkit-scrollbar-track { background: rgba(0,0,0,.1); }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1); }
*/

/* - 코드 초기화 - */
	div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select { border:0px;padding:0px; margin:0px; font-family:'Pretendard', sans-serif;font-size:13px;line-height:160%; letter-spacing:0px;font-weight:400; word-wrap: break-word; word-break: keep-all; }
	img {  display:inline-block;border:0px;padding:0px; margin:0px; }
	ul,ol,li,dl,dt,dd   { list-style:none;}
	table,tr,td,th  { border:0px;padding:0px; margin:0px;border-spacing:0px;}
	i,em				{ font-style:normal;vertical-align:middle; }
	select { -webkit-appearance:none;appearance:none; -moz-appearance:none; text-indent: 1px; text-overflow: ''; }
	input, textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none;font-family:'Pretendard', sans-serif !important;outline: none;-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background: transparent; box-sizing:border-box;}
	button[type=button] { cursor:pointer;outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	a                   { text-decoration:none; color:#111;outline:none; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	a:visited           { color:#111; }
	a:active            { color:#111; }
	a:hover             { color:#111; text-decoration:none; }
	.clear { float:none;clear:both; }
/* - @코드 초기화 - */

/* - 체크박스, 라디오버튼 CSS 설정(xeicon import 필요) - */
	label { position:relative; display:inline-block;margin-right:0px; padding-left:20px; height:20px; color:#999; text-align:left; line-height:20px; vertical-align:middle; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow:hidden; font-size:0px; box-sizing: border-box;} 
	label > input[type=checkbox] { display:none; }
	label > input[type=checkbox] + span  { display:inline-block;line-height:20px;vertical-align:middle;font-size:13px;margin-left:5px;  }
	label > input[type=checkbox] + span:before { position:absolute; top:50%; transform:translateY(-50%); left:0px; width:18px;height:18px; -webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border: 1px solid rgba(0,0,0,0.2); content: '';  }
	label > input[type=checkbox]:checked + span  { color:#111; -webkit-tap-highlight-color:transparent; }
	label > input[type=checkbox]:checked + span:before {  background: #fff; font-size:18px;text-align:center;line-height:18px; font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  color:#111; content: "\e928"; }
	label > input[type=checkbox]:disabled + span  { color:#f70600; -webkit-tap-highlight-color:transparent; }
	label > input[type=checkbox]:disabled + span:before {  background: #fff; font-size:18px;text-align:center;line-height:18px; font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  color:#f70600; content: "\e928"; }
	
	
	label > input[type=radio] { display:none; }
	label > input[type=radio] + span  { display:inline-block;line-height:20px;vertical-align:bottom;font-size:13px;margin-left:5px;  }
	label > input[type=radio] + span:before { position:absolute; top:0px; left:0px; width:18px;height:18px; -webkit-border-radius: 50%;-khtml-border-radius: 50%;;-moz-border-radius: 50%;;border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); content: '';  }
	label > input[type=radio]:checked + span  { color:#111; -webkit-tap-highlight-color:transparent; }
	label > input[type=radio]:checked + span:before {  background: #fff; font-size:18px;text-align:center;line-height:18px; font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#111; content: "\e928"; }
	
	.radio.flex{display:flex; flex-wrap:wrap; gap:10px 10px;}
	.radio.flex > label + label{margin-left:0px;}
	.checkbox > label > .txt{display:inline-block; font-size:13px; color:#999; width:286px; }
	.radio > label > .txt{display:inline-block; font-size:13px; color:#999; width:286px; }
	
	.checkbox > label > .txt > label{margin-right:10px; display:none;}
	.checkbox > label > input:checked + span + .txt > label{display:inline-block;}
	
	.checkbox > label + label,
	.radio > label + label{margin-left:10px;}
	
	.checkbox.vertical > label,
	.radio.vertical > label{width:100%; margin-left:0px; display:flex; align-items:center; justify-content:space-between; height:auto;}
	.checkbox.vertical > label + label,
	.radio.vertical > label + label{margin-top:10px;}
	
	.tabRadio{display:flex; align-items:center; line-height:1;}
	.tabRadio > li{line-height:1; font-size:0px;}
	.tabRadio > li + li{border-left:1px solid #fff;}
	.tabRadio > li > input[type=radio] + label{height:auto; font-size:13px; color:#fff; font-weight:bold; padding:10px; background:#ddd; line-height:1; text-align:center; width:100%;}
	.tabRadio > li > input[type=radio]:checked + label{background:#2E323B;}
	
	.tabRadio.tab5 > li{width:calc(100% / 5);}
	.tabRadio.tab6 > li{width:calc(100% / 6);}

/* - 체크박스, 라디오버튼 CSS 설정 - */

/* - 페이지 로딩 처리 - */
	body.loading:after {  font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
		content: "\f110";position:fixed;top:50%;left:50%;width:50px;height:50px;line-height:50px;font-size:44px;padding:5px;z-index:1000;margin-left:-30px;margin-top:-30px;
		-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#fff;color:#2d3845;overflow:hidden;border-radius: 50%;text-align: center;
		animation: spin 1s linear infinite;will-change: transform, opacity;
		box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
	}

	body.loading:before { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0);z-index:999;will-change: transform, opacity;content:''; }

	@keyframes spin {
	    0% { transform: rotate(0deg); }
	    100% { transform: rotate(360deg); }
	}
/* - @페이지 로딩 처리 - */

/* - JS페이징 처리 - */
	.obj_cnts_box .paging_wrap{padding-bottom:0px;} 
	.paging_wrap {position:relative; margin:0px; padding:20px 30px;margin-top:0px;background:transparent;text-align:center;font-size:0px; }
	.paging_wrap::after { clear:both;display:block;content:''; }
	.paging_wrap > a { font-family: 'Titillium';font-weight:600;display:inline-block;line-height:30px;height:30px;min-width:20px;font-size:13px;cursor:pointer;text-align:center;vertical-align:middle; margin:0px 0px;margin-left:0px;padding:0px 5px;background:#fff;border:1px solid #ccc;color:#666;margin:0px 2px; }
	.paging_wrap > a + a { margin-left:0px; }
	.paging_wrap > a.on { color:#fff;font-weight:600; background:#303d6a;border:1px solid rgba(0,0,0,0.1); }
	.paging_wrap > a.fa { font-family: 'FontAwesome';background:#fff;font-size:16px;width:30px;line-height:30px;height:30px;padding:0px; margin:0 5px;}
/* @ JS페이징 처리 - */

.mCSB_inside > .mCSB_container { margin-right:0px !important; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0,0,0,0.15) !important;}

/* @기본설정 */

.btnPopBtn{cursor:pointer;}

.wrapper { display:block;padding:0px;padding-top:70px;padding-bottom:100px;padding-left:260px;position: relative;}
.wrapper.fullPage{padding:0 !important;}
.wrapper > header {display:block;height:70px;background: #fff;position: fixed;top:0px;left:260px;right:0px;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);padding:0px 20px;z-index: 100;min-width:calc(1200px - 300px);}
.wrapper > header > button { display:inline-block;width:30px;height:30px;background:transparent;vertical-align:bottom;margin-left:0px;font-family: 'xeicon' !important;text-align:center;vertical-align: top;margin-top:20px;font-size:0px;}
.wrapper > header > button.gnb_toggle::before { content:'\eb46';display:block;line-height:30px;color:#aaa;font-size:30px; }

.wrapper > footer {display:block;height:100px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);position: absolute;bottom:0px;left:260px;right:0px;padding:0px 30px;background: #fff;}
.wrapper > footer > .info { padding:20px 0px;position: relative;}
.wrapper > footer > .info > .ci {position: absolute;top:30px;right:0px;background: url(../img/sco_bi_temp.png) transparent no-repeat center top;filter: brightness(0) invert(1);background-size:100%;width:100px;height:40px;display:block;opacity: 0.6;}
.wrapper > footer > .info > p {display:block;vertical-align: middle;line-height:20px;font-size:0px;padding:0px 0px; position: relative;}
.wrapper > footer > .info > p > span { display:inline-block;font-size:12px;color:#999;vertical-align: bottom;line-height:20px;}
.wrapper > footer > .info > p > span + span { margin-left:25px; }
.wrapper > footer > .info > p > span > b { font-weight: 400;color:#666;line-height:20px;display:inline-block;vertical-align: bottom;margin-left:5px;}
.wrapper > footer > .info > p > span > b.first {margin-left:0px;}
.wrapper > footer > .info > span {display:block;vertical-align: middle;height:13px;margin-top:7px;line-height:13px;font-size:11px;color:#999;padding:0px 0px;  }

.wrapper.min > header,
.wrapper.min > footer {left:70px; min-width:calc(1200px - 110px);}
.wrapper.min > header > button.gnb_toggle::before { content:'\eb45'; }

.wrapper > header > .profile { position:absolute;top:0px;right:20px;height:40px;line-height:40px;font-size:0px; }
.wrapper > header > .profile > a { position: relative;display:inline-block;height:40px;line-height:40px; vertical-align: middle;padding:15px 40px 15px 50px;}
.wrapper > header > .profile > a:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:15px;right:0px;display:block;color:#999;font-size:15px;height:40px;line-height:40px;z-index:1;}
.wrapper > header > .profile > a > i.thum { width:40px;height:40px;position: absolute;top:15px;left:0px;display:block;vertical-align: middle;border-radius: 50%;background-color:rgba(255,255,255,0.2);background-position: center;background-size: cover;border:1px solid rgba(255,255,255,0.5);box-sizing: border-box;}
.wrapper > header > .profile > a > b { height:24px;line-height:24px;display:block;vertical-align: middle;font-size:15px;color:#333;font-weight:500;}
.wrapper > header > .profile > a > span { height:16px;line-height:16px;display:block;vertical-align: middle;font-size:12px;color:#999;font-weight:400;}
.wrapper > header > .profile > a > em { position: absolute;top:-5px;right:5px;background:#f15c22;line-height:18px;height:18px;width:14px;padding:0px 2px;text-align:center;display:block;font-size:10px;display:block;border-radius: 11px;color:#fff;font-weight: 400;}
.wrapper > header > .profile > a > em[data-cnt='0'] { display:none; }
.wrapper > header > .profile > div { position:absolute;top:65px;right:-10px;width:280px;display:none;border:1px solid #ccc;background:#fff;border-radius: 5px;z-index: 1;}
.wrapper > header > .profile > div:after,
.wrapper > header > .profile > div:before {bottom: 100%; margin-bottom:0px; left: 220px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.wrapper > header > .profile > div:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; }
.wrapper > header > .profile > div:before { border-color:transparent; border-bottom-color: #ccc; border-width: 9px; margin-left: -9px; }
.wrapper > header > .profile > div > .user_info { position: relative;padding:25px 20px 25px 90px;height:46px; }
.wrapper > header > .profile > div > .user_info > i.thum { position:absolute;top:18px;left:18px;width:60px;height:60px;display:block;vertical-align: middle;margin-right:10px;border-radius: 50px;background-position: center;background-size: cover;border:1px solid #ddd;box-sizing: border-box;}
.wrapper > header > .profile > div > .user_info > h4 { font-size:17px;font-weight:600;line-height:26px;display:block; }
.wrapper > header > .profile > div > .user_info > h4 > a {display:inline-block;margin-left:10px;border:1px solid #ddd;background:#fafafa;border-radius: 3px;line-height:21px;vertical-align: top;font-weight:400;font-size:12px;color:#999;padding:0px 7px;margin-top:1px;}
.wrapper > header > .profile > div > .user_info > p { font-size:13px;line-height:20px;display:block;color:#999;font-weight:400; }
.wrapper > header > .profile > div > dl { display:block;font-size:0px;overflow: hidden;border-radius: 0px 0px 15px 15px;}
.wrapper > header > .profile > div > dl > dd { float:left;width:50%;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;margin-left:-1px;background:#fafafa; }

.wrapper > header > .profile > div > dl > dd > a { display:block;line-height:42px;padding:0px 0px;font-size:13px;text-align:center;color:#333; }
.wrapper > header > .profile > a.opened:after { content:"\f106"; }
.wrapper > header > .profile > a.opened + div { display:block; }

.wrapper > header > .profile.lf { right: 80px; }
.wrapper > header > .todoCheck { position: absolute; top: 18px; right: 20px; }
.wrapper > header > .todoCheck > a > i { font-size: 35px; color: #767171; }

.wrapper > header > .store { display:inline-block;vertical-align: top;margin-top:13px;margin-left:20px;}
.wrapper > header > .store > span { display:inline-block;padding:0px 0px;border:0px solid #2E323B;cursor:pointer;vertical-align: middle;width:250px;position: relative;vertical-align:top;}
.wrapper > header > .store > span > a {position: relative;padding:0px 0%;margin:0px;line-height:44px;height:44px;border:0px solid #ccc;background:rgba(0,0,0,0.1);border-radius: 3px;font-size:15px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;font-weight:700;color:#2E323B;letter-spacing:-0.7px;display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right:30px;}
.wrapper > header > .store > span > a > span{font-size:13px; font-weight:500; margin-left:5px; letter-spacing:normal;}
.wrapper > header > .store > span > a > span > b{font-weight:700;}
.wrapper > header > .store > span > a:after { font-family:FontAwesome; content:"\f107"; vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#2E323B;font-size:15px;height:44px;line-height:44px;z-index:1;}
.wrapper > header > .store > span > a.on { background:#fff;box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
.wrapper > header > .store > span > a.on:after { content:"\f106"; }
.wrapper > header > .store > span > .selList{position: absolute;display:none;top:44px;left:0px;right:0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 5px;}
/*.wrapper > header > .store > span > .selList > dl { min-width:250px;background: #fff;padding:0px; max-height:50dvh; overflow-Y: scroll;}*/
.wrapper > header > .store > span > .selList > dl { min-width:250px;background: #fff;padding:0px; max-height:400px; overflow-Y: scroll;}
.wrapper > header > .store > span > .selList > dl dd {line-height:40px;height:40px;}
.wrapper > header > .store > span > .selList > dl dd > label{display:flex; align-items:center; justify-content:space-between; height:40px;font-size:14px;font-weight:600;color:#2E323B;letter-spacing:-0.5px; padding:0 10px;}
.wrapper > header > .store > span > .selList > dl dd > label > .txt{display:inline-block; width:calc(100% - 30px); text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wrapper > header > .store > span > .selList > dl dd > label > span{position:relative; display:inline-block; width:20px; height:100%;}
.wrapper > header > .store > span > .selList > dl dd > label:hover { background: #eee;}
.wrapper > header > .store > span > .selList > dl dd + dd { border-top:1px solid #ddd;margin-top:-1px; }
.wrapper > header > .store > span > .selList > .btnWrap{display:flex; background:#fff; border-top:1px solid #ddd;}
.wrapper > header > .store > span > .selList > .btnWrap > .btn{display: inline-block; width:50%; height: 38px; text-align: center;  font-weight: 400; font-size: 13px; cursor: pointer; padding: 0px 12px;}
.wrapper > header > .store > span > .selList > .btnWrap > .btn.bgMain{background:#2E323B; color:#fff;}
.wrapper > header > .store > span > .selList > .btnWrap > .btn.bgGray{background: #aaa; color:#fff;}

.wrapper > header > .store > span > a.on + .selList { display:block; }

.wrapper > aside.gnb { position:fixed;overflow: hidden;overflow-y: auto;bottom:0px;left:0px;top:0px;display: block;z-index:7;width:260px;background: #2E323B;background: url(../img/bg.jpg?1) transparent no-repeat center center;background-size: cover;z-index: 90;}
.wrapper > aside.gnb::before { content:'';display:block;position: absolute;top:0px;bottom:0px;left:0px;right:0px;background: rgba(64,77,94,0.8);}
.wrapper > aside.gnb hgroup { display:block;padding:0px;position: relative;box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.wrapper > aside.gnb hgroup > h1 { position: relative;display:block;height: 50px;padding:10px 20px;}
.wrapper > aside.gnb hgroup > h1 > a { display:block;height:100%;background: url(../img/sco_top_bi_temp.svg) transparent no-repeat center left;background-size:70%;;;font-size:0px;filter: brightness(0) invert(1);opacity: 0.7;}

.wrapper > aside.gnb nav { display:block;height:calc(100% - 70px);user-select: none;}
.wrapper > aside.gnb nav ul {display:block; margin:0px;padding:0px;clear:both;margin-top:0px;border-top:0px solid #eee;padding:0px 0px;}
.wrapper > aside.gnb nav ul li { display:block;text-align:left;margin-top:0px;cursor:default; padding:0px 0px;position: relative;}
.wrapper > aside.gnb nav ul li > a { position: relative;display:block;font-size:15px;height:48px;line-height:48px;padding:0px 20px;color:rgba(255,255,255,0.7);font-weight:400;text-shadow: 0px 0px 5px rgba(0,0,0,0.2);font-weight: 600;}
.wrapper > aside.gnb nav ul li > a:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:15px;display:block;color:rgba(255,255,255,0.25);font-size:14px;width:20px;height:48px;line-height:48px;z-index:1;text-align:center;}
.wrapper > aside.gnb nav ul li > a.dir:after { display:none; }
.wrapper > aside.gnb nav ul li > a > i { display:inline-block;line-height: 48px;height:48px;width:25px;color:rgba(255,255,255,0.3);vertical-align: bottom;margin-right:8px;text-align: center;font-size:22px;font-weight: 200;}
.wrapper > aside.gnb nav ul li > dl { display:none;padding:0px 0px 10px 38px;margin-bottom:10px;position: relative;}
.wrapper > aside.gnb nav ul li > a:hover { color:#fff; }
.wrapper > aside.gnb nav ul li > a:hover > i { color:#fff; }
.wrapper > aside.gnb nav ul li > a:hover::before { content: '';display:block;position: absolute;top:15px;bottom:15px;left:0px;width:3px;background: #26B7BC;}
.wrapper > aside.gnb nav ul li > a.on { color:#fff;background: rgba(0,0,0,0.1);}
.wrapper > aside.gnb nav ul li > a.on > i { color:#26B7BC; }
.wrapper > aside.gnb nav ul li > a.on + dl { display:block;background: rgba(0,0,0,0.1); }
.wrapper > aside.gnb nav ul li > a.on + dl::after { content: '';display:block;position: absolute;top:0px;bottom:0px;left:0px;width:3px;background: #26B7BC;}
.wrapper > aside.gnb nav ul li > a.on:after { content:"\f106"; }
.wrapper > aside.gnb nav ul li > a.on::before { content: '';display:block;position: absolute;top:0px;bottom:0px;left:0px;width:3px;background: #26B7BC;}
.wrapper > aside.gnb nav ul li > dl dd {display:block;text-align:left;margin-top:0px;cursor:default; padding:0px 0px 0px 0px; position: relative;}
.wrapper > aside.gnb nav ul li > dl dd.subs + dd.subs { margin-top:10px; }
.wrapper > aside.gnb nav ul li > dl dd > a { position: relative;display:block;line-height:36px;height:36px;font-size:14px;margin:0px 0px;color:rgba(255,255,255,0.7);font-weight:400;text-shadow: 0px 0px 5px rgba(0,0,0,0.2);padding-left:15px;border-radius: 3px 0px 0px 3px;overflow: hidden;}
.wrapper > aside.gnb nav ul li > dl dd > a:hover { background-color:#26B7BC;color:#2E323B;font-weight: 600;text-shadow: 0px 0px 0px rgba(0,0,0,0);}
.wrapper > aside.gnb nav ul li > dl dd > a.on { color:#26B7BC;text-decoration: underline; }
.wrapper > aside.gnb nav ul li > dl dd > a.on:hover { color:#2E323B;text-decoration: underline; }
.wrapper > aside.gnb nav ul li > dl dd > a.on::before { position: absolute;top:50%;margin-top:-3px;left:-3px;background: #26B7BC;width:10px;height:6px;content: '';border-radius: 3px;}
.wrapper > aside.gnb nav ul li > dl dd > a.on:hover::before { background: #2E323B; }
.wrapper > aside.gnb nav ul li > dl dd > a > em {position:absolute;top:12px;right:0px;display: block; background: #ff5f56; color: #fff; font-size: 14px; line-height:30px; height:30px; min-width:16px; border-radius: 0px; padding:0px 7px; font-weight: 800;opacity:1;text-align:center;border-radius: 20px;}
.wrapper > aside.gnb nav ul li > dl dd > a > em[data-cnt='0'] { display:none; }
.wrapper > aside.gnb nav ul li > dl dd > a > em::before { content:attr(data-cnt); }

.wrapper.min { padding-left:70px;}
.wrapper.min > aside.gnb { width:70px;overflow: visible;}
.wrapper.min > aside.gnb hgroup > h1 { padding:10px 5px;}
.wrapper.min > aside.gnb nav ul li { padding:1px 10px; }
.wrapper.min > aside.gnb nav ul li > a { font-size:0px;height:48px;line-height:48px;padding:0px 0px;}
.wrapper.min > aside.gnb nav ul li > a:after { display:none; }
.wrapper.min > aside.gnb nav ul li > a > i { display:block;line-height: 48px;height:48px;width:48px;margin-right:0px;font-size:24px;border-radius: 3px;}
.wrapper.min > aside.gnb nav ul li > a:hover > i { color:#2E323B; background: #ddd;}
.wrapper.min > aside.gnb nav ul li > a.on { color:#26B7BC; }
.wrapper.min > aside.gnb nav ul li > a.on > i { color:#2E323B; background: #26B7BC;}
.wrapper.min > aside.gnb nav ul li > a.on::before { display:none; }
.wrapper.min > aside.gnb nav ul li > dl { position: absolute;background: #2E323B;top:0px;left:70px;padding:7px 10px;width:180px;border-radius: 3px;}
.wrapper.min > aside.gnb nav ul li > a.on + dl {background: #2E323B;display: none;}
.wrapper.min > aside.gnb nav ul li > dl:before {right: 100%; margin-right:0px; top: 0px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color:transparent; border-right-color: #2E323B; border-width: 6px; margin-top: 20px; }
.wrapper.min > aside.gnb nav ul li:hover > dl {background: #2E323B;display: block !important;}

.wrapper.min > aside.gnb nav ul li > dl dd > a { color:#fff;font-weight: 400;text-shadow: 0px 0px 0px rgba(0,0,0,0.0);border-radius: 3px !important;}
.wrapper.min > aside.gnb nav ul li > dl dd > a.on { color:#26B7BC;text-decoration: underline; }
.wrapper.min > aside.gnb nav ul li > dl dd > a:hover { color:#fff;background: rgba(0,0,0,0.2);}
.wrapper.min > aside.gnb nav ul li > a:hover::before { display:none; }
.wrapper.min > aside.gnb nav ul li > a.on + dl::after { display:none; }

.wrapper.login > section { height:calc(100vh - 230px);min-height:600px;padding:30px 50px; }
/*.wrapper > section { min-height:calc(100vh - 230px);padding:30px 50px;container-name:section-container; container-type:inline-size; }*/
.wrapper > section { min-height:calc(100vh - 0px);padding:30px 50px;container-name:section-container; container-type:inline-size; }
.wrapper > section > hgroup { display:block;padding:10px 0px;margin-bottom:0px;position: relative;height:56px;}
.wrapper > section > hgroup > h2 { display:block;font-size:28px;height:34px;line-height:34px;color:#111;vertical-align: bottom;font-weight: 500;letter-spacing: -1px;font-family: GmarketSans;}
.wrapper > section > hgroup > h2 > a { display:inline-block;border:2px solid #999;background:#fff;color:#999;line-height:30px;height:30px;vertical-align: top;position: relative;top:auto;margin-left:20px;font-size:14px;padding:0px 10px;letter-spacing: 0px;font-weight:500;border-radius: 5px;text-align:center; }
.wrapper > section > hgroup > h2 > a::before { content: "\e986";font-family: 'xeicon' !important;font-size:16px;line-height:30px;height:30px;vertical-align: top; }
.wrapper > section > hgroup > h2 > a:hover { background:#999;color:#fff; }
.wrapper > section > hgroup > h2 > a:active { background:#666;border:2px solid #666;color:#fff; }
.wrapper > section > hgroup > p { display:block;font-size:0px;height:20px;padding:0px 0px 0px 0px;color:#fff;vertical-align: bottom;margin-bottom:2px;}
.wrapper > section > hgroup > p > span {display:inline-block;font-size:13px;line-height:20px;height: 20px;font-weight:400;vertical-align: middle;color:#999;padding-left:20px;position: relative;}
.wrapper > section > hgroup > p > span::before { position: absolute;left:0px;left:0px;font-family: 'xeicon' !important; display: block; text-align:left;speak: none; text-transform: none; width:20px; line-height: 20px;height: 20px; font-size:14px !important; content: "\e93f"; text-align: center; color:#aaa;}
.wrapper > section > hgroup > p > i {display:inline-block;font-size:14px;line-height:20px;height: 20px;font-weight:400;vertical-align: middle;color:#aaa;position: relative;}
.wrapper > section > hgroup > p > i::before { font-family: 'xeicon' !important;content:'\e900';width:14px;text-align:center; }
.wrapper > section > hgroup > .grid { position: absolute;top:15px;right:0px;padding:0px 0px;font-size:0px;border-radius: 5px;overflow: hidden;display:block;}
.wrapper > section > hgroup > .grid > label { display:inline-block;width:50px;height:46px;vertical-align: bottom;padding:0px;}
.wrapper > section > hgroup > .grid > label > input[type=radio] + span  { display:block;width:50px;height:46px;line-height:46px;vertical-align:bottom;font-size:13px;margin-left:0px;font-family: 'xeicon' !important;  }
.wrapper > section > hgroup > .grid > label > input[type=radio] + span:before { position:absolute; top:0px; left:0px; font-size:36px;width:50px;height:46px;border-radius: 0px; border: 0px solid rgba(0,0,0,0.2); content: "\e985"; background:transparent;text-align:center;color:#bbb;background: #ddd; }
.wrapper > section > hgroup > .grid > label > input[type=radio]:checked + span:before {  background: #26B7BC; font-size:36px;line-height:46px;  content: "\e985";color:#fff; }
.wrapper > section > hgroup > .grid > label + label { margin-left:1px; }
.wrapper > section > hgroup > .grid > label > input[type=radio][value=list] + span:before { content: "\e997"; }
.wrapper > section > hgroup > .grid > label > input[type=radio][value=list]:checked + span:before { content: "\e997"; }

.wrapper > section > hgroup > p.privacy-warning { display: block; height: 45px; line-height: 14px; position: absolute; top: 8px; right: 170px; left: 200px; font-size: 12px; font-weight: 400; color: #ff0000; }

/* 포틀릿페이지 등원통계 CSS 추가 */
.wrapper > section > hgroup > .todayStatus {float: right; position: absolute; right: 0px; top:0px; width: 160px;}
.wrapper > section > hgroup > .todayStatus p.s {font-size: 13px; font-weight: 700; display: flex; justify-content: space-between;}
.wrapper > section > hgroup > .todayStatus p.c {font-size: 12px; color: #999; display: flex; justify-content: space-between;}

.wrapper > section > .topper { display:block;padding:10px 0px;margin-top:0px;font-size:0px;position: relative;}
article > .topper { display:block;padding:10px 0px;margin-top:0px;font-size:0px;position: relative;}

.topper > p { display:inline-block;line-height:20px;font-size:0px;padding:10px 0px;vertical-align: top; }
.topper > p.hide { display:none; }
.topper > p > span { display:inline-block;line-height:20px;font-size:13px;position: relative;color:#666;vertical-align: top;}
.topper > p > span > b { font-weight:500;color:#333; }
.topper > p > span + span { margin-left:31px; }
.topper > p > span + span::before { position: absolute;top:5px;left:-16px;width:1px;height:12px;background: #ccc;content: '';display:block;}

.topper > .search { display:inline-block;line-height:40px; white-space:nowrap;font-size:0px;padding:0px;vertical-align: top;margin-right:20px;position: relative;}
.topper > .search  span { display:inline-block;padding:0px 0px;border:2px solid #ddd;background:#fff;font-size:13px; overflow: hidden;vertical-align: top;border-radius: 5px;position: relative;}
.topper > .search  span.focus_line { border:2px solid #2E323B; }
.topper > .search  span.s70 { width:70px; }
.topper > .search  span.s80 { width:80px; }
.topper > .search  span.s90 { width:90px; }
.topper > .search  span.s100 { width:100px; }
.topper > .search  span.s110 { width:110px; }
.topper > .search  span.s120 { width:120px; }
.topper > .search  span.s130 { width:130px; }
.topper > .search  span.s140 { width:140px; }
.topper > .search  span.s150 { width:150px; }
.topper > .search  span.s160 { width:160px; }
.topper > .search  span.s170 { width:170px; }
.topper > .search  span.s180 { width:180px; }
.topper > .search  span.s190 { width:190px; }
.topper > .search  span.s200 { width:200px; }
.topper > .search  span.s250 { width:250px; }
.topper > .search  span.s300 { width:300px; }
.topper > .search  span.select { position:relative;padding:0px 0px;cursor:pointer;}
.topper > .search  span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:36px;height:36px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;display:block;}
.topper > .search  span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:36px;line-height:36px;z-index:1;}
.topper > .search  span.select.focus_line:after { color:#2E323B; }
.topper > .search  span input[type=text] {display:block;width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:400; box-sizing: border-box;}
.topper > .search  span input[type=text][data-field=readonly] { background:rgba(233,86,83,0.1);font-weight:400; }
.topper > .search  span input[type=text] {width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
.topper > .search  span input[type=text].uppercase { text-transform: uppercase; }
.topper > .search  span.label {position:relative; padding:0px 40px 0px 0px;}
.topper > .search  span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:36px;line-height:36px;z-index:1;padding-left:5px;}
.topper > .search  span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
.topper > .search  span.label.pre {position:relative; padding:0px 40px 0px 50px;}
.topper > .search  span.label.pre.right > input {text-align:right;}
.topper > .search  span.label.pre.triple { padding:0px 40px 0px 45px; }
.topper > .search  span.date {position:relative; padding:0px 40px 0px 0px;}
.topper > .search  span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:0;}
.topper > .search  span + span { margin-left:3px; }
.topper > .search  span + label { margin-left:10px; }

.topper > .search  button { display:inline-block;line-height:36px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 12px;min-width:40px;color:#fff;cursor:pointer; font-weight:400;border-radius: 5px; background:#bbb;border: 1px solid rgba(0,0,0,0.1); vertical-align: middle;}
.topper > .search  button > i { display:inline-block;margin-right:5px;vertical-align: bottom;line-height:36px;text-align:left;font-size:15px;}

.topper > .search  span.btn > button { position: absolute;top:0px;right:0px;display:block;line-height:36px;height:36px;border:0px;font-size:18px;width:36px;color:#999;cursor:pointer;background:transparent; vertical-align: middle;}
.topper > .search  span.btn > button > i { display:block;line-height:36px;height:36px;border:0px;font-size:18px;width:36px; }

.topper > .search  span.btn > button.btn_search_reset{right:25px;}

.topper > .search  span + button { margin-left:-10px; }
.topper > .search  button + button { margin-left:5px; }
.topper > .search  button.focus { background: #2E323B; }
.topper > .search  button:active { background: #2E323B; }
.topper > .search  button.line { background:#fff;border:1px solid #ccc;color:#fff; position: absolute;top:10px;right:75px;width:20px;height:20px;line-height:20px;font-size:0px;background:#bbb;border-radius: 50%;padding:0px;border: 0px;min-width: auto;}
.topper > .search  button.line::before {font-family : 'xeicon' !important;content: "\e922";font-size:16px;}

.topper > .search  button.init { display:none; }
.topper > .search  button.gray { background:#bbb; }
.topper > .search  button.red { background:#ec635d; }
.topper > .search  button.continue { padding:0px 30px; }

.topper > .obj_tot_status + label{margin-left:20px; position:absolute; top:50%; transform:translateY(-50%);}

.topper  .sort { position: absolute;top:10px;right:0px;line-height:40px;font-size:0px;}
.topper  .sort > a { display:inline-block;font-size:14px;padding:0px;line-height:40px; color:#999;position: relative;vertical-align: top;}
.topper  .sort > a.on { font-weight: 800;color:#111;}
.topper  .sort > a + a { margin-left:22px; }
.topper  .sort > a + a::before { position: absolute;top:18px;left:-13px;width:4px;height:4px;border-radius: 50%;content: '';display:block;background: #bbb;}

.topper > .btns { dispaly:inline-block;float:right; }
.topper > .btns > a { position:relative;display:inline-block;margin:0px 0px;height:38px;line-height:38px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 12px; border-radius: 5px;}
.topper > .btns > a > i { display:inline-block;height:38px;line-height:38px;vertical-align: bottom;margin-right:5px;}
.topper > .btns > a + a { margin-left:2px; }
.topper > .btns > a dl { display:none;position:absolute;top:36px;left:-1px;right:-1px;background:#f58621;border:1px solid rgba(0,0,0,0.2); border-top:0px solid #999;z-index: 2;}
.topper > .btns > a dl dd { color:#fff;height:30px;line-height:30px;background:#f58621;border-top:1px solid rgba(0,0,0,0.2);font-size:12px;}
.topper > .btns > a:hover dl { display:block; }
.topper > .btns > a.blue_bg { background:#4573f2;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.topper > .btns > a.red_bg { background:#ec5051;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.topper > .btns > a.green_bg { background:#217346;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.topper > .btns > a.black_bg { background:#2E323B;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.topper > .btns > a.gray_bg { background:#aaa;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.topper > .btns > a.red_bg > i { font-size:18px; }


.topper > .btns > span { position:relative; display:inline-block; margin:0px 0px; height:38px; line-height:38px; width:auto; color:#666; font-weight:400; vertical-align: middle;font-size:13px;background:#fff; cursor:pointer; border:1px solid #ddd;padding:0px 12px; border-radius: 5px;}
.topper > .btns > span.s200 {width: 200px;}
.topper > .btns > span.select {position: relative; padding: 0px 0px; cursor: pointer; margin-right: 10px;}

.topper > .btns > span.select select {position: relative; padding: 0px 0%; margin: 0px; width: 98%; appearance: auto; line-height: 36px; height: 36px;border: 0px solid #ccc; background: transparent; font-size: 13px; vertical-align: middle; padding-left: 5px; z-index: 2; outline: none; display: block;}

.topper > .btns > b {margin: 0 5px; height: 40px; line-height: 40px;}

.topper > label.compactLabel { position: absolute; top: 10px; right: 400px; }
.topper > label.compactLabel > span { color: #111; }

.topper > .manageDp { position: absolute; top: 0px; right: 0px; line-height: 25px; padding: 7px 20px; background: #002060; cursor: pointer; }
.topper > .manageDp > a { color: #fff; }

ul.tab { display: block;font-size: 0;margin-top:10px;overflow: hidden;margin-left:-2px;user-select: none;}
ul.tab > li { display: inline-block;font-size: 15px;width: calc(100% / 4 - 2px);text-align: center;height: 50px;line-height: 50px;background: #ddd;margin-left:2px; }
ul.tab > li.on { background: #2E323B; }
ul.tab > li > a { display: block;color: #999;position:relative;}
ul.tab > li.on > a { color: #fff; font-weight: 700;}
ul.tab > li > a > em {margin-left:7px;height:50px;line-height: 50px;display:inline-block;font-size:14px;color:#999;font-weight: 800;vertical-align: bottom;}
ul.tab > li > a > em::before { content:attr(data-cnt); }
ul.tab > li > a > em[data-cnt='0'] { display:none; }
ul.tab > li.on > a > em { color:#fff;font-weight: 700;}

ul.tab.inner { margin-top:0px;}
ul.tab.inner > li { width: calc(100% / 2 - 2px);height: 44px;line-height: 44px;position: relative;}
ul.tab.inner > li > a > em {position: absolute;top:3px;right:3px;height:20px;line-height: 20px;display:block;font-size:12px;color:#fff;background: #999;font-weight: 800;vertical-align: bottom;text-align: center;min-width:16px;border-radius: 0px;padding:0px 2px;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
ul.tab.inner > li > a > em::before { content:attr(data-cnt); }
ul.tab.inner > li > a > em[data-cnt='0'] { display:none; }
ul.tab.inner > li.on > a > em { color:#fff;font-weight: 700;}

ul.tab.inner > li > a.y > em { background: #ffcb2a;}
ul.tab.inner > li > a.r > em { background: #fa3457;}

ul.tab.basiccode{margin-top:5px; margin-bottom:15px;}
ul.tab.basiccode > li{width:calc(100% / 4 - 2px);}

/*------------------------*/
@keyframes blink {
  0% { opacity: 0.9; transform:translate(-50%, -50%) scale(0.8); }
  50% { opacity: 0.7; transform:translate(-50%, -50%) scale(1.2); }
  100% { opacity: 0.9; transform:translate(-50%, -50%) scale(0.8); }
}

.portlet_wrap {display:block;margin-top:10px; /*margin-right:-15px;*/}
.portlet_wrap > ul {display:block;margin-left:-15px;font-size:0px; }
.portlet_wrap > ul{margin-left:0px; display:flex; justify-content: flex-start; gap:15px; flex-wrap: wrap;}
.portlet_wrap > ul > li {margin-left:0px; margin-bottom:0px; display:inline-block;width:calc((100% / 5) - 12px); vertical-align:top;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);position: relative;overflow: hidden;}
.portlet_wrap > ul > li > .btns > dl{right:0px;}
.portlet_wrap > ul > li > .btns > .report + dl:after, .portlet_wrap > ul > li > .btns > .report + dl:before{right:34px;}
.portlet_wrap > ul > li > .btns > .config + dl:after, .portlet_wrap > ul > li > .btns > .config + dl:before{right:6px;}

.portlet_wrap > ul > li.o1{order:-1 !important;}
/* 가맹타입별 분기화 처리 */
.portlet_wrap > ul.viewType2 .layer{display:none !important;}
.portlet_wrap > ul.viewType3 .layer{display:none !important;}
.portlet_wrap > ul.viewType3 .thumb{visibility: hidden; height: 30px;} 
.portlet_wrap > ul.viewType3 .btns > a::before{text-shadow:none; color:rgba(0,0,0,0.15);}
.portlet_wrap > ul.viewType3 .cards{top:-20px !important; right: 100px !important; }


@container section-container (max-width: 1450px) { .portlet_wrap > ul > li { width:calc((100% / 4) - 11.5px); } }

.portlet_wrap > ul > .notdata{display:flex; flex-direction:column; width:100%; text-align:center; padding-top: 150px;}
.portlet_wrap > ul > .notdata > i{font-size:180px; color:#ccc;}
.portlet_wrap > ul > .notdata > .txt{font-size:21px; font-weight:600; color: #bbb;}
/*보강*/
.portlet_wrap > ul > li > .labels.supple { width:60px;font-size:0px;padding-left:33px;width:54px; }
.portlet_wrap > ul > li > .labels.supple::before { content: '보강'; display:inline-block;line-height:22px;height:22px;position: absolute;top:3px;left:3px;font-size:11px;background: rgba(0,0,0,0.4);color:#fff;width:30px;text-align: center;}
/*@보강*/
.portlet_wrap > ul > li > .labels { position: absolute;top:10px;left:10px;display:block;text-align: center;padding:0px;background: #999;z-index: 12;box-shadow: 0px 0px 4px rgba(0,0,0,0.2);width:60px;}
.portlet_wrap > ul > li > .labels > p { font-size:13px;font-weight: 700;color:rgba(255,255,255,1);line-height: 28px;text-shadow: 0px 0px 3px rgba(0,0,0,0.4);}
.portlet_wrap > ul > li > .labels > b { display:block;padding:2px 4px;margin-top:5px;background: #fff;font-size:11px;font-weight: 600;color:rgba(0,0,0,0.6);line-height: 13px;border:1px solid rgba(255,255,255,0.8);}
.portlet_wrap > ul > li > .labels > dl { display:none !important;background: rgba(0,0,0,0.1);}
.portlet_wrap > ul > li > .labels > dl > dd {display: block;font-size:12px;font-weight: 400;color:rgba(255,255,255,1);line-height: 28px;text-shadow: 0px 0px 3px rgba(0,0,0,0.4);overflow: hidden;position: relative;border-top: 1px solid rgba(255,255,255,0.3);}

.portlet_wrap > ul > li > .labels.red { background: #fa3457; }
.portlet_wrap > ul > li > .labels.blue { background: #00ccff; }
.portlet_wrap > ul > li > .labels.yellow { background: #ffcb2a; }
.portlet_wrap > ul > li > .labels.green { background: #01ef99; }
.portlet_wrap > ul > li > .labels.purple { background: #a04dff; }
.portlet_wrap > ul > li > .labels.orange { background: #fe7c1c; }

.portlet_wrap > ul > li > .labels[data-type=c0] { background: #fa3457; }
.portlet_wrap > ul > li > .labels[data-type=c0] > p::before { content:'지각'; }
.portlet_wrap > ul > li > .labels[data-type=c0] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c1] { background: #00ccff; }
.portlet_wrap > ul > li > .labels[data-type=c1] > p::before { content:'계획수정'; }
.portlet_wrap > ul > li > .labels[data-type=c1] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c2] { background: #a04dff; }
.portlet_wrap > ul > li > .labels[data-type=c2] > p::before { content:'외출중'; }
.portlet_wrap > ul > li > .labels[data-type=c2] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c3] { background: #00d98b; }
.portlet_wrap > ul > li > .labels[data-type=c3] > p::before { content:'학습중'; }
.portlet_wrap > ul > li > .labels[data-type=c3] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c4] { background: #bbb; }
.portlet_wrap > ul > li > .labels[data-type=c4] > p::before { content:'하원'; }
.portlet_wrap > ul > li > .labels[data-type=c4] > dl { display:none !important; }
.portlet_wrap > ul > li:has(.labels[data-type=c4])::after {background: linear-gradient(to bottom, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.6)); position: absolute; content: '';display: block;top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: 11;}


.portlet_wrap > ul > li > .labels[data-type=c5] { background: #666; }
.portlet_wrap > ul > li > .labels[data-type=c5] > p::before { content:'등원대기'; }
.portlet_wrap > ul > li > .labels[data-type=c5] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c6] { background: #fe7c1c; }
.portlet_wrap > ul > li > .labels[data-type=c6] > p::before { content:'수면중'; }
.portlet_wrap > ul > li > .labels[data-type=c6] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c7] { background: #fa3457; }
.portlet_wrap > ul > li > .labels[data-type=c7] > p::before { content:'외출지각'; }
.portlet_wrap > ul > li > .labels[data-type=c7] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c8] { background: #757bf6;cursor: pointer; }
.portlet_wrap > ul > li > .labels[data-type=c8] > p::before { content:'관리보류'; }
.portlet_wrap > ul > li > .labels[data-type=c8] > p::after { position: absolute;top:6px;right:-20px;font-family:FontAwesome; content:"\f107";vertical-align: middle;display:inline-block;color:#fff;font-size:12px;background: #757bf6;border-radius: 50%;height:16px;line-height:16px;width:16px;vertical-align: bottom;margin-left:4px;}
.portlet_wrap > ul > li > .labels[data-type=c8] > dl { display:none; }
.portlet_wrap > ul > li > .labels[data-type=c8] > p.opened + dl { display:block !important; }
.portlet_wrap > ul > li > .labels[data-type=c8] > p.opened:after { content:"\f106"; }

.portlet_wrap > ul > li > .labels[data-type=c9] { background: #757bf6;cursor: pointer;}
.portlet_wrap > ul > li > .labels[data-type=c9] > p::before { content:'결석예정'; }
.portlet_wrap > ul > li > .labels[data-type=c9] > p::after { position: absolute;top:6px;right:-20px;font-family:FontAwesome; content:"\f107";vertical-align: middle;display:inline-block;color:#fff;font-size:12px;background: #757bf6;border-radius: 50%;height:16px;line-height:16px;width:16px;vertical-align: bottom;margin-left:4px;}
.portlet_wrap > ul > li > .labels[data-type=c9] > dl { display:none; }
.portlet_wrap > ul > li > .labels[data-type=c9] > p.opened + dl { display:block !important; }
.portlet_wrap > ul > li > .labels[data-type=c9] > p.opened:after { content:"\f106"; }

.portlet_wrap > ul > li > .labels[data-type=c10] { background: #828282; }
.portlet_wrap > ul > li > .labels[data-type=c10] > p::before { content:'무단결석'; }
.portlet_wrap > ul > li > .labels[data-type=c10] > dl { display:none !important; }
.portlet_wrap > ul > li:has(.labels[data-type=c10])::after {background: linear-gradient(to bottom, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.6)); position: absolute; content: '';display: block;top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: 11;}


.portlet_wrap > ul > li > .labels[data-type=c11] { background: #00ccff; }
.portlet_wrap > ul > li > .labels[data-type=c11] > p::before { content:'일시정지'; }
.portlet_wrap > ul > li > .labels[data-type=c11] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c12] { background: #757bf6; }
.portlet_wrap > ul > li > .labels[data-type=c12] > p::before { content:'등원예정'; }
.portlet_wrap > ul > li > .labels[data-type=c12] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c13] { background: #ffcb2a; }
.portlet_wrap > ul > li > .labels[data-type=c13] > p::before { content:'쉬는시간'; }
.portlet_wrap > ul > li > .labels[data-type=c13] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c14] { background: #ffcb2a; }
.portlet_wrap > ul > li > .labels[data-type=c14] > p::before { content:'지각'; }
.portlet_wrap > ul > li > .labels[data-type=c14] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c15] { background: #b98e2c; }
.portlet_wrap > ul > li > .labels[data-type=c15] > p::before { content:'수업중'; }
.portlet_wrap > ul > li > .labels[data-type=c15] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels[data-type=c16] { background: #b98e2c; }
.portlet_wrap > ul > li > .labels[data-type=c16] > p::before { content:'수업지각'; }
.portlet_wrap > ul > li > .labels[data-type=c16] > dl { display:none !important; }

.portlet_wrap > ul > li > .labels > b.c1 { background: #01ef99; }
.portlet_wrap > ul > li > .labels > b.c1::before { content:'안정'; }
.portlet_wrap > ul > li > .labels > b.c2 { background: #00ccff; }
.portlet_wrap > ul > li > .labels > b.c2::before { content:'관심'; }
.portlet_wrap > ul > li > .labels > b.c3 { background: #ffcb2a; }
.portlet_wrap > ul > li > .labels > b.c3::before { content:'주의'; }
.portlet_wrap > ul > li > .labels > b.c4 { background: #fe7c1c; }
.portlet_wrap > ul > li > .labels > b.c4::before { content:'경계'; }
.portlet_wrap > ul > li > .labels > b.c5 { background: #fa3457; }
.portlet_wrap > ul > li > .labels > b.c5::before { content:'긴급'; }

.portlet_wrap > ul > li > .btns { position: absolute;top:10px;right:10px;display:block;text-align: center;padding:0px;font-size:0px;z-index: 12;}
.portlet_wrap > ul > li > .btns > a { font-family : 'xeicon' !important;content: "\e922";line-height: 28px;height: 28px;width:28px;display:inline-block;vertical-align: top;text-shadow: 0px 0px 5px rgba(0,0,0,0.2);position: relative;}
.portlet_wrap > ul > li > .btns > a + a { margin-left:2px; }
.portlet_wrap > ul > li > .btns > a::before { font-size:22px;color:rgba(255,255,255,0.8);line-height: 28px;height: 28px;width:28px;display:block; }
.portlet_wrap > ul > li > .btns > a.chat::before { content: "\ea14"; }
.portlet_wrap > ul > li > .btns > a.chat > em {display:block;font-size:11px;color:#fff;font-weight: 800;position: absolute;top:-5px;right:-5px;background: #f15c22;line-height:18px;min-width:12px;padding:0px 3px;border-radius: 9px;}
.portlet_wrap > ul > li > .btns > a.chat > em::before { content:attr(data-cnt); }
.portlet_wrap > ul > li > .btns > a.chat > em[data-cnt='0'] { display:none; }

.portlet_wrap > ul > li > .btns > a.report::before { content: "\eb1e"; }
.portlet_wrap > ul > li > .btns > a.report > em {display:block;font-size:11px;color:#fff;font-weight: 800;position: absolute;top:-5px;right:-5px;background: #f15c22;line-height:18px;min-width:12px;padding:0px 3px;border-radius: 9px;}
.portlet_wrap > ul > li > .btns > a.report > em::before { content:'N'; }
.portlet_wrap > ul > li > .btns > a.report > em[data-cnt='0'] { display:none; }

.portlet_wrap > ul > li > .btns > a.config::before { content: "\e986"; }
.portlet_wrap > ul > li > .btns > dl {position: absolute;top:35px; display:none; background:#2E323B; border:0px solid #ccc; padding:5px 10px;width:110px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.portlet_wrap > ul > li > .btns > dl:after,
.portlet_wrap > ul > li > .btns > dl:before {bottom: 100%; margin-bottom:0px; right: 19px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #2E323B; border-width: 8px; margin-left: -8px;}
.portlet_wrap > ul > li > .btns > dl > dd { display:block; }
.portlet_wrap > ul > li > .btns > dl > dd + dd { border-top: 1px solid rgba(255,255,255,0.2); }
.portlet_wrap > ul > li > .btns > dl > dd > a { display:block;line-height:28px;padding:0px;text-align: center;font-size:12px;color:#fff;}
.portlet_wrap > ul > li > .btns > a.report.opened { color:#2E323B; }
.portlet_wrap > ul > li > .btns > a.report.opened + dl { display: block;}
.portlet_wrap > ul > li > .btns > a.config.opened { color:#2E323B; }
.portlet_wrap > ul > li > .btns > a.config.opened + dl { display: block;}


.portlet_wrap > ul > li > .btns > b { display:inline-block;background: #fff;text-shadow: 0px 0px 2px rgba(255,255,255,0.4);font-size:11px;font-weight: 800;color:rgba(0,0,0,0.7);line-height: 28px;height: 28px;width:28px;text-align: center;vertical-align: top;margin-left:5px;border-radius: 50%;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.portlet_wrap > ul > li > .btns > b.c1 { background: #01ef99; }
.portlet_wrap > ul > li > .btns > b.c1::before { content:'안정'; }
.portlet_wrap > ul > li > .btns > b.c2 { background: #00ccff; }
.portlet_wrap > ul > li > .btns > b.c2::before { content:'관심'; }
.portlet_wrap > ul > li > .btns > b.c3 { background: #ffcb2a; }
.portlet_wrap > ul > li > .btns > b.c3::before { content:'주의'; }
.portlet_wrap > ul > li > .btns > b.c4 { background: #fe7c1c; }
.portlet_wrap > ul > li > .btns > b.c4::before { content:'경계'; }
.portlet_wrap > ul > li > .btns > b.c5 { background: #fa3457; }
.portlet_wrap > ul > li > .btns > b.c5::before { content:'긴급'; }

/* 포틀릿 화면의 외출사유 CSS */
.portlet_wrap > ul > li > .txtbox {display: block; position: absolute; top:40px; left:10px; text-align:left; z-index: 12; display:none;}
.portlet_wrap > ul > li > .txtbox.on {display: block; position: absolute; top:40px; left:10px; text-align:left; z-index: 12;}
.portlet_wrap > ul > li > .txtbox > p {font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, 1); text-shadow: 0px 0px 3px rgba(0,0,0,0.4);}


.portlet_wrap > ul > li > .layer { position: absolute;top:0px;left:0px;right:0px;bottom:0px;z-index: 11;display:none; }
.portlet_wrap > ul > li > .layer.noti { display:block; }
.portlet_wrap > ul > li > .layer.noti::after { position: absolute;content: '';display:block;top:0px;left:0px;right:0px;bottom:0px;z-index: 11; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.6));}
.portlet_wrap > ul > li > .layer.noti[data-call="0"]::after { background: linear-gradient(to bottom, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.6)); }

.portlet_wrap > ul > li > .layer[data-noti=sleep][data-layout=main]::after { border: 5px solid rgba(254,124,28,1);}
.portlet_wrap > ul > li > .layer[data-noti=away][data-layout=main]::after { border: 5px solid rgba(160,77,255,1);}
.portlet_wrap > ul > li > .layer[data-noti=late][data-layout=main]::after { border: 5px solid rgba(250,52,87,1);}
.portlet_wrap > ul > li > .layer[data-noti=restlate][data-layout=main]::after { border: 5px solid rgba(255,203,42,1);}
.portlet_wrap > ul > li > .layer[data-noti=wakeup][data-layout=sleepmain]::after { border: 5px solid rgba(0,217,139,1);}
.portlet_wrap > ul > li > .layer[data-noti=lecturelate][data-layout=main]::after { border: 5px solid rgba(185,142,44,1);}

.portlet_wrap > ul > li > .layer > .layout { display:none;height:100%; }
.portlet_wrap > ul > li > .layer[data-layout=main] > .main { display:block; }
.portlet_wrap > ul > li > .layer[data-layout=call] > .call { display:block; }
.portlet_wrap > ul > li > .layer[data-layout=solve] > .solve { display:block; }
.portlet_wrap > ul > li > .layer[data-layout=sleepmain] > .sleepmain { display:block; }
.portlet_wrap > ul > li > .layer[data-layout=sleep] > .sleep { display:block; }

.portlet_wrap > ul > li > .layer.noti > .main > i { animation: blink 2s infinite ease-in-out;position: absolute;display:block;top:50%;left:50%;transform: translate(-50%, -50%) rotate(0deg);background: rgba(0,0,0,0.8);color:rgba(255,255,255,0.7);font-weight: 800;z-index:12;width:100px;height:100px;line-height:100px;padding:0px 0px;border-radius: 50%;font-size:25px;text-align:center;}
.portlet_wrap > ul > li > .layer[data-noti=sleep] > .main > i { background: rgba(254,124,28,0.9);border: 0px solid rgba(254,124,28,1);}
.portlet_wrap > ul > li > .layer[data-noti=sleep] > .main > i::before {content: 'SLEEP';}
.portlet_wrap > ul > li > .layer[data-noti=away] > .main > i { background: rgba(160,77,255,0.9);border: 0px solid rgba(160,77,255,1);}
.portlet_wrap > ul > li > .layer[data-noti=away] > .main > i::before {content: 'AWAY';}
.portlet_wrap > ul > li > .layer[data-noti=late]> .main > i { background: rgba(250,52,87,0.9);border: 0px solid rgba(250,52,87,1);}
.portlet_wrap > ul > li > .layer[data-noti=late]> .main > i::before {content: 'LATE';}
.portlet_wrap > ul > li > .layer[data-noti=restlate]> .main > i { background: rgba(255,203,42,0.9);border: 0px solid rgba(255,203,42,1);}
.portlet_wrap > ul > li > .layer[data-noti=restlate]> .main > i::before {content: 'LATE';}
.portlet_wrap > ul > li > .layer[data-noti=wakeup]> .sleepmain > i {animation: blink 2s infinite ease-in-out;position: absolute;display:block;top:50%;left:50%;transform: translate(-50%, -50%) rotate(0deg);background: rgba(0,0,0,0.8);color:rgba(255,255,255,0.7);font-weight: 800;z-index:12;width:100px;height:100px;line-height:100px;padding:0px 0px;border-radius: 50%;font-size:25px;text-align:center;  background: rgba(0,217,139,0.9);border: 0px solid rgba(0,217,139,1);}
.portlet_wrap > ul > li > .layer[data-noti=wakeup]> .sleepmain > i::before {font-size: 21px; content:'WAKE UP';}
.portlet_wrap > ul > li > .layer[data-noti=lecturelate]> .main > i { background: rgba(185,142,44,1);border: 0px solid rgba(185,142,44,1);}
.portlet_wrap > ul > li > .layer[data-noti=lecturelate]> .main > i::before {content: 'LATE';}

.portlet_wrap > ul > li > .layer > div > div.btns { position: absolute;bottom:17px;left:0px;right:0px;text-align: center;font-size:0px;text-align: center;z-index: 12;display:block;}
.portlet_wrap > ul > li > .layer > div > div.btns::before { display:none; }
.portlet_wrap > ul > li > .layer > div > div.btns::after { display:none; }
.portlet_wrap > ul > li > .layer > div > div.btns > a { background: #999;display:inline-block;line-height:26px;padding:0px 7px;font-size:12px;border-radius: 5px;border: 2px solid transparent;color:#fff;font-weight: 400;}
.portlet_wrap > ul > li > .layer > div > div.btns > a + a { margin-left:2px; }
.portlet_wrap > ul > li > .layer > div p.countup { position: absolute;bottom:60px;left:0px;right:0px;text-align: center; display:block;font-size:36px !important;line-height:34px !important; height:40px;color:#fff;font-weight: 800;z-index: 12;}
.portlet_wrap > ul > li > .layer > div p.countup > i { font-size:22px !important;opacity: 0.7;}
.portlet_wrap > ul > li > .layer > div p.countup > span { position: absolute;font-size:36px;line-height:40px;top:0px;}
.portlet_wrap > ul > li > .layer > div p.countup > span.hh { right:50%;margin-right:8px;text-align: right;letter-spacing: -0.5px;}
.portlet_wrap > ul > li > .layer > div p.countup > span.mm { left:50%;margin-left:8px;text-align: left;letter-spacing: -0.5px;}

.portlet_wrap > ul > li > .layer > .layout > .message { position: absolute;bottom:60px;left:0px;right:0px;text-align: center; display:block;z-index: 12; }
.portlet_wrap > ul > li > .layer > .layout > .message > p.main_time { text-align: center; display:block;font-size:36px !important;line-height:34px !important; height:40px;color:#fff;font-weight: 800;z-index: 12; transform:scale(0.85);margin-bottom:15px;margin-top:-5px;opacity: 1;color:rgba(255,255,255,0.5);}
.portlet_wrap > ul > li > .layer > .layout > .message > p.main_time > i { font-size:22px !important;opacity: 0.7;}
.portlet_wrap > ul > li > .layer > .layout > .message > p.main_time > span { position: absolute;font-size:36px;line-height:40px;top:0px;}
.portlet_wrap > ul > li > .layer > .layout > .message > p.main_time > span.hh { right:50%;margin-right:8px;text-align: right;letter-spacing: -0.5px;}
.portlet_wrap > ul > li > .layer > .layout > .message > p.main_time > span.mm { left:50%;margin-left:8px;text-align: left;letter-spacing: -0.5px;}

.portlet_wrap > ul > li > .layer > .layout > .message > p { position: relative !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;color:#fff;font-size:14px;line-height: 20px;}
.portlet_wrap > ul > li > .layer > .layout > .message > p.countup { transform:scale(0.7);margin-top:-5px; }
.portlet_wrap > ul > li > .layer > .layout > .message > p.countup > span.hh::before { content:'+';position: absolute;left:-22px;line-height:38px;height:40px;width:auto;font-weight: 400;font-size:30px;}

.portlet_wrap > ul > li > .layer.noti .message > i { display:block;color:rgba(255,255,255,0.7);font-weight: 800;font-size:28px;text-align:center;line-height: 36px;margin-bottom:0px;}
.portlet_wrap > ul > li > .layer[data-noti=sleep] .message > i { color: rgba(254,124,28,1);}
.portlet_wrap > ul > li > .layer[data-noti=sleep] .message > i::before {content: 'SLEEP';}
.portlet_wrap > ul > li > .layer[data-noti=away] .message > i { color: rgba(160,77,255,1);}
.portlet_wrap > ul > li > .layer[data-noti=away] .message > i::before {content: 'AWAY';}
.portlet_wrap > ul > li > .layer[data-noti=late] .message > i { color: rgba(250,52,87,1);}
.portlet_wrap > ul > li > .layer[data-noti=late] .message > i::before {content: 'LATE';}
.portlet_wrap > ul > li > .layer[data-noti=restlate] .message > i { color: rgba(255,203,42,1);}
.portlet_wrap > ul > li > .layer[data-noti=restlate] .message > i::before {content: 'LATE';}
.portlet_wrap > ul > li > .layer[data-noti=wakeup] .message > i { color: rgba(0,217,139,1);}
.portlet_wrap > ul > li > .layer[data-noti=wakeup] .message > i::before {content: 'WAKE UP';}
.portlet_wrap > ul > li > .layer[data-noti=lecturelate] .message > i { color: rgba(185,142,44,1);}
.portlet_wrap > ul > li > .layer[data-noti=lecturelate] .message > i::before {content: 'LATE';}


.portlet_wrap > ul > li > .layer[data-noti=sleep] > div > div.btns > a.color {background: rgba(254,124,28,1);}
.portlet_wrap > ul > li > .layer[data-noti=away] > div > div.btns > a.color {background: rgba(160,77,255,1);}
.portlet_wrap > ul > li > .layer[data-noti=late] > div > div.btns > a.color {background: rgba(250,52,87,1);}
.portlet_wrap > ul > li > .layer[data-noti=restlate] > div > div.btns > a.color {background: rgba(255,203,42,1);}
.portlet_wrap > ul > li > .layer[data-noti=wakeup] > div > div.btns > a.color {background: rgba(0,217,139,1);}
.portlet_wrap > ul > li > .layer[data-noti=lecturelate] > div > div.btns > a.color {background: rgba(185,142,44,1);}

.portlet_wrap > ul > li > .layer > div > div.btns > a.clear { position: absolute;top:0px;right:15px;font-size:0px;padding:0px;background: #666;border-radius: 50%;}
.portlet_wrap > ul > li > .layer > div > div.btns > a.clear::before { font-family: 'xeicon' !important; content: "\e99f";width:26px;display:block;line-height:26px;text-align: center;font-size:20px;font-weight: 400;}

.portlet_wrap > ul > li > .layer > div > div.btns > a.call::first-letter { color:#ffcb2a;font-weight: 800;font-size:14px;vertical-align: bottom;}
.portlet_wrap > ul > li > .layer[data-noti=restlate] > div > div.btns > a.call::first-letter{color:#fff;}
.portlet_wrap > ul > li > .layer > div > div.btns > a.call::before { content: attr(data-th)'차 연락';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.call[data-th="1"]::before { content: '연락처리';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.call[data-th="1"]::first-letter { color:#fff;font-weight: 400;font-size:12px;vertical-align: bottom;}

.portlet_wrap > ul > li > .layer > div > div.btns > a.sleep::first-letter { color:#fff;font-weight: 800;font-size:14px;vertical-align: bottom;}
.portlet_wrap > ul > li > .layer > div > div.btns > a.sleep::before { content: attr(data-th)'차 조치';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.sleep[data-th="1"]::before { content: '졸음조치';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.sleep[data-th="1"]::first-letter { color:#fff;font-weight: 400;font-size:12px;vertical-align: bottom;}

.portlet_wrap > ul > li > .layer > div > div.btns > a.solve::before { content: attr(data-th)'차 해결';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.solve[data-th="1"]::before { content: '해결예정';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.solve[data-th="1"]::first-letter { color:#fff;font-weight: 400;font-size:12px;vertical-align: bottom;}

.portlet_wrap > ul > li > .layer > div > div.btns > a.hold::before { content: '보류처리';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.absent::before { content: '결석예정';}
.portlet_wrap > ul > li > .layer > div > div.btns > a.cancel::before { content: '해결취소';}

.portlet_wrap > ul > li > a { display:inline-block; position: relative; width:100%; height:100%;}
.portlet_wrap > ul > li > a > .thumb { display:block;height:220px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;z-index: 1;}
.portlet_wrap > ul > li > a > .thumb::before { position: absolute;top:0px;bottom:0px;left:0px;right:0px;background: linear-gradient( to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.3), rgba(0,0,0,0.1), rgba(0,0,0,0) );content: '';}
.portlet_wrap > ul > li > a > .thumb.discon > img{filter: blur(5px);}
.portlet_wrap > ul > li > a > .thumb > img { object-fit: cover;width:100%;height:100%;display:block; }
.portlet_wrap > ul > li > a > .thumb > p { position: absolute;bottom:10px;left:10px;background: rgba(0,0,0,0.4);color:#fff;padding:0px 7px;line-height: 20px;font-size:11px;font-weight: 600;border-radius: 3px;}
.portlet_wrap > ul > li > a > .thumb > .cloudIcon::before{font-family : 'xeicon' !important;  color:rgba(242,8,0,0.9); content: "\eb79"; height: 28px; width:28px; font-size:23px; display:flex; align-items:center; justify-content:center; text-shadow: 0px 0px 5px rgba(0,0,0,0.2); position: absolute; bottom:10px; right:14px; z-index:1;}
.portlet_wrap > ul > li > a > .thumb > .cloudIcon.on::before{content: "\eb78"; color:#fff;}
.portlet_wrap > ul > li > a > .thumb > .cloudIcon.hide{display:none !important;}
.portlet_wrap > ul > li > a > .thumb > .imgTime{right:38px; left:auto; background:transparent;}
.portlet_wrap > ul > li > a > .thumb > .imgTime.hide{display:none;}
.portlet_wrap > ul > li > a > .info { display:block; }
.portlet_wrap > ul > li > a > .info > .profile { padding:15px 15px 10px 15px;display:block;position: relative;}
.portlet_wrap > ul > li > a > .info > .profile > h4 { font-size:18px;font-weight: 700;line-height:22px;}
.portlet_wrap > ul > li > a > .info > .profile > h4 > span { display:inline-block;vertical-align: bottom;font-size:12px;font-weight: 400;color:#999;margin-left:10px;}
.portlet_wrap > ul > li > a > .info > .profile > h4 > span:nth-last-child(1) { margin-left:17px;position: relative;font-weight: 700;color:#666;}
.portlet_wrap > ul > li > a > .info > .profile > h4 > span:nth-last-child(1)::before { position: absolute;top:5px;left:-9px;width:1px;height:12px;content: '';background: #ddd;font-size:11px;}
.portlet_wrap > ul > li > a > .info > .profile > p { font-size:13px;font-weight: 600;color:#666;line-height: 15px;margin-top:3px;}
.portlet_wrap > ul > li > a > .info > .profile > span { display:block;position: absolute;bottom:10px;right:15px;font-size:0px;}
.portlet_wrap > ul > li > a > .info > .profile > span > i { display:inline-block;width:15px;height:15px;line-height: 15px;text-align: center;font-size:10px;background: #bbb;color:#fff;vertical-align: bottom;}
.portlet_wrap > ul > li > a > .info > .profile > span > i.on { background: #2E323B;}

.portlet_wrap > ul > li > a > .info > .profile > .cards { display:block;position: absolute;top:-13px;right:15px;font-size:0px;z-index: 12;}
.portlet_wrap > ul > li > a > .info > .profile > .cards > p { display:inline-block;background: #999;padding:5px 0px;width:26px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.portlet_wrap > ul > li > a > .info > .profile > .cards > p > span { font-size:11px;display:none;line-height:14px;}
.portlet_wrap > ul > li > a > .info > .profile > .cards > p > b { display:block;line-height:16px;text-align:center;display:block;font-size:14px;font-weight: 800;}
.portlet_wrap > ul > li > a > .info > .profile > .cards > p > b::before { content:attr(data-cnt); }
.portlet_wrap > ul > li > a > .info > .profile > .cards > p.y { background: #ffcb2a;}
.portlet_wrap > ul > li > a > .info > .profile > .cards > p.r { background: #fa3457;}

.portlet_wrap > ul > li > a > .info > .today { margin:0px 15px;display:block;position: relative;border-top: 1px solid #eee;padding:10px 0px;;}
.portlet_wrap > ul > li > a > .info > .today > p { line-height:20px;font-size:12px;display:block;text-align: right;}
.portlet_wrap > ul > li > a > .info > .today > p > span {float:left;color:#999;display:inline-block;line-height:20px;}
.portlet_wrap > ul > li > a > .info > .today > p > b {font-weight: 700;display:inline-block;line-height:20px;vertical-align: bottom;}

.portlet_wrap > ul > li > a > .info > .today > p > b > span.normal { color: #00d98b; }
.portlet_wrap > ul > li > a > .info > .today > p > b > span.warning { color: #b98e2c; }
.portlet_wrap > ul > li > a > .info > .today > p > b > span.critical { color: #fa3457 }

.portlet_wrap > ul > li > a > .compactInfo > .today > p > b > span.normal { color: #00d98b; }
.portlet_wrap > ul > li > a > .compactInfo > .today > p > b > span.warning { color: #b98e2c; }
.portlet_wrap > ul > li > a > .compactInfo > .today > p > b > span.critical { color: #fa3457 }

.portlet_wrap > ul > li > a > .info > .today > p > b > i {font-weight: 400;display:inline-block;line-height:20px;vertical-align: bottom;color:#999;margin-left:3px;font-size:11px;}
.portlet_wrap > ul > li > a > .info > .today > .rate { display:block;height:40px;padding:5px 0px 0px 0px;;position: relative;padding-right:44px;}
.portlet_wrap > ul > li > a > .info > .today > .rate > i { position: absolute;top:3px;right:-6px;width:44px;height:44px;display:block;}
.portlet_wrap > ul > li > a > .info > .today > .rate > i::before { font-family: 'xeicon' !important; font-size:44px;width:44px;height:44px;line-height:44px;display:block;text-align: center;}
.portlet_wrap > ul > li > a > .info > .today > .rate > i[data-val=G]::before { content: "\e9e4";color:#00d98b; }
.portlet_wrap > ul > li > a > .info > .today > .rate > i[data-val=Y]::before { content: "\e9eb";color:#ffcb2a; }
.portlet_wrap > ul > li > a > .info > .today > .rate > i[data-val=R]::before { content: "\e9ee";color:#fa3457; }
.portlet_wrap > ul > li > a > .info > .today > .rate > i[data-val=N]::before { content: "\e9ec";color:#ccc; }



.portlet_wrap > ul > li > a > .info > .today > .rate > p { line-height:18px;padding:1px 0px;font-size:12px;display:block;padding-right:0px;position: relative;}
.portlet_wrap > ul > li > a > .info > .today > .rate > p > span { position: absolute;line-height:18px;height:18px;top:1px;right:0px;color:rgba(0,0,0,0.4);font-size:10px;z-index:10;padding-right:5px;font-weight: 800;}
.portlet_wrap > ul > li > a > .info > .today > .rate > p > em { background: #eee;border: 3px solid #eee;display:block;height:12px;line-height:12px;position: relative;overflow: hidden;}
.portlet_wrap > ul > li > a > .info > .today > .rate > p > em > i { display:block;position: absolute;top:0px;left:0px;bottom:0px;background: rgba(145,232,225,1);height:12px;vertical-align: bottom;z-index: 1;}
.portlet_wrap > ul > li > a > .info > .today > .rate > p > em > b { position: relative;z-index: 2;font-weight: 800;color:rgba(0,0,0,0.6);font-size:11px;line-height:12px;padding-left:2px;}
.portlet_wrap > ul > li > a > .info > .today > .rate > p.progress > em > i { background: rgba(145,232,225,1); }
.portlet_wrap > ul > li > a > .info > .today > .rate > p.achievement > em > i { background: rgba(228,211,84,1); }

.portlet_wrap > ul > li > a > .info > .today > .memoList{display:flex; border-top:1px solid #ddd; margin:10px -15px -10px; height:100%; box-sizing:border-box; position: relative;}
.portlet_wrap > ul > li > a > .info > .today > .memoList > i{display:flex; align-items:center; margin-right:10px; font-size:20px; padding:10px 0 10px 15px; z-index: 12;}
.portlet_wrap > ul > li > a > .info > .today > .memoList > .memo{width:calc(100% - 45px); line-height:1.2; padding:10px 15px 10px 0; height:52px; box-sizing:border-box; overflow-y:auto;}
.portlet_wrap > ul > li > a > .info > .today > .memoList > .memo > span{display:inline-block; width:100%;}
.portlet_wrap > ul > li > a > .info > .today > .memoList > .memo > span + span{margin-top:5px;}


/* 요약보기 */
.portlet_wrap > ul > li > a > .compactInfo { display: none; }
.portlet_wrap > ul > li > a > .compactInfo > .profile { padding:15px 15px 10px 15px;display:block;position: relative;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > h4 { font-size:18px;font-weight: 700;line-height:22px;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > h4 > span { display:inline-block;vertical-align: bottom;font-size:12px;font-weight: 400;color:#999;margin-left:10px;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > h4 > span:nth-last-child(1) { margin-left:17px;position: relative;font-weight: 700;color:#666;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > h4 > span:nth-last-child(1)::before { position: absolute;top:5px;left:-9px;width:1px;height:12px;content: '';background: #ddd;font-size:11px;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > p { font-size:13px;font-weight: 600;color:#666;line-height: 15px;margin-top:3px;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > span { display:block;position: absolute;bottom:10px;right:15px;font-size:0px;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > span > i { display:inline-block;width:15px;height:15px;line-height: 15px;text-align: center;font-size:10px;background: #bbb;color:#fff;vertical-align: bottom;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > span > i.on { background: #2E323B;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > .cards { display:block;position: absolute;top:-13px;right:15px;font-size:0px;z-index: 12;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > .cards > p { display:inline-block;background: #999;padding:5px 0px;width:26px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.portlet_wrap > ul > li > a > .compactInfo > .profile > .cards > p > span { font-size:11px;display:none;line-height:14px;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > .cards > p > b { display:block;line-height:16px;text-align:center;display:block;font-size:14px;font-weight: 800;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > .cards > p > b::before { content:attr(data-cnt); }
.portlet_wrap > ul > li > a > .compactInfo > .profile > .cards > p.y { background: #ffcb2a;}
.portlet_wrap > ul > li > a > .compactInfo > .profile > .cards > p.r { background: #fa3457;}
.portlet_wrap > ul > li > a > .compactInfo > .today { margin:0px 15px;display:block;position: relative;border-top: 1px solid #eee;padding:10px 0px;;}
.portlet_wrap > ul > li > a > .compactInfo > .today > p { line-height:20px;font-size:12px;display:block;text-align: right;}
.portlet_wrap > ul > li > a > .compactInfo > .today > p > span {float:left;color:#999;display:inline-block;line-height:20px;}
.portlet_wrap > ul > li > a > .compactInfo > .today > p > b {font-weight: 700;display:inline-block;line-height:20px;vertical-align: bottom;}
.portlet_wrap > ul > li > a > .compactInfo > .today > p > b > i {font-weight: 400;display:inline-block;line-height:20px;vertical-align: bottom;color:#999;margin-left:3px;font-size:11px;}
.portlet_wrap > ul > li > a > .compactInfo > .today > .memoList{display:flex; border-top:1px solid #ddd; margin:10px -15px -10px; height:100%; box-sizing:border-box; position: relative;}
.portlet_wrap > ul > li > a > .compactInfo > .today > .memoList > i{display:flex; align-items:center; margin-right:10px; font-size:20px; padding:10px 0 10px 15px; z-index: 12;}
.portlet_wrap > ul > li > a > .compactInfo > .today > .memoList > .memo{width:calc(100% - 45px); line-height:1.2; padding:10px 15px 10px 0; height:52px; box-sizing:border-box; overflow-y:auto;}
.portlet_wrap > ul > li > a > .compactInfo > .today > .memoList > .memo > span{display:inline-block; width:100%;}
.portlet_wrap > ul > li > a > .compactInfo > .today > .memoList > .memo > span + span{margin-top:5px;}


.portlet_wrap > ul > li > a > .memo_new{display: block; line-height:0; position:absolute; background-color: #fff; z-index: 12; width: 100%; bottom:0px; background-color: #eee;}
.portlet_wrap > ul > li > a > .memo_new.hide{display: none;}
/*.portlet_wrap > ul > li > a > .info > .today > .memoList > .memo_new > .memo_btns{display:flex;justify-content:flex-end;padding: 4px 6px 4px;gap: 6px; margin-top: -5px;}*/
.portlet_wrap > ul > li > a > .memo_new > .memo_btns{box-sizing: border-box; display:flex; align-items:center; justify-content:flex-end; width: 100%;gap:5px; padding:5px;}
.portlet_wrap > ul > li > a > .memo_new > .memo_btns > span{color: #fff; border-radius: 5px; padding:3px 5px; text-align: center;}
.portlet_wrap > ul > li > a > .memo_new > .memo_btns > span.blue{background-color: #2E323B;}
.portlet_wrap > ul > li > a > .memo_new > .memo_btns > span.gray{background-color: #bbb;}
.portlet_wrap > ul > li > a > .memo_new > textarea{width: 100%; height:calc(100% - 36.8px); resize: none; padding: 5px;}


.portlet_wrap > ul > li > a > .info > ul.status { margin:0px 0px;display:block;position: relative;border-top: 1px solid #ccc;font-size:0px;}
.portlet_wrap > ul > li > a > .info > ul.status > li { display:inline-block;width:calc(75% / 4);vertical-align: top;padding:10px 0px 15px 0px;}
.portlet_wrap > ul > li > a > .info > ul.status > li > div { display:block;text-align: center;}
.portlet_wrap > ul > li > a > .info > ul.status > li > div > span { font-size:11px;display:block;color:#999;line-height: 14px;}
.portlet_wrap > ul > li > a > .info > ul.status > li > div > b { font-size:14px;display:block;font-weight:800;line-height: 16px;margin-top:3px;}
.portlet_wrap > ul > li > a > .info > ul.status > li.t {width:25%; background: #ccc;}
.portlet_wrap > ul > li > a > .info > ul.status > li.t > div > span { color:#666; }
.portlet_wrap > ul > li > a > .info > ul.status > li.t > div > b { font-size:15px;}


.portlet_wrap > ul[data-type="list"] > li > a > .thumb { display:none; }
.portlet_wrap > ul[data-type="list"] > li > a > .info > .profile > .cards { display:none; }
.portlet_wrap > ul[data-type="list"] > li > a > .info { padding-top:25px; }
.portlet_wrap > ul[data-type="list"] > li > a > .info > ul.status { display:none; }

.portlet_wrap > ul[data-type="list"] > li > .btns > a { text-shadow: 0px 0px 5px rgba(0,0,0,0);}
.portlet_wrap > ul[data-type="list"] > li > .btns > a::before { font-size:24px;color:rgba(0,0,0,0.2);}
.portlet_wrap > ul[data-type="list"] > li > a.noti::before { top:40%;font-size:22px;line-height:30px;height:30px;width:auto;border-radius: 25px;padding:0 15px;}
.portlet_wrap > ul[data-type="list"] > li > a.noti.clear::before { border-width: 4px;transform:translate(-50%, -50%) rotate(-10deg) scale(0.8);}

.portlet_wrap > ul[data-type="list"] > li > a + div.manage_btns > p { font-size:24px;line-height:26px;margin-bottom:0px;height:30px; }
.portlet_wrap > ul[data-type="list"] > li > a + div.manage_btns > p > span { position: absolute;font-size:24px;line-height:30px;top:0px;}
.portlet_wrap > ul[data-type="list"] > li > a + div.manage_btns > p > span.hh { right:50%;margin-right:5px;text-align: right;letter-spacing: -0.5px;}
.portlet_wrap > ul[data-type="list"] > li > a + div.manage_btns > p > span.mm { left:50%;margin-left:5px;text-align: left;letter-spacing: -0.5px;}
.portlet_wrap > ul[data-type="list"] > li > a.sleep  + div.manage_btns::before { display:none; }
.portlet_wrap > ul[data-type="list"] > li > a.clear  + div.manage_btns::after { top:-23px; }

.wrapper.login { display: block;z-index:7;background: #2E323B;background: url(../img/bg.jpg?1) transparent no-repeat center center;background-size: cover;z-index: 90;position: relative;padding-left:0px;}
.wrapper.login::before { content:'';display:block;position: absolute;top:0px;bottom:0px;left:0px;right:0px;background: rgba(64,77,94,0.5);}

.wrapper.login > header { display:none; }
.wrapper.login > aside { display:none; }
.wrapper.login > footer { left:0px;background: rgba(0,0,0,0.1);}
.wrapper.login > footer > .info > p > span > b { color:#ccc; }

.login_wrap h1 { display: block;width: 260px;height: 140px;background: url(../img/sco_bi_temp.png) no-repeat center top;background-size: 100%;;text-align: center;position: absolute;top: 90px;left: 50%;transform: translate(-50%, 0);font-size: 0; }
.login_wrap .login_box { position: absolute;left: 50%;top: 270px;transform: translate(-50%, 0);background: rgba(255,255,255,0.1);padding: 40px;width: 380px;border-radius: 3px;}
.login_wrap .login_box .icon { display: block;position: relative;width: 440px;height: auto; }
.login_wrap .login_box .icon i { display: block;background: #fff;width: 110px;height: 110px;border-radius: 50%;position: absolute;top: -93px;left: 138px; }
.login_wrap .login_box hgroup h3 { display: block;text-align: center;font-size: 28px;font-weight: 500;letter-spacing: 8px;color: #fff;margin: 0px 0 20px 0;font-family: GmarketSans;}
.login_wrap .login_box .login_top { display: block;background: #fff;padding: 10px 30px;box-sizing: border-box;overflow: hidden;border-radius: 3px; }
.login_wrap .login_box .login_top .row { padding: 5px 0; }
.login_wrap .login_box .login_top .row label { display: none; }
.login_wrap .login_box .login_top .row input { width: calc(100% - 44px);height: 40px;padding-left: 10px;border: 1px solid transparent;font-size:15px; }
.login_wrap .login_box .login_top .row input:focus { box-shadow: 0px 0px 5px rgba(0,0,0,0); }
.login_wrap .login_box .login_top .row + .row { border-top: 1px solid #2E323B; }
.login_wrap .login_box .login_top .row::before { content: '';display: inline-block;height: 42px;line-height: 42px;font-size:24px;vertical-align: bottom;width: 26px;margin-right: 0px;font-family: 'xeicon' !important; color:#2E323B;text-align:center;}
.login_wrap .login_box .login_top .row.id::before { content:'\e9f5'; }
.login_wrap .login_box .login_top .row.pw::before { content:'\e966'; }
.login_wrap .login_box button.login { display: block;width: 100%;height: 60px;line-height: 60px;color: #fff;text-align: center;background: #2E323B;font-size: 18px;margin-top: 10px;border-radius: 3px;font-weight: 600;}
.login_wrap .login_box .login_form > .row { margin-top: 15px;border-bottom: 0px solid #2E323B;padding-bottom: 15px; }
.login_wrap .login_box .login_form label > input[type=checkbox] + span { color:#fff;font-size:15px; }
.login_wrap .login_box .login_form label > input[type=checkbox] + span:before { background: #bbb;border: 1px solid #bbb;}
.login_wrap .login_box .login_form label > input[type=checkbox]:checked + span:before { background: #2E323B;border: 1px solid #2E323B;color:#fff;}
.login_wrap .login_box .login_form > .row > a.find { font-size:15px;color:#fff;text-decoration: underline;font-weight: 500;float:right;display:inline-block;}
.login_wrap .login_box .login_form > .join_btn { display: block;height: 56px;background: transparent;border: 2px solid #2E323B;color: #2E323B;text-align: center;line-height: 56px;margin-top: 20px;font-size: 18px;font-weight: 500;border-radius: 3px;}


/* 팝업영역 설정 */
.pop { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity; }
.pop[data-role=address_pop] { display:none;z-index: 991; }
.popup {position:fixed;top:50%;left:50%;width:auto;padding:0px;height:auto;background:#fff;
	-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	 -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
	 z-index:999;display:block;}

.popup.tras_no {
	-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
}
.popup > aside { position: fixed;top:50%;transform:translateY(-50%);left:50%;margin-left:460px;display:none;background:#fff;border:0px solid #111;padding:15px 10px;z-index:999; }


.popup > aside[data-type=LIST] > dl.history { display:block; }
.popup > aside[data-type=LIST] > dl.history > dd { font-size:12px;line-height:18px;color:#999; }

.popup > header { position:relative;display:block;padding-bottom:0px;background:#eee;padding:10px 20px;border-bottom:1px solid #ccc; height:50px;}
.popup > header h1 { font-size:22px;font-weight:500;color:#333;line-height:56px;height:50px;overflow: hidden;font-family: GmarketSans; letter-spacing: -0.5px;}
.popup > header h1 > span { font-size:16px;margin-left:7px; }
.popup > header h1.type2{line-height:1; display: flex; flex-direction: column; justify-content: center;}
.popup > header h1.type2 > span{color:#999; display:block; margin:5px 0px 0px; font-size:13px; padding-left:3px;}

.popup > header.pop_tab { padding:20px 20px 0px 20px;;height:50px; }
.popup > header.pop_tab ul { display:block;line-height:50px;height:50px;font-size:0px;background: #eee;}
.popup > header.pop_tab ul > li { display:inline-block; vertical-align: top;}
.popup > header.pop_tab ul > li > a { display:block;line-height:49px;height:49px;font-size:15px;font-weight:400;color:#999;padding:0px 20px;min-width:120px;text-align: center;border:1px solid #ccc;border-bottom:0px solid #ccc;}
.popup > header.pop_tab ul > li > a.on { background: #fff;color:#333;font-weight:500;height:51px;}
.popup > header.pop_tab ul > li + li { margin-left:-1px; }

.popup > header > div.profile { padding:5px 0px 5px 54px;display:block;position: relative;}
.popup > header > div.profile > i { position: absolute;top:0px;left:-8px;display: block;width:50px;height:50px;border-radius: 50%;background-size: cover;background-repeat: no-repeat;border:1px solid #bbb;box-sizing: border-box;}
.popup > header > div.profile > h4 { font-size:17px;font-weight: 700;line-height:24px;}
.popup > header > div.profile > h4 > span { display:inline-block;vertical-align: bottom;font-size:12px;font-weight: 400;color:#999;margin-left:10px;}
.popup > header > div.profile > p { font-size:13px;font-weight: 600;color:#666;line-height: 16px;margin-top:0px;}

.popup > header .close { position:absolute;top:20px;right:15px;font-size:30px;display:block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;color:#333; }
.popup > footer {position:relative; margin:0px;padding:15px 20px;height:40px;text-align:center;background:#eee;border-top:1px solid #ccc; }
.popup > footer.complete { padding-bottom:0px; }
.popup > footer.right { text-align:right; }
.popup > footer.flex{display:flex; align-items:center;}
.popup > footer a { float: none;display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 30px;color:#fff;margin:0px 2px;cursor:pointer;background:#2E323B;border-radius: 5px;}
.popup > footer.right a { padding:0px 25px; }
.popup > footer a.gray { background:#999; }
.popup > footer a.red { background:#ec635d; }
.popup > footer a.red.left_btn { position: absolute; left: 15px;}
.popup > footer a.black { background:#2d3845; }
.popup > footer a.del2{font-size:15px; font-weight:700; width:40px; display:inline-block; color:#999; background:#ddd; padding:0px;}
.popup > footer a.del {position:absolute;top:15px;right:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.popup > footer a.preview {position:absolute;top:15px;left:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#fff;margin:0px 2px;cursor:pointer;background:#ec635d; }
.popup > footer.complete a { background:#48bacb;padding:0px 30px; }
.popup > footer.complete a.gray { background:#999;padding:0px 30px; }
.popup > footer span.select {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:pointer;background:#fff;border:2px solid #e95653; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.select > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#e95653;color:#fff; }
.popup > footer span.select select { position:relative;display:block;width:130%;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333; }
.popup > footer span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:1;}

.popup > footer span.appr {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:default;;background:#eee;border:2px solid #aaa; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.appr > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#aaa;color:#fff; }
.popup > footer span.appr span { position:relative;display:block;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333;text-align:left; }

.popup > footer > .select_box{position:absolute; left:20px; top:50%; transform:translateY(-50%); border: 1px solid #bbb; border-radius: 6px; display: inline-block; background: #fff;}
.popup > footer > .select_box > select{padding: 0 40px 0 12px; height: 40px; z-index: 1; position:relative;}
.popup > footer > .select_box:after{content: "\e942"; font-family: 'xeicon'; position:absolute; top:50%; right:5px; font-size:2rem; transform:translateY(-50%);}
.popup > footer > .select_box:has(select:disabled){border: 1px solid #dfe2ed; background-color: #edf0f9;}
.popup > footer > .select_box:has(select:disabled)::after{color:#dfe2ed;}

.popup > footer div[data-tab=upload] { display:none; }

.popup > section {overflow-y:auto;background:#fff;padding:0px;margin:0px; max-height:70vh;}
.popup > section.width_300 { width:300px; }
.popup > section.width_350 { width:350px; }
.popup > section.width_400 { width:400px; }
.popup > section.width_500 { width:500px; }
.popup > section.width_550 { width:550px; }
.popup > section.width_600 { width:600px; }
.popup > section.width_700 { width:700px; }
.popup > section.width_800 { width:800px; }
.popup > section.width_900 { width:900px; }
.popup > section.width_1000 { width:1000px; }
.popup > section.width { width: 100%; }

.popup > section.find_post { overflow: hidden;height:400px !important;padding:0px 0px 5px 0px;}

.popup > section article { padding:20px; }
.popup > section article[data-tab=upload] { display:none; }
.popup > section article div.tb_info { display:block;position:relative; }
.popup > section article div.tb_info + .tb_info { margin-top:20px; }
.popup > section article div.tb_info.hide { display:none; }
.popup > section article div.tb_info > h1 { font-size:30px;font-weight:500;display:block;padding:10px 0px;margin-bottom:10px;line-height:30px;text-align: center;}
.popup > section article div.tb_info > h2 { font-size:16px;font-weight:400;color:#666;display:block;margin-bottom:5px;line-height:30px; }
.popup > section article div.tb_info > h2 a { float:right;position:relative;display:inline-block;margin:0px 2px;height:28px;line-height:28px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:13px;background:#999;color:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.popup > section article div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.popup > section article div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
.popup > section article div.tb_info > h2 > span { font-size:13px;color:#999;display:inline-block;vertical-align: bottom;line-height:30px;float:right;}
.popup > section article div.tb_info > h2 > span > b { font-size:16px;color:#e95653;vertical-align: baseline;font-weight:500;}
.popup > section article div.tb_info > p { font-size:13px;font-weight:400;color:#666;display:block;margin-top:10px;line-height:22px; }
.popup > section article div.tb_info > p + p { margin-top:0px; }

.popup > section article div.tb_info > .inner_mask { position:absolute;background:rgba(0,0,0,0.05);top:31px;left:1px;right:1px;bottom:1px;display:block;z-index:2; }
.popup > section article div.tb_info > .inner_mask.status { top:91px; }

.popup > section article div.tb_info div.tips { display:block;margin-top:10px; }
.popup > section article div.tb_info div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:5px; }
.popup > section article div.tb_info div.tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:8px;left:0px;content: ''; }
.popup > section article div.tb_info div.tips > p > b { font-weight:500; }

div.tb_info dl.history { display:block;border: 1px solid #ccc;border-top: 2px solid #2E323B;padding:15px 15px; }
div.tb_info dl.history > dd { display:block;line-height:36px;height:36px;text-align:left; }
div.tb_info dl.history > dd + dd {  border-top: 1px solid #eee; }
div.tb_info dl.history > dd > div.status { float:right;margin-top:7px; }
div.tb_info dl.history > dd > span { color:#999; }
div.tb_info dl.history > dd > span + span { font-size:12px;color:#666;margin-left:10px; }


.popup > section article div.div_info { display:block;position:relative; }
.popup > section article div.div_info > hgroup { display:block;border-bottom:1px solid #ddd; padding-bottom:15px;}
.popup > section article div.div_info > hgroup > h2 { font-size:16px;font-weight: 500;line-height:22px;margin-bottom:5px;}
.popup > section article div.div_info > hgroup > p { font-size:0px;color:#999;}
.popup > section article div.div_info > hgroup > p > span { display: inline-block;font-size:13px;vertical-align: top; line-height:17px;position: relative;}
.popup > section article div.div_info > hgroup > p > span + span { margin-left:21px; }
.popup > section article div.div_info > hgroup > p > span + span::before {position: absolute;top:2px;left:-10px;content: '';width: 1px;height: 13px;background: #ddd;display:block; }
.popup > section article div.div_info > .contents { display:block; padding-top:15px;line-height:20px;}
.popup > section article div.div_info > .files { display:block; padding-top:15px;margin-top:15px;border-top:1px solid #ddd;}
.popup > section article div.div_info > .files > a { display:inline-block;vertical-align: middle;padding:0px 15px;border:1px solid #ddd;line-height:36px;height:36px;}

.popup > section article div.div_info > .reply { display:block; padding:15px;margin-top:15px;border:1px solid #ddd;background: #f5f5f5;}
.popup > section article div.div_info > .reply > h4 { font-size:14px;font-weight: 500;line-height:20px;color:#4573f2;}
.popup > section article div.div_info > .reply > p { font-size:0px;color:#999;margin-bottom:10px;}
.popup > section article div.div_info > .reply > p > span { display: inline-block;font-size:13px;vertical-align: top; line-height:17px;position: relative;}

.popup > section article > h2 { font-size:22px;font-weight: 700;margin-bottom:15px;text-align: center;padding:5px 0px;line-height: 30px;font-family: GmarketSans; letter-spacing: -0.5px;}
.popup > section article div > h2{font-size:20px; font-weight:bold; margin-bottom:10px;}
.popup > section article div > h2.btnBox{display:flex; align-items:center; justify-content:space-between;}
.popup > section article div > h2.btnBox > .btn{font-size:12px; padding:10px 15px; background:#999; color:#fff; line-height:1; border-radius:5px;}
.popup > section article > div.desc { border-top:1px solid #ddd; }
.popup > section article > div.desc > p { line-height:22px;padding:7px 0px;border-bottom:1px solid #ddd;padding-left:85px;position: relative;}
.popup > section article > div.desc > p > b { line-height:22px;color:#999;position: absolute;display:block;top:7px;left:0px;font-weight: 400;}
.popup > section article > div.desc > p > span {  }
.popup > section article > div.desc > p.goal > span { font-size:14px;color:#e95653;font-weight: 700;}
.popup > section article > div.desc > p.date > span { font-size:14px; }



.popup.gallery { width:100%;height:100%;background:rgba(0,0,0,0.5); }
.popup.gallery > header { background:transparent;border-bottom:1px solid transparent;position: absolute;top:0px;left:0px;right:0px;z-index:10;}
.popup.gallery > header .close { color:#fff; }
.popup.gallery > section { background:transparent;height:100% !important;overflow-y:hidden !important; }
.popup.gallery > section article { padding:0px; }
.popup.gallery > footer { display:none;background:transparent;border-top:1px solid transparent; }

.popup > ul.tab { line-height:50px;height:50px;padding-left:1px;border-bottom:1px solid #ddd;margin-right:0px;margin-left:0px;margin-top:0px;background:#eee;}
.popup > ul.tab li { display:inline;float:left;background:#eee;font-size:16px;padding:0px 40px;font-weight:600;line-height:50px;margin-bottom:0px;margin-left:0px;border-right:1px solid #ddd;color:#bbb;cursor:pointer; }
.popup > ul.tab li.on { color:#666;background:#fff;height:51px; }

.popup .search { display:inline-block;line-height:40px; white-space:nowrap;font-size:0px;padding:0px;vertical-align: top; position: relative; width:100%;}
.popup .search span {display:inline-block; padding:0px 0px; border:2px solid #ddd; background:#fff; font-size:13px; overflow: hidden;vertical-align: top;border-radius: 5px;position: relative; width:100%;}
.popup .search  span input[type=text] {display:block;width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:400; box-sizing: border-box;}
.popup .search  span input[type=text][data-field=readonly] { background:rgba(233,86,83,0.1);font-weight:400; }
.popup .search  span input[type=text] {width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
.popup .search  span.btn > button { position: absolute;top:0px;right:0px;display:block;line-height:36px;height:36px;border:0px;font-size:18px;width:36px;color:#999;cursor:pointer;background:transparent; vertical-align: middle;}
.popup .search  span.btn > button > i { display:block;line-height:36px;height:36px;border:0px;font-size:18px;width:36px; }

.popup .search  span.btn > button.btn_search_reset{right:25px;}

table.info { border:1px solid #ccc;margin:0px;padding:0px;border-spacing:0px;border-spacing:0px;border-collapse:collapse;width:100%;font-size:13px; color:#333;margin-bottom:0px;}
table.info th { text-align:center;background:#fafafa; border:1px solid #eee;font-weight:400;text-align:left;padding-left:15px;}
table.info td { background:#fff;font-weight:normal;text-align:left; padding:7px 7px; border:1px solid #eee;font-size:0px;}
table.info td.nopad { padding:0px; }
table.info td div.chk_ex { margin-left:21px; color:#999;font-size:12px;margin-top:5px;}
table.info td div.chk_ex + p { margin-top:10px; }
table.info td label em { font-size:13px;font-weight:400;color:#ec635d;display:inline-block;vertical-align: top;margin-left:10px;line-height:20px;}
table.info td label em.gray { color:#999; }
table.info tr th:first-child, table.info tr td:first-child { border-left:0px; }
table.info tr th:last-child, table.info tr td:last-child { border-right:0px; }
table.info tr:first-child th, table.info tr:first-child td { border-top:0px; }
table.info tr:last-child th, table.info tr:last-child td { border-bottom:0px; }
table.info tr.noline th, table.info tr.noline td { border-bottom:0px; }
table.info th > i {color:#e95653;margin-right:2px;vertical-align:middle;display:inline-block;width:14px;height:16px;line-height:16px;font-size:11px;}
table.info th > i.gray { color:#ddd; }
table.info th > span { padding-left:16px;font-size:12px;color:#999;display:block;margin-top:-3px; }
table.info th:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#ddd;margin-right:2px;vertical-align:middle;display:inline-block;width:14px;height:16px;line-height:16px;font-size:11px; content: "\f00c"; }
table.info th.required:before { color:#e95653; }
table.info th.exp { font-size:12px;color:#999; }
table.info th.exp:before { display:none; }
table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
table.info thead th:before { display:none; }
table.info th.exp { font-size:12px;color:#999; }
table.info th.exp:before { display:none; }
table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
table.info thead th:before { display:none; }
table.info th > em { font-size:12px;color:#999;margin-left:16px; }
table.info tr.hide { display:none; }
table.info th.last,
table.info td.last {border-bottom:1px solid #ccc !important;}


table.info td > .star {clear:both; display:inline-block;width:auto;line-height: 26px;font-size:0px;position: relative;white-space:nowrap;vertical-align: middle;padding:7px 0px;}
table.info td > .star > span { display:block;line-height: 26px;font-size:0px;position: relative;white-space:nowrap; }
table.info td > .star > span > i { width:26px;height: 26px;display:inline-block;font-family : 'xeicon' !important;font-size:24px;color:#bbb;vertical-align: middle;}
table.info td > .star > span > i::before { content: "\ea16"; }
table.info td > .star > span > em { display:block;white-space:nowrap;position: absolute;top:0px;left:0px;line-height: 26px;white-space:nowrap;overflow: hidden;}
table.info td > .star > span > em > i { width:26px;height: 26px;display:inline-block;font-family : 'xeicon' !important;font-size:24px;color:#fda94f;}
table.info td > .star > span > em > i::before { content: "\ea0f"; }


table.info td div.textarea { display:block;padding:10px 10px;border:1px solid rgba(0,0,0,0);background:#eee;font-size:13px; overflow: hidden;border-radius: 5px;}
table.info td div.textarea label { display:none; }
table.info td div.textarea textarea {display:block;width:100%;margin:0px;height:150px;font-size:13px;background:transparent;outline: none;resize: none;}
table.info td div.textarea.mmin textarea { height:50px; }
table.info td div.textarea.min textarea { height:80px; }
table.info td div.textarea.mmax textarea { height:250px; }
table.info td div.textarea.max textarea { height:400px; }
table.info td div.textarea.tmax textarea { height:600px; }
table.info td div.textarea.editor { height:449px;padding:0px 0px;border:0px solid #ddd; }
table.info td div.textarea + div.byte { display:block;text-align:right;color:#999;margin-top:5px; font-size:12px;font-weight:400;}
table.info td div.textarea + div.byte > span { float:left;display:inline-block;font-weight:400; }
table.info td div.textarea + div.byte > b { font-size:13px;color:#666; }
table.info td div + div.textarea { margin-top:10px; }
table.info td div.hide + div.textarea { margin-top:0px; }
table.info td div + div.textarea textarea { height:180px; }
table.info td div.row { display:block; }
table.info td div.row + div.row { margin-top:5px; }
table.info td div.row_input { display:block;height:405px;padding:10px;border:1px solid #ddd;overflow: hidden;overflow-y: auto;}
table.info td div.row_input.hide { display:none; }
table.info td div.row_input span { display:block;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;font-size:13px; overflow: hidden;}
table.info td div.row_input span + span { margin-top:5px; }
table.info td div.row_input span.label {position:relative; padding:0px 30px 0px 30px;}
table.info td div.row_input span.label > label { vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.info td div.row_input span.label > em { vertical-align: middle;position:absolute;top:8px;left:0px;width:35px;display:block;color:#fff;background:#666;font-size:12px;height:22px;line-height:22px;z-index:1;padding:0px 0px;text-align:center;}
table.info td div.row_input span input[type=text] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
table.info td div.qr_code { display:block;font-size:0px;text-align:left;}
table.info td div.qr_code > label {  display:inline-block;width:60px;height:100px;box-sizing: border-box;padding:30px 0px;color:#fff;line-height:20px;background: #999;text-align: center;vertical-align: middle; margin-right:12px;}
table.info td div.qr_code > img {  display:inline-block;margin: 0px;padding:0px;vertical-align: middle;cursor:pointer;}
table.info td div.star_input {position: relative;padding:0px 0px;font-size:0px;}
table.info td div.star_input.disabled::after { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,0);content: '';}
table.info td div.star_input > label { position:relative; display:inline-block;width:40px;padding:0px; height:40px; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow:hidden; }
table.info td div.star_input > label + label { margin:0px; }
table.info td div.star_input > label > input[type=checkbox] { display:none; }
table.info td div.star_input > label > input[type=checkbox] + span  { display:inline-block;line-height:40px;vertical-align:middle; }
table.info td div.star_input > label > input[type=checkbox] + span:before { position:absolute; top:0px; left:0px; width:40px;height:40px; border-radius: 0px; border:0px solid rgba(0,0,0,0.2);content:'\ea16'; display:block; font-family:"xeicon"; font-size:26px; line-height:40px;text-align:center; }
table.info td div.star_input > label > input[type=checkbox]:checked + span  { color:#d71920; -webkit-tap-highlight-color:transparent; }
table.info td div.star_input > label > input[type=checkbox]:checked + span:before { content:'\ea0f'; color:#d71920; }
table.info td div.star_input > span {display:block; position:relative; width:40px; float:left; height:30px; margin:0; padding:0px; line-height:normal;}
table.info td div.star_input > span > button {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; vertical-align:middle;background: transparent; color:#bbb;}
table.info td div.star_input > span > button:after {content:'\ea16'; display:block; font-family:"xeicon"; font-size:26px; line-height:40px;}
table.info td div.star_input > span.checked > button:after {content:'\ea0f'; color:#d71920;}
table.info td ul.thum { display:block;padding:0px;font-size:0px;background:transparent;margin:-10px; }
table.info td ul.thum > li { display:inline-block;font-size:13px;width:25%;padding-top:10px; }
table.info td ul.thum > li > p { display:block;margin:0 auto;text-align:center;font-size:12px;line-height:20px;color:#999;background:#eee;width:80px;border:1px solid #ccc;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; }
table.info td ul.thum > li > div { position: relative;margin:10px 10px 10px 10px;border:1px solid #ddd;height:100px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
table.info td ul.thum > li > div > input[type=file]{ position: absolute;top:0px;left:0px;line-height:100px;font-size:100px;height:100px;opacity: 0;width:100%;}
table.info td ul.thum > li > div > a { font-size:14px;width:22px;height:22px;line-height:22px;text-align:center;display: none;position: absolute;top:2px;right:2px;background:rgba(0,0,0,0.2);color:#fff;}
table.info td ul.multi_thum { display:block;padding:5px 5px;font-size:0px;background:transparent;margin:0px;border:1px solid #ddd;background:#fff; }
table.info td ul.multi_thum > li { display:inline-block;font-size:13px;width:25%; }
table.info td ul.multi_thum > li > p { display:block;margin:0 auto;text-align:center;font-size:12px;line-height:20px;color:#999;background:#eee;width:100px;border:1px solid #ccc;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; }
table.info td ul.multi_thum > li > div.picture { position: relative;margin:5px 5px 5px 5px;border:1px solid #ddd;height:130px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: contain;}
table.info td ul.multi_thum.banner > li { width:20%; }
table.info td ul.multi_thum.banner > li > div.picture { height:110px; }
table.info td ul.multi_thum > li > div.picture a.att_btn { display:none;position:absolute;top:10px;left:50%;margin-left:-35px;height:30px;padding:0px;line-height:30px;width:70px;color:#fff;background:rgba(153,153,153,0.9);border:1px solid #aaa;overflow:hidden;text-align:center;cursor:pointer;font-weight:400; }
table.info td ul.multi_thum > li > div.picture:hover a.att_btn { display:block; }
table.info td ul.multi_thum > li > div.picture a.att_btn > input[type=file] { position:absolute;top:0px;left:0px;width:100%;height:38px;line-height:38px;font-size:38px;cursor:pointer;background:#999;padding:0px;margin:0px;opacity:0;}
table.info td ul.multi_thum > li > div.picture div.checkbox  { display:none;position:absolute;bottom:0px;left:0px;right:0px;padding:7px 10px;border:1px solid transparent;vertical-align: middle;background:rgba(255,255,255,0.8);}
table.info td ul.multi_thum > li > div.picture a.detail_btn { display:none;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;height:38px;padding:0px;line-height:38px;width:38px;color:#fff;background:rgba(146,113,203,0.9); border:1px solid rgba(146,113,203,1); text-align:center;cursor:pointer;font-weight:400; -webkit-border-radius: 20px;-khtml-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
table.info td ul.multi_thum > li.is_thum > div.picture div.checkbox { display:block; }
table.info td ul.multi_thum > li.is_thum > div.picture:hover a.detail_btn { display:block; }
table.info td ul.multi_thum > li > div.picture { background-image: url(../img/no_img.gif); }
table.info td div.download { position:relative;padding:0px 0px;line-height:20px;border-top:1px solid #ddd;margin-top:7px;padding-top:7px;color:#666;font-size:12px;}
table.info td div.download > b {font-weight:500;color:#e95653;}
table.info td div.download a { position:absolute;top:15px;right:0px;height:28px;line-height:28px;font-size:12px;width:auto;color:#777;border:1px solid #bbb;font-weight:400;background:#eee;overflow:hidden;text-align:center;cursor:pointer;padding:0px 20px;border-radius: 20px;}
table.info td div.download a > i { margin-right:5px;vertical-align:middle; }
table.info td div.tips { display:block;margin-top:7px !important;padding-top:7px !important;border-top:1px solid #ddd; }
table.info td div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:5px; }
table.info td div.tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:8px;left:0px;content: ''; }
table.info td div.tips > p > b { font-weight:500; }

table.info td div.recommend { position: relative; }
table.info td div.recommend > a.btn { display:block;background:#999;width:auto;padding:0px;border:0px;height:30px;line-height:30px;width:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.6;font-size:14px;}
table.info td div.recommend > span { font-size:12px;line-height:18px;color:#999; }
table.info td div.spl span { display:block;padding:0px 0px;border:1px solid rgba(0,0,0,0);background:#eee;font-size:13px; overflow: hidden;border-radius: 5px;}
table.info td div.spl span.readonly { background:rgba(233,86,83,0.1); }
table.info td div.spl span.btn { position: relative;}
table.info td div.spl span > a { position:absolute;top:0px;right:0px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400;border: 0px solid #aaa; }
table.info td div.spl span > .countdown { position:absolute;top:0px;right:65px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400;border: 0px solid #aaa; }
table.info td div.spl span > a.red { background:#e95653; }
table.info td div.spl span > a.confirm { background:#313a73;padding:0px 20px; }
table.info td div.spl span > a.search { background:#313a73;padding:0px 20px; }
table.info td div.spl span > a.copy { background:#666;padding:0px 20px; }
table.info td div.spl span > a[data-role=enabled] { background:#666; }
table.info td div.spl span > a[data-role=enabled]::before { content:'사용가능' }
table.info td div.spl span > a[data-role=disabled] { background:#bbb; }
table.info td div.spl span > a[data-role=disabled]::before { content:'중복확인' }
table.info td div.spl span.select { position:relative;padding:0px 0px;border:1px solid rgba(0,0,0,0);background:#eee;cursor:pointer;vertical-align: middle;overflow: hidden;}
table.info td div.spl span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:38px;height:38px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;}
table.info td div.spl span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#bbb;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.info td div.spl span.select select.role > option[data-role=is_ev_end] { color:#313a73;background:#ddd; }
table.info td div.spl span.select select.role > option[data-role=is_ev_ing] { color:#313a73;background:#d3eef0; }
table.info td div.spl span.select select.role > option[data-role=no_ev_end] { color:#bbb;background:#ddd; }

table.info td div.spl span.select select > option:disabled { color: #bbb; background: #eee;}
table.info td div.spl span.select select > option.bold { background: #d7e3ff;}

table.info td div.spl span + .txt{display:inline-block; color:#999; margin-left:10px;}

.minicolors-swatch, .minicolors-swatch-color { border: 0px !important;cursor: pointer;}


table.info td input[data-role=colorpick] {margin:0px;line-height:38px;height:38px;width:80px;;padding:0px 10px 0px 40px;border:1px solid #ddd;background:#f5f5f5;font-size:13px;letter-spacing:normal;outline: none;font-weight:400;}
.minicolors-theme-default .minicolors-swatch { width:30px;height:30px; }
table.info td div.spl.inline { display:inline-block; margin-left:2%;}
table.info td div.spl.inline.hide { display:none; }
table.info td div.spl span textarea{width:100%; resize:none; padding:10px; font-size:13px; font-weight:400;}
table.info td div.spl span textarea[name="boardContent"] {height: 300px;}
table.info td div.spl span input[type=text],
table.info td div.spl span input[type=date],
table.info td div.spl span input[type=time],
table.info td div.spl span input[type=password] {min-width:125px; width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:400;}
table.info td div.spl span input[type=password] {font-family: sans-serif;}
table.info td div.spl span input[type=text][data-field=readonly] { 	background:rgba(215,227,255,0.4);font-weight:400; }
table.info td div.spl span input[type=text],
table.info td div.spl span input[type=password] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
table.info td div.spl span input[type=text].uppercase { text-transform: uppercase; }
table.info td div.spl span input[type=text]:disabled,
table.info td div.spl span input[type=password]:disabled,
table.info td div.spl span select:disabled,
table.info td div.spl span textarea:disabled  { background:rgba(153,108,51,0.1); }
table.info td div.spl div.file { position:relative;padding:0px 0px; }
table.info td div.spl div.file a { position:absolute;top:4px;right:4px;height:32px;line-height:32px;width:55px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400;border: 0px;border-radius: 3px;}
table.info td div.spl div.file a input[type=file] { position:absolute;top:0px;left:0px;width:100%;height:32px;line-height:32px;font-size:38px;cursor:pointer;background:#999;padding:0px;margin:0px;opacity:0;}
table.info td div.spl div.post { position:relative;display:inline-block;width:220px;;margin-left:1%;vertical-align: middle;background:#fff; margin-bottom:0px;}
table.info td div.spl div.post a { position:absolute;top:4px;right:4px;height:32px;font-size:13px;line-height:32px;width:54px;color:#fff;font-weight:400;background:#999;overflow:hidden;text-align:center;cursor:pointer;border-radius: 3px;border:0px; }
table.info td div.spl div.post + .checkbox { display:inline-block;vertical-align: top;}
table.info td div.spl div.load { position:relative;padding:0px 0px; }
table.info td div.spl div.load a { position:absolute;top:0px;right:0px;height:38px;line-height:38px;width:80px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400; }
table.info td div.spl div.load a.del { position:absolute;top:0px;right:115px;height:38px;line-height:38px;width:60px;color:#fff;background:#bbb;overflow:hidden;text-align:center;cursor:pointer;font-weight:400; }
table.info td div.spl div.load a.del.hide { display:none; }
table.info td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.won:after { content:"원";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;}
table.info td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.info td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
table.info td div.spl span.label.pre {position:relative; padding:0px 40px 0px 50px;}
table.info td div.spl span.label.pre.right > input {text-align:right;}
table.info td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
table.info td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.info td div.hide_wrap { display:none;padding:0px 0px;margin-top:5px; }
table.info td a { display:inline-block;padding:0px 15px;border:1px solid #ccc;background:#fff;font-size:13px;line-height:36px;height:36px;border-radius: 5px;color:#999;}
table.info td a.excel {position:relative;display:inline-block;margin:0px 0px;height:38px;line-height:38px;width:auto;color:#fff;font-weight:400; vertical-align: middle;font-size:13px;background:#197b30;text-align:center;cursor:pointer; border:1px solid rgba(0,0,0,0.1);padding:0px 15px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; }
table.info td a.excel > i { display:inline-block;height:38px;line-height:38px;vertical-align: bottom;margin-right:5px;}
table.info td a.toggle + div { margin-top:5px; }
table.info td a.excel + a.excel { margin-left:5px;background: #439467;}
table.info td a.toggle[data-toggle=N] + div { display:none; }
table.info td a.toggle[data-toggle=Y] + div { display:block; }
table.info td a.add_file { padding:0px;width:38px;text-align: center;}
table.info td a.add_file::before {  font-family: 'xeicon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:18px;}
table.info td a.add_file[data-val=ADD]::before {  content: "\e913"; }
table.info td a.add_file[data-val=REMOVE] { border:1px solid #aaa;background:#eee; }
table.info td a.add_file[data-val=REMOVE]::before {  content: "\e91a"; }
table.info td div.ex { display:inline-block;padding:0px 0px;font-size:13px;margin-left:1% !important;vertical-align: middle;color:#999;line-height: 38px;}
table.info td div.ex > em { font-size:12px;color:#e95653;display:inline-block;line-height: 20px;vertical-align: bottom;margin-left:3px;}
table.info td p.ex { display:block;padding:0px 0px !important;font-size:12px !important;vertical-align: middle;color:#999; }
table.info td div.thum { height:83px;width:83px;border:1px solid #ddd;padding:0px;vertical-align:bottom; margin-bottom:0px;background-repeat: no-repeat;background-position: center;background-size: contain;cursor:pointer; }
table.info td div.thum_sec { float:left;display:inline-block;width:85px;padding-right:10px;display:none; }
table.info td div.thum_sec.is_thum { display:inline-block; }
table.info td div.att_sec.toogle { display:none; }
table.info td div.att_sec.toogle.opened { display:block; }
table.info td div.att_sec.toogle[data-no="0"] { display:block; }
table.info td div.att_sec { margin-left:0px; }
table.info td div.att_sec + div.att_sec { margin-top:11px;position: relative;}
table.info td div.att_sec + div.att_sec::before {content: '';background: #eee;width:100%;height:1px;display:block;position: absolute;top:-6px;}
table.info td div.att_sec > .file { display:none;line-height:28px;height:28px;padding:0px 10px;margin-right:5px; }
table.info td div.att_sec > .file.is_file { display:inline-block;vertical-align: middle;max-width:150px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom: 5px;}
table.info td div.att_sec > .file + .checkbox { display:none; }
table.info td div.att_sec > .file.is_file + .checkbox { display:inline-block;vertical-align: middle;width:auto; }
table.info td div.thum_sec + div.att_sec > .checkbox { display:none; }
table.info td div.thum_sec + div.att_sec > div.spl { margin-top:0px !important; }
table.info td div.thum_sec.is_thum + div.att_sec > .checkbox { display:block; }
table.info td div.thum_sec.is_thum + div.att_sec { margin-left:95px; }
table.info td div.thum_sec.is_thum + div.att_sec > div.spl { margin-top:5px !important; }
table.info td div.thum_sec.is_thum + div.att_sec > div.spl > div { margin-left:0px; }
table.info td label { padding-left:18px;vertical-align: bottom; height:18px;line-height:18px;}
table.info td label.hide { display:none; }
table.info td label > span { display:inline-block !important;padding:0px 0px !important;border:0px solid #ddd !important;background:transparent !important;font-size:auto !important; height:18px !important;line-height:18px !important;vertical-align: top !important;}
table.info td label > span > em { display:inline-block;margin-left:5px;font-size:12px;color:#999;vertical-align: middle;}
table.info td label > span > b { display:inline-block;margin-left:5px;font-size:12px;color:#e95653;vertical-align: middle;font-weight:400;}
table.info td label > span > b[data-val=""] { display:none; }
table.info td label > span > b[data-val="0"] { display:none; }
table.info td label > span > b:before { content: attr(data-val); }
table.info td label > input[type=checkbox] + span:before { width:16px;height:16px; vertical-align: middle;}
table.info td label > input[type=checkbox]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
table.info td label > input[type=radio] + span:before { width:16px;height:16px;vertical-align: middle; }
table.info td label > input[type=radio]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
table.info td label + label { margin-left:10px; }
table.info td label.hide + label { margin-left:0px; }
table.info td label > a.btn { height:18px;line-height:18px;padding:0px 2px;;margin:0px;display:inline-block;text-decoration: underline;color:#313a73;}
table.info td label > a.btn:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;display:inline-block;color:#313a73;font-size:15px;height:18px;line-height:18px;z-index:1;margin-left:5px;}
table.info td label > a.btn[data-val=Y]:after { content:"\f106";}
table.info td img.thum + label { vertical-align:bottom; }
table.info td p.tit { font-size:13px;display:block; color:#bbb;font-weight:400;margin-bottom:7px;}
table.info td div.txt { font-size:13px;display:block; }
table.info td div.txt > b { font-weight: 500; }
table.info td div + div.txt { margin-top:5px; }
table.info td div.txt a { position:absolute;top:0px;right:0px;height:35px;line-height:35px;width:100px;color:#666;font-weight:500;background:#fff;overflow:hidden;text-align:center;cursor:pointer; border:1px solid #bbb;}
table.info td div.scrolling { position:relative;padding:0px 0px;height:210px;border:1px solid #ddd;overflow:hidden;overflow-y:scroll;overflow-x:auto;width:auto;}
table.info td div + div.scrolling { margin-top:5px; }
table.info td div.scrolling.h_auto { height:auto;overflow:hidden;overflow-y:hidden;}
table.info td div.scrolling.h_max { height:250px;display:block;}
table.info td div.scrolling.h_min { height:150px;display:block;}
table.info td div.scrolling.hide { display:none; }
table.info td div.scrolling_btn_area { padding:7px 10px;border:1px solid #ddd;margin-top:-1px;background:#eee;text-align:left;}
table.info td.nopad div.scrolling { border:0px solid #ddd; }
table.info td.nopad div.scrolling_btn_area { border:0px solid #ddd; }

table.info td > .qrcode { display:block;height:200px;position: relative;}
table.info td > .qrcode > .code { display:block;width:180px;font-size:12px;color:#999;position: absolute;top:0px;right:0px;}
table.info td > .qrcode > img { display:block;margin:0px;height:200px; }

table.info td div.scrolling_btn_area a {display:inline-block; padding:0px 12px;line-height:30px;height:30px;background:#fff;border:1px solid #ddd;color:#777;text-align:center;cursor:pointer;border-radius:4px;}
table.info td div.scrolling_btn_area a > i { font-size:13px;display:inline-block;margin-right:5px; }
table.info td div.scrolling_btn_area a.get	 { position:relative;background:#4573f2;color:#fff;border:1px solid rgba(0,0,0,0.1);float:right; }
table.info td div.scrolling_btn_area a.add { position:relative;background:#4573f2;color:#fff;border:1px solid rgba(0,0,0,0.1);padding-right:30px; }
table.info td div.scrolling_btn_area a.add:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#fff;font-size:15px;height:30px;line-height:30px;z-index:1;}
table.info td div.scrolling_btn_area > .rt { display:inline-block;float:right; }
table.info td div.scrolling_btn_area a.add dl {display:none; position:absolute;top:31px;right:-1px;background:#fff;border:1px solid #ccc;width:360px;overflow: hidden;z-index:1;}
table.info td div.scrolling_btn_area a.add dl > dd { display:inline-block;float:left;width:150px;border-top:1px solid #ddd;background:#fff;border-left:1px solid #ddd;padding:0px 15px;line-height:30px;margin-left:-1px;margin-top:-1px; }
table.info td div.scrolling_btn_area a.copy { position:relative;background:#999;color:#fff;border:1px solid rgba(0,0,0,0.1);padding:0px 15px; }
table.info td div.scrolling.input { height:250px;padding:10px;}
table.info td div.txt_ex  { position:relative;padding:10px 0px;line-height:20px;min-height:20px;border:0px solid #ddd; }
table.info td > div.status { line-height: 38px !important;height: 38px !important; }
table.info td > div.status > b { display:inline-block;font-weight:400; padding:0px 2px;min-width:100px;line-height: 38px !important;height: 38px !important;font-size:13px;border-radius: 20px;vertical-align: middle;text-align:center; }
table.info td > div.status > b:before { display:block;line-height: 38px !important;height: 38px !important; }
table.info td > div.status > span  {display:inline-block;margin-left:10px;color:#313a73;line-height:40px;vertical-align:bottom;;border:0px solid #ddd;background: transparent;}
table.info td div.txt_ex > .att_img { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > .att_img img {  max-width:30%;height: auto; width: auto\9; /* ie8 */display:inline-block; cursor: pointer;vertical-align: top;}
table.info td div.txt_ex > .att_img img + img { margin-left:10px; }
table.info td div.txt_ex > .att_img a { width:150px;padding:0px;height:150px;display:inline-block;background-position: center;background-repeat: no-repeat;background-size: cover;border:2px solid rgba(0,0,0,0.1);}
table.info td div.txt_ex > .att_img a + a { margin-left:5px; }
table.info td div.txt_ex > .att_file { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > .att_file a { max-width:150px;padding:0px;height:30px;line-height:30px;padding:0px 10px;display:inline-block;display:inline-block;vertical-align: middle;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
table.info td div.txt_ex > .att_file a + a { margin-left:5px; }
table.info td div.txt_ex > .thum { display:block;width:100%;padding-top:100%;background-color:#ddd;background-position: center;background-repeat: no-repeat;background-size: contain;margin:0px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > b {font-size:14px;line-height:20px;margin:0px;padding:0px;display:inline-block;vertical-align:bottom;font-weight:500;}

table.info td div.txt_ex > strong { display:inline-block;font-weight:400;white-space: nowrap;font-size:0px;line-height:20px; vertical-align: bottom;}
table.info td div.txt_ex > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:13px;}
table.info td div.txt_ex > strong > i { display:inline-block;line-height:20px;vertical-align: bottom; color:#999;margin:0px 5px;font-size:13px;}
table.info td div.txt_ex > strong > i:nth-of-type(3) { display:none; }
table.info td div.txt_ex > strong > span:nth-of-type(4) { display:none; }

table.info td dl.history { border: 0px;background: #f8f8f8;padding:10px 15px;}

table.info td div.txt_ex > h4 {font-size:20px;line-height:24px;margin:0px;padding:0px;display:block;vertical-align:bottom;font-weight:500;text-align: center;position: relative;}
table.info td div.txt_ex > h4 > span { display:block;line-height:20px;font-size:13px;color:#999;font-weight:400; }
table.info td div.txt_ex > h4 > a { position:absolute;top:5px;right:0px;;display:inline-block;margin:0px 2px;height:34px;line-height:34px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
table.info td div.txt_ex > h4 > a.cyanbg { position:relative;background:#313a73;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.bluebg { position:relative;background:#4573f2;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.redbg { background:#ec635d;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.graybg { background:#999;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.blackbg { background:#2E323B;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
table.info td div.txt_ex > span  {display:inline-block;margin-left:5px;color:#313a73;line-height:21px;vertical-align:bottom;}
table.info td div.txt_ex.blue {color:#313a73;}
table.info td div.txt_ex.red {color:#e95653;}
table.info td div.txt_ex.gray {color:#999;}
table.info td div.txt_ex > a { text-decoration: underline;cursor:pointer;color:#d71920;line-height:20px;border:0px solid #ddd;height:auto;padding:0px 10px;}
table.info td div.txt_ex > a.btn {text-decoration:none; display:block;background:#2E323B;width:auto;padding:0px 20px;height:36px;line-height:36px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-18px;right:0px;border-radius: 5px; opacity:0.8;}
table.info td div.txt_ex > a.btn.play { background:#ec635d;font-size:18px;}
table.info td div.txt_ex > p { margin-left:10px; }
table.info td div.txt > b.big { font-size:34px;font-weight:500;color:#ec635d;line-height:50px; display:inline-block;}
table.info td div.txt > b.big > i { font-size:16px;font-weight:400;display:inline-block;margin-left:3px; }
table.info td div.txt > p { color:#888; }
table.info td div.txt > p > b { font-size:16px;font-weight:500;color:#666; }
table.info td div.txt > p > b > i { font-size:13px;font-weight:400;display:inline-block;margin-left:0px; }
table.info td div.checkbox  { padding:10px 0px;border:1px solid transparent;vertical-align: middle;font-size: 0px;}
table.info td div.checkbox.min { max-height:200px;overflow: hidden;overflow-y: auto;}
table.info td div.checkbox + div.add_opt { margin-left:20px; }
table.info td div.checkbox.half  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.half > label { min-width:100px; }
table.info td div.checkbox.qt  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.qt > label { width:20%; }
table.info td div.checkbox.qt > label + label { margin-left:0px; }
table.info td div.checkbox.th  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.th.worktypes  { line-height:22px;padding:5px 0px; }
table.info td div.checkbox.th > label { width:33.3333%;box-sizing: border-box;}
table.info td div.checkbox.th > label + label { margin-left:0px; }
table.info td div.checkbox.th > label > input[type=checkbox]:checked + span:before { background: #e95653;color:#fff; }
table.info td div.checkbox.th > label > input[type=checkbox]:checked + span { color:#e95653;font-weight:500; }
table.info td div.checkbox.thr > label { width:12%; }
table.info td div.checkbox.thr > label + label { margin-left:0px; }

table.info td div.checkbox.disable label { cursor:default !important; }
table.info td div.checkbox.inline { display:inline-block; }
table.info td.defect_img { background: #fafafa;}

table.info td > .radio.flex{display:flex; gap:10px; flex-wrap:wrap;}
table.info td > .radio.flex > label + label{margin-left:0px;}

.spl.hiddenInput{display:none;}
.spl.hiddenInput.view{display:block;}

/* 영역분할 */
div.spl { display:block;margin-left:-1%; font-size:0px;vertical-align: middle;}

div.spl.flex{display:flex;}
div.spl.flex > .btn{margin-left:1%;}
div.spl.flex > .xi{font-size:15px; margin-left:auto; cursor: pointer; display:flex; align-items:center;}

div.spl > .txtBox > div{display:flex; align-items:end; gap:3px; font-weight:700; font-size:17px; line-height:1.2;}
div.spl > .txtBox > div > span{font-size:13px; font-weight:500; color:#999; background:transparent !important;}
div.spl > .txtBox > span{color:#999; background:transparent !important; line-height:1.2;}

div + div.spl { margin-top:5px; }
div.checkbox + div.spl { margin-top:0px; }
div.spl.nmt { margin-top:0px; }
div.spl.hide { display:none; }
div.spl > div {display:inline-block;vertical-align: middle;margin-left:1%;}
div.spl > div.hide { display:none; }

div.spl > div.auto {width:auto;}
div.spl > div.flex{display:flex; align-items:center;}

div.spl .s80 { width:80px; }
div.spl .s100 { width:100px; }
div.spl .s110 { width:110px; }
div.spl .s120 { width:120px; }
div.spl .s130 { width:130px; }
div.spl .s140 { width:140px; }
div.spl .s150 { width:150px; }
div.spl .s160 { width:160px; }
div.spl .s170 { width:170px; }
div.spl .s180 { width:180px; }
div.spl .s190 { width:190px; }
div.spl .s200 { width:200px; }
div.spl .s250 { width:250px; }

div.spl > div.s_1i2 {width:49%;}
div.spl > div.s_2i2 {width:99%;}

div.spl > div.s_1i3 {width:32.3333%;}
div.spl > div.s_2i3 {width:65.6666%;}
div.spl > div.s_3i3 {width:99%;}

div.spl > div.s_1i4 {width:24%;}
div.spl > div.s_2i4 {width:49%;}
div.spl > div.s_3i4 {width:74%;}
div.spl > div.s_4i4 {width:99%;}

div.spl > div.s_1i5 {width:19%;}
div.spl > div.s_2i5 {width:39%;}
div.spl > div.s_3i5 {width:59%;}
div.spl > div.s_4i5 {width:79%;}
div.spl > div.s_5i5 {width:99%;}

div.spl > div.s_1i6 {width:15.6666%;}
div.spl > div.s_2i6 {width:32.3333%;}
div.spl > div.s_3i6 {width:49%;}
div.spl > div.s_4i6 {width:65.6666%;}
div.spl > div.s_5i6 {width:82.3333%;}
div.spl > div.s_6i6 {width:99%;}

div.spl > div.s_1i10 {width:9%;}
div.spl > div.s_2i10 {width:19%;}
div.spl > div.s_3i10 {width:29%;}
div.spl > div.s_4i10 {width:39%;}
div.spl > div.s_5i10 {width:49%;}
div.spl > div.s_6i10 {width:59%;}
div.spl > div.s_7i10 {width:69%;}
div.spl > div.s_8i10 {width:79%;}
div.spl > div.s_9i10 {width:89%;}
div.spl > div.s_10i10 {width:99%;}

div.spl > div.s_12p {width:12%;}
div.spl > div.s_pre {width:100px;}
div.spl > div.s_won {width:120px;}
div.spl > div.s_won + label { margin-left:20px; }
div.spl > div.s_date {width:120px;}
div.spl > div.in_th {width:100px;}

div.spl > div.s_term {width:44%;}
div.spl > div.s_term_ex {width:9%;text-align: center;}

div.spl > div.s_1n2{width:calc(100% - 200px);}
div.spl > div.s_1n112{width:calc(100% - 112px);}

.s30p{width:30%;}
.s40p{width:40%;}
.s45p{width:45%;}
.s50p{width:50%;}
.s55p{width:55%;}
.s60p{width:60%;}
.s70p{width:70%;}
.s100p{width:100%;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
/* @영역분할 */


.grid_wrap { padding:0px 0px; position:relative;}

.grid_wrap.flex{display:flex; gap:40px;}

.table_box {position: relative;display:block;border:1px solid #d1d1d1;border-top:2px solid #2E323B;border-left:0px;border-right:0px;overflow: hidden;overflow-x: auto;}
.table_box > .table_head { position:absolute;overflow-y: hidden;overflow-x:hidden;display:block;height:44px;margin:0px 0px; left:0px;right:0px;top:0px;z-index:1;background:#fff;box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.1);}
.table_box > .table_foot { display:none; }
/* 목록테이블 설정( 타입1 ) */
table.list { min-width:100%;font-size:13px; color:#333;margin:0px;padding:0px;border-spacing:0px;border-collapse:collapse;height:100%;margin:0px; }
table.list th { text-align:center; border-top:0px solid #ccc;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #ccc;font-weight:400;color:#666;line-height:18px;height:36px;padding:5px 20px;background:#f8f8f8; white-space: nowrap;letter-spacing:normal;}
table.list th:first-child { border-left:0px solid #ccc; }
table.list td:first-child { border-left:0px solid #ccc; }
table.list th:last-child { border-right:0px solid #ccc; }
table.list td:last-child { border-right:0px solid #ccc; }
table.list tr:last-of-type > td{border-bottom:0px;}
table.list tbody.init { display:none; }
table.list tr.trow > th { height:28px;padding:0px 20px;}
table.list.tr_ln tr { cursor:pointer; }
table.list td.cell_link { cursor:pointer; }
table.list td { font-weight:normal;text-align:center; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:0px solid #e9e9e9;border-right:0px solid #e9e9e9;white-space: nowrap;padding:7px 15px; letter-spacing:normal;line-height:18px;height:32px;position: relative;}
table.list.min th { padding:0px 7px; }
table.list.min td { padding:2px 7px; }
table.list td.chkbox { width:40px; }
table.list td.no { width:7%; }
table.list td.type { width:12%; }
table.list td.title { width:auto; }
table.list td.writer { width:10%; }
table.list td.date { width:13%; }

table.list td.s05 { width:5%; }
table.list td.s06 { width:6%; }
table.list td.s07 { width:7%; }
table.list td.s08 { width:8%; }
table.list td.s09 { width:9%; }
table.list td.s10 { width:10%; }
table.list td.s11 { width:11%; }
table.list td.s12 { width:12%; }
table.list td.s13 { width:13%; }
table.list td.s14 { width:14%; }
table.list td.s15 { width:15%; }
table.list td.s20 { width:20%; }
table.list td.title { width:auto; }

table.list td.left { text-align:  left !important; }
table.list td.worktypes { padding:7px 0px;width:250px; }
table.list td.worktypes > p { font-size:12px;display:block;line-height:22px; }
table.list td.worktypes > p + p { border-top:1px solid #ddd; }
table.list th > i.sort {position:absolute;top:0;right:0;bottom:0;height:100;padding:0px 0px;width:15px;border-left:1px solid #ddd;background:transparent;cursor:pointer;z-index:9;display: block; content:'';font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#ccc; font-size:13px; }
table.list th > i.sort::before { content: "\f0dc"; line-height:20px;height:20px;position:absolute;right:0px;top:50%;display:block;margin-top:-10px;width:15px; }
table.list th > i.sort[data-sort=ASC], table.list th > i.sort[data-sort=DESC] { color:#333; }
table.list th > i.sort[data-sort=ASC]::before { content: "\f0de";}
table.list th > i.sort[data-sort=DESC]::before { content: "\f0dd";}
table.list th > a.sort {position: relative;padding:0px 0px;background:transparent;cursor:pointer;display: block; content:'';text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:13px;color:#666; }
table.list th > a.sort::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0dc"; line-height:32px;height:32px;position:absolute;right:-20px;top:50%;display:block;margin-top:-16px;width:15px;border-left:1px solid #eee; color:#ccc; }
table.list th > a.sort[data-sort=ASC], table.list th > a.sort[data-sort=DESC] { font-weight:500;color:#111; }
table.list th > a.sort[data-sort=ASC]::before, table.list th > a.sort[data-sort=DESC]::before { color:#111; }
table.list th > a.sort[data-sort=ASC]::before { content: "\f0de";}
table.list th > a.sort[data-sort=DESC]::before { content: "\f0dd";}

table.list th > a.sortByPay {position: relative;padding:0px 0px;background:transparent;cursor:pointer;display: block; content:'';text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:13px;color:#666; }
table.list th > a.sortByPay::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0dc"; line-height:32px;height:32px;position:absolute;right:-20px;top:50%;display:block;margin-top:-16px;width:15px;border-left:1px solid #eee; color:#ccc; }
table.list th > a.sortByPay[data-sort="Y"] { font-weight: 500; color: #111; }
table.list th > a.sortByPay[data-sort="Y"]::before { color: #111; content: "\f0dc"; }

table.list tr.trow th > a.sort::before {line-height:28px;height:28px;margin-top:-14px;}
table.list th.th_sort { background:#eee;border-right:1px solid #eee;padding:0px; }
#sortable_list > tr > td.move_handler { width:20px;font-size:14px;padding:0px;background:#eee;color:#666;cursor: move;border-right:0px solid #ccc;}
#sortable_list > tr.tr-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:50px;}
#sortable_list > tr.tr-placeholder > td { background: transparent;border: 0px;}
#sortable_list > tr.ui-sortable-helper { display:table !important;}
#sortable_list > tr.ui-sortable-helper > td { background:rgba(255,255,255,0.7);}
#sortable_list > tr.ui-sortable-helper > td > a { display:none; }
table.list tr > td.move_handler { width:20px;font-size:14px;padding:0px;background:#eee;color:#666;cursor: move;border-right:0px solid #ccc;}
table.list tr.tr-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:50px;}
table.list tr.tr-placeholder > td { background: transparent;border: 0px;}
table.list tr.ui-sortable-helper { display:block !important;}
table.list tr.ui-sortable-helper > td { background:rgba(255,255,255,0.7);}
table.list tr.ui-sortable-helper > td > a { display:none; }
table.list th.hide, table.list td.hide { display:none; }
table.list th > i.guide {position:absolute;top:0px;left:0px;height:0px;padding:0px 0px;width:0px;border-top: 10px solid #fddd9b;border-bottom: 10px solid transparent;border-right: 10px solid transparent;color:#ccc;}
table.list th em { font-size:12px;color:#999; }
table.list th span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list th.fix_td { width:50px; }
table.list th > label > input[type=checkbox] + span,
table.list td > label > input[type=checkbox] + span { margin:0px; }
table.list td div.thum {display:inline-block;width:40px;height:40px;border: 1px solid #ccc;background-image:url(../img/no_img.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;vertical-align: middle;}
table.list td > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > span.red { color:#8c2332; }
table.list td > span.inline { display:inline;}
table.list td > div.profile { text-align:left;position: relative;padding:0px 10px;}
table.list td > div.profile > strong { font-weight:400; }
table.list td > div.profile > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.profile > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}

table.list td > a.lbtn {display:inline-block; color:#26B7BC; width:auto; border: 2px solid #26B7BC; padding:0px 15px; height:30px; line-height:30px; text-align:center; background:#fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:13px; font-weight:600;}

table.list td > div.lining { text-align:center;padding-right:0px;}
table.list td.left > div.lining { text-align : left; }
table.list td.right { text-align: right;}
table.list td > div.lining.sc { padding:10px 10px;}
table.list td > div.lining.items{display:flex; justify-content:flex-start; align-items:center; gap:5px;}
table.list td > div.lining > .select > select[name="listPayStatus"]{width:85px}

table.list td > div.lining > strong { font-weight:400;white-space: nowrap; }
table.list td > div.lining > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:12px;color:#666;}
table.list td > div.lining > strong > i { display:inline-block;line-height:20px;vertical-align: bottom; color:#999;margin:0px 5px;font-size:13px;}
table.list td > div.lining > strong > i:nth-of-type(3) { display:none; }
table.list td > div.lining > strong > span:nth-of-type(4) { display:none; }
table.list td > div.lining > i.files { display:inline-block;line-height:20px;vertical-align: bottom; color:#2E323B;margin:0px 5px;font-size:16px;transform: rotate( -30deg );}
table.list td > div.lining > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}
table.list td > div.lining > i.thum.sq { border-radius: 0%;width:38px;height:38px; }

table.list td > div.lining > i.dropIcon{margin-left:5px; display:inline-block;}
table.list td > div.lining > i.dropIcon::after{content: "\e936"; font-family:"xeicon"; display:inline-block; font-size:15px; width:15px; color:#ccc;}
table.list td > div.lining > i.dropIcon.on::after{content: "\e930";}

table.list td > div.lining > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.lining > span.black { color:#333; }
table.list td > div.lining > span.fs13 { font-size: 13px; }
table.list td > div.lining > span.weight600{font-weight: 600;}
table.list td > div.lining > span.weight700{font-weight: 700;}
table.list td > div.lining > span.discount { color: #333; }
table.list td > div.lining > span.high-discount { color: red; font-weight: bold; }
table.list td > div.lining > span.task-grading { display: inline-block; color: #333; font-size: 13px; }
table.list td > div.lining > span.task-grading.has-pending { color: #e95653; }
table.list td > div.lining > span > b { font-weight:500;white-space: nowrap;font-size:12px;display:inline-block;vertical-align: top;line-height:18px;margin-right:5px;color:#8c2332;}
table.list td > div.lining > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}
table.list td > div.lining > i.thum.sq { border-radius: 0%;width:38px;height:38px; }
table.list td > div.lining > div.thum { display:inline-block;width:38px;height:38px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: contain;border-radius: 50%; }
table.list td > div.lining > div.thum.sq { border-radius: 0%; }
table.list td > div.lining > div.exp { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:16px; color:#999;padding:3px 0px; }
table.list td > div.lining > div.exp > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:18px; }
table.list td > div.lining > a.btn { display:none;background:#8c704b;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.lining > a.btn { top:0px !important;bottom:0px !important;left:0px !important;right:0px !important;border-radius: 0px;margin:0px;width:auto;height:auto;font-size:0px; opacity:0;}
table.list td > div.lining > a.btn.copy { background:#8c704b;right:45px;}
table.list td > div.lining > a.btn.accept { background:#8c704b;}
table.list td > div.lining > a.btn.play { background:#ec635d;right:28px;font-size:18px;}
table.list td > div.lining > a.selected { display:none;background:#ec635d;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;font-size:12px;}
table.list td > div.lining > a.selected::after { content:'선택'; }
table.list td > div.lining > i.arr { display:inline-block;margin: 0px 5px;color:#bbb;vertical-align: middle;}
table.list td > div.lining > div.exp > b > em { font-size:12px;display:inline-block;border: 1px solid #ccc;color:#999;line-height:20px;padding:0px 5px;vertical-align: middle;margin-right:5px;border-radius: 5px;}
table.list td > div.lining > div.exp > span { border: 1px solid #ccc;color:#999;display:inline-block;padding:0px 5px; color:#777;background: #fafafa;font-weight:400;}
table.list td b { display:inline-block;vertical-align: bottom;color:#333;font-weight:500;}
table.list td b.price { display:inline-block;vertical-align: bottom;color:#333;font-weight:500;font-size:15px;}
table.list td b.time { font-weight:500;font-size:14px; }
table.list td b.finish { color:#999;font-weight:500;}
table.list td b.ing { color:#ec5051;font-weight:500; }
table.list td b.pend { color:#2E323B;font-weight:500; }
table.list td b > span { color:#666;font-size:12px;font-weight:400;vertical-align: bottom;}
table.list td span.ell { display:block;max-width:160px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:13px; color:#333; }


table.list td > div.service { text-align:center;}
table.list td > div.service > .cart { position: absolute;top:50%;left:50%;background: #ec5051;color:#fff;display:none;width:90px;line-height:30px;margin-left:-45px;margin-top:-15px;border-radius: 5px;font-size:12px;}
table.list td > div.service > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list tr:hover td > div.service > .cart { display:block; }

table.list td > div.manage { text-align:center;font-size:0px;}
table.list td > div.manage > a { background: #bbb;color:#fff;display:inline-block;width:auto;padding:0px 10px;line-height:30px;border-radius: 0px;font-size:12px;}
table.list td > div.manage > a + a { margin-left:5px; }
table.list td > div.manage > a:hover { background: #444;}

table.list td a.down { display:inline-block;line-height:30px;height:30px;border:0px solid #111;font-size:12px;padding:0px 20px;color:#fff;margin:0px 0px;cursor:pointer;text-align:center;background:#2d3845;color:#fff;border:0px solid #2d3845;-webkit-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
table.list td > div.script { text-align:left;position: relative;padding:10px 10px;  }
table.list td > div.script > img { float:left;display:inline-block;width:40px;height:40px; }
table.list td > div.script > span { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:18px; }
table.list td > div.script > span > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:22px; }
table.list td > div.script > a.btn { display:none;;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.mod { display:none;background:#8959d3 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.del { display:none;background:#1e2550 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.link { display:none;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:45px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.set { position: relative; }
table.list td > div.set > a.view { display:none;background:#666;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-15px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.4;}
table.list td > div.set > a.view > dl { display:none; }
table.list td > div.set > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.set > a.btn { display:none;background:#6eacee;width:50px;height:30px;line-height:30px;text-align:center;padding:0px 0px;color:#fff;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-25px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;}
table.list td > div.set > a.btn.gray { background: #999;}
table.list td > div.set > a.btn.play { background:#ec635d;right:28px;font-size:18px;text-align:center;opacity: 0.8;width:30px;padding:0px;}
table.list td div.rejected { color:#ec635d; }
table.list td div.rejected > i { font-size:16px;display:inline-block;margin-left:5px;vertical-align: middle;}
table.list td div.waiting { color:#999; }
table.list td div.noti > b.confirmed { display:block;color:#45a171;font-weight:400;font-size:13px; }
table.list td div.noti > b.pending { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.opt > b { display:block;font-weight:400;font-size:13px; }
table.list td div.opt > b.important { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.opt > b::before { content:'일반'; }
table.list td div.opt > b.important::before { content:'공지';font-weight:600; }
table.list td div.status > b.waiting { display:block;color:#999;font-weight:400;font-size:13px; }
table.list td div.status > b.proceeding { display:block;color:#45a171;font-weight:400;font-size:13px; }
table.list td div.status > b.deadlined { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.status > b.pending { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.status > b.confirmed { display:block;color:#45a171;font-weight:400;font-size:13px; }
table.list tbody { counter-reset:list-number; }
table.list tbody > tr {counter-increment:list-number;}
table.list tbody > tr > td > span.numbering::before { content:counter(list-number); font-size:13px; color:#333;}

table.list td div.inspect > b { display:inline-block;background:#999;font-weight:400;color:#fff; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td div.inspect > b.saving { background:#fafafa;color:#bbb;border:1px solid rgba(0,0,0,0.15); }
table.list td div.inspect > b.waiting { background:#999; }
table.list td div.inspect > b.pending { background:#8c2332; }
table.list td div.inspect > b.confirmed { background:#45a171; }
table.list td div.qna > b { display:inline-block;background:#999;font-weight:400;color:#fff; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td div.qna > b.confirmed { background:#45a171; }

table.list td i.qna { display:inline-block;background:#999;font-weight:400;color:#fff !important; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td i.qna.confirmed { background:#45a171; }

table.list td.input { font-size:0px; }
table.list td.input > span {  position:relative;display:inline-block;vertical-align: middle;height:28px;line-height:28px;width:80px;color:#666;font-weight:400; overflow:hidden;font-size:13px;margin:0px;margin-left:0px;background:#fff;text-align:center; border:1px solid #bbb;padding:0px 15px 0px 0px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
table.list td.input > span > select { position:relative;display:block;width:180%;padding-left:10px;height:30px;line-height:30px;background:transparent;border:0px solid #999;font-size:13px;outline: none;z-index:2; }
table.list td.input > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:30px;line-height:30px;z-index:1;}
table.list td.input input[type=text] {display:inline-block;vertical-align:middle;padding:0px 20px 0px 5px;margin:0px;line-height:28px;height:28px;border:1px solid #bbb;font-size:13px;background:#fff;width:70px;;letter-spacing:normal;text-align:right;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
table.list td.input input[type=text].w_auto { width:80%;text-align:left; }
table.list td.input input[type=text].w_auto.td { width:250px;text-align:left; }
table.list td.input input[type=text]:-moz-read-only { background-color: #eee;color:#999;border:1px solid #ccc;}
table.list td.input input[type=text]:read-only { background-color: #eee;color:#999;border:1px solid #ccc;}
table.list td.input input[type=text]::-webkit-input-placeholder { color: #fff;}
table.list td.input input[type=text]::-moz-placeholder {  color: #fff;}
table.list td.input input[type=text]:-ms-input-placeholder { color: #fff;}
table.list td.input input[type=text]:-moz-placeholder { color: #fff;}
table.list td.input b.unit {display:inline-block;vertical-align:middle;padding:0px 0px 0px 0px;margin:0px;font-weight:400;line-height:28px;height:28px;border:1px solid transparent;margin-left:-27px;width:25px;font-size:12px;background:transparent;color:#aaa;letter-spacing:normal;text-align:center;cursor:pointer;}
table.list td.input a.inbtn {display:inline-block;vertical-align: middle;padding:0px 0px;margin:0px;line-height:28px;height:28px;width:28px;background:linear-gradient(to bottom, #fff, #f8f8f8, #ddd);border:1px solid #bbb;font-size:11px;letter-spacing:normal;text-align:center;cursor:pointer;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-left:3px; }
table.list td.nodata { height:350px;}
table.list td.nodata > i { font-size:45px;color:#666;margin-bottom:0px;line-height: 50px;}
table.list td.nodata > h2 { font-size:24px;color:#666;line-height:40px;font-weight:400;margin:0px;padding:0px;}
table.list td.nodata > h2::before { content: 'No Data Available.';}
table.list td.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
table.list td.nodata > p::before { content: '조회된 데이터가 없습니다.';}
table.list tr:hover td.nodata { background: transparent;}

table.list td.nodata_s { height:200px;}
table.list td.nodata_s > i { font-size:40px;color:#666;margin-bottom:0px;line-height: 45px;}
table.list td.nodata_s > h2 { font-size:20px;color:#666;line-height:35px;font-weight:400;margin:0px;padding:0px;}
table.list td.nodata_s > h2::before { content: '설정가능한 협력사가 없습니다.';}
table.list td.nodata_s > p { font-size:13px;color:#999;line-height:20px;margin:0px;padding:0px; }
table.list td.nodata_s > p::before { content: '협력사정보설정에서 협력사 정보를 추가해주세요.';}
table.list tr:hover td.nodata_s { background: transparent;}

table.list tr:hover td { background:rgba(45,54,80,0.1); }
table.list tr:hover td > div.lining > a.btn { display:block; }
table.list tr:hover td > div.lining > a.selected { display:block; }
table.list tr:hover td > div.script > a.btn { display:block; }
table.list tr:hover td > div.set > a.view { display:block; }
table.list tr:hover td > div.set > a.btn { display:block; }
table.list tr.tot td { height:30px; }
table.list tr.tot td { font-weight:500;background:rgba(69,161,131,0.1);color:#45a171; }
table.list tr.aver td { height:30px; }
table.list tr.aver td { font-weight:500;background:rgba(136,99,93,0.1);color:#ec635d; }
table.list tr.disabled td { color:#999;background:#eee; }
table.list tr.disabled td div.lining { color:#999; }
table.list tr.disabled td div.lining > .thum { opacity: 0.5;}
table.list tr.disabled td div.lining > a { cursor: default;}
table.list td div.spl span { display:block;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;font-size:13px; overflow: hidden;}
table.list td div.spl span.select { position:relative;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer;vertical-align: middle;overflow: hidden;}
table.list td div.spl span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:38px;height:38px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;}
table.list td div.spl span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.list td div.spl span input[type=text],
table.list td div.spl span input[type=password] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:400;}
table.list td div.spl span input[type=password] {font-family: sans-serif;}
table.list td div.spl span input[type=text][data-field=readonly] { 	background:rgba(233,86,83,0.1);font-weight:400; }
table.list td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.won:after { content:"원";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;}
table.list td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.list td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
table.list td div.spl span.label.pre {position:relative; padding:0px 40px 0px 30px;}
table.list td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
table.list td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:38px;line-height:38px;z-index:1;}


table.list td > .fleg{padding:5px 20px; color:#fff; font-size:12px; border-radius:20px;}
table.list td > .lining.fleg{padding:5px 0px; color:#fff; font-size:12px; border-radius:20px;}
table.list td > .fleg.stay{background:#999;}
table.list td > .fleg.play{background:#26B7BC;}
table.list td > .fleg.complete{background:#2E323B;}
table.list td > .fleg.uncomplete{background:#e95653;}

/* 통합채팅내역 메시지 줄바꿈 */
table.list tr.chatBoardTr > td.chatMsg { white-space: normal; }

.toggleMenu{background:#999; padding:8px 15px; /*position:fixed;*/ position:absolute; display:inline-block; z-index:10;}
.toggleMenu::before{content:''; position: absolute; top: -6px; left:15px; width: 0; height: 0; border-style: solid; border-width: 0px 5px 7px 5px; /* 삼각형의 크기 및 모양 설정 */ border-color:transparent transparent #999 transparent;}
.toggleMenu > li.off{display:none;}
.toggleMenu > li > a{color:#fff; text-align:left; display:block; line-height:1.5; cursor:pointer;}


div.status { height: 22px;line-height: 22px;}
div.status > b { display:inline-block;background:#999;font-weight:400;color:#fff; padding:0px 5px;min-width:70px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: bottom;border:1px solid rgba(0,0,0,0.1);text-align:center; }
div.status > b::before { display:block;text-align:center;line-height: 20px; }
div.status > b[data-val='1'] { background:#fafafa;color:#999 !important; }
div.status > b[data-val='1']::before { content:'신청'; }
div.status > b[data-val='2'] { background:#6eacee;color:#fff !important; }
div.status > b[data-val='2']::before { content:'접수'; }
div.status > b[data-val='64'] { background:#6eacee;color:#fff !important; }
div.status > b[data-val='64']::before { content:'재접수'; }

div.status > b[data-val='8'] { background:#45a171;color:#fff !important; }
div.status > b[data-val='8']::before { content:'작업중'; }
div.status > b[data-val='1024'] { background:#f19149;color:#fff !important; }
div.status > b[data-val='1024']::before { content:'작업(가)완료'; }

div.status > b[data-val='16'] { background:#e95653;color:#fff !important; }
div.status > b[data-val='16']::before { content:'작업완료확인'; }
div.status > b[data-val='512'] { background:#111;color:#fff !important; }
div.status > b[data-val='512']::before { content:'오접수'; }
div.status > b[data-val='32'] { background:#999;color:#fff !important; }
div.status > b[data-val='32']::before { content:'입주자확인'; }

div.status > b[data-val='128'] { background:#333;color:#fff !important; }
div.status > b[data-val='128']::before { content:'이관요청'; }

div.status > em { display:block;font-size:11px;color:#999; }


.paging_wrap {position:relative; margin:0px; padding:30px 30px;height:36px;border-top:0px solid #d1d1d1;text-align:center;font-size:0px; }
.paging_wrap.inner { padding:0px; }
.paging_wrap.ex { height:auto; }
.paging_wrap > p { position: relative;font-size:13px;color:#999;text-align:left; line-height:20px;padding-left:10px; }
.paging_wrap > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:9px;left:0px;content: ''; }
.paging_wrap > p > i { border:1px solid #ccc;font-size:10px;width:16px;height:16px;line-height:16px;vertical-align: middle;text-align:center;background:#eee;display:inline-block; }
.paging_wrap::after { clear:both;display:block;content:''; }
.paging_wrap > a { display:inline-block;line-height:34px;height:34px;min-width:24px;font-size:14px;cursor:pointer;text-align:center;vertical-align:middle; margin:0px 0px;padding:0px 5px;background:#fff;border:1px solid #d1d1d1;color:#48535f; }
.paging_wrap > a + a { margin-left:-1px;}
.paging_wrap > a.on { color:#fff;font-weight:400; background:#2E323B;border:1px solid rgba(0,0,0,0.1); }
.paging_wrap > a.on + a { border-left:1px solid #2E323B; }
.paging_wrap > a.fa { background:#fff;border:1px solid #d1d1d1;font-size:16px;width:34px;line-height:34px;height:34px;padding:0px;margin:0px;margin-left:-1px;font-weight:400; }
.paging_wrap > span {  position:relative;display:inline-block;vertical-align: middle;height:34px;line-height:34px;width:100px;color:#666;font-weight:400; overflow:hidden;font-size:13px;margin:0px;margin-left:10px;background:#fff;text-align:center;cursor:pointer; border:1px solid #ccc;padding:0px 15px 0px 0px;border-radius: 0px; }
.paging_wrap > span > select { position:relative;display:block;width:140%;padding-left:10px;height:34px;line-height:34px;background:transparent;border:0px solid #999;font-size:13px;outline: none;z-index:2; }
.paging_wrap > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:30px;line-height:30px;z-index:1;}

.win_wrap { display:block;padding-top:75px;padding-bottom:100px;}

.win_wrap.chat { display:block;padding-top:75px;padding-bottom:110px;}
.win_wrap > header { display:block;background: #f3f3f3;position: fixed;top:0px;right:0px;left:0px;z-index: 1;border-bottom:1px solid #ddd;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}

.win_wrap > header > .profile { padding:15px 20px 15px 80px;display:block;position: relative;}
.win_wrap > header > .profile > i { position: absolute;top:12px;left:18px;display: block;width:50px;height:50px;border-radius: 50%;background-size: cover;background-repeat: no-repeat;border:1px solid #bbb;box-sizing: border-box;}

.win_wrap.chat > header > .profile { padding:15px 15px 15px 75px;}
.win_wrap.chat > header > .profile > i {left:12px;}

.win_wrap > header > .profile > h4 { font-size:20px;font-weight: 700;line-height:26px;}
.win_wrap > header > .profile > h4 > span { display:inline-block;vertical-align: bottom;font-size:13px;font-weight: 400;color:#999;margin-left:10px;}
.win_wrap > header > .profile > p { font-size:13px;font-weight: 600;color:#666;line-height: 15px;margin-top:3px;}
.win_wrap > header > .profile > span { display:none;position: absolute;bottom:15px;right:60px;font-size:0px;}
.win_wrap > header > .profile > span > i { display:inline-block;width:15px;height:15px;line-height: 15px;text-align: center;font-size:11px;background: #bbb;color:#fff;vertical-align: bottom;}
.win_wrap > header > .profile > span > i.on { background: #2E323B;}
.win_wrap > header > .profile > .cards { display:block;position: absolute;top:24px;right:15px;font-size:0px;z-index: 10;}
.win_wrap.chat > header > .profile > .cards { right:90px; }
.win_wrap.report > header > .profile > .cards { right:210px; }

.win_wrap.report > header > .profile > span.select { position:absolute;top:18px;right:18px;padding:0px 0px;cursor:pointer;display:block;border:1px solid #ddd;height:36px;width:180px;background: #fff;border-radius: 18px;}
.win_wrap.report > header > .profile > span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:36px;height:36px;border:0px solid #ccc;background:transparent;font-size:15px;vertical-align: middle;padding-left:16px;z-index:2;outline: none;display:block;}
.win_wrap.report > header > .profile > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:14px;display:block;color:#ccc;font-size:15px;height:36px;line-height:36px;z-index:1;}

.win_wrap > header > .profile > .cards > p { display:inline-block;background: #999;padding:5px 0px;width:26px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);cursor: pointer;}
.win_wrap > header > .profile > .cards > p > span { font-size:11px;display:none;line-height:14px;}
.win_wrap > header > .profile > .cards > p > b { display:block;line-height:16px;text-align:center;display:block;font-size:14px;font-weight: 800;}
.win_wrap > header > .profile > .cards > p > b::before { content:attr(data-cnt); }
.win_wrap > header > .profile > .cards > p.y { background: #ffcb2a;}
.win_wrap > header > .profile > .cards > p.r { background: #fa3457;}

.win_wrap > header > .reload_btn { display:block;width:36px;height:40px;line-height: 40px;text-align: center;font-family: 'xeicon' !important;position: absolute;top:17px;right:46px;font-size:24px;}
.win_wrap > header > .reload_btn::before { content: "\e982";display:block;height:40px;line-height: 40px; }

.win_wrap > header > .search_btn { display:block;width:36px;height:40px;line-height: 40px;text-align: center;font-family: 'xeicon' !important;position: absolute;top:17px;right:10px;font-size:24px;}
.win_wrap > header > .search_btn::before { content: "\e97a";display:block;height:40px;line-height: 40px; }
.win_wrap > header > .search_btn.opened::before { content: "\e921"; }
.win_wrap > header > .search { display:none;padding:10px 10px 10px 10px;border-top:1px solid #ddd;position: relative;}
.win_wrap > header > .search > span { display:block; border:1px solid #ddd;border-radius: 20px;background:#fff;overflow: hidden;position:relative;}
.win_wrap > header > .search > span > input { line-height:38px;padding:0px 15px;width:100%; }
.win_wrap > header > .search > span > button { position: absolute;top:3px;right:3px;background:#2E323B;color:#fff;line-height:32px;padding:0px 20px;border-radius: 17px;}
.win_wrap > header > .search_btn.opened + .search { display:block; }

.win_wrap > footer { display:block;background: #f3f3f3;position: fixed;bottom:0px;right:0px;left:0px;z-index: 1;border-top:1px solid #ddd;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}

.win_wrap.report > footer > .btns { text-align:right;display:block;padding:15px 20px;font-size:0px;position: relative;}
.win_wrap.report > footer > .btns a { float: none;display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 30px;color:#fff;margin:0px 2px;cursor:pointer;background:#2E323B;border-radius: 5px;}
.win_wrap.report > footer > .btns a.gray { background:#999; }
.win_wrap.report > footer > .btns a.red { background:#ec635d; }
.win_wrap.report > footer > .btns a.black { background:#2E323B; }
.win_wrap.report > footer > .btns a.del {position:absolute;top:15px;right:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.win_wrap.report > footer > .btns a.preview {position:absolute;top:15px;left:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#fff;margin:0px 2px;cursor:pointer;background:#ec635d; }
.win_wrap.report > footer > .btns span.select {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:pointer;background:#fff;border:2px solid #e95653; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.win_wrap.report > footer > .btns span.select > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#e95653;color:#fff; }
.win_wrap.report > footer > .btns span.select select { position:relative;display:block;width:130%;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333; }
.win_wrap.report > footer > .btns span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:1;}
.win_wrap.report > footer > .btns span.appr {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:default;;background:#eee;border:2px solid #aaa; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.win_wrap.report > footer > .btns span.appr > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#aaa;color:#fff; }
.win_wrap.report > footer > .btns span.appr span { position:relative;display:block;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333;text-align:left; }
.win_wrap.report > footer > .btns > .ico_btns {position: absolute;top:15px;left:20px;height:30px;width:auto;display:block;font-size:0px;}
.win_wrap.report > footer > .btns > .ico_btns > button { display:inline-block;width:40px;height:40px;background:transparent;vertical-align:bottom;margin-left:0px;font-family: 'xeicon' !important;text-align:center;font-size:0px;}
.win_wrap.report > footer > .btns > .ico_btns > button::before { display:block;line-height:40px;color:#999;font-size:26px; }
.win_wrap.report > footer > .btns > .ico_btns > button.share::before { content:'\e9e9'; }
.win_wrap.report > footer > .btns > .ico_btns > button.print::before { content:'\e9bb'; }

.win_wrap.chat > footer > .btns { display:block;padding:10px 12px;font-size:0px; }
.win_wrap.chat > footer > .btns > a { display:inline-block;line-height:28px;padding:0px 12px;border:1px solid #ddd;background: #fff;font-size:13px; vertical-align: top;border-radius: 5px;position: relative;overflow: hidden;}
.win_wrap.chat > footer > .btns > a > i { display:inline-block;line-height:28px;vertical-align: bottom;margin-left:5px;}
.win_wrap.chat > footer > .btns > a.arr { padding-right:10px; }
.win_wrap.chat > footer > .btns > a.arr > i { font-family:FontAwesome; }
.win_wrap.chat > footer > .btns > a.arr > i::before { content:"\f106"; }
.win_wrap.chat > footer > .btns > a.arr.opened { background: #eee;color:#999;}
.win_wrap.chat > footer > .btns > a.arr.opened > i::before { content:"\f107"; }

.win_wrap.chat > footer > .btns > a > input[type=file] { position: absolute;top:0px;left:0px;line-height:28px;width:150%;font-size:28px;opacity: 0;cursor: pointer;}
.win_wrap.chat > footer > .btns > a + a { margin-left:2px; }
.win_wrap.chat > footer > .chat { display:block;padding:0px 12px 15px 12px;font-size:0px; }
.win_wrap.chat > footer > .chat > span { display:block; border:1px solid #ddd;border-radius: 5px;background:#fff;overflow: hidden;position:relative;}
.win_wrap.chat > footer > .chat > span > textarea { line-height:20px;height:26px;padding:8px 10px;width:100%; }
.win_wrap.chat > footer > .chat > span > button { position: absolute;top:3px;right:3px;bottom:3px;border-radius: 3px;background:#2E323B;color:#fff;padding:0px 20px;}

.win_wrap.chat > footer > .boilerplate { display:none;font-size:0px;max-height: 200px;overflow: hidden;overflow-y: auto;background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);position: absolute;left:0px;right:0px;bottom:110px;}
.win_wrap.chat > footer > .boilerplate a {padding:10px 15px;line-height: 20px;font-size:13px;color:#666;cursor: pointer;font-weight: 600;display:block;}
.win_wrap.chat > footer > .boilerplate a + a { border-top:1px solid #ddd; }
.win_wrap.chat > footer > .boilerplate.opened { display:block; }

.win_wrap.chat > footer > .boilerplate .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0,0,0,0.5); }

.win_wrap.chat > section { display:block; }
.win_wrap.chat > section > ul { display:block;padding:15px 0px; }
.win_wrap.chat > section > ul > li { display:block;text-align: left;position: relative;padding:0px 20px 0px 60px;overflow: hidden;}

.win_wrap.chat > section > ul > li + li { border-top:0px solid #ddd;margin-top:15px }
.win_wrap.chat > section > ul > li > div { display:inline-block;max-width:70%;padding:10px 15px;background: #eee;border-radius: 10px;position: relative; }
.win_wrap.chat > section > ul > li > div > i { position: absolute;top:6px;left:-50px;display: block;width:40px;height:40px;border-radius: 50%;background-size: cover;background-repeat: no-repeat;border:1px solid #bbb;box-sizing: border-box;}

.win_wrap.chat > section > ul > li > div > p { display:block;font-size:12px;color:#999;line-height:20px;margin-bottom:6px;}
.win_wrap.chat > section > ul > li > div > p > b { display:inline-block;height:20px;line-height:20px;vertical-align: top;font-size:13px;font-weight:500;margin-right:7px;color:#111; }
.win_wrap.chat > section > ul > li > div > div { display:block;margin-left:0px;line-height:20px; }
.win_wrap.chat > section > ul > li > div > div > b { font-weight: 600;}
.win_wrap.chat > section > ul > li > div > div > span { display:block;font-size:0px;margin-top:5px;margin-bottom:2px;}
.win_wrap.chat > section > ul > li > div > div > span > a { display:inline-block;line-height:26px;padding:0px 15px;background: #999;font-size:12px; vertical-align: top;border-radius: 2px;color:#fff; }
.win_wrap.chat > section > ul > li > div > div > span > b { display:inline-block;line-height:26px;vertical-align: top;margin-left:10px;font-size:12px;color:#999;font-weight: 700;}
.win_wrap.chat > section > ul > li > div:after,
.win_wrap.chat > section > ul > li > div:before {right: 100%; margin-right:0px; top: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.win_wrap.chat > section > ul > li > div:after { border-color: transparent; border-right-color: #eee; border-width: 9px; margin-top: 0px; }

.win_wrap.chat > section > ul > li.me { text-align: right;padding:0px 20px;}
.win_wrap.chat > section > ul > li.me > div > p { color:rgba(0,0,0,0.6); }
.win_wrap.chat > section > ul > li.me > div { background: #eedcc6;}
.win_wrap.chat > section > ul > li.me > div:after,
.win_wrap.chat > section > ul > li.me > div:before {right:auto;left: 100%; margin-left:0px; top: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.win_wrap.chat > section > ul > li.me > div:after { border-color: transparent; border-left-color: #eedcc6; border-width: 9px; margin-top: 0px; }

.win_wrap.chat > section > ul > li.me > div > button { background: transparent;width:26px;height:26px;line-height:26px;text-align:center;font-family: 'xeicon' !important;font-size:14px;position: absolute;top:10px;left:-26px;color:#999;}
.win_wrap.chat > section > ul > li.me > div > button::before {content: "\e921";}


.win_wrap.chat > section > ul > li.bot > div { background: rgba(90,229,223,0.5);}
.win_wrap.chat > section > ul > li.bot > div > p { color:rgba(0,0,0,0.6); }
.win_wrap.chat > section > ul > li.bot > div > p > b { font-weight: 700;letter-spacing: -0.5px;}
.win_wrap.chat > section > ul > li.bot > div > i { background: url(../img/bi_n.png) #2E323B no-repeat center;background-size: 75%;;background-repeat: no-repeat;border-radius: 5px;}
.win_wrap.chat > section > ul > li.bot > div:after,
.win_wrap.chat > section > ul > li.bot > div:before {right: 100%; margin-right:0px; top: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.win_wrap.chat > section > ul > li.bot > div:after { border-color: transparent; border-right-color: rgba(90,229,223,0.5); border-width: 9px; margin-top: 0px; }
.win_wrap.chat > section > ul > li.bot > div > div > span > a { background: #2E323B; }

.win_wrap.chat > section > ul > li.date { text-align: center;padding:10px 0px;}
.win_wrap.chat > section > ul > li.date > p { padding:5px 10px;background: #fff;font-size:13px;color:#999; }
.win_wrap.chat > section > ul > li.date > div:after,
.win_wrap.chat > section > ul > li.date > div:before { display:none; }

.win_wrap.chat > section > ul > li > div > div > span > a.waiting { background: #999; }
.win_wrap.chat > section > ul > li > div > div > span > a.waiting + b {color:#999;}
.win_wrap.chat > section > ul > li > div > div > span > a.proceeding { background:#45a171; }
.win_wrap.chat > section > ul > li > div > div > span > a.proceeding + b {color:#45a171;}
.win_wrap.chat > section > ul > li > div > div > span > a.deadlined { background:#8c2332; }
.win_wrap.chat > section > ul > li > div > div > span > a.deadlined + b {color:#8c2332;}
.win_wrap.chat > section > ul > li > div > div > span > a.pending { background:#8c2332; }
.win_wrap.chat > section > ul > li > div > div > span > a.pending + b {color:#8c2332;}
.win_wrap.chat > section > ul > li > div > div > span > a.confirmed { background:#45a171; }
.win_wrap.chat > section > ul > li > div > div > span > a.confirmed + b {color:#45a171;}

.win_wrap.report > section { display:block; max-width:980px;margin:0 auto;min-width:780px; }
.win_wrap.report > section > hgroup { display:block;padding:50px 0px 0px 0px; }
.win_wrap.report > section > hgroup > h2 { font-size:32px;font-weight: 700;margin-bottom:5px;text-align: center;line-height: 36px;font-family: GmarketSans; letter-spacing: -0.5px;}
.win_wrap.report > section > hgroup > p { font-size:18px;font-weight: 700;text-align: center;line-height: 24px;color:#999;}
.win_wrap.report > section > article { display:block;padding:0px 20px;margin-top:30px; }
.win_wrap.report > section > article > h4 { font-size:18px;font-weight: 700;text-align: left;line-height: 24px;margin-bottom:8px;}

.win_wrap.report > section > article .charts { display:block;padding:20px 10px 10px 10px;background: #f8f8f8; }

ul.cards { display:block;margin-bottom:20px;border-top: 2px solid #2E323B; }
ul.cards > li { display:block; border-bottom:1px solid #ddd; }
ul.cards > li + li { }
ul.cards > li > div { display:block;padding:12px 5px;position: relative;font-size:0}
ul.cards > li > div.appeal { display:none;padding-top:0px;padding-left:20px; }
ul.cards > li > div.appeal.opened { display:block; }
ul.cards > li > div.appeal::before { font-family: 'xeicon' !important;content:'\e97e';display:block;line-height:22px;color:#aaa;font-size:16px;position: absolute;left:5px;top:0px}
ul.cards > li > div.appeal span.txt { display:block; border:1px solid #ddd;border-radius: 5px;background:#fff;overflow: hidden;position:relative;}
ul.cards > li > div.appeal span.txt > textarea { line-height:20px;height:20px;padding:8px 10px;width:100%; }
ul.cards > li > div.appeal span.txt > button { position: absolute;top:3px;right:3px;bottom:3px;border-radius: 3px;background:#2E323B;color:#fff;padding:0px 10px;}

ul.cards > li > div.appeal span.radio { display:inline-block;margin-bottom:5px;border-radius: 5px;overflow: hidden;font-size:0px; vertical-align: bottom;}
ul.cards > li > div.appeal span.radio > label { display:inline-block;width:60px;height:30px;vertical-align: bottom;padding:0px;}
ul.cards > li > div.appeal span.radio > label > input[type=radio] + span  { display:block;width:60px;height:30px;line-height:30px;vertical-align:bottom;font-size:12px;font-weight: 700;margin-left:0px;background: #bbb;color:#fff;text-align: center;}
ul.cards > li > div.appeal span.radio > label > input[type=radio] + span:before { display:none;}
ul.cards > li > div.appeal span.radio > label > input[type=radio]:checked + span {  background: #2E323B;color:#fff; }
ul.cards > li > div.appeal span.radio > label + label { margin-left:1px; }


ul.cards > li > div.appeal > p { font-size:13px;line-height: 22px;font-weight: 400;}
ul.cards > li > div.appeal > .inspec { background: #eee;padding:10px;margin-top:10px;}
ul.cards > li > div > p { font-size:14px;line-height: 22px;font-weight: 600;}
ul.cards > li > div > span { font-size:12px;color:#999;display:inline-block;position: relative;line-height:18px;}
ul.cards > li > div > span + span { margin-left:21px; }
ul.cards > li > div > span + span::before { width:1px;height:12px;position: absolute;top:3px;left:-11px;content: '';background: #ddd;}
ul.cards > li > div > a { font-size:12px;line-height: 30px;font-weight: 600;background: #999;color:#fff;display:block;position: absolute;top:17px;right:5px;padding:0px 7px;border-radius: 3px;}
ul.cards > li > div > a.opened { background: #fff;color:#999; border:1px solid #ddd;box-sizing: border-box;}

ul.cards > li.expired > div { opacity: 0.5;}
ul.cards > li.expired > div > p { text-decoration: line-through;text-decoration-color: #777;}
ul.cards > li.expired > div > a { display:none; }

section.dashboard { margin-left:-15px;margin-top:-15px;font-size:0px;padding:30px; }
.dashboard > article { width:calc(25% - 15px);margin-left:15px;margin-top:15px;background: #fff;display:inline-block;vertical-align: top;border-radius: 5px;box-shadow: 0px 0px 15px rgba(0,0,0,0.1); position: relative;overflow: hidden;}
.dashboard > article.wide { width:calc(75% - 15px); }
.dashboard > article > hgroup { padding:12px 20px;position: relative;display:block;border-bottom:1px solid #ddd;}
.dashboard > article > hgroup > h2 { font-size:18px;font-weight: 500;letter-spacing: -0.5px;line-height:26px;height:26px;}
.dashboard > article > hgroup > span { position: absolute;bottom:12px;right:20px;font-size:13px;font-weight: 400;line-height:26px;height:26px;color:#999;}
.dashboard > article > hgroup > button { position: absolute;top:12px;right:20px;background: #fff;border:1px solid #ccc;height:26px;box-sizing: border-box;padding:0px 15px;color:#666;border-radius: 3px;}

.dashboard > article > hgroup > .search { position: absolute;bottom:12px;right:20px;font-size:0px;font-weight: 400;line-height:26px;height:26px;color:#999;}
.dashboard > article > hgroup > .search > span { display:inline-block;padding:0px 0px;border:0px solid #ddd;background:#eee;font-size:12px; overflow: hidden;vertical-align: top;border-radius: 3px;position: relative;width:84px;}
.dashboard > article > hgroup > .search > span + span { margin-left:5px; }
.dashboard > article > hgroup > .search > span.ex { width:auto;background:transparent; }
.dashboard > article > hgroup > .search > span input[type=text] {display:block;width:calc( 100% - 10px );margin:0px;line-height:26px;height:26px;padding:0px 5px;border:0px solid #333;font-size:12px;background:transparent;letter-spacing:normal;outline: none;font-weight:400;color:#666;text-align: center;}

.dashboard > article > hgroup > .search > span.select { position:relative;padding:0px 0px;cursor:pointer;width:75px;display:inline-block;border-radius: 3px;}
.dashboard > article > hgroup > .search > span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:26px;height:26px;border:0px solid #ccc;background:transparent;font-size:12px;vertical-align: middle;padding-left:5px;z-index:2;outline: none;display:block;color:#666;}
.dashboard > article > hgroup > .search > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#bbb;font-size:15px;height:26px;line-height:26px;z-index:1;}

.dashboard > article > .board { padding:15px 15px;display:block;font-size:0px;position: relative;}
.dashboard > article > .board > a { display:block;padding:2px 5px;text-align: left;line-height: 22px;position: relative;vertical-align: bottom;font-size:13px;padding-left:70px;padding-right:70px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.dashboard > article > .board > a > i { position: absolute;top:0px;left:5px;line-height: 22px;text-align: left;display:inline-block;vertical-align: bottom;margin-left:3px;font-size:12px;color:#999;}
.dashboard > article > .board > a > em { display:inline-block;font-size:13px;line-height: 22px;height: 22px;vertical-align: bottom;color:#999;}
.dashboard > article > .board > a > em > b { display:inline-block;font-weight: 600;font-size:14px;line-height: 22px;vertical-align: bottom;letter-spacing: -0.5px;color:#111;margin-right:1px;}
.dashboard > article > .board > a > span { line-height: 22px;position: absolute;top:2px;right:5px;text-align: right;font-size:11px;color:#999;}

.dashboard > article > .spec { padding:15px 15px;display:block;font-size:0px;position: relative;}
.dashboard > article > .spec > p { display:block;padding:2px 5px;text-align: right;line-height: 22px;position: relative;vertical-align: bottom;}
.dashboard > article > .spec > p > em { display:inline-block;font-size:13px;line-height: 22px;height: 22px;vertical-align: bottom;color:#999;}
.dashboard > article > .spec > p.m > em { display:block;position: relative;}
.dashboard > article > .spec > p.m > em > i { line-height: 22px;text-align: left;width:40px;display:inline-block;vertical-align: bottom;margin-left:3px;font-size:12px;color:#999;background: #fff;}
.dashboard > article > .spec > p.m > em + em { margin-top:4px; }
.dashboard > article > .spec > p.m > em > b { min-width:40px; }
.dashboard > article > .spec > p > em > b { display:inline-block;font-weight: 600;font-size:14px;line-height: 22px;vertical-align: bottom;letter-spacing: -0.5px;color:#111;margin-right:1px;}
.dashboard > article > .spec > p > strong { display:block;padding:0px 0px;text-align: right;line-height: 18px;position: relative;vertical-align: bottom;font-weight: 400;}
.dashboard > article > .spec > p > strong > em { font-size:12px;color:#999;}
.dashboard > article > .spec > p > strong > em > b { margin-right:0px;margin-left:3px;font-size:13px;color:#666;}
.dashboard > article > .spec > p > span { line-height: 22px;position: absolute;top:2px;left:5px;text-align: left;}
.dashboard > article > .spec > p > span > i { line-height: 22px;text-align: left;display:inline-block;vertical-align: bottom;margin-left:3px;font-size:12px;color:#999;}
.dashboard > article > .spec > p > span.c::after { content: '●';display:inline-block;line-height: 22px;width:16px;text-align: right;}
.dashboard > article > .spec > p > span.c { font-weight: 600;font-size:12px;color:#999; }
.dashboard > article > .spec > p > span.c1::after { color:#f15c80;}
.dashboard > article > .spec > p > span.c2::after { color:#91e8e1;}
.dashboard > article > .spec > p > span.c3::after { color:#8085e8;}
.dashboard > article > .spec > p > span.c4::after { color:#e4d354;}

.dashboard > article > .spec > h5 { display:block;padding:2px 5px 2px 5px;text-align: right;line-height: 22px;position: relative;}
.dashboard > article > .spec > h5 > em { display:inline-block;font-size:13px;line-height: 22px;vertical-align: bottom;color:#999;}
.dashboard > article > .spec > h5 > em > b { display:inline-block;font-weight: 600;font-size:14px;line-height: 22px;vertical-align: bottom;color:#111;margin-right:1px;letter-spacing: -0.5px;}
.dashboard > article > .spec > h5 > span { line-height: 22px;position: absolute;top:2px;left:5px;text-align: left;font-weight:600;color:#666;}
.dashboard > article > .spec > h5 > span > i { line-height: 22px;text-align: left;display:inline-block;vertical-align: bottom;margin-left:3px;font-size:12px;color:#999;font-weight:400;}

.dashboard > article > .spec > h5.tot { font-weight:500;background:#f4f4f4;color:#111;border-top:0px solid rgba(69,161,131,0.2);border-radius: 3px;}
.dashboard > article > p.labels {line-height:18px;margin-bottom:0px;font-weight:400; padding:0px 0px;color:#666;position: absolute;top:70px;right:20px;}
.dashboard > article > p.labels > label { font-size:13px;color:#666;font-weight:400;padding-left:18px; }
.dashboard > article > p.labels > label::before { display:block;width:14px;height:14px;border-radius: 50%;background:#ccc;content: '';position: absolute;top:3px;left:0px;}
.dashboard > article > p.labels > label + label { margin-left:15px; }
.dashboard > article > p.labels > label:nth-child(1)::before { background: #7B61B7;}
.dashboard > article > p.labels > label:nth-child(2)::before { background: #47bac1;}
.dashboard > article > p.labels > label:nth-child(3)::before { background: #FF6552;}
.dashboard > article > p.labels > label:nth-child(4)::before { background: #f7a35c;}
.dashboard > article > p.labels > label:nth-child(5)::before { background: #8ac539;}

.dashboard > article > .charts { height:324px;padding:0px 10px;padding-bottom:5px; }
.dashboard > article > .charts.unit { height:160px;padding:0px 0px;padding-bottom:0px;position: relative;}
.dashboard > article > .charts.unit > div { display:block;width:100%;height:210%;; }
.dashboard > article > .charts.unit > p { display:block;position: absolute;left:0px;bottom:15px;right:0px;text-align:center;z-index: 0;}
.dashboard > article > .charts.unit > p > em { display:block;font-size:12px;line-height: 24px;height:24px;color:#999;}
.dashboard > article > .charts.unit > p > em > b { display:inline-block;font-weight: 600;font-size:22px;line-height: 20px;height: 24px;vertical-align: bottom;color:#555;margin-right:1px;letter-spacing: -1px;}
.dashboard > article > .charts.unit > p > span { line-height: 22px;display:block;text-align: center;font-weight:600;color:#999;}

.dashboard > article > .board {padding:15px 15px; }
.dashboard > article > .spec.split_dl { padding-left:170px; }
.dashboard > article > .spec > .charts { position: absolute;top:0px;left:0px;width:170px;padding:0px 0px;height:160px; }
.dashboard > article > .spec > .charts > div { display:block;width:100%;height:100%; }
.dashboard > article > .spec > .charts > span { position: absolute;top:50%;left:50%;font-size:12px;z-index:0;transform:translate(-50%, -50%);text-align: center;color:#999;line-height: 18px;padding-top:8px;}
.dashboard > article > .spec > .charts > span > b { font-size:20px;font-weight: 700;display:block;line-height: 22px;color:#555;letter-spacing: -0.5px;}

.dashboard > article > .spec > .charts > div.donut {width: 120px; height:120px; margin: 20px auto; border-radius: 50%; position: relative; text-align: center; transition: background .3s ease-in-out; background: conic-gradient(#3F8BC9 0% 72%, #eee 72% 100%); }
.dashboard > article > .spec > .charts > div.donut::before { color: #999; width: 80px; height: 80px; line-height: 80px; background: #fff; border-radius: 50%; position: absolute; left: 20px; top: 20px; display: block; content: attr(data-percent)'%'; content: ''; transform: skew(-0.03deg); margin: auto; font-size: 16px; }
.dashboard > article > .spec > .charts > div.donut > div { position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.dashboard > article > .spec > .charts > div.donut > div > span { display:block;line-height: 16px;font-size:12px;color:#999;margin-bottom: 0px;}
.dashboard > article > .spec > .charts > div.donut > div > em { display:block;font-size:12px; line-height: 22px;height: 22px;color:#111;}
.dashboard > article > .spec > .charts > div.donut > div > em > b { display:inline-block;font-size:20px;font-weight: 700;line-height: 22px;margin-right:2px;vertical-align: top;color:#555;}

.dashboard > article > .spec.split_dl > dl { position: absolute;top:30px;left:0px;width:170px;padding:7px 0px;}
.dashboard > article > .spec.split_dl > dl > dt { display:block; text-align: center;}
.dashboard > article > .spec.split_dl > dl > dt > span { display:block;line-height: 22px;color:#999;}
.dashboard > article > .spec.split_dl > dl > dt > em { display:block;font-size:14px; line-height: 40px;height: 36px;color:#999;}
.dashboard > article > .spec.split_dl > dl > dt > em > b { display:inline-block;font-size:28px;font-weight: 600;line-height: 36px;letter-spacing: -1.5px;margin-right:3px;vertical-align: top;color:rgb(138, 197, 57);}
.dashboard > article > .spec.split_dl > dl > dd.updown { display:block; text-align: center;line-height: 22px;margin-top:6px;font-size:13px;color:#666;font-weight: 600;}
.dashboard > article > .spec.split_dl > dl > dd { display:block; text-align: center;line-height: 22px;margin-top:6px;}
.dashboard > article > .spec.split_dl > dl > dd > span { dipslay:inline-block;vertical-align: bottom;line-height: 22px;margin-right:6px;}
.dashboard > article > .spec.split_dl > dl > dd > em { dipslay:inline-block;vertical-align: bottom;line-height: 22px;}
.dashboard > article > .spec.split_dl > dl > dd > em > b { dipslay:inline-block;vertical-align: bottom;line-height: 22px;font-weight: 600;font-size:15px;}

.dashboard > article > .spec.split_div { padding-right:170px; }
.dashboard > article > .spec.split_div > div.float { position: absolute;top:0px;right:0px;width:135px;;border-left:1px solid #e8e8e8;background: #f4f4f4;padding:7px 0px;overflow: hidden;font-size:0px;padding:14px 10px;}
.dashboard > article > .spec.split_div > div.float > p { display:inline-block; text-align: center;width:50%;vertical-align: top;margin-left:-1px;padding:12px 0px;margin-top:-1px;border-top:1px solid #e8e8e8;;}
.dashboard > article > .spec.split_div > div.float > p:nth-child(2n) {border-left:1px solid #e8e8e8;}
.dashboard > article > .spec.split_div > div.float > p:nth-child(1) {border-top:1px solid transparent;}
.dashboard > article > .spec.split_div > div.float > p:nth-child(2) {border-top:1px solid transparent;}

.dashboard > article > .spec.split_div > div.float > p:nth-child(1) { color:#fa3457; }
.dashboard > article > .spec.split_div > div.float > p:nth-child(2) { color:#fe7c1c; }
.dashboard > article > .spec.split_div > div.float > p:nth-child(3) { color:#ffcb2a; }
.dashboard > article > .spec.split_div > div.float > p:nth-child(4) { color:#00ccff; }

.dashboard > article > .spec.split_div > div.float > p > span { display:block;line-height: 18px;font-size:12px;color:#999;}
.dashboard > article > .spec.split_div > div.float > p > em { display:block;font-size:13px; line-height: 24px;height: 24px;}
.dashboard > article > .spec.split_div > div.float > p > em > b { display:inline-block;font-size:20px;font-weight: 800;line-height: 30px;height: 24px;letter-spacing: -1px;margin-right:0px;vertical-align: top;font-family: GmarketSans;}



.dashboard > article > dl.subs { padding:10px 0px;background: #f4f4f4;font-size:0px;margin-bottom:0px;border-radius: 0px;overflow: hidden;}
.dashboard > article > dl.subs > dd { display:inline-block; text-align: center;width:20%;vertical-align: top;border-left:1px solid #e8e8e8;margin-left:-1px;}
.dashboard > article > dl.subs.today { background: #fff;padding-left:60px;position: relative;border-radius: 0px;border-bottom:1px solid #e8e8e8;}
.dashboard > article > dl.subs.today::before { position: absolute;top:10px;left:0px;content: "\e99d";width:60px;height:40px;line-height:40px;font-family: 'xeicon' !important;color:#bbb;font-size:30px;text-align:center;border-right:1px solid #e8e8e8;box-sizing: border-box;}
.dashboard > article > dl.subs.today > dd { width:25%;border-left:1px solid #fff; }
.dashboard > article > dl.subs > dd > span { display:block;line-height: 18px;font-size:12px;color:#999;}
.dashboard > article > dl.subs > dd > em { display:block;font-size:13px; line-height: 22px;height: 22px;}
.dashboard > article > dl.subs > dd > em > b { display:inline-block;font-size:16px;font-weight: 700;line-height: 22px;letter-spacing: -1px;margin-right:3px;vertical-align: top;}
.dashboard > article > dl.subs + .spec { padding-top:7px; }

.dashboard > article > dl.subs.today + .spec { padding-top:10px; }

.dashboard > article > .spec.gray { background: #f4f4f4; }
.dashboard > article > .summary { border-bottom:1px solid #e8e8e8;padding:15px 0px;display:block;font-size:0px; }
.dashboard > article > .summary > dl { display:inline-block;width:calc(100% - 130px);vertical-align: top;padding:15px 0px;}
.dashboard > article > .summary > dl > dt { display:block; text-align: center;}
.dashboard > article > .summary > dl > dt > span { display:block;line-height: 24px;font-size:14px;color:#999;margin-bottom: 6px;}
.dashboard > article > .summary > dl > dt > em { display:block;font-size:15px; line-height: 80px;height: 70px;color:#999;}
.dashboard > article > .summary > dl > dt > em > b { display:inline-block;font-size:60px;font-weight: 700;line-height: 70px;letter-spacing: -1px;margin-right:3px;vertical-align: top;color:rgba(255, 101, 82, 1);font-family: GmarketSans;}
.dashboard > article > .summary > dl > dd { display:block; text-align: center;line-height: 30px;margin-top:0px;}
.dashboard > article > .summary > dl > dd > span { dipslay:inline-block;vertical-align: bottom;line-height: 30px;margin-right:6px;font-size:14px;color:#666;}
.dashboard > article > .summary > dl > dd > em { dipslay:inline-block;vertical-align: bottom;line-height: 30px;font-size:14px;color:#666;}
.dashboard > article > .summary > dl> dd > em > b { dipslay:inline-block;vertical-align: bottom;line-height: 30px;font-weight: 600;font-size:15px;color:#111;}
.dashboard > article > .summary > .gauge_charts { display:inline-block;width:130px;vertical-align: top;border-left:1px solid #e9e9e9;margin-left:-1px;}
.dashboard > article > .summary > .gauge_charts > div { display:block;position: relative;}
.dashboard > article > .summary > .gauge_charts > div + div { margin-top:10px !important; }
.dashboard > article > .summary > .gauge_charts > div.donut {width: 75px; height:75px; margin: 0 auto; border-radius: 50%; position: relative; text-align: center; transition: background .3s ease-in-out; background: conic-gradient(#3F8BC9 0% 72%, #eee 72% 100%); }
.dashboard > article > .summary > .gauge_charts > div.donut::before { color: #999; width: 55px; height: 55px; line-height: 60px; background: #fff; border-radius: 50%; position: absolute; left: 10px; top: 10px; display: block; content: attr(data-percent)'%'; content: ''; transform: skew(-0.03deg); margin: auto; font-size: 16px; }
.dashboard > article > .summary > .gauge_charts > div.donut > div { position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.dashboard > article > .summary > .gauge_charts > div.donut > div > span { display:block;line-height: 16px;font-size:12px;color:#999;margin-bottom: 0px;}
.dashboard > article > .summary > .gauge_charts > div.donut > div > em { display:block;font-size:12px; line-height: 20px;height: 20px;color:#111;}
.dashboard > article > .summary > .gauge_charts > div.donut > div > em > b { display:inline-block;font-size:16px;font-weight: 700;line-height: 20px;margin-right:2px;vertical-align: top;}


/* 학생회원 정보관리 */
.studentViewSet .readonlyView{min-height:20.8px; color:#999; background:transparent !important; font-weight:500; font-size:14px !important;}
.grid_wrap div.tb_info + .tb_info{margin-top:40px; font-weight:500;} 
.grid_wrap div.tb_info > h2{font-size:20px; font-weight:bold; margin-bottom:10px;}
.grid_wrap div.tb_info > h2.btnBox{display:flex; align-items:center;}
.grid_wrap div.tb_info > h2.btnBox > .btn{ font-size:12px; padding:10px 15px; background:#999; color:#fff; line-height:1; border-radius:5px;}
.grid_wrap div.tb_info > h2.btnBox > .btn + .btn{margin-left:5px;}
.grid_wrap div.tb_info > h2.btnBox > .btn:first-of-type{margin-left:auto;}

.parentInfo{display:block; background:#fff; border:1px solid #bbb; box-shadow:3px 2px 2px 0px rgba(0,0,0,0.1); font-size:13px; padding:0 10px; border-radius:5px; height:38px; display:flex; align-items:center; justify-content:space-between;}
.parentInfo > i{cursor:pointer;}
.parentInfo > .txt{font-size:12px;}
.parentInfo > .txt > span{font-weight:bold; font-size:15px; margin-right:5px;}
.parentInfo + .parentInfo{margin-top:5px;}

.parentInfo > div.select{margin:0 10px 0 auto;}
.parentInfo > div.select > select{line-height: 25px; height: 25px;}
.parentInfo > div.select:after{line-height: 25px; height: 25px;}

.pointInfo{display:block; background:#fff; border:1px solid #bbb; box-shadow:3px 2px 2px 0px rgba(0,0,0,0.1); font-size:13px; padding:10px; border-radius:5px;}
.pointInfo > div{display:flex; align-items:center; justify-content:space-between; margin-bottom:5px;}
.pointInfo > div > i{cursor:pointer;}
.pointInfo > div > .txt{font-weight:bold; font-size:15px;}
.pointInfo + .pointInfo{margin-top:5px;}

/* 지점정보 - 등록 요청 */
.pointInfo.wait a.btn { border: 1px solid #ccc; color: #999; }
.divider { border-bottom: 1px solid #e0e0e0; margin: 12px 0; }

.privateInfo{display:flex; justify-content:space-between; align-items:center; background:#fff; padding:10px; border:1px solid #bbb; box-shadow:3px 2px 2px 0px rgba(0,0,0,0.1); border-radius:5px; cursor:pointer;}
.privateInfo > div > div{line-height:1;}
.privateInfo > div > .t{font-size:13px; line-height:1; margin-bottom:3px; color:#999;}
.privateInfo > div > .t > span{font-weight:bold; font-size:17px; margin-right:5px; color:#111;}
.privateInfo > div > .date{font-size:12px;}
.privateInfo > div > .flexBox{display:flex; margin-top:3px; align-items:end;}
.privateInfo > div > .flexBox > .pay{font-size:12px; margin-right:40px;}
.privateInfo > div > .flexBox > .pay > span{font-weight:bold; font-size:15px; margin-right:3px;}
.privateInfo > div > .flexBox > .btn{font-size:12px; padding:5px 10px; background:#999; color:#fff; line-height:1; border-radius:3px;}
.privateInfo > div > .flexBox > .btn + .btn{margin-left:1%;}

.privateInfo > div.serviceBox{padding:10px 25px; background:#ddd; text-align:center; border-radius:10px; margin-left:20px;}
.privateInfo > div.serviceBox > div{line-height:1;}
.privateInfo > div.serviceBox > .t{font-size:12px; color:#999;}
.privateInfo > div.serviceBox > .c{font-size:20px; font-weight:bold; margin:5px 0;}
.privateInfo > div.serviceBox > .useDate{font-size:13px;}
.privateInfo > div.serviceBox > .useDate > span{font-weight:bold;}

/* .privateInfo.noData{background:#ffebea;} */
.privateInfo.noData{background:transparent; box-shadow:none; border:none;}
.privateInfo.noData > div > .t{font-size:17px; font-weight:bold; margin-bottom:5px;}
.privateInfo.noData > div > .subTxt{font-size:12px; color:#999;}

.privateInfo.noData > div > .btn{font-size:12px; padding:5px 15px; background:#999; color:#fff; border-radius:3px;}

/* btnArea */
.btnArea{margin-top:40px; display:flex; justify-content:center; align-items:center; gap:10px; position:relative;}
.btnArea .btn {display:inline-block; line-height:40px; height:40px; border:0px; font-size:14px; width:auto; padding:0px 30px; color:#fff; cursor:pointer; background:#2E323B; border-radius: 5px;}
.btnArea .btn.gray { background:#999; }
.btnArea .btn.red { background:#ec635d; }
.btnArea .btn.black { background:#2d3845; }
.btnArea .btn.del {position:absolute;top:50%; right:0px; display:inline-block; line-height:40px; height:40px; border:0px;font-size:14px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.btnArea .btn.del {position:absolute; top:50%; right:0px; background:#ddd; transform:translateY(-50%); padding:0px 20px; color:#999;}

/* 필수과제 btnArea */
.btnAreaTasks{margin-top:40px; display:flex; gap:10px; justify-content:center; position:relative; width: 100%;}
.btnAreaTasks .btn {display:inline-block; line-height:40px; height:40px; border:0px; font-size:14px; width:auto; padding:0px 30px; color:#fff; cursor:pointer; background:#2E323B; border-radius: 5px;}
.btnAreaTasks .btn.gray { background:#999; }
.btnAreaTasks .btn.red { background:#ec635d; }
.btnAreaTasks .btn.black { background:#2d3845; }
.btnAreaTasks .btn.del {position:absolute; top:50%; right:0px; display:inline-block; line-height:40px; height:40px; border:0px;font-size:14px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.btnAreaTasks .btn.del {position:absolute; top:50%; right:0px; background:#ddd; transform:translateY(-50%); padding:0px 20px; color:#999;}

/* 필수과제 적용대상 css */
.tasks.grid_wrap{flex-wrap: wrap; gap: 20px; height: auto;}
.tasks.grid_wrap > div > .tb_info > div > .item{display: flex; position: relative; align-items: center; justify-content: start; gap: 10px; cursor:default;}
.tasks.grid_wrap > div > .tb_info > div > .item > .stateBox {background-color: #ccc; padding: 10px 10px; width: 95px; box-sizing: border-box; background: #ddd; text-align: center; border-radius: 10px; height: 95px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center;}
.tasks.grid_wrap > div > .tb_info > div > .item > .stateBox > div{line-height: 1.5;}
.tasks.grid_wrap > div > .tb_info > div > .item > .stateBox > .t{font-size: 12px; color: #999;}
.tasks.grid_wrap > div > .tb_info > div > .item > .stateBox > .c{font-size: 20px; font-weight: bold; margin: 5px 0;}

.tasks.grid_wrap > div > .tb_info > div > .item > .txtArea {width: 100%; position: relative;}
.tasks.grid_wrap > div > .tb_info > div > .item > .txtArea > div{line-height: 1;}
.tasks.grid_wrap > div > .tb_info > div > .item > .txtArea > .t{font-size: 18px; font-weight: bold;}
.tasks.grid_wrap > div > .tb_info > div > .item > .txtArea > .t.btnTit{display: flex; justify-content: space-between; align-items: center; padding-bottom: 0px;}
span.tasksbtn {font-size: 12px; padding: 10px 15px; background: #999; color: #fff; border-radius: 5px;}

.tasks.grid_wrap > div > .tb_info > div > .item > .txtArea > .f{font-size: 13px; color: #999; margin-top: 3px;}
.tasks.grid_wrap > div > .tb_info > div > .item > .txtArea > .f.flex{display: flex; justify-content: space-between;}
.tasks_table_head > tr > th{height: 20px !important;}



/* dateArea */
.dateArea{display:flex !important; margin-left:0px !important; align-items:center; width:100%;}
.dateArea > div{margin-left:0px !important; width:calc((100% - 30px) / 2);}
.dateArea > span{display: inline-block !important; background: transparent !important; height:20px; line-height:20px; width:30px; text-align:center; box-sizing:border-box;}
/* 교재설정 css */
.dateArea > .planDateText{background:transparent; height:20px; line-height:20px; width:30px; text-align:center; box-sizing:border-box;}
.dateArea > .planDateText > span{background-color:transparent !important;}

/* 대시보드 */
.stDashWrap{padding:20px !important; min-width:1200px;}
.stDashWrap .hiddenName{display:none;}
.stDashWrap .viewName{display:inline-block; height:20px; margin-right:5px; font-size:20px; font-weight:bold; min-width:30px;}
.stDashWrap .stInfoBox .txtBox > .top > .name{display:flex;}
.stDashWrap .stTimeSet > div > h2{padding:10px 0px 0px;}
.stDashWrap .authSetFun{margin:10px 0px 20px;}
.stDashWrap .parentAppFunSet > .radio{display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px;}
.stDashWrap .parentAppFunSet > .radio > label + label {margin-left:0px;}

.stInfoBox{display:flex; justify-content:space-between; align-items:center; border:5px solid #ddd; background:#fff; padding:15px 20px;}
.stInfoBox > div:first-child{display:flex; align-items:center;}
.stInfoBox .thum{width:50px; height:50px; display:inline-block; border:1px solid #eee; background:url(../img/no_thum.gif) no-repeat center / cover; border-radius:50%; margin-right:15px;}
.stInfoBox .txtBox > .top{display:flex; align-items:center; justify-content:space-between;}
.stInfoBox .txtBox > .top > .name{font-size:14px;}
.stInfoBox .txtBox > .top > .name > span{font-size:20px; font-weight:bold; margin-right:5px;}
.stInfoBox .txtBox > .top > .name > .studentInfoNames{font-size:14px;}
.stInfoBox .txtBox > .top > .btnList{display:flex; gap:10px; height:20px; margin-left:20px;}
.stInfoBox .txtBox > .top > .btnList > li{height:20px; position:relative;}
.stInfoBox .txtBox > .top > .btnList > li > button{font-size:20px; color:#aaa;}
.stInfoBox .txtBox > span{font-size:13px;}

.stDashWrap .authSetFun .dev_AuthorityBitView{display:flex; flex-wrap:wrap; gap:5px;}
.stDashWrap .authSetFun .dev_AuthorityBitView .radio{width:98px;}
.stDashWrap .authSetFun .dev_AuthorityBitView .radio > label > span{font-size:12px;}
/* 포틀릿 리포트테스트 */
.stInfoBox .txtBox > .top > .btnList > li > .btn_report_config.opened + dl{display: block; top: 30px; right: 0; left: auto; z-index: 1;}
.stInfoBox .txtBox > .top > .btnList > li > .btn_report_config.opened {color: #2E323B;}
.stInfoBox .txtBox > .top > .btnList > li > .btn_report_config.opened {display: block;}
.stInfoBox .txtBox > .top > .btnList > li > dl:after, .stInfoBox .txtBox > .top > .btnList > li > dl:before{bottom: 100%;margin-bottom: 0px; right: 2px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #2E323B; border-width: 8px; margin-left: -8px;}
.stInfoBox .txtBox > .top > .btnList > li > dl{position: absolute; top: 83px; left: 250px; display: none; background: #2E323B; border: 0px solid #ccc; padding: 5px 10px; width: 110px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.stInfoBox .txtBox > .top > .btnList > li > dl > dd{display: block;}
.stInfoBox .txtBox > .top > .btnList > li > dl > dd + dd{border-top: 1px solid rgba(255,255,255,0.2);}
.stInfoBox .txtBox > .top > .btnList > li > dl > dd > a{display: block;line-height: 28px;padding: 0px;text-align: center;font-size: 12px;color: #fff;}


.stInfoBox > div:nth-of-type(2){text-align:right; line-height:1.2;}
.stInfoBox > div:nth-of-type(2) > span{font-size:13px; color:#aaa; line-height:1.2; margin-bottom:3px; display:inline-block;}
.stInfoBox > div:nth-of-type(2) > .txt{line-height:1.3; font-size:12px;}
.stInfoBox > div:nth-of-type(2) > .txt > span{font-size:15px; font-weight:bold; margin-right:5px;}

.dashTop{display:flex; justify-content:space-between; margin:20px 0; align-items:center;}

.dashCon + .dashCon{margin-top:40px;} 
.dashCon{display:flex; /* justify-content:space-between; */ }
.dashCon h2{font-size:20px; font-weight:bold; margin-bottom:10px; padding:10px 15px 0;}
.dashCon h2.btnBox{display:flex; align-items:center; justify-content:space-between;}
.dashCon h2.btnBox > .txt{font-size:20px; font-weight:bold; line-height:1;}
.dashCon h2.btnBox > .txt > span{font-size:13px; color:#999; display:block; margin-top:5px;}
.dashCon h2.btnBox > .btn{font-size:12px; padding:10px 15px; background:#2E323B; color:#fff; line-height:1; border-radius:5px; display:flex; align-items:center;}
.dashCon h2.btnBox > .btn > i{margin-right:5px;}


.dpSet .lecture { display: none; }

.pop[data-role=commonTasksView] div.tabArea > div.ctTitle { margin-top: 25px; display: flex; justify-content: space-between; }
.pop[data-role=commonTasksView] div.tabArea > div.ctTitle > div.addCommonTask { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 5px; cursor: pointer; background: #666; color: #fff; }
.pop[data-role=commonTasksView] table.ctTable + table.ctTable { margin-top: 15px; } 
.pop[data-role=commonTasksView] table.ctTable td.dpTimeTD { display: flex; justify-content: space-between; }
.pop[data-role=commonTasksView] table.ctTable .removeCommonTask { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 5px; cursor: pointer; background: #666; color: #fff; }


/* 주의,경고장 */
.dashCon.in{flex-direction: column; width:25%;}
.dashCon.in > .alarmListWrap{margin-top: 25px;}
.dashCon.in > .alarmListWrap > .conArea > .topArea > .cards { top:-13px;right:15px;font-size:0px;z-index: 10;}
.dashCon.in > .alarmListWrap > .conArea > .topArea > .cards > p { display:inline-block;background: #999;padding:5px 0px;width:40px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.dashCon.in > .alarmListWrap > .conArea > .topArea > .cards > p > span { font-size:12px;line-height:22px;}
.dashCon.in > .alarmListWrap > .conArea > .topArea > .cards > p > b { display:block;line-height:16px;text-align:center;display:block;font-size:14px;font-weight: 800;}
.dashCon.in > .alarmListWrap > .conArea > .topArea > .cards > p > b::before { content:attr(data-cnt); }
.dashCon.in > .alarmListWrap > .conArea > .topArea > .cards > p.y { background: #ffcb2a;}
.dashCon.in > .alarmListWrap > .conArea > .topArea > .cards > p.r { background: #fa3457;}
.cautionSet .studentInfoList{overflow-y:auto;} /* 경고장 등록 팝업 */
/* 상담관리 */
.dashCon > .counselWrap{min-width:300px; margin-right:40px; background:#fff; border: 1px solid #bbb; border-radius:10px; height:463.6px;}
.dashCon > .counselWrap .counselListWrap{overflow-y:auto; height: calc(100% - (52px + 66px));}
.dashCon > .counselWrap .counselList > li{padding:10px 15px;}
.dashCon > .counselWrap .counselList > li:first-child { border-top:1px solid #ddd; }
.dashCon > .counselWrap .counselList > li + li{border-top:1px solid #ddd;}
.dashCon > .counselWrap .counselList > li:last-child { border-bottom:1px solid #ddd; }
.dashCon > .counselWrap .counselList > li > a{display:block;}
.dashCon > .counselWrap .counselList > li .noti{display:inline-block; background:#e95653; font-size:12px; color:#fff; padding:2px 5px; margin-right:5px;}
.dashCon > .counselWrap .counselList > li div{line-height:1.2;}
.dashCon > .counselWrap .counselList > li div.t{color:#2E323B; font-size:13px; margin-bottom:3px;}
.dashCon > .counselWrap .counselList > li div.con{font-size:15px;}
.dashCon > .counselWrap .counselList > li div.date{font-size:13px; text-align:right; color:#999; margin-top:5px;}
.dashCon > .counselWrap .paging_wrap{padding:15px;}

/* 일정 */
.dashCon > .stScheduleWrap {min-width:300px; margin-right:40px; background:#fff; border: 1px solid #bbb; border-radius:10px; height:463.6px; margin-top: 20px; }
.dashCon > .stScheduleWrap .stScheduleListWrap{overflow-y:auto; height: calc(100% - (52px + 66px));}
.dashCon > .stScheduleWrap .stScheduleList > li { padding:15px 15px; }
.dashCon > .stScheduleWrap .stScheduleList > li:first-child { border-top:1px solid #ddd; }
.dashCon > .stScheduleWrap .stScheduleList > li + li {border-top:1px solid #ddd;}
.dashCon > .stScheduleWrap .stScheduleList > li:last-child { border-bottom:1px solid #ddd; }
.dashCon > .stScheduleWrap .stScheduleList > li > a {display:block;}
.dashCon > .stScheduleWrap .stScheduleList > li div {line-height:1.2;}
.dashCon > .stScheduleWrap .stScheduleList > li div.title { display: flex; justify-content: space-between;  color:#2E323B; font-size:13px; font-weight: 600;  margin-bottom:3px; }
.dashCon > .stScheduleWrap .stScheduleList > li div.title > div.dt { font-size:13px; font-weight: 600; color: #2E323B; }
.dashCon > .stScheduleWrap .stScheduleList > li div.content { font-size:14px; color:#999; }
.dashCon > .stScheduleWrap .paging_wrap { padding:10px; }

/* 일정 팝업 */
div.stScheduleSetPop > .popup > header > div.profile { padding: 0px; }
div.stScheduleSetPop > .popup > header > div.profile > h2 { font-family: GmarketSans; font-size: 18px; font-weight: 500; color: #333; white-space: nowrap; text-overflow: ellipsis; width: 400px; overflow: hidden; }
div.stScheduleSetPop > .popup > header > div.profile > h2 > span { font-size: 12px; color: #999; }
div.stScheduleSetPop > .popup > header > div.profile > p { font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; width: 400px; overflow: hidden; }
.stScheduleSetPop section table.info td.dateArea { width: 95%; }
.stScheduleSetPop section table.info td.dateArea span.txt { font-size: 14px; font-weight: 400;}
.stScheduleSetPop footer.flex{justify-content:end;}

.dashCon > .studyPlanWrap{width:calc(100% - 25%);}
.dashCon > .studyPlanWrap > .topArea{display:flex; align-items:center; justify-content:space-between;}
.dashCon > .studyPlanWrap > .topArea > .btn{font-size:12px; padding:10px 15px; background:#2E323B; color:#fff; line-height:1; border-radius:5px; display:flex; align-items:center;}
.dashCon > .studyPlanWrap > .topArea > .btn.stBookPlan { border-radius: 0px; background: #002060; }

.dashCon > .studyPlanWrap > .conArea{border-top:1px solid #2E323B; display:flex; padding:20px 0;}
.dashCon > .studyPlanWrap > .conArea > div > h2{padding:0; font-size:18px;}
.dashCon > .studyPlanWrap > .conArea > .stTimeSet{width:35%; min-width:260px; border-right:1px solid #bbb; padding-right:20px;}

.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li{display:block;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li + li{margin-top:10px;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex {display:flex; align-items:center;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex > .yoil {min-width: 40px; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; background:#ddd; font-weight:bold; margin-right:10px;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex > .yoil-none {min-width: 40px; width:40px; text-align:center; margin-right:10px;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex > .yoil.on {background:#2E323B; color:#fff;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex > .yoil + span {color:#999;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex > .yoil.on + span {color:#111}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex > .yoil-info {}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.yoil-flex > .yoil-info > span {display:block;}
.dashCon > .studyPlanWrap > .conArea .stTimeSetList > li > div.memo {}

.dashCon > .studyPlanWrap > .conArea > .studyBookWrap{width:65%; padding-left:20px; min-width:480px;}

/* 미션관리 */
.dashCon > .missionWrap {min-width:300px; margin-right:40px; background:#fff; border: 1px solid #bbb; border-radius:10px; height:463.6px; margin-top: 20px; }
.dashCon > .missionWrap .missionListWrap{overflow-y:auto; height: calc(100% - (52px + 66px));}
.dashCon > .missionWrap .missionlList > li { padding:15px 15px; }
.dashCon > .missionWrap .missionlList > li:first-child { border-top:1px solid #ddd; }
.dashCon > .missionWrap .missionlList > li + li {border-top:1px solid #ddd;}
.dashCon > .missionWrap .missionlList > li:last-child { border-bottom:1px solid #ddd; }
.dashCon > .missionWrap .missionlList > li > a {display:block;}
.dashCon > .missionWrap .missionlList > li div {line-height:1.2;}
.dashCon > .missionWrap .missionlList > li div.title {display: flex; justify-content: space-between;  color:#999; font-size:13px; font-weight: 600;  margin-bottom:3px;}
.dashCon > .missionWrap .missionlList > li div.content {font-size:16px; font-weight:700; color:#111;}
.dashCon > .missionWrap .missionlList > li div.date {text-align:right; color:#999; padding-top:1px;}
.dashCon > .missionWrap .paging_wrap { padding:10px; }

/* 미션결과 보기 팝업 */
.stMissionSetPop .missionWrap > .header{padding:5px 0px 10px; margin-bottom:10px; border-bottom: 1px solid #ddd;}
.stMissionSetPop .missionWrap > .header > .typeName{font-size:12px; color:#999; line-height:100%;}
.stMissionSetPop .missionWrap > .header > .title{font-size:16px; font-weight:700;}
.stMissionSetPop .missionWrap > .body > .dateInfo{margin-bottom:5px; font-size:14px}
.stMissionSetPop .missionWrap > .body > .dateInfo > span{margin-left:3px; font-weight:500; font-size:12px}
.stMissionSetPop .missionWrap > .body > .content{font-weight:bold;}
.stMissionSetPop .missionWrap > .footer{padding-top:10px;}
.stMissionSetPop .missionWrap > .footer > .fileTitle{padding:5px 0px; color:#777;}
.stMissionSetPop .missionWrap > .footer > .fileBtn{display:inline-block; padding:6px 12px; border-radius:3px; cursor:pointer; background:#7f7f7f; color:#fff;}
.stMissionSetPop > .popup > footer.flex{justify-content:flex-end;}

.tabmenu{display:flex;}
.tabmenu > li{position:relative;}
.tabmenu > li > span{position:absolute; top:50%; transform:translateY(-50%); right:5px; text-align:center; line-height:20px; width:20px; height:20px; font-size:13px; font-weight:bold; color:#fff;}
.tabmenu > li > span.red{background:#ff0000;}
.tabmenu > li > span.yellow{background:#ffcc00;}
.tabmenu > li > a{padding:10px 15px; display:inline-block; font-size:15px; color:#fff; background:#bbb; font-weight:bold; width:100%; box-sizing:border-box; text-align:center;}
.tabmenu > li.on > a{background:#2E323B;}

.tabmenu.full{width:100%;}
.tabmenu.full > li{width:50%;}

.tabArea{display:none;}
.tabArea.view{display:block; }


.studyBookList > .item{display:flex; position:relative; align-items:center; justify-content:start; gap:10px; }
.studyBookList > .item + .item{margin-top:20px;}

.studyBookList > .item > .stateBox{padding:10px 10px; width:95px; box-sizing: border-box; background:#ddd; text-align:center; border-radius:10px; height: 95px; flex-shrink:0; display: flex; flex-direction: column; justify-content: center;}
.studyBookList > .item > .stateBox > div{line-height:1.5;}
.studyBookList > .item > .stateBox > .t{font-size:12px; color:#999;}
.studyBookList > .item > .stateBox > .c{font-size:20px; font-weight:bold; margin:5px 0;}
.studyBookList > .item > .stateBox > .f{font-size:13px;}
.studyBookList > .item > .stateBox > .f > span{font-weight:bold; margin-left:3px;}

.studyBookList > .item > .txtArea{width: calc(100% - 95px - 85px - 20px); position:relative;}
.studyBookList > .item > .txtArea > div{line-height:1;}
.studyBookList > .item > .txtArea > .t{font-size:18px; font-weight:bold; padding-bottom:5px;}
.studyBookList > .item > .txtArea > .t.btnTit{display:flex; justify-content:space-between; align-items:center;}
.studyBookList > .item > .txtArea > .c{display:flex; font-size:13px; justify-content:space-between; align-items:center; margin-top:3px;}
.studyBookList > .item > .txtArea > .c > span{color:#999; margin-right:30px;}

.studyBookList > .item > .txtArea > .f{font-size:13px; color:#999; margin-top:3px;}
.studyBookList > .item > .txtArea > .f + .f{margin-top:5px;}
.studyBookList > .item > .txtArea > .f.flex{display:flex; justify-content:space-between;}

.studyBookList > .item > .toggleInput{position:absolute; right:0px; bottom:0px;}

.studyBookList > .item > .resultBox{cursor: default; background:#ddd; width:150px; border-radius:10px; padding:5px 10px; margin-left:auto; position: relative; height: 90px;}
.studyBookList > .item > .resultBox > ul > li{display:flex; align-items:center; gap:5px; justify-content:space-between; margin-top: 8px;}
.studyBookList > .item > .resultBox > ul > li > span.count > span.clickable { cursor: pointer; }

.studyBookList > .item > .resultBox > .resultNoData {position: absolute; width: 100%; height: 100%; background-color: rgba(100, 100, 100, 0.7); top: 0; left: 0; border-radius: 10px;}
.studyBookList > .item > .resultBox > .resultNoData > p {margin: 0 auto; text-align: center; line-height: 95px; font-size: 18px; color: #fff;}

.studyYoilList{display:flex;}
.studyYoilList > li{width:30px; text-align:center; line-height:15px; font-size:10px; color:#fff; background:#999;}
.studyYoilList > li.on{background:#000;}

.studyPlanWrap .studyBookList > .item{min-width:610px;}
.studyPlanWrap .studyBookList .studyYoilList{position:absolute; right:0; top:35px;}

/* 학생 개인 대시보드 */
.stInfoBox .studyYoilList { display: flex; top: 0; position: sticky;}
.stInfoBox .studyYoilList > li { width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 10px; color: #fff;}

/* 교재 가져오기 요일 부분 */
.bookPick .studyBookList .studyYoilList { right: -85px; top: 20px; }
.bookPick .studyBookList .studyYoilList > li {width: 15px; height: 15px; }

.dashCon > .alarmListWrap{width:25%; min-width:300px; margin-right:40px; background:#fff; border: 1px solid #bbb; border-radius:10px; overflow:hidden; height:463.6px;}
.dashCon > .alarmListWrap .tabmenu > li{width:50%;}
.dashCon > .alarmListWrap .tabmenu > li > a{width:100%; display:inline-block; text-align:center; box-sizing:border-box;}

.dashCon > .alarmListWrap > .conArea > .topArea{display:flex; justify-content:space-between; align-items:center; padding:10px 0; margin:0 15px; border-bottom:1px solid #999;}
.obj_tot_status { display:inline-block; font-size:0px;}
.obj_tot_status > span { display:inline-block;line-height:20px;font-size:13px;position: relative;color:#666;vertical-align: top;}
.obj_tot_status > span > b { font-weight:500;color:#333; }
.obj_tot_status > span + span { margin-left:31px; }
.obj_tot_status > span + span::before { position: absolute;top:5px;left:-16px;width:1px;height:12px;background: #ccc;content: '';display:block;}

.alarmListWrap > .conArea{height: calc(100% - 40.8px);}
.alarmListWrap > .conArea > .alarmListArea{overflow-y:auto; height: calc(100% - (55.2px + 66px));}
.alarmListWrap > .conArea .alarmList > li{padding:10px 0; margin:0 15px; border-bottom: 1px solid #ddd;}
.alarmListWrap > .conArea .alarmList > li > div{display:flex; justify-content:space-between; align-items:center;}
.alarmListWrap > .conArea .alarmList > li + li{ /*border-top:1px solid #ddd;*/ border-bottom: 1px solid #ddd;}
.alarmListWrap > .conArea .alarmList > li .dapsub1{display:flex;}
.alarmListWrap > .conArea .alarmList > li .cntBox{width:48px; text-align:center; font-size:23px;}
.alarmListWrap > .conArea .alarmList > li .txtBox > span{line-height:1.2; display:block;}
.alarmListWrap > .conArea .alarmList > li .txtBox > span.t{font-size:15px; font-weight:bold;}
.alarmListWrap > .conArea .alarmList > li .txtBox > span.c{color:#999; font-size:13px; margin-top:3px;}

.alarmListWrap > .conArea .alarmList > li > .dap2{margin-top:10px; display:none; position:relative; padding-left:20px;}
.alarmListWrap > .conArea .alarmList > li > .dap2::before{content: "\e981"; display:inline-block; font-size:20px; font-family:xeicon; position:absolute; left:0; top:0;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox{width:99%; border: 1px solid rgba(0,0,0,0); background: #eee; font-size: 13px; overflow: hidden; border-radius: 5px;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox > input{width: 100%; line-height: 38px; height: 38px; padding: 0px 10px; font-size: 13px; background: transparent; letter-spacing: normal; outline: none;}

.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox.btn{display:flex; align-items:center;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox.btn > a{margin-right:5px; padding:7px 15px;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .txtBox{font-size:13px;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .txtBox > span{color:#bbb; font-size:11px; display:block;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .tabRadio{margin:15px 0 5px;}

.dashCon > .alarmListWrap > .conArea .alarmList > li.end .txtBox > span.t{text-decoration: line-through;}

.tabRadio{display:flex; align-items:center;}
.tabRadio > .radioBox > input{display:none;}
.tabRadio > .radioBox > input + label{color: #fff; background: #bbb; display: inline-block; font-size: 12px; font-weight: 600; padding: 3px 10px; height: auto; margin:0px;}
.tabRadio > .radioBox > input:checked + label{background:#2E323B;}
    
.dashCon > .alarmListWrap .paging_wrap{padding:15px;}


.dashCon > .settingWrap{ width:100%;}
.dashCon > .settingWrap > .flexBox{display:flex; justify-content:space-between;}
.dashCon > .settingWrap > .flexBox + .flexBox{margin-top:20px;}

.dashCon > .settingWrap > .flexBox > div:first-child{width:65%; padding-right:40px;}
.dashCon > .settingWrap > .flexBox > div:last-child{width:35%;}

.dashCon > .settingWrap h2{padding:10px 0 0;}
.dashCon > .settingWrap .functionSet .checkbox.vertical > label{max-width:500px;}


/* 커스텀 셀랙트박스 */
.customSel { display:inline-block;padding:0px 0px; border:0px solid #2E323B; cursor:pointer;vertical-align: middle; position: relative;vertical-align:top;}
.customSel > .view {position: relative; padding-left:10px; padding-right:60px; z-index:2;}
.customSel > .view:after {font-family:FontAwesome; content:"\f107"; position:absolute; top:50%; right:10px; transform:translateY(-50%); display:inline-block; color:#2E323B; font-size:15px; z-index:1;}
.customSel > .view.on:after {content:"\f106"; }
.customSel > dl {position: absolute;display:none;top:50px; left:0px; right:0px; background: #fff;padding:0px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow-Y: scroll; border-radius: 5px; z-index:2}
.customSel > dl dd > .txtBox {display:block; font-size:14px; font-weight:600; padding:10px; white-space: nowrap; }
.customSel > dl dd > .txtBox:hover { background: #eee;}
.customSel > dl dd + dd { border-top:1px solid #ddd; margin-top:-1px; }
.customSel > .view.on + dl { display:block; }

.customSel .txtBox{font-weight:bold; font-size:25px; line-height:1;}
.customSel .txtBox > span{font-weight:400; font-size:15px; display:block; line-height:1; margin-top:5px;}


/* toggle버튼 */
.toggleInput {position: relative; display: inline-block; width:55px; height:26px;}
.toggleInput input {opacity:0; width:0; height:0;}
.toggleInput input:checked + label:before {transform: translateY(-50%) translateX(25px);}
.toggleInput label{position: absolute; cursor: pointer; top: 0; left: 0px; right: 0; bottom: 0; background: #999; border-radius: 20px; height:auto; font-size: 10px; padding: 5px; color: #fff; font-weight: bold; display:flex; justify-content:space-between; align-items:center;}
.toggleInput label > span{line-height:1;}
.toggleInput label:before {border-radius: 50%; position: absolute; content: ""; height: 20px; width: 20px; left:5px; top: 50%; transform: translateY(-50%); background: #fff; box-shadow: 3px 0 10px rgba(73, 75, 83, 0.3); transition: all 0.5s;}
.toggleInput input:checked + label{background: #26B7BC;}
.toggleInput input:disabled + label::before{background: #dfe2ed;}
.toggleInput input:disabled + label{background: #f4f6fc;}


/* btns */
.btns{display:flex;}
.btns > a + a{margin-left:1%;}
a.btn{font-size:12px; padding:10px 15px; line-height:1.2; font-weight:bold; border-radius:5px; display:flex; align-items:center; display:inline-block;}
a.btn > i{margin-right:5px;}
a.btn.black_bg{background:#2E323B; color:#fff;}
a.btn.gray_bg{background:#999; color:#fff;}
a.btn.orange_bg{background: #fe7c1c; color:#fff;}
a.btn.dark_bg{background:#000; color:#fff;}

/* timePicker */
.timePicker{display:flex; align-items:center; width:100%;}
.timePicker > span{display: inline-block; background: transparent; height:20px; line-height:20px; box-sizing:border-box; width:30px; text-align:center;}
.timePicker > div {display:inline-block; padding:0px; background:#eee; font-size:13px; overflow: hidden; border-radius: 5px; width:calc((100% - 30px) / 2);}
.timePicker > div > input{width:100%; line-height:38px; height:38px; padding:0px 10px; font-size:13px; background:transparent; letter-spacing:normal; outline: none; font-weight:400;}


/* timeSelBox */
.timeSelBox{display:flex; gap:1%;}
.timeSelBox > div{width:auto;}


/* stTimeSetPop */
.stTimeSetPop .checkbox.vertical > label{height:38px;}
.stTimeSetPop .checkbox.vertical > label > .timePicker{display:none; max-width:286px; width:100%;}
.stTimeSetPop .checkbox.vertical > label > input[type="checkbox"]:checked + span + .txt + .timePicker{display:flex;}
.stTimeSetPop .checkbox.vertical > label > input[type="checkbox"]:checked + span + .txt{display:none;}

div.select {position:relative; padding:0px; background:#eee; cursor:pointer; vertical-align: middle; overflow: hidden; border-radius: 5px;}
div.select select {position: relative; margin:0px; width:100%; line-height:38px; height:38px; background:transparent; font-size:13px; padding: 0 30px 0 10px; z-index:2; outline: none;}
div.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#bbb;font-size:15px;height:38px;line-height:38px;z-index:1;}
div.select.white{background:#fff; border: 2px solid #ddd;}
div.select.gray{background:#eee; border: 2px solid #bbb;}

div.brakTimeSet{border-radius: 5px; background:#eee; line-height:38px; height:38px; display:flex; align-items:center; padding:0 10px;}
div.brakTimeSet > input{border-bottom:1px solid #bbb; width:30px; text-align:center; margin-right:5px;}

/* parentSchList */
.parentSchList{margin-top:30px;}
.parentSchList > li + li{margin-top:10px;}
.parentSchList > li > .parentInfo{box-shadow: none; padding: 10px; height: auto; line-height: 1;}
.parentSchList a.lbtn {display:inline-block; color:#26B7BC; width:auto; border: 2px solid #26B7BC; padding:0px 15px; height:30px; line-height:30px; text-align:center; background:#fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:13px; font-weight:600;}

.parentSchList > li.nodata {text-align:center;}
.parentSchList > li.nodata > i { font-size:45px;color:#666;margin-bottom:0px;line-height: 50px;}
.parentSchList > li.nodata > h2 { font-size:24px;color:#666;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.parentSchList > li.nodata > h2::before { content: 'No Data Available.';}
.parentSchList > li.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
.parentSchList > li.nodata > p::before { content: '휴대전화번호로 조회해주세요.';}

/* 학습교재관리 팝업 */
.stbRange + .stbRange{margin-top:10px;}
.stbRange > .btn{width:38px; height:38px; border-radius:5px; background:#666; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.stbRange > div:not(.btn){width:calc((97% - 38px) / 2)}
.totalInfo{font-size: 13px; text-align: right; width: 99%; margin-top:5px;}

.learningRate{align-items:center; height:38px;}
.learningRate + .learningRate{margin-top:10px;} 
.learningRate > .yoilBox{width:38px; height:38px; background:#eee; color:#999; border-radius:5px; display:flex; align-items:center; justify-content:center; cursor:pointer;}

.learningRate > .time{color:#999; line-height:1;}
.learningRate > .txt{margin-left:auto; width:50%; color:#999; margin-top:0px !important; line-height:1;}

.learningRate > .select,
.learningRate > .input{margin-left:auto; width:50%; display:none;}
.learningRate > .input > span{display:flex !important; align-items:center;}
.learningRate > .input > span > .txt{padding-right:10px; color:#999;}
.learningRate > .input > span > input{width:calc(100% - 30px);}
.learningRate > .select > .booklearningtime{padding: 0 15px 0 15px; height: 38px; width:100%;}
.learningRate > .showtxt{margin-left:auto; width:50%; display:none;}
.learningRate > .showtxt > .showtxtflex{display: flex; background-color:transparent; color: #999;}
.learningRate > .showtxt > .showtxtflex > .txt{background-color:transparent;}
.learningRate > .showtxt > .showtxtflex > .txt.planUnitTextType{margin-left: 0px;}

.learningRate.on > .yoilBox{background:#2E323B; color:#fff;}
.learningRate.on > .time{color:#111;}
.learningRate.on > .txt{display:none;}
.learningRate.on > .input{display:inline-block;}
.learningRate.on > .select{display:inline-block;}
.learningRate.on > .showtxt{display:inline-block;}

.studyBookSetPop footer.flex.typeSet{justify-content:center;}
.studyBookSetPop footer > .radio.vertical{margin-right:10px;}
.studyBookSetPop footer > .radio.vertical > label + label {margin-top: 5px;}
/*.studyBookSetPop footer .btn_submit{margin-left:auto;}*/
.studyBookSetPop footer .btn_submit.typeSet{margin-left:60px!important;}
.studyBookSetPop footer .btn_delBook{margin-left:auto; padding:0px 20px; background:#999;}

.studyBookSetPop .planEndDt.readonly > span{background-color: transparent !important;}

.olsRange + .olsRange{margin-top:10px;}
.olsRange > .btn{width:38px; height:38px; border-radius:5px; background:#666; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.olsRange > .olsTitleNameNumber{width:42px; height:38px; border-radius:5px; background:#aaa; color:#fff; display:flex; align-items:center; justify-content:center;}
.olsRange > div:not(.btn,.olsTitleNameNumber){width:calc(99% - 38px);}
/* .olsRange > div:not(.btn){width:calc(99% - 38px);} */
.olsRange > div:not(.btn) > span{display:flex !important; align-items:center;}
.olsRange > div:not(.btn) > span > input{width:calc(100% - 60px) !important;}
.olsRange > div:not(.btn) > span > .checkbox{display:inline-block; width:50px; margin-right:10px;}

/* 학부모회원 관리 */
table.info td div.spl .s_3i3 > span + span.social { margin-top: 5px; }
table.info td div.spl span.social { height: 45px; line-height: 45px; background: none; }
table.info td div.spl span.social > i { display: inline-block; top: auto; right: auto; background-position: center; background-repeat: no-repeat; background-size: 24px; vertical-align: bottom; border-radius: 8px; width: 42px; height: 42px; }
table.info td div.spl span.social > i.KAKAO { border: 2px solid #FAE300; background-color:#FAE300; background-image:url(../img/ico_social_kakao.svg); }
table.info td div.spl span.social > i.NAVER { border: 2px solid #03C75A; background-color:#03C75A;background-image:url(../img/ico_social_naver.svg); }
table.info td div.spl span.social > b { margin-left: 5px;}

.childrenInfo{display:block; background:#fff; border:1px solid #bbb; box-shadow:3px 2px 2px 0px rgba(0,0,0,0.1); font-size:13px; padding:0 10px; border-radius:5px; height:38px; display:flex; align-items:center; justify-content:start;}
.childrenInfo > i{cursor:pointer;}
.childrenInfo > .txt{font-size:12px;}
.childrenInfo > .txt > span{font-weight:bold; font-size:15px; margin-right:5px;}
.childrenInfo + .childrenInfo{margin-top:5px;}

.childrenInfo > div.select{margin:0 10px 0 auto;}
.childrenInfo > div.select > select{line-height: 25px; height: 25px;}
.childrenInfo > div.select:after{line-height: 25px; height: 25px;}

.childrenInfo.noData{height:auto; padding:10px; justify-content:space-between;}
.childrenInfo.noData > .txt{color:#bbb;}
.childrenInfo.noData > .txt > span{color:#111; display:block; margin-right:0px;}
.childrenInfo.noData > .btn{font-size:12px; padding:5px 15px; background:#999; color:#fff; border-radius:3px;}

.parentSet footer.flex{display:flex;}
.parentSet footer.flex > .btn_submit{margin-left:auto;}
.parentSet .readonlyView{min-height:20.8px; color:#999; background:transparent !important; font-weight:500; font-size:14px !important;}


/* studentSchList */
.studentSchList{margin-top:30px;}
.studentSchList > li + li{margin-top:10px;}
.studentSchList > li > .childrenInfo{display:flex; justify-content:space-between; box-shadow: none; padding: 10px; height: auto; line-height: 1;}
.studentSchList a.lbtn {display:inline-block; color:#26B7BC; width:auto; border: 2px solid #26B7BC; padding:0px 15px; height:30px; line-height:30px; text-align:center; background:#fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:13px; font-weight:600;}

.studentSchList > li.nodata {text-align:center;}
.studentSchList > li.nodata > i { font-size:45px;color:#666;margin-bottom:0px;line-height: 50px;}
.studentSchList > li.nodata > h2 { font-size:24px;color:#666;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.studentSchList > li.nodata > h2::before { content: 'No Data Available.';}
.studentSchList > li.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
.studentSchList > li.nodata > p::before { content: '휴대전화번호로 조회해주세요.';}

/* 학습상세보기 팝업  */
.studyNowStPop .stInfoBox .txtBox > .top > .name{margin-right:40px;}
.studyNowStPop .stInfoBox .txtBox > .bottom{display:flex; align-items:center; justify-content:space-between;}
.studyNowStPop .stInfoBox .txtBox > .bottom > span{color:#999; margin-right:40px;}

.studyNowStPop .alertInfoList{display:flex;cursor: pointer;}
.studyNowStPop .alertInfoList > .select-wrap { display: flex; justify-content: center; align-items: center; width: 150px; margin-right: 15px; }
.studyNowStPop .alertInfoList > .select-wrap > span.select { position: relative; display: inline-block; line-height: 40px; height: 40px; width: 140px; cursor: pointer; background: #eee; border: 0px solid #999; border-radius: 5px; overflow: hidden; }
.studyNowStPop .alertInfoList > .select-wrap > span.select select { position: relative; display: block; width: 100%; padding-left: 10px; height: 40px; line-height: 40px; background: transparent; font-size: 14px; font-weight: 400; outline: none; z-index: 2; color: #999; }
.studyNowStPop .alertInfoList > .select-wrap > span.select::after { font-family: FontAwesome; content: "\f107"; vertical-align: middle; position: absolute; top: 0px; right: 10px; display: block; color: #999; font-size: 15px; height: 40px; line-height: 40px; z-index: 1; }

.studyNowStPop .alertInfoList > .alertInfo{padding:5px 10px;}
.studyNowStPop .alertInfoList > .alertInfo > span{display:block; font-size:14px; text-align:center; font-weight:bold; color:#fff;}
.studyNowStPop .alertInfoList > .alertInfo.yellow{background:#ffcc00;}
.studyNowStPop .alertInfoList > .alertInfo.red{background:#ff0000;}

.studyNowStPop .stInfoBox > .privateInfo{box-shadow:none; border:0px; padding:0px; }

.studyNowStPop  > .portlet_wrap > ul > li > a{height:100%;}
.studyNowStPop  > .portlet_wrap > ul > li > a > .thumb{height:100%;}
/*.studyNowStPop  > .portlet_wrap > ul > li > a > .thumb{height:376px;}*/

.studyNowStPop > .studyNowPlanInfo > ul > li .imgTime{font-size:14px; bottom:15px;}

.studyNowStPop  > .portlet_wrap > ul > li > .layer.noti > .main > i{top:35%;}
.studyNowStPop  > .studyNowPlanInfo{display:flex; justify-content:space-between; gap:10px;}
.studyNowStPop  > .studyNowPlanInfo > ul{width:35%; box-sizing:border-box;}
.studyNowStPop  > .studyNowPlanInfo > ul > li{width:100%;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo{padding:15px; display:flex; align-items:center; justify-content:center; background:#fff; position: relative; width:35%; box-sizing:border-box;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo.notToday { width: 50%; }
.studyNowStPop  > .studyNowPlanInfo > .todayInfo > div{width:100%;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo > div > .btn{width:100%; margin-top:10px; text-align:center; box-sizing:border-box;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo p {display:flex; justify-content:space-between;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo p.t{font-size:14px; font-weight: 700;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo p.s{font-size:13px; font-weight: 700;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo p.c{font-size:12px;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo p.c{font-size:12px; color:#999;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo p.t.btn > a{font-size:12px; display:flex; align-items:center; justify-content:center; background:#999; height:20px; padding:0 10px; color:#fff; font-weight:600; border-radius:3px;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate {display:block; position: relative;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate > p {line-height:18px; padding:1px 0px; font-size:12px; display:block; padding-right:0px; position: relative;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate > p > span { position: absolute;line-height:18px;height:18px;top:1px;right:0px;color:rgba(0,0,0,0.4);font-size:10px;z-index:10;padding-right:5px;font-weight: 800;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate > p > em { background: #eee;border: 3px solid #eee;display:block;height:12px;line-height:12px;position: relative;overflow: hidden;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate > p > em > i { display:block;position: absolute;top:0px;left:0px;bottom:0px;background: rgba(145,232,225,1);height:12px;vertical-align: bottom;z-index: 1;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate > p > em > b { position: relative;z-index: 2;font-weight: 800;color:rgba(0,0,0,0.6);font-size:11px;line-height:12px;padding-left:2px;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate > p.progress > em > i { background: rgba(145,232,225,1); }
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .rate > p.achievement > em > i { background: rgba(228,211,84,1); }
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .flexBtns{display:flex; justify-content:space-between; text-align:center; padding-top:10px;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .flexBtns > a:first-child{margin-right:10px; width:66%;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo .flexBtns > a{width:33%;}
.studyNowStPop  > .studyNowPlanInfo > .todayInfo > div > p > b.normal { color: #00d98b; }
.studyNowStPop  > .studyNowPlanInfo > .todayInfo > div > p > b.warning { color: #b98e2c; }
.studyNowStPop  > .studyNowPlanInfo > .todayInfo > div > p > b.critical { color: #fa3457 }

.studyNowStPop  > .studyNowPlanInfo > .todayStatus{display:flex; flex-direction:column; justify-content:space-between; width:30%; box-sizing:border-box;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus.notToday { width: 50%; }
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul{background:#fff; display:flex; flex-wrap:wrap;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul:first-of-type{height:calc(70% - 5px);}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul:first-of-type > li{height:calc(100% / 3);}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > div > span.title { color: #999; }
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > div > span.rate { font-size: 16px; font-weight: bold; }
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > div > b.time  { color: #999; font-weight: bold; }

.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li{width:50%; padding:15px; text-align:center; font-size:13px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li span{display:block;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li .pauseTime{font-size:12px; color: #999; font-weight:400;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul:last-of-type{height:calc(30% - 5px);}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul:last-of-type > li{ height:100%;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > i {width:50px; height:50px; display:inline-block;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > i::before { font-family: 'xeicon' !important; font-size:50px; width:50px; height:50px; line-height:50px;}
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > i[data-val=G]::before { content: "\e9e4";color:#00d98b; }
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > i[data-val=Y]::before { content: "\e9eb";color:#ffcb2a; }
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > i[data-val=R]::before { content: "\e9ee";color:#fa3457; }
.studyNowStPop  > .studyNowPlanInfo > .todayStatus > ul > li > i[data-val=N]::before { content: "\e9ec";color:#ccc; }

.studyNowStPop  > .studyNowPlanList > h2 {font-size:25px; color:#111; font-weight: 500; letter-spacing: -1px; font-family: GmarketSans;}
.studyNowStPop  > .studyNowPlanList > h2.btn{display:flex; justify-content:space-between; align-items:center;}
.studyNowStPop  > .studyNowPlanList > h2.btn > a.btn { position:relative; display:inline-block; height:38px; line-height:38px; width:auto; color:#666; font-weight:500; font-size:13px; background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 12px; border-radius: 5px;}
.studyNowStPop  > .studyNowPlanList > h2.btn > a.btn > i { display:inline-block;height:38px;line-height:38px; margin-right:5px;}
.studyNowStPop  > .studyNowPlanList > h2.btn > a.btn.black_bg { background:#2E323B;border:1px solid rgba(0,0,0,0.1);color:#fff;}



.planBox{margin-top:30px;}
.planBox > .top{display:flex; justify-content:space-between; align-items:center; border-bottom: 2px solid #ccc; padding-bottom: 9px;}
.planBox > .top > .t{display:flex; align-items:center;}
.planBox > .top > .t > .num{ height: 42px; line-height: 42px; color:#bbb; font-size:45px; font-weight:bold; margin-right:10px;}
.planBox > .top > .t > .num.red{color:#fa3457;}

.planBox > .top > .t > .num.schedule-change { position: relative; cursor: pointer; }
.planBox > .top > .t > .num.schedule-change::after { content: "학습변경"; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 4px 8px; font-size: 13px; background: #2E323B; color: #fff; border-radius: 4px; white-space: nowrap; }
.planBox > .top > .t > .num.schedule-change:hover,
.planBox > .top > .t > .num.schedule-change.schedule-hover-active { color: transparent; }
.planBox > .top > .t > .num.schedule-change:hover::after,
.planBox > .top > .t > .num.schedule-change.schedule-hover-active::after{ display: block; }

.planBox > .top > .t > .txt > .m{font-size:18px; line-height:1.2; font-weight:600; display:flex; align-items:center;}
.planBox > .top > .t > .txt > .m > span{padding:3px 8px; border-radius:3px; margin-left:5px; color:#fff; font-size:12px;}
.planBox > .top > .t > .txt > .m > span.red { background: #fa3457; }
.planBox > .top > .t > .txt > .m > span.blue { background: #00ccff; }
.planBox > .top > .t > .txt > .m > span.yellow { background: #ffcb2a; }
.planBox > .top > .t > .txt > .m > span.green { background: #01ef99; }
.planBox > .top > .t > .txt > .m > span.purple { background: #a04dff; }
.planBox > .top > .t > .txt > .m > span.orange { background: #fe7c1c; }
.planBox > .top > .t > .txt > .m > span.gray { background: #afabab }
.planBox > .top > .t > .txt > .s{font-size:13px; color:#999;}

.planBox > .top > div { display: flex; justify-content: space-between; }
.planBox > .top > div > .infoBox > .txt{font-size:13px; text-align:right;}
.planBox > .top > div > .infoBox > .txt > span{font-weight:600; margin-right:5px; line-height: 1;}
.planBox > .top > div > .infoBox > ul{display:flex; gap:5px; flex-direction: row-reverse;} /* flex-direction: row-reverse; 추가*/
.planBox > .top > div > .infoBox > ul > li > .txtBox{ padding:5px 10px; border-radius:3px; color:#fff; font-size:12px; background:#bbb; line-height: 1;}
.planBox > .top > div > .infoBox > ul > li > .btn{font-size: 12px; padding: 5px 10px; color: #fff; line-height: 1; border-radius: 3px;}
.planBox > .top > div > .infoBox > ul > li > .btn.glay_bg{background: #999; }
.planBox > .top > div > .infoBox > ul > li > div.ds-real-time { font-weight: 600; }
.planBox > .top > div > .infoBox > ul > li > div.ds-real-time > span.hlDsTodoTime { color: #e95653; }
.planBox > .top > div > .btn { margin-left: 20px; padding: 10px 25px; border-radius: 5px; color: #fff; font-weight: bold; }
.planBox > .top > div > .btn.btn-check-all { background: #26B7BC; }
.planBox > .top > div > .btn.btn-check-done { cursor: default; background: #999999; }

.planBox > .tableWrap{display:flex; justify-content:space-between; gap:10px; margin-top:20px; }
.planBox > .tableWrap > .tableBox{box-sizing:border-box;}
/* .planBox > .tableWrap > .tableBox > table{border-bottom:1px solid #ccc; border-top:2px solid #2E323B; height:100%; width:100%;} */
.planBox > .tableWrap > .tableBox > table{border-bottom:1px solid #ccc; border-top:2px solid #2E323B; height:100%; width:100%; position:relative;}
.planBox > .tableWrap > .tableBox > table.noData::after{ content:'No Data.'; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; background-color: rgba(100, 100, 100, 0.7); line-height: 118px; color: #fff; font-size: 181%;}

.planBox > .tableWrap > .tableBox > table th{padding:5px 20px; background:#f8f8f8; color:#666; font-size:13px; border-right:1px solid #ccc; height:30px;}
.planBox > .tableWrap > .tableBox > table th:first-child,
.planBox > .tableWrap > .tableBox > table td:first-child{border-left:1px solid #ccc;}
.planBox > .tableWrap > .tableBox > table th > span { color: #eee; }
.planBox > .tableWrap > .tableBox > table th > span.G { color:#00d98b; }
.planBox > .tableWrap > .tableBox > table th > span.Y { color:#ffcb2a; }
.planBox > .tableWrap > .tableBox > table th > span.R { color:#fa3457; }
/* .planBox > .tableWrap > .tableBox > table td{padding:5px 20px; font-size:12px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc;} */
.planBox > .tableWrap > .tableBox > table td{padding:5px 5px; font-size:12px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; position:relative;}
.planBox > .tableWrap > .tableBox:last-child > table td { padding:5px 10px; }
.planBox > .tableWrap > .tableBox > table td.noData::after{ content:'No Data.'; display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; text-align: center; background-color: rgba(100, 100, 100, 0.7); line-height: 118px; color: #fff; font-size: 181%;}

.planBox > .tableWrap > .tableBox > table td.hlDpTime,
.planBox > .tableWrap > .tableBox > table td.hlDpAmount,
.planBox > .tableWrap > .tableBox > table td.hlMyTime,
.planBox > .tableWrap > .tableBox > table td.hlMyAmount { color: #e95653; font-weight: 600; }

.planBox > .tableWrap > .tableBox > table td > i { width: 50px; height: 50px; display: inline-block; }
.planBox > .tableWrap > .tableBox > table td > i::before { font-family: 'xeicon' !important; font-size: 50px; width: 50px; height: 50px; line-height: 50px; }
.planBox > .tableWrap > .tableBox > table td > i[data-val=G]::before { content: "\e9e4";color:#00d98b; }
.planBox > .tableWrap > .tableBox > table td > i[data-val=Y]::before { content: "\e9e4";color:#ffcb2a; }
.planBox > .tableWrap > .tableBox > table td > i[data-val=R]::before { content: "\e9e4";color:#fa3457; }
.planBox > .tableWrap > .tableBox > table td > i[data-val=N]::before { content: "\e9e4";color:#ccc; }

.planBox > .tableWrap > .tableBox > table td > div{display:flex; justify-content:space-between;}
.planBox > .tableWrap > .tableBox > table td > div.gradingCnt { display: block; }

.planBox > .tableWrap > .tableBox > table td > div > span{font-weight:600;}
.planBox > .tableWrap > .tableBox > table td > div > span.has-pending { color: #e95653; }
.planBox > .tableWrap > .tableBox > table td > div > span.gradingType { cursor: pointer; }

.planBox > .tableWrap > .tableBox > table td > div > div.grd-cnt > span { cursor: pointer; font-weight:600; }
.planBox > .tableWrap > .tableBox > table td > div > div.grd-cnt > span.has-unchecked { color: #e95653; }

.planBox > .tableWrap > .tableBox > table td > div > div.grd-cnt > span.total::before { content: attr(data-cnt); color: #e95653; }
.planBox > .tableWrap > .tableBox > table td > div > div.grd-cnt > span.total[data-cnt='0']::before { content: '0'; color: #111; }

.planBox > .tableWrap > .tableBox > table td > span{font-weight:600; display:block; line-height:1.3;}

.planBox > .tableWrap > .tableBox:first-child {width: 38%;}
.planBox > .tableWrap > .tableBox:nth-of-type(2){width:25%;}
.planBox > .tableWrap > .tableBox:last-child{width:37%;}

.planBox > .tableWrap > .tableBox > table > tbody > tr > td.gradingType { cursor: pointer; }

/* 알람리스트 팝업 */
.alarmList .stInfo{display:flex; align-items:center;}
.alarmList .stInfo .thum{width:50px; height:50px; display:inline-block; border:1px solid #eee; background:url(../img/no_thum.gif) no-repeat center / cover; border-radius:50%; margin-right:15px;}
.alarmList .stInfo .txtBox > .top{display:flex; align-items:center; justify-content:space-between;}
.alarmList .stInfo .txtBox > .top > .name{font-size:14px;}
.alarmList .stInfo .txtBox > .top > .name > span{font-size:20px; font-weight:bold; margin-right:5px;}
.alarmList .stInfo .txtBox > .bottom{line-height:1.2;}
.alarmList .stInfo .txtBox > .bottom > span{color:#999; font-size:13px;}

.alarmList .alarmListWrap{width:100%;}
.alarmList .alarmListWrap .tabmenu > li{width:50%;}
.alarmList .alarmListWrap .tabmenu > li > a{width:100%; display:inline-block; text-align:center; box-sizing:border-box;}
.alarmList .alarmListWrap > .conArea > .topArea{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #999;}
.alarmList .alarmListWrap > .conArea > .topArea > .btn{font-size:12px; padding:10px 15px; background:#2E323B; color:#fff; line-height:1; border-radius:5px; display:flex; align-items:center;}

.alarmList .alarmListWrap > .conArea > .topArea > .btns > span{position:absolute; right:0px; bottom:39px; color:#999; font-size:12px; width:89px;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards { top:-13px;right:15px;font-size:0px;z-index: 10;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p { display:inline-block;background: #999;padding:5px 0px;width:40px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p > span { font-size:12px;line-height:22px;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p > b { display:block;line-height:16px;text-align:center;display:block;font-size:14px;font-weight: 800;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p > b::before { content:attr(data-cnt); }
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p.y { background: #ffcb2a;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p.r { background: #fa3457;}

.alarmList .alarmListWrap > .conArea .alarmList > li{margin:0px;}
.alarmList .alarmListWrap .paging_wrap{padding:30px 0 0;}



/* dp 설정 팝업*/
.tabmenu.item3 > li{width:calc(100% / 3);}
.tabConWrap .tabmenu > li > a{width:100%; display:inline-block; text-align:center; box-sizing:border-box;}

.olRange + .olRange{margin-top:10px;}
.olRange > .btn{width:38px; height:auto; border-radius:5px; background:#666; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.olRange > div:not(.btn){width:calc(99% - 38px);}

.olRange > div > .olRangeBtn{margin-top:5px; display:flex;}
.olRange > div > .olRangeBtn > li{width:calc(100% / 10); padding:5px 0; font-size:12px; text-align:center; background:#ddd; color:#fff; cursor:pointer;}
.olRange > div > .olRangeBtn > li.on{background:#2E323B;}
.olRange > div > .olRangeBtn > li.disable{background:#333;}
.olRange > div > .olRangeBtn > li + li{margin-left:1%;}


/* 채점내역 팝업 */
.dpGrading{padding:20px 20px 90px !important; /*height:100vh;*/ box-sizing:border-box;}

.dpGrading > .topper{display:flex !important; align-items:center;}
.dpGrading > .topper > a{height:38px;display:flex; align-items:center; justify-content: center; box-sizing: border-box;}
/*.dpGrading > .topper > a:not(:last-of-type){margin-right:5px;} */
.dpGrading > .topper > a{margin-right:5px;}
.dpGrading > .topper > .search{margin-right:5px;}

.dpGrading > .topArea{display:flex; align-items:center; justify-content:space-between;}
.dpGrading > .topArea > .txt > div{line-height:1.5;}
.dpGrading > .topArea > .txt > .m{font-size:18px; line-height:1.2; font-weight:600; display:flex; align-items:center;}
.dpGrading > .topArea > .txt > .m > span{padding:3px 8px; border-radius:3px; margin-left:5px; color:#fff; font-size:12px;}
.dpGrading > .topArea > .txt > .m > span.red { background: #fa3457; }
.dpGrading > .topArea > .txt > .m > span.blue { background: #00ccff; }
.dpGrading > .topArea > .txt > .m > span.gray { background: #afabab; }
.dpGrading > .topArea > .txt > .m > span.yellow { background: #ffcb2a; }
.dpGrading > .topArea > .txt > .m > span.green { background: #01ef99; }
.dpGrading > .topArea > .txt > .m > span.purple { background: #a04dff; }
.dpGrading > .topArea > .txt > .m > span.orange { background: #fe7c1c; }
.dpGrading > .topArea > .txt > .s{font-size:13px; color:#999;}
.dpGrading > .topArea > .txt > .f > span{font-weight:600; margin-right:5px; line-height: 1;}

.dpGrading > .topArea > .stInfo{display:flex; align-items:center;}
.dpGrading > .topArea > .stInfo .thum{width:50px; height:50px; display:inline-block; border:1px solid #eee; background:url(../img/no_thum.gif) no-repeat center / cover; border-radius:50%; margin-right:15px;}
.dpGrading > .topArea > .stInfo .txtBox > .top{display:flex; align-items:center; justify-content:space-between;}
.dpGrading > .topArea > .stInfo .txtBox > .top > .name{font-size:14px;}
.dpGrading > .topArea > .stInfo .txtBox > .top > .name > span{font-size:20px; font-weight:bold; margin-right:5px;}
.dpGrading > .topArea > .stInfo .txtBox > .bottom{line-height:1.2;}
.dpGrading > .topArea > .stInfo .txtBox > .bottom > span{color:#999; font-size:13px;}

.dpGrading > .topArea > .stInfo .studyYoilList { display: flex; top: 0; position: sticky;}
.dpGrading > .topArea > .stInfo .studyYoilList > li { width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 10px; color: #fff;}


.dpGrading > .topArea > .reDatePicker{display:flex; gap:20px; align-items:center;}
.dpGrading > .topArea > .reDatePicker > div.date{font-size:25px; font-weight:600;}
.dpGrading > .topArea > .reDatePicker > div.xi{font-size:20px; font-weight:600; color:#999; cursor:pointer; width:20px;}

.dpGrading > .tableWrap{display:flex; justify-content:space-between; gap:10px; margin-top:20px; }
.dpGrading > .tableWrap > .tableBox{box-sizing:border-box;}
.dpGrading > .tableWrap > .tableBox > table{border-bottom:1px solid #ccc; border-top:2px solid #2E323B; height:100%; width:100%;}
.dpGrading > .tableWrap > .tableBox > table th{padding:5px 20px; background:#f8f8f8; color:#666; font-size:13px; border-right:1px solid #ccc; height:30px;}
.dpGrading > .tableWrap > .tableBox > table th:first-child,
.dpGrading > .tableWrap > .tableBox > table td:first-child{border-left:1px solid #ccc;}
.dpGrading > .tableWrap > .tableBox > table th > span { color: #eee; }
.dpGrading > .tableWrap > .tableBox > table th > span.G { color: #00d98b; }
.dpGrading > .tableWrap > .tableBox > table th > span.Y { color: #ffcb2a; }
.dpGrading > .tableWrap > .tableBox > table th > span.R { color: #fa3457; }
.dpGrading > .tableWrap > .tableBox > table td{padding:5px 10px; font-size:12px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; position: relative;}
.dpGrading > .tableWrap > .tableBox:last-child > table td { padding:5px 10px; }
.dpGrading > .tableWrap > .tableBox > table td.noData::after{ content:'No Data.'; display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; text-align: center; background-color: rgba(100, 100, 100, 0.7); line-height: 118px; color: #fff; font-size: 181%;}

.dpGrading > .tableWrap > .tableBox > table td > i { width: 50px; height: 50px; display: inline-block; }
.dpGrading > .tableWrap > .tableBox > table td > i::before { font-family: 'xeicon' !important; font-size: 50px; width: 50px; height: 50px; line-height: 50px; }
.dpGrading > .tableWrap > .tableBox > table td > i[data-val=G]::before { content: "\e9e4"; color: #00d98b; }
.dpGrading > .tableWrap > .tableBox > table td > i[data-val=Y]::before { content: "\e9e4"; color: #ffcb2a; }
.dpGrading > .tableWrap > .tableBox > table td > i[data-val=R]::before { content: "\e9e4"; color: #fa3457; }
.dpGrading > .tableWrap > .tableBox > table td > i[data-val=N]::before { content: "\e9e4"; color: #ccc; }

.dpGrading > .tableWrap > .tableBox > table td > div{display:flex; justify-content:space-between;}
.dpGrading > .tableWrap > .tableBox > table td > div > span{font-weight:600;}
.dpGrading > .tableWrap > .tableBox > table td > div > span > a.has-unchecked,
.dpGrading > .tableWrap > .tableBox > table td > div > span > a.need-mng-check { color: #e95653; }

.dpGrading > .tableWrap > .tableBox > table td > span{font-weight:600; display:block; line-height:1.3;}

/* .dpGrading > .tableWrap > .tableBox > table td.gradingType { cursor: pointer; } */
.dpGrading > .tableWrap > .tableBox > table td > span > a.has-pending { color: #e95653; }

.dpGrading > .tableWrap > .tableBox:first-child { width: 38%; }
.dpGrading > .tableWrap > .tableBox:nth-of-type(2){width:25%;}
.dpGrading > .tableWrap > .tableBox:last-child{width:37%;}

.dpBookPageListWrap {height: calc(100% - (197px + 30px)); overflow:auto;padding-right:370px;min-height:370px;position:relative;}
.dpBookPageList{padding-bottom:20px;}
.dpBookPageList > li{display:flex; align-items:center;}
.dpBookPageList > li + li{margin-top:20px;}

.dpBookPageList > li > .pageNum{font-size:30px; cursor:pointer; font-weight:600; color:#ddd; background:#999; width:100px; height:100px; border-radius:50%; display:block; padding: 28px 0px; box-sizing: border-box; justify-content:center; align-items:center;}
.dpBookPageList > li > .pageNum > b {font-size:25px; display: block; text-align: center; line-height: 20px;}
.dpBookPageList > li > .pageNum > span {font-size:12px; display: block; text-align: center; line-height: 20px;}
.dpBookPageList > li > .pageNum.on{background:rgb(90, 229, 223); color:#fff;}
.dpBookPageList > li > .pageNum.requested{background:#999; color:#fa3457;}
.dpBookPageList > li > .pageNum.on.requested{background:rgb(90, 229, 223); color:#fa3457;}

.dpBookPageList > li > .repeatNum{font-size:15px; width:150px; text-align:center;}
.dpBookPageList > li > .repeatNum > span{display:block; font-size:20px; font-weight:600; text-align:center;}
.dpBookPageList > li > .gradingList{width:calc(100% - 250px); display:flex; gap:5px;}
.dpBookPageList > li > .gradingList > .gradingBox{position:relative; box-sizing:border-box; background:#fff; width:calc(100% / 8); height:100px; display:flex; align-items:center; justify-content:center; flex-direction: column;}
.dpBookPageList > li > .gradingList > .gradingBox > .select{top: 6px; width:100%; background:transparent; border-radius:0px; cursor:pointer;}
.dpBookPageList > li > .gradingList > .gradingBox > .select:first-of-type > select{font-size:20px; font-weight:600;}
.dpBookPageList > li > .gradingList > .gradingBox > .select:first-of-type > select > option{font-size:13px;}

.dpBookPageList > li > .gradingList > .gradingBox > span{display:none; position:absolute; top:0; right:0; background:#bbb; color:#fff; font-size:12px; padding:3px 8px; z-index:1; line-height:1;}

.dpBookPageList > li > .gradingList > .gradingBox.now{border:4px solid rgb(90, 229, 223); border-position:inside;} /*오늘 회차*/
.dpBookPageList > li > .gradingList > .gradingBox.now.requested{border:4px solid rgb(90, 229, 223); border-position:inside;} /*오늘 회차*/
.dpBookPageList > li > .gradingList > .gradingBox.now.complete{border:4px solid rgb(90, 229, 223); border-position:inside;} /*오늘 회차*/
.dpBookPageList > li > .gradingList > .gradingBox.now.check.requested{border:4px solid rgb(90, 229, 223); border-position:inside;} /*오늘 회차*/
.dpBookPageList > li > .gradingList > .gradingBox.now.check.complete{border:4px solid rgb(90, 229, 223); border-position:inside;} /*오늘 회차*/
/*.dpBookPageList > li > .gradingList > .gradingBox.check{border:4px solid #bbb;}  점검 */
.dpBookPageList > li > .gradingList > .gradingBox.check > span.check{display:inline-block;}
.dpBookPageList > li > .gradingList > .gradingBox > span.confirmStatus{ display:inline-block; padding: 3px 6px; right: auto; left: 0; }
.dpBookPageList > li > .gradingList > .gradingBox > span.confirmR{background-color: #999;}
.dpBookPageList > li > .gradingList > .gradingBox > span.confirmO{background-color: #5998d1;}
.dpBookPageList > li > .gradingList > .gradingBox > span.confirmX{background-color: #fa3457;}

.dpBookPageList > li > .gradingList > .gradingBox.complete{background:#2E323B; border:0px; color:#fff;} /* 수업완로 */
.dpBookPageList > li > .gradingList > .gradingBox.complete > .select > select{color:#fff;}
.dpBookPageList > li > .gradingList > .gradingBox.complete > .select > select > option{color:#000;}

.dpBookPageList > li > .gradingList > .gradingBox.requested{background:#fa3457; border:0px; color:#fff;} /* 수업완로 */
.dpBookPageList > li > .gradingList > .gradingBox.requested > .select > select{color:#fff;}
.dpBookPageList > li > .gradingList > .gradingBox.requested > .select > select > option{color:#000;}

.dpGrading + .footer{background:#fff;  position:fixed; bottom:0px; left:0; right:0; width:100%; padding: 15px 20px; height: 70px; border-top: 1px solid #ccc; box-sizing:border-box; display:flex; align-items:center; gap:10px; z-index:5;}

.dpGrading + .footer > a.btn {margin-left:auto; display:inline-block; height:38px; line-height:38px; width:auto; color:#666; font-weight:500; font-size:13px; background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 12px; border-radius: 5px;}
.dpGrading + .footer > a.btn.black_bg { background:#2E323B;border:1px solid rgba(0,0,0,0.1);color:#fff;}

/* 사유서등록 팝업 */
.reasonPop .late, .absent{display:none;}
.reasonPop .late.on, .absent.on{display:table-row;}

/* 주간학습계획표 팝업 */
.weekStPlan > hgroup.flex {display:flex; align-items:end; justify-content:space-between;}
.weekStPlan > hgroup h2 { display:block; font-size:28px; color:#111;vertical-align: bottom; line-height:1.2; font-weight: 500;letter-spacing: -1px;font-family: GmarketSans;}
.weekStPlan > hgroup p {font-size:15px; color:#999; line-height:1.2; font-weight:500;}

.weekStPlan > hgroup .st{display:flex; align-items:end; gap:5px;}
.weekStPlan > hgroup .st .name{font-size:20px; font-weight:600; line-height:1;}
.weekStPlan > hgroup .st .school{font-size:15px; line-height:1;}
.weekStPlan > hgroup .group{font-size:15px; color:#999; font-weight:500;}

.planWrap{margin-top:10px;}
.planWrap .weekArea{display:flex; gap:10px;}
.planWrap .weekArea > .week{width:calc(100% / 7); background:#ddd; text-align:center; font-size:13px; padding:5px; font-weight:600;}
.planWrap .weekArea > .week.red{color:#ff0000;}
.planWrap .weekArea > .week.blue{color:#2E323B;}

.planWrap .planArea{margin-top:10px; display:flex; gap:10px;}
.planWrap .planArea > .plan{width:calc(100% / 7);}
.planWrap .planArea > .plan > li{background:#ddd; padding:10px 10px 10px 27px; display:flex; align-items:end; justify-content:space-between; position:relative;}
.planWrap .planArea > .plan > li::before{content: "\e90f"; font-family:"xeicon"; display:inline-block; font-size: 15px; position:absolute; top:0; left:0; height:100%; border-right:3px solid #f3f3f3; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.planWrap .planArea > .plan > li + li{margin-top:10px;}
.planWrap .planArea > .plan > li.ui-state-highlight {min-height:66.78px; box-sizing: border-box; border:1px dashed #fed22f; background:transparent;}
.planWrap .planArea > .plan > li.ui-state-highlight::before{display:none;}

.planWrap .planArea > .plan > li > .study > div{line-height:1.2;}
.planWrap .planArea > .plan > li > .study > .t{font-weight:700; font-size:15px;}
.planWrap .planArea > .plan > li > .study > .m,
.planWrap .planArea > .plan > li > .study > .type{font-size:12px; color:#999;}

.planWrap .planArea > .plan > li > .textInput{background:#fff; display:flex; align-items:center; justify-content:space-between; gap:5px; padding:3px 5px; width: 45px;}
.planWrap .planArea > .plan > li > .textInput > span{color:#999; font-size:12px;}
.planWrap .planArea > .plan > li > .textInput > input{width:calc(100% - 20px);}


/* 교재 및 인강가져오기 팝업 */
.bookPick .obj_pop_cnts_area{width:500px;}
.bookPick .studyBookList > .item{padding-left:30px; position:relative;}
.bookPick .studyBookList > .item > .txtArea{width:calc(100% - 95px);}
.bookPick .studyBookList > .item > .radioBox{position:absolute; left:0; top:50%; transform:translateY(-50%);}


/* 대시보드 채팅 카운트 */
.stInfoBox .txtBox > .top > .btnList > li{height:20px;}
.stInfoBox .txtBox > .top > .btnList > li > button{font-size:20px; color:#aaa; position: relative;}

.stInfoBox .txtBox > .top > .btnList > li > button > em {display:block;font-size:11px;color:#fff;font-weight: 800;position: absolute;top:-10px;right:-px;background: #f15c22;line-height:18px;min-width:12px;padding:0px 3px;border-radius: 9px;}
.stInfoBox .txtBox > .top > .btnList > li > button > em::before { content:attr(data-cnt); }
.stInfoBox .txtBox > .top > .btnList > li > button > em[data-cnt='0'] { display:none; }

.stInfoBox .txtBox > .top > .btnList > li > button.btn_report_config > em::before { content:'N'; }

/* 채팅창 ui */
.chatWrap{background:#fff; height: 100%;}

.chatWrap > header {display:block; background: #f3f3f3; position: fixed; top:0px; right:0px; left:0px; z-index: 1;border-bottom:1px solid #ddd;box-shadow: 0px 0px 15px rgba(0,0,0,0.1); margin:0 auto; height:auto; text-align:left; transform:translate(0);}
.chatWrap > header > .profile {padding:15px 15px 15px 75px; display:block;position: relative;}
.chatWrap > header > .profile > i { position: absolute;top:12px;left:12px;display: block;width:50px;height:50px;border-radius: 50%;background-size: cover;background-repeat: no-repeat;border:1px solid #bbb;box-sizing: border-box;}

.chatWrap > header > .profile > h4 { font-size:20px;font-weight: 700;line-height:26px;}
.chatWrap > header > .profile > h4 > span { display:inline-block;vertical-align: bottom;font-size:13px;font-weight: 400;color:#999;margin-left:10px;}
.chatWrap > header > .profile > p { font-size:13px;font-weight: 600;color:#666;line-height: 15px;margin-top:3px;}
.chatWrap > header > .profile > span { display:none;position: absolute;bottom:15px;right:60px;font-size:0px;}
.chatWrap > header > .profile > span > i { display:inline-block;width:15px;height:15px;line-height: 15px;text-align: center;font-size:11px;background: #bbb;color:#fff;vertical-align: bottom;}
.chatWrap > header > .profile > span > i.on { background: #2E323B;}

.chatWrap > header > .profile > .cards { display:block;position: absolute;top:20px;right:165px;font-size:0px;z-index: 10; height: 30.8px; }
.chatWrap > header > .profile > .cards > p { display:inline-block;background: #999;padding:0px 0px;width:26px;text-align: center;color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);cursor: pointer; height: 30.8px; }
.chatWrap > header > .profile > .cards > p > span { font-size:11px;display:none;line-height:14px;}
.chatWrap > header > .profile > .cards > p > b { display:block;line-height:2.3;text-align:center;display:block;font-size:14px;font-weight: 800;}
.chatWrap > header > .profile > .cards > p > b::before { content:attr(data-cnt); }
.chatWrap > header > .profile > .cards > p.y { background: #ffcb2a;}
.chatWrap > header > .profile > .cards > p.r { background: #fa3457;}

.chatWrap > header > .reload_btn { display:block;width:36px;height:40px;line-height: 40px;text-align: center;font-family: 'xeicon' !important;position: absolute;top:17px;right:46px;font-size:24px;}
.chatWrap > header > .reload_btn::before { content: "\e982";display:block;height:40px;line-height: 40px; }

.chatWrap > header > .search_btn { display:block;width:36px;height:40px;line-height: 40px;text-align: center;font-family: 'xeicon' !important;position: absolute;top:17px;right:10px;font-size:24px;}
.chatWrap > header > .search_btn::before { content: "\e97a";display:block;height:40px;line-height: 40px; }
.chatWrap > header > .search_btn.opened::before { content: "\e921"; }
.chatWrap > header > .search { display:none;padding:10px 10px 10px 10px;border-top:1px solid #ddd;position: relative;}
.chatWrap > header > .search > span { display:block; border:1px solid #ddd;border-radius: 20px;background:#fff;overflow: hidden;position:relative;}
.chatWrap > header > .search > span > input { line-height:38px;padding:0px 15px;width:100%; }
.chatWrap > header > .search > span > button { position: absolute;top:3px;right:3px;background:#2E323B;color:#fff;line-height:32px;padding:0px 20px;border-radius: 17px;}
.chatWrap > header > .search_btn.opened + .search { display:block; }

.chatWrap > footer {display:block; background: #f3f3f3; position: fixed; bottom:0px; right:0px;left:0px;z-index: 1;border-top:1px solid #ddd;box-shadow: 0px 0px 15px rgba(0,0,0,0.1); margin:0 auto; padding:0px;}

.chatWrap > footer > .btns { display:flex;padding:10px 12px;font-size:0px; }
.chatWrap > footer > .btns > a { display:inline-block;line-height:28px;padding:0px 12px;border:1px solid #ddd;background: #fff;font-size:13px; vertical-align: top;border-radius: 5px;position: relative;overflow: hidden;}
.chatWrap > footer > .btns > a > i { display:inline-block;line-height:28px;vertical-align: bottom;margin-left:5px;}
.chatWrap > footer > .btns > a.arr { padding-right:10px; }
.chatWrap > footer > .btns > a.arr > i { font-family:FontAwesome; }
.chatWrap > footer > .btns > a.arr > i::before { content:"\f106"; }
.chatWrap > footer > .btns > a.arr.opened { background: #eee;color:#999;}
.chatWrap > footer > .btns > a.arr.opened > i::before { content:"\f107"; }

.chatWrap > footer > .btns > a > input[type=file] { position: absolute;top:0px;left:0px;line-height:28px;width:150%;font-size:28px;opacity: 0;cursor: pointer;}
.chatWrap > footer > .btns > a + a { margin-left:2px; }
.chatWrap > footer > .chat { display:block;padding:0px 12px 15px 12px;font-size:0px; background:#f3f3f3;}
.chatWrap > footer > .chat > span { display:block; border:1px solid #ddd;border-radius: 5px;background:#fff;overflow: hidden;position:relative;}
.chatWrap > footer > .chat > span > textarea { line-height:20px;height:26px;padding:8px 10px;width:85%; }
.chatWrap > footer > .chat > span > button { position: absolute;top:3px;right:3px;bottom:3px;border-radius: 3px;background:#2E323B;color:#fff;padding:0px 20px;}

.chatWrap > footer > .boilerplate { display:none;font-size:0px;max-height: 200px;overflow: hidden;overflow-y: auto;background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);position: absolute;left:0px;right:0px;bottom:110px;}
.chatWrap > footer > .boilerplate a {padding:10px 15px;line-height: 20px;font-size:13px;color:#666;cursor: pointer;font-weight: 600;display:block;}
.chatWrap > footer > .boilerplate a + a { border-top:1px solid #ddd; }
.chatWrap > footer > .boilerplate.opened { display:block; }

.chatWrap > footer > .boilerplate .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0,0,0,0.5); }

.chatWrap > footer > .btns > .chatTarget { display: flex; margin-left:auto;}
/*
.chatWrap > footer > .btns > .chatTarget > label {cursor:pointer; border:1px solid #ddd; background: #fff; padding:0px 10px; border-radius: 5px; height: 28px; width:55px; box-sizing:border-box; font-size:12px; display:flex; align-items:center; justify-content:center;}
.chatWrap > footer > .btns > .chatTarget > label:has(input[type="checkbox"]:checked){background: #50CCC6; height: 28px; }
.chatWrap > footer > .btns > .chatTarget > label:has(input[type="checkbox"]:checked) > span{color:#fff;}
*/

.chatWrap > footer > .btns > .chatTarget > label{padding:0px; height:auto; width:auto;}
.chatWrap > footer > .btns > .chatTarget > label + label{margin-left:2px;}
.chatWrap > footer > .btns > .chatTarget input[type="checkbox"] { display:none;}
.chatWrap > footer > .btns > .chatTarget input[type="checkbox"] + span{cursor:pointer; border:1px solid #ddd; background: #fff; padding:0px 10px; border-radius: 5px; height: 28px; box-sizing:border-box; font-size:12px; display:flex; align-items:center; justify-content:center;}
.chatWrap > footer > .btns > .chatTarget input[type="checkbox"] + span:before { display:none;}

.chatWrap > footer > .btns > .chatTarget input[type="checkbox"]:checked + span{background: #50CCC6; color:#fff; position:relative; padding-left:25px;}
.chatWrap > footer > .btns > .chatTarget input[type="checkbox"]:checked + span:before{content: "\e929"; font-family:xeicon; display:inline-block; border:0px; background: transparent; color: #fff; position:absolute; left:4px; top:50%; transform:translateY(-50%);}
.chatWrap > footer > .btns > .chatTarget span { color: #00090d; margin-left: 0px; font-size:12px;}
.chatWrap > footer > .btns > .chatTarget span:last-child { margin-right: 0; }

.chatWrap > section {background:#fff; padding-top:75px; padding-bottom:110px; }
.chatWrap > section > ul { display:block;padding:15px 0px; }
.chatWrap > section > ul > li { display:block;text-align: left;position: relative;padding:0px 20px 0px 60px;overflow: hidden;}

.chatWrap > section > ul > li > b { display: inline-block;background: #fff;text-shadow: 0px 0px 0px rgba(255,255,255,0.4);font-size: 11px;font-weight: 300;color: rgba(0,0,0,0.7);line-height: 20px;height: 17px;width: 17px;text-align: center;vertical-align: top;margin-left: 5px;border-radius: 50%;box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.chatWrap > section > ul > li.me > b { display: inline-block;background: #fff;text-shadow: 0px 0px 0px rgba(255,255,255,0.4);font-size: 11px;font-weight: 300;color: rgba(0,0,0,0.7);line-height: 20px;height: 17px;width: 17px;text-align: center;vertical-align: top;margin-left: 5px;border-radius: 50%;box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.chatWrap > section > ul > li > b.new { background: #f58D3D; }
.chatWrap > section > ul > li > b.new::before { content: 'N'; color: #fff; }

.chatWrap > section > ul > li + li { border-top:0px solid #ddd;margin-top:15px }
.chatWrap > section > ul > li > div { display:inline-block;max-width:70%;padding:10px 15px;background: #eee;border-radius: 10px;position: relative; }
.chatWrap > section > ul > li > div > i { position: absolute;top:6px;left:-50px;display: block;width:40px;height:40px;border-radius: 50%;background-size: cover;background-repeat: no-repeat;border:1px solid #bbb;box-sizing: border-box;}

.chatWrap > section > ul > li > div > p { display:block;font-size:12px;color:#999;line-height:20px;margin-bottom:6px;}
.chatWrap > section > ul > li > div > p > b { display:inline-block;height:20px;line-height:20px;vertical-align: top;font-size:13px;font-weight:500;margin-right:7px;color:#111; }
.chatWrap > section > ul > li > div > p > span.read { font-weight:600; color:#fe7c1c; }

.chatWrap > section > ul > li > div > div { display:block;margin-left:0px;line-height:20px; }
.chatWrap > section > ul > li > div > div > b { font-weight: 600;}
.chatWrap > section > ul > li > div > div > img {  object-fit: cover; }
.chatWrap > section > ul > li > div > div > span { display:block;font-size:0px;margin-top:5px;margin-bottom:2px;}
.chatWrap > section > ul > li > div > div > span > a { display:inline-block;line-height:26px;padding:0px 15px;background: #999;font-size:12px; vertical-align: top;border-radius: 2px;color:#fff; }
.chatWrap > section > ul > li > div > div > span > a.btn_preview { margin-left: 10px; }
.chatWrap > section > ul > li > div > div > span > b { display:inline-block;line-height:26px;vertical-align: top;margin-left:10px;font-size:12px;color:#999;font-weight: 700;}
.chatWrap > section > ul > li > div:after,
.chatWrap > section > ul > li > div:before {right: 100%; margin-right:0px; top: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chatWrap > section > ul > li > div:after { border-color: transparent; border-right-color: #eee; border-width: 9px; margin-top: 0px; }

.chatWrap > section > ul > li > div > button { background: transparent;width:26px;height:26px;line-height:26px;text-align:center;font-family: 'xeicon' !important;font-size:14px;position: absolute;top:10px;right:-26px;color:#999;}
.chatWrap > section > ul > li > div > button::before {content: "\e921";}

.chatWrap > section > ul > li.me { text-align: right;padding:0px 20px;}
.chatWrap > section > ul > li.me > div > p { color:rgba(0,0,0,0.6); }
.chatWrap > section > ul > li.me > div { background: #eedcc6;}
.chatWrap > section > ul > li.me > div:after,
.chatWrap > section > ul > li.me > div:before {right:auto;left: 100%; margin-left:0px; top: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chatWrap > section > ul > li.me > div:after { border-color: transparent; border-left-color: #eedcc6; border-width: 9px; margin-top: 0px; }

.chatWrap > section > ul > li.me > div > button { background: transparent;width:26px;height:26px;line-height:26px;text-align:center;font-family: 'xeicon' !important;font-size:14px;position: absolute;top:10px;left:-26px;color:#999;}
.chatWrap > section > ul > li.me > div > button::before {content: "\e921";}


.chatWrap > section > ul > li.bot > div { background: rgba(90,229,223,0.5);}
.chatWrap > section > ul > li.bot > div > p { color:rgba(0,0,0,0.6); }
.chatWrap > section > ul > li.bot > div > p > b { font-weight: 700;letter-spacing: -0.5px;}
.chatWrap > section > ul > li.bot > div > i { background: url(/common/img/bi_n.png) #2E323B no-repeat center;background-size: 75%;;background-repeat: no-repeat;border-radius: 5px;}
.chatWrap > section > ul > li.bot > div:after,
.chatWrap > section > ul > li.bot > div:before {right: 100%; margin-right:0px; top: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chatWrap > section > ul > li.bot > div:after { border-color: transparent; border-right-color: rgba(90,229,223,0.5); border-width: 9px; margin-top: 0px; }
.chatWrap > section > ul > li.bot > div > div > span > a { background: #2E323B; }

.chatWrap > section > ul > li.date { text-align: center;padding:10px 0px;}
.chatWrap > section > ul > li.date > p { padding:5px 10px;background: #fff;font-size:13px;color:#999; }
.chatWrap > section > ul > li.date > div:after,
.chatWrap > section > ul > li.date > div:before { display:none; }

.chatWrap > section > ul > li > div > div > span > a.waiting { background: #999; }
.chatWrap > section > ul > li > div > div > span > a.waiting + b {color:#999;}
.chatWrap > section > ul > li > div > div > span > a.proceeding { background:#45a171; }
.chatWrap > section > ul > li > div > div > span > a.proceeding + b {color:#45a171;}
.chatWrap > section > ul > li > div > div > span > a.deadlined { background:#8c2332; }
.chatWrap > section > ul > li > div > div > span > a.deadlined + b {color:#8c2332;}
.chatWrap > section > ul > li > div > div > span > a.pending { background:#8c2332; }
.chatWrap > section > ul > li > div > div > span > a.pending + b {color:#8c2332;}
.chatWrap > section > ul > li > div > div > span > a.progressing { background:#ED7D31; }
.chatWrap > section > ul > li > div > div > span > a.progressing + b {color:#ED7D31;}
.chatWrap > section > ul > li > div > div > span > a.confirmed { background:#45a171; }
.chatWrap > section > ul > li > div > div > span > a.confirmed + b {color:#45a171;}

/* 사유서 보기 */
.reasonPlofile { margin: 0px; padding: 0px; background: transparent; color: #101010;}
.reasonPlofile > .t { font-size: 1.2rem; font-weight: 600;}
.reasonPlofile > .t > span{font-size: 1rem; margin-left: 5px; font-weight: 300;}
.reasonPlofile > .s { font-size: 1.4rem; font-weight: 300; color: #fff;}
.reasonPlofile > .s, .reasonPlofile > .s > span { font-size: 12px; margin-left: 5px; font-weight: 300; color: #101010;}

.popup .directInputReason {margin-top: 10px; border-bottom: 1px solid #ccc;}


input[type="time"] { position: relative; }
input[type="time"]::-webkit-calendar-picker-indicator {
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: transparent;
}
input[type="date"] { position: relative; }
input[type="date"]::-webkit-calendar-picker-indicator {
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: transparent;
}

/* 상담내역관리팝업 */
.stConSetPop footer.flex{justify-content:end;}

/* 지점 정산내역 */
section.branchCalculate > .topper > .btns > a.calculateSubmit { margin: 0px 10px; }
section.branchCalculate table.list tr:hover td { background: none; }


/* 학습채팅 > 학습 중 알림 */
.chatWrap .obj_chat_box .bot > .managerNoti > .botMsg > b > .stRead { margin-left: 30px; font-weight:500; color: #999; }
.chatWrap .obj_chat_box .bot > .managerNoti > .botMsg > b > .stRead.check { color: #000; }

.chatWrap > header > .profile > .learningAlert { display: block; position: absolute; top: 20px; right: 70px; font-size: 0px; z-index: 10; }
.chatWrap > header > .profile > .learningAlert > p { display: inline-block; background: #2E323B; padding: 5px 0px; width: 80px; text-align: center; color: #fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3); cursor: pointer; }

.popup > section .learningAlertShake { display: flex; align-items: center; gap: 20px; margin-bottom: 10px; }
.popup > section .learningAlertShake > h2 { display: inline-block; margin-bottom: 0px; font-size: 16px; }
.popup > section .learningAlertMessage > textarea { width: 100%; background-color: #eee; height: 150px; font-size: 1.2em; resize: none; }
.popup > footer.learningAlertFooter {text-align: right;}


/* QR코드 팝업 */
.qrCodePhone .stInfo{display:flex; align-items:center;}
.qrCodePhone .stInfo .thum{width:50px; height:50px; display:inline-block; border:1px solid #eee; background:url(../img/no_thum.gif) no-repeat center / cover; border-radius:50%; margin-right:15px;}
.qrCodePhone .stInfo .txtBox > .top{display:flex; align-items:center; justify-content:space-between;}
.qrCodePhone .stInfo .txtBox > .top > .name{font-size:14px;}
.qrCodePhone .stInfo .txtBox > .top > .name > span{font-size:20px; font-weight:bold; margin-right:5px;}
.qrCodePhone .stInfo .txtBox > .bottom{line-height:1.2;}
.qrCodePhone .stInfo .txtBox > .bottom > span{color:#999; font-size:13px;}
.qrCodePhone .tabArea > .txt{text-align: center; font-size:14px;}
.qrCodePhone .tabArea > .txt > span{font-size: 17px;font-weight: 600;}

.qrCodePhone .qrcode > .noData::after{content: 'No Data.';display: block; width: 100%; text-align: center; background-color: rgba(100, 100, 100, 0.7);color: #fff;font-size: 186%; padding-top: 80px;padding-bottom: 80px;}

.qrCodePhone span.select{position: relative;border: 1px solid rgba(0, 0, 0, 0);background: #eee;cursor: pointer;vertical-align: middle;overflow: hidden; border-radius: 5px; display: block; text-align: left;}
.qrCodePhone span.select select{position: relative;padding: 0px 0%; padding-left: 10px;margin: 0px;font-size: 14px; width: 100%; height: 38px;}
.qrCodePhone span.select:after{font-family:FontAwesome;content:"\f107";vertical-align: middle;position: absolute; height: 38px; top: 7px; right: 13px;font-size: 18px;z-index: 1;}



/* 포틀릿 미수신 채팅 */
.unreadChats { position: fixed; display: block; z-index: 100;  width: 350px; height: auto; bottom: 20px; right: 10px; }
.unreadChats > ul { width: 100%; }
.unreadChats > ul > li { display: inline-block; background-color: rgb(255, 220, 0); width: 100%; height: 90px; border-radius: 20px; padding: 12px; cursor: pointer; box-sizing: border-box; }
.unreadChats > ul > li + li { margin-top: 10px; }
.unreadChats > ul > li.complaint { background-color: rgb(244, 176, 129); }
.unreadChats > ul > li.noTarget { background-color: rgb(231, 230, 230); }
.unreadChats > ul > li > .chatInfo { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.unreadChats > ul > li > .chatInfo > .rt { white-space: nowrap; text-overflow: ellipsis; width: 65%; overflow: hidden; }
.unreadChats > ul > li > .chatInfo > .rt > .st { font-size: 13px; font-weight: 500; }
.unreadChats > ul > li > .chatInfo > .rt > .ac { color: #999; margin-left: 5px; font-size: 11px; }

.unreadChats > ul > li > .chatInfo > .lt { display: flex; justify-content: end; align-items: center; gap: 10px; width: 35%; }
.unreadChats > ul > li > .chatInfo > .lt > .dt { color: #999; font-size: 11px; }
.unreadChats > ul > li > .chatInfo > .lt > a { font-size: 25px; z-index: 200; }

.unreadChats > ul > li > .chatMsg { margin-top: 5px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/* 기초코드관리 설정팝업 CSS */
.basicCodeSet .input{display:inline-block; margin-left:auto; width:100%;}
.basicCodeSet .input > span{display:flex !important; align-items:center;}
.basicCodeSet .input > span > .txt{padding-right:10px; color:#999;}
.basicCodeSet .input > span > .txt.size40{width:40px; padding-right:3px;}

.basicCodeSet input[name="recPrice"]{font-size:14px !important;}
.basicCodeSet input[name="supplyPrice"]{font-size:14px !important;}

.td_s130{width:130px;}
.s_3i3 > span > input[name="supplyPrice"]{text-align:right;}
.s_3i3 > span > input[name="branchPrice"]{text-align:right;}

.sky_bg{background:#5998d1 !important; color:#fff !important; border-radius:5px; border:1px solid #5998d1 !important;}
.wrapbtn{padding: 3px 15px 3px 15px !important;}


/* 학습실 관리 CSS */
.studyRoomSet .readonlyView{background:transparent !important; font-size:13px !important; font-weight:600; padding-left:2px !important;}
.studyRoomSet h2 > .subtxt{float:right; font-size:12px; font-weight:500; color:#bbb;}
.studyRoomSet table.info .chkbox:before{content:none;}
.studyRoomSet table.info .chkbox > label > span{font-weight:500; padding-left:3px; color:#333;}

.studyRoomSet .input{display:inline-block; margin-left:auto; width:100%;}
.studyRoomSet .input > span{display:flex !important; align-items:center;}
.studyRoomSet .input > span > .txt{padding-right:10px; color:#999;}
.studyRoomSet .input > span > .txt.size44{width:44px; padding-right:3px;}

/* 학습실설정 LIST페이지 CSS */
table.tbody tbody:hover tbody { background:rgba(45,54,80,0.1); }
table.tbody tbody:hover tr { background:rgba(45,54,80,0.1); }
table.tbody tbody:hover td { background:rgba(45,54,80,0.1); }
table.tbody td{border-bottom: 0px solid #ccc;}
table.tbody tbody:hover td { border-bottom: 1px solid #bbb;}

/* 학습서비스 리스트페이지,레이아웃팝업페이지 */
.top_size_49p{top:49% !important;}
.studyServiceSet .wp9{width:9%;}
.studyServiceSet .wp20{width:20%;}
.studyServiceSet .wp21{width:21%;}
.studyServiceSet .wp26{width:26%;}
.studyServiceSet .wp30{width:30%;}
.studyServiceSet .wp38{width:38%;}
.studyServiceSet .wp43{width:43%;}
.studyServiceSet .wp55{width:55%;}
.studyServiceSet .wp60{width:60%;}
.studyServiceSet .wp65{width:65%;}
.studyServiceSet .wp70{width:70%;}
.studyServiceSet .wp75{width:75%;}
.studyServiceSet .wp99{width:99%;}
.studyServiceSet .wp100{width:100%;}
.studyServiceSet .flex{display:flex;}
.studyServiceSet .flex.column{flex-direction:column; align-items: stretch;}
.studyServiceSet .spl.flex{justify-content:space-between;}
.studyServiceSet .spl.flex.head{align-items:center; padding:5px; border:1px solid #ccc; margin-bottom:20px;}
.studyServiceSet .spl > .serviceCntInfo { font-size: 17px; font-weight: bold; }
.studyServiceSet .serviceList .spl{display:flex; justify-content:space-between; align-items:center;}
.studyServiceSet .serviceList .spl + .spl{border-top:1px solid #eee; margin-top:8px; padding-top:8px;}
.studyServiceSet .serviceList .spl > .items{display:flex; flex-direction:column; gap:5px; width:70%;}
.studyServiceSet .serviceList .spl > .items > .columns{display:flex; gap:5px;}
.studyServiceSet .serviceList .spl > .items > .columns > .selectElement{width:100%;}
.studyServiceSet .serviceList .spl > .items > .columns > .tilde{width:7%; line-height:3; text-align:center; color:#bbb;}
.studyServiceSet .serviceList .spl > .items > .columns > .differenceDateTxt{width:38px; text-align:center; font-weight:700; line-height:3;}
.studyServiceSet .serviceList .spl > .items > .columns > .usage.subEndDayTxt{width:30%; line-height:2.9;}
.studyServiceSet .serviceList .spl > .items > .columns > .usage.subEndDayTxt > span{text-align:right; background:#ffffff; color:#bbb;}
.studyServiceSet .learningList .spl.flex > .items{display:flex; gap:5px; width:70%;}
.studyServiceSet .eventdiscountList .spl.flex > .items{display:flex; gap:5px; width:70%;}

.studyServiceSet .pricesetList input[name="priceSetCntGroup"]{height:38px; line-height:38px; padding:0px 6px;}

.studyServiceSet .pricesetList .spl + .spl{border-top:1px solid #eee; margin-top:8px; padding-top:8px;}
.studyServiceSet .pricesetList .spl.flex{display:flex; justify-content:space-between; align-items:center;}
.studyServiceSet .pricesetList .spl.flex > .items{display:flex; flex-wrap:wrap; gap:5px; width:70%;}
.studyServiceSet .pricesetList .flexRow{width:100%; display:flex; gap:5px;}
.studyServiceSet .studyroomList .spl.flex > .items{display:flex; gap:5px; width:70%;}
.studyServiceSet .pricetxt{text-align:right; font-size:14px; font-weight:900; color:#bbb;}
.studyServiceSet .pricetxt.none{font-weight:normal;}
.studyServiceSet .pricetxt .sub{font-size: 11px;}
.studyServiceSet .pricebox{color:red; background-color:#fff2cc;}
.studyServiceSet .pricebox.title{border-right:1px solid #fff2cc;}
.studyServiceSet .pricebox.content > .item{display:flex; justify-content:flex-end;} 
.studyServiceSet .pricebox.content > .item > .totalPrice{font-size:14px; text-align:right; text-decoration:line-through; text-decoration-thickness:1px;} 
.studyServiceSet .pricebox.content > .item > .sumPrice{width:30%; font-size:16px; text-align:right;} 
.studyServiceSet .pricebox.content > .item > .totalPrice::after{content:"합계 " attr(data-totalprice)"원";}
.studyServiceSet .pricebox.content > .item > .sumPrice::after{content: attr(data-sumprice)"원";}
.studyServiceSet .studydate > th{border:none;}
.studyServiceSet .studydate > td{border:none;}
.studyServiceSet .studydate .spl{display:flex; gap:10px; padding-left:1px; height:20px;}
.studyServiceSet .studydate .spl > .font{color:#bbb; font-weight:600;}
.studyServiceSet .studydate .spl > .fontNot{color:#999; font-weight:700;}
.studyServiceSet .studydate .spl > .fontNot::before{content:"\f00c"; font:normal normal normal 14px/1 FontAwesome; color:#e95653; margin-right:2px;}
.studyServiceSet .studydate .spl .sday::after{content:attr(data-sday);}
.studyServiceSet .studydate .spl .eday::after{content:attr(data-eday);}
.studyServiceSet .seatList{display:flex; align-items:center; flex-wrap:wrap; gap:5px;}
.studyServiceSet .seat{background-color:#666; color:#fff; text-align:center; width:32px; cursor:pointer; border-radius:4px; position:relative;}
.studyServiceSet .seat.target{background-color:rgb(0, 128, 255);}
.studyServiceSet .seat.disabled{background-color:#bbb;}
.studyServiceSet .seat.disabled:after{position:absolute; left:18px;content:' '; height:28px; width:2px; background-color:rgba(211, 48, 48, 0.6); transform:rotate(-55deg)translate(1px, -4px)}
.studyServiceSet .seat.disabled:before{position:absolute; left:18px;content:' '; height:28px; width:2px; background-color:rgba(211, 48, 48, 0.6); transform:rotate(55deg) translate(-4px, 0px)}
.studyServiceSet .serviceMsgBox{background-color:#eee; height:80px; margin-top:10px;}
.studyServiceSet .serviceMsgBox > textarea{width:100%; height:100%; padding:10px; resize:none; font-weight:400;}
.studyServiceSet .seattxt{font-size:13px; color:#bbb;}
.studyServiceSet .green_bg{background:#70ad47; height:12px; color:#fff; padding:8px 15px !important;}
.studyServiceSet .green_bg.openWinPop:hover{color:#000;}
.studyServiceSet .studyUsageStatus.hide{display:none;}
.studyServiceSet .tablebox .txt.date{margin-left:auto; margin-right:10px;}
.studyServiceSet .tablebox .txt > span{font-weight:bold; font-size:15px; margin-right:5px;}
.studyServiceSet .tablebox > .tableinfo{border:1px solid #bbb; box-shadow:3px 2px 2px 0px rgba(0, 0, 0, 0.1); font-size:13px; padding:0 10px; border-radius:5px; height:38px; display:flex; align-items:center; justify-content:start; margin-bottom:5px;}
.studyServiceSet .tablebox > .tableinfo > div.select:after{line-height:25px; height:25px;}
.studyServiceSet .tablebox > .tableinfo > div.select > select{line-height:25px; height:25px; padding: 1px 25px 0 5px;}
.studyServiceSet .tableboxHistory > .tablehisinfo{border:1px solid #bbb; box-shadow:3px 2px 2px 0px rgba(0, 0, 0, 0.1); font-size:13px; padding:0 10px; border-radius:5px; height:38px; display:flex; align-items:center; justify-content:start; margin-bottom:5px;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .txt > span{font-weight:600; font-size:14px; color:#111;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus{margin-left:auto;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus > span{display:inline-block; padding:1px 10px; border-radius:4px; color:#fff;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus > span.yellow{background:#ffcb2a;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus > span.skyblue{background:#5b9bd5}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus > span.orange{background:#fe7c1c;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus > span.blue{background:#4472c4;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus > span.red{background:#fa3457;}
.studyServiceSet .tableboxHistory > .tablehisinfo > .hisPayStatus > span.gray{background:#afabab}


.studyServiceSet .addElement{padding-top:10px;}
.studyServiceSet .addElement > .depositBox{border:1px solid #ccc; display:flex;}
.studyServiceSet .addElement > .depositBox > .title{width:25%; line-height:55px; border-right:1px solid #eee; background:#fafafa;}
.studyServiceSet .addElement > .depositBox > .title > b{padding-left:15px; font-weight:400;}
.studyServiceSet .addElement > .depositBox > .title > b:before{display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ddd; margin-right: 2px; vertical-align: middle; display: inline-block; width: 14px; height: 16px; line-height: 16px; font-size: 11px; content: "\f00c";}
.studyServiceSet .addElement > .depositBox > .content{width:75%; padding:7px; line-height:0;}
.studyServiceSet .addElement > .depositBox > .content > .depositBox{width:32.3333%; display:inline-block;}
.studyServiceSet .addElement > .depositBox > .content > .depositBox > span{display:flex; align-items:center; border:1px solid rgba(0,0,0,0); background:#eee; font-size:13px; overflow:hidden; border-radius:5px;}
.studyServiceSet .addElement > .depositBox > .content > .depositBox > span > input{width:100%; margin:0px; line-height:38px; height:38px; padding-left:10px; border:0px solid #333; font-size:13px; background:transparent;}
.studyServiceSet .addElement > .depositBox > .content > .depositBox > span > .txt{text-align:right; padding-right: 7px; color:#999; display:block; width:22px;}
.studyServiceSet .footer a.btn_renew{background:#ddd; color:#999; position:absolute; left:0;}

/* 학습서비스 윈도우 팝업CSS 추가 */
.studyServiceSet .footer{margin-top:60px; height:30px; text-align:center; position:relative;}
.studyServiceSet .footer a{float:none; display:inline-block; line-height:40px; height:40px; border:0px; width:auto; padding:0px 30px; color:#fff; margin: 0px 2px; cursor:pointer; background:#999; border-radius:5px; font-size:14px;}
.studyServiceSet .footer a.btn_submit{background:#2E323B;}
.studyServiceSet .footer a.btn_delPop{background:#ddd; color:#999; position:absolute; right:0;}

/* 학습서비스 환불처리 팝업페이지 */
.studyServiceRefundSet .expectedRefundAmount{font-size:15px; font-weight:600; color:#bbb;}
.studyServiceRefundSet .freeRefundAmount{font-size:15px; font-weight:600; color:red;}
.studyServiceRefundSet table.list{border:1px solid #ccc;}
.studyServiceRefundSet table.list > thead > tr > th{height:32px; background-color:#666; color:#fff;}
.studyServiceRefundSet table.list > tfoot > tr > th{height:30px; background-color:#e7e6e6; border-right: 1px solid #fff;}
.studyServiceRefundSet table.list > tfoot > tr > th:first-child{text-align:left; font-weight:800;}
.studyServiceRefundSet table.list > tfoot > tr > th:last-child{border-right:0px solid #fff; text-align:right; font-weight:700;}
.studyServiceRefundSet table.list > tbody > tr{border-bottom:1px solid #ccc;}
.studyServiceRefundSet table.list > tbody > tr:last-child{border-bottom:1px solid #ccc;}
.studyServiceRefundSet table.list > tbody > tr > td{text-align:right; font-weight:500; vertical-align:bottom;}
.studyServiceRefundSet table.list > tbody > tr > td.left{text-align:left;}
.studyServiceRefundSet table.list > tbody > tr > td > span{color:#333;}
.studyServiceRefundSet table.list > tbody > tr > td > .name{font-weight:800;}
.studyServiceRefundSet .sumPriceAmount{font-size:15px; font-weight:600; color:#333;}
.studyServiceRefundSet .textCss{font-size:15px; font-weight:500;}
.studyServiceRefundSet .detailHistory > .tr[data-type="service"] .opt1 + .opt1{margin-top:2px;}
.studyServiceRefundSet .hidden{display:none;}

.studyServiceRefundSet .RefundInfoTable td > .spl.flex{display:flex; align-items:center; justify-content:space-between;}
.studyServiceRefundSet .RefundInfoTable .serviceDate{font-size:14px; background:transparent;}
.studyServiceRefundSet .RefundInfoTable .freeSetInfo{font-weight:500; color:#bbb;}
.studyServiceRefundSet .RefundInfoTable .freeSetInfo > .msg{font-size:13px;}
.studyServiceRefundSet .RefundInfoTable .freeSetInfo > .price{text-align:right; font-size:15px;}

/* 일정변경 팝업 */
.studyNowTimeSet .late, .absent { display: block; }
.studyNowTimeSet .tabmenu.item2 > li { width: calc(100%/2); }

.studyNowTimeSet > .popup .tabArea { display: none; }
.studyNowTimeSet > .popup .tabArea.view { display: block; }

.studyNowTimeSet .spl.ab_hiddenInput { display: none; }
.studyNowTimeSet .spl.ab_hiddenInput.view { display: block; }

.studyNowTimeSet table.info td .flex { display: flex; gap: 10px; }
.studyNowTimeSet table.info td .flex > div.spl { width: 125px; }
.studyNowTimeSet table.info td .flex > div { width: 130px; background: #eee; border-radius: 5px; }
.studyNowTimeSet table.info td .flex > div > .lp_timePicker { border-radius: 5px; }
.studyNowTimeSet table.info td div + div.txt { width: 100%; margin-left: 5px !important; }
.studyNowTimeSet > .popup .tabArea.view > table.info .enterTime.hide { display: none; }


/* 매니저 미션 설정 */
section.missionList > hgroup { position: relative; }
section.missionList > hgroup > .todoCheck { position: absolute; top: 18px; right: 30px; }
section.missionList > hgroup > .todoCheck > a > i { font-size: 35px; color: #767171; }

section.missionList > ul.mission { margin-bottom: 15px; }
section.missionList > ul.mission > li { width: calc(100% / 6 - 2px); }

section.missionList table.weekList tr:hover td { background: none; }
section.missionList table.usageList tr:hover td { background: none; }
section.missionList table.d-dayList tr:hover td { background: none; }
section.missionList table.sch-dayList tr:hover td { background: none; }

section.missionList table.list td.missionInfo { position: relative; }
section.missionList table.list td.missionInfo > .lining { width: 95%; text-align: left; height: 20px; padding: 5px 0px; cursor: pointer; }

section.missionList table.list td.missionInfo i.xi { position: absolute; top: 50%; left: 98%; transform: translate(-50%, -50%); font-size: 25px; color: #5B9BD5; cursor: pointer; }
section.missionList table.list td.missionInfo i.xi.hide { display: none; }

section.missionList table.list td.missionInfo > .missionInput { display: none; }
section.missionList table.list td.missionInfo > .missionInput.view { display: block; margin-top: 5px; }
section.missionList table.list td.missionInfo > .missionInput.view > div.spl { margin-left: 0px; }
section.missionList table.list td.missionInfo > .missionInput.view > div.spl > span  { border-radius: 5px; background: #ddd; }
section.missionList table.list td.missionInfo > .missionInput.view > div.spl > span > textarea { resize: none; width: 100%; height: 80px; padding: 10px; font-size: 13px; font-weight: 400; }

section.missionList table.list td.missionInfo > .missionInput.view > div.txtZone > div.mission_btn { display: flex; align-items: center; justify-content: flex-end; width: 99%; margin-top: 5px;  gap: 5px; }
section.missionList table.list td.missionInfo > .missionInput.view > div.txtZone > div.mission_btn > span { width: 40px; color: #fff; border: none; cursor: pointer; }
section.missionList table.list td.missionInfo > .missionInput.view > div.txtZone > div.mission_btn > span.gray { background-color: #bbb; }
section.missionList table.list td.missionInfo > .missionInput.view > div.txtZone > div.mission_btn > span.blue { background-color: #2E323B; }

.missionSetPop section table.info td select:disabled { color: #000; font-weight: bold; }

.missionSetPop section table.info td.yearArea { display: flex !important; margin-left: 0px !important; align-items: center; width: 95%; }
.missionSetPop section table.info td.yearArea > div { margin-left: 0px !important; width: calc((100% - 30px) / 2); }
.missionSetPop section table.info td.yearArea > span { display: inline-block !important; background: transparent !important; height: 20px; line-height: 20px; width: 30px; text-align: center; box-sizing: border-box; }
.missionSetPop section table.info td.yearArea span.txt { font-size: 14px; font-weight: 400;} 

.missionSetPop section table.info td.dateArea { width: 95%; }
.missionSetPop section table.info td.dateArea span.txt { font-size: 14px; font-weight: 400;}

/* 매니저 미션 설정 - 연간 datepicker */
.datepicker-no-year .ui-datepicker-year { display: none; }
.datepicker-no-year .ui-datepicker-title { display: flex; justify-content: center; }
.datepicker-no-year .ui-datepicker-title .ui-datepicker-year ~ .ui-datepicker-month:before { content: ''; }


/* To Do List */
section > .todolist { position: relative; padding:20px 10px; }
section > .todolist > .todoDateArea { position: absolute; top: 20px; left: 25px; display: inline-block; padding: 0px 0px; border: 2px solid #ccc; background: #fff; width: 160px; height: 36px; line-height: 36px; overflow: hidden; border-radius: 5px; }
section > .todolist > .todoDateArea > input { cursor: pointer; width: 100%; text-align: center; font-size: 18px; font-weight: bold; }
section > .todolist > h2.title { padding-left: 20px; font-size: 25px; color: #111; font-weight: 600; font-family: GmarketSans; }

section > .todolist > div.todoSelect { position: absolute; top: 20px; right: 0px; }
section > .todolist > div.todoSelect > span.select { position: relative; display: inline-block; padding: 0px 0px; width: 180px; border: 2px solid #ddd; background: #fff; font-size: 13px; overflow: hidden; vertical-align: top; border-radius: 5px; z-index: 5; }
section > .todolist > div.todoSelect > span.select > select { position: relative; display: block; padding: 0px 0%; cursor: pointer; margin: 0px; width: 100%; height: 36px; line-height: 36px; outline: none; border: 0px solid #ccc; background: transparent; font-size: 13px; vertical-align: middle; padding-left: 10px; z-index: 10; }
section > .todolist > div.todoSelect > span.select:after { font-family: FontAwesome; content: "\f107"; vertical-align: middle; position: absolute; top: 0px; right: 10px; display: block; color: #ccc; font-size: 15px; height: 36px; line-height: 36px; z-index: 15; }

section > .todolist > div { padding: 0px 20px; }
section > .todolist > div > .todoBox { position: relative; width: 100%; min-height: 80px; padding: 20px 0px; border-top: 2px solid #ccc; display: flex; justify-content: space-between; align-items: center; counter-increment: todoCounter; }
section > .todolist > div > .todoBox:last-child { border-bottom: 2px solid #ccc; }

section > .todolist > div > .todoBox.openTodoWinPop { cursor: pointer; }
section > .todolist > div > .todoBox.disabled { background: #bbb; }

section > .todolist > div > .todoBox > .todo { display: flex; gap: 20px; align-items: center; width: 90%; }
section > .todolist > div > .todoBox > .todo > .num::before { content: counter(todoCounter, decimal-leading-zero); }
section > .todolist > div > .todoBox > .todo > .num  { font-size: 45px; font-weight: bold; color: #767171; }
section > .todolist > div > .todoBox > .todo > .todoInfo { width: 80%; }
section > .todolist > div > .todoBox > .todo > .todoInfo > div { font-size: 13px; }
section > .todolist > div > .todoBox > .todo > .todoInfo > .todoTitle { font-size: 18px; font-weight: 600; width: 100%; }
section > .todolist > div > .todoBox > .todo > .todoInfo > .todoContent { width: 100%; }
section > .todolist > div > .todoBox > .todo > .todoInfo > .todoDt { color: #999;}

section > .todolist > div > .todoBox > .status { width: 75px; }
section > .todolist > div > .todoBox > .status > .per100 { height: 38px; line-height: 38px; font-weight: 400; color: #fff; background: #5B9BD5; border-radius: 5px; padding: 0px 30px 0px 10px; }
section > .todolist > div > .todoBox > .status > div.select { background: #ccc; }
section > .todolist > div > .todoBox > .status > div.select:after { color: #999; }

section > .todolist > div > .todoBox > .status > div.select.done { background: #5B9BD5; }
section > .todolist > div > .todoBox > .status > div.select.done:after { color: #fff; }
section > .todolist > div > .todoBox > .status > div.select.done > select { color: #fff; }
section > .todolist > div > .todoBox > .status > div.select.done > select > option { color: #111; }

section > .todolist > div > .todoBox > .statusBox { width: 75px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
section > .todolist > div > .todoBox > .statusBox > .stTxt { font-size: 14px; font-weight: 600; color: #999; }
section > .todolist > div > .todoBox > .statusBox > .percent { font-size: 20px; font-weight: bold; color: #5B9BD5; }
section > .todolist > div > .todoBox > .statusBox > .cnt { font-size: 12px; color: #999; }

section > .todolist > div > .todoBox .del { position: absolute; bottom: 5px; left: 10px; background: #767171; width: 40px; height: 20px; border-radius: 5px; text-align: center; }
section > .todolist > div > .todoBox .del > a.delBtn { display: block; color: #fff; font-weight: 600; }

section > .todolist div.noData { display: flex; flex-direction: column; text-align: center; margin-top: 180px; }
section > .todolist div.noData > i { font-size: 45px; color: #666; margin-bottom: 0px; line-height: 50px; }
section > .todolist div.noData > h2 { font-size: 24px; color: #666; line-height: 40px; font-weight: 400; margin: 0px; padding: 0px; }
section > .todolist div.noData > p { font-size: 14px; color: #999; line-height: 20px; margin: 0px; padding: 0px; }


/* To Do List - Student */
section.toDoStudentList > .topArea { display: flex; justify-content: space-between; border-bottom: 2px solid #ccc; padding-bottom: 15px; width: 100%; }
section.toDoStudentList > .topArea > .todoInfo { width: 90%; }
section.toDoStudentList > .topArea > .todoInfo > div { font-size: 13px; }
section.toDoStudentList > .topArea > .todoInfo > .todoTitle { font-size: 18px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; }
section.toDoStudentList > .topArea > .todoInfo > .todoContent { white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; }
section.toDoStudentList > .topArea > .todoInfo > .todoDt { color: #999; }

section.toDoStudentList > .topArea > .statusBox { width: 75px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
section.toDoStudentList > .topArea > .statusBox > .stTxt { font-size: 14px; font-weight: 600; color: #999; }
section.toDoStudentList > .topArea > .statusBox > .percent { font-size: 20px; font-weight: bold; color: #5B9BD5; }
section.toDoStudentList > .topArea > .statusBox > .cnt { font-size: 12px; color: #999; }

section.toDoStudentList > .grid_wrap .table_box > table.list td > div.lining > span { color: #333;}
section.toDoStudentList > .grid_wrap .table_box > table.list td > div.lining > span.complete { color: #5B9BD5; }

section.toDoStudentList .mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; background: #333; opacity: 0.5; }

/* To Do List - StudentSetPop */
div.toDoStudentSet > .popup > header > div.profile { padding: 0px; }
div.toDoStudentSet > .popup > header > div.profile > h2 { font-family: GmarketSans; font-size: 16px; font-weight: 500; color: #333; white-space: nowrap; text-overflow: ellipsis; width: 400px; overflow: hidden; }
div.toDoStudentSet > .popup > header > div.profile > h2 > span { font-size: 12px; color: #999; }
div.toDoStudentSet > .popup > header > div.profile > p { color: #333; white-space: nowrap; text-overflow: ellipsis; width: 400px; overflow: hidden; }

div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span textarea { height: 100px; }
div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span textarea::placeholder { color: #8e8e8e; }

div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span.file { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 30px; }
div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span.file > div { display: flex; }
div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span.file > div > a { display: block; position: relative; padding-left: 10px; padding-right: 10px; text-align: left; font-size: 12px; color: #8e8e8e; background: #eee; white-space: nowrap; text-overflow: ellipsis; /* width: 210px; */ overflow: hidden; text-decoration: underline; border: none; }
div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span.file > div > .xi { padding-left: 0px; font-size: 15px; font-weight: bold; text-decoration: none; border: none; }
div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span.file > span { padding-left: 10px; font-size: 12px; color: #8e8e8e; white-space: nowrap; text-overflow: ellipsis; width: 210px; overflow: hidden; }
div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span.file > input[type=file] { display: none; }
div.toDoStudentSet > .popup > section table.info td > div.spl > div.s_3i3 > span.file > label { display: flex; align-items: center; justify-content: center; width: 80px; height: 30px; padding: 0px; background: #999; border-radius: 5px; font-size: 14px; font-weight: 500; color: #fff; cursor: pointer; }

/* 라이센스 설정 팝업페이지 */
.licenseSet .licenseCnt{display:flex !important; align-items:center;}
.licenseSet .licenseCnt::after{content:"EA"; position:relative; left:-50px; color:#999; }
.licenseSet input[name="licenseCode"]{font-weight:600 !important; font-size:14px !important;}


/* 디바이스 설정 팝업페이지 */
.deviceSet .readOnlyView{background:transparent !important; font-weight:700 !important; font-size:15px !important; }

/* 첨부파일 공통 CSS  */
span.file{display:flex !important; justify-content:space-between; align-items:center; width:100%; min-height:30px;}
span.file > div{display:flex;}
span.file > div > a{display: block; position:relative; padding-left:10px; padding-right:10px; text-align:left; font-size:12px; color:#8e8e8e; background:#eee; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-decoration:underline; border:none;}
span.file > div > .xi{padding-left:0px; font-size:15px; font-weight:bold; text-decoration:none; border:none;}
span.file > span{padding-left:10px !important; font-size:12px; color:#8e8e8e; white-space:nowrap; text-overflow:ellipsis; width:210px; overflow:hidden;}
span.file > input[type=file]{display: none;}
span.file > label{display:flex; align-items:center; justify-content:center; min-height:30px !important; padding:0px 10px !important; background:#999; border-radius:5px; font-size:14px; font-weight:500; color:#fff; cursor:pointer;}

/* 본사 공지사항 레이아웃팝업 */
.closeFileBtn{display:none !important; position:relative !important;}
.closeFileBtn.on{display:block !important; background:transparent !important; color:#8e8e8e !important; font-size:15px; font-weight:bold; height:32px; line-height:2;}

.popupAdminSet input[type="date"]{height:30px !important; width:100px !important; min-width:0px !important; }
.popupAdminSet td.flexColumn{display:flex; flex-direction:column; gap:5px; border:0px;}
.popupAdminSet .flex{display:flex;}
.popupAdminSet .popDateSet{display:flex; gap:5px;}
.popupAdminSet .popDateSet.off{display:none;}
.popupAdminSet #fileName{width:188px;}

.popupManegerSet input[type="date"]{height:30px !important; width:100px !important; min-width:0px !important; }
.popupManegerSet td.flexColumn{display:flex; flex-direction:column; gap:5px; border:0px;}
.popupManegerSet .flex{display:flex;}
.popupManegerSet .popDateSet{display:flex; gap:5px;}
.popupManegerSet .popDateSet.off{display:none;}
.popupManegerSet #fileName{width:188px;}



/* 공지사항 팝업 */
.notice_modal{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; display: none; justify-content: center; align-items: center;}
.notice_modal.view{display: flex;}
.notice_modal.none{display:none !important;}
/*
.notice_modal > .con{background: #fff; max-width: 90%; border-radius: 5px; width: 500px; overflow:hidden; max-height:600px; height:90%; position:relative; border:1px solid;}
.notice_modal > .con > .body{width:100%; padding:15px; height:calc(100% - 66.8px - 63px); overflow-Y:auto; box-sizing:border-box;}
*/
.notice_modal > .con{background: #fff; max-width: 90%; border-radius: 5px; width: 500px; overflow:hidden; max-height:600px; position:relative; border:1px solid;}
.notice_modal > .con > .head{padding: 15px; border-bottom: 1px solid #ccc; font-size: 18px; line-height:1;}
.notice_modal > .con > .head > span{font-size:13px; display:block; margin-top:5px; color:#bbb;}
.notice_modal > .con > .body{width:100%; padding:15px; max-height:450px; overflow-Y:auto; box-sizing:border-box;}
.notice_modal > .con > .body > img{width:100%; object-fit:cover; box-sizing:border-box;}
.notice_modal > .con > .btnArea{display:flex; align-items:center; justify-content:end; gap:20px; background:#ddd; padding:15px; margin-top:0px;}
.notice_modal > .con > .btnArea > .noticePopCloseBtn{text-align: center;padding: 10px 20px; border-radius: 5px; font-size: 13px; font-weight: 500; display: inline-block; background:#777; color:#fff;}
.notice_modal > .con > .btnArea > .checkbox > input{display:none;}
.notice_modal > .con > .btnArea > .checkbox > label{padding:0px; display:flex; align-items:center; gap:7px; font-size:13px; color:#111;}
.notice_modal > .con > .btnArea > .checkbox > label > span{border:1px solid #111; display:flex; align-items:center; justify-content:center; width:15px; height:15px;}
.notice_modal > .con > .btnArea > .checkbox > input:checked + label > span:after{content: "\e928"; display:inline-block; font-family:xeicon; font-size:13px; width:13px;} 


/* 이용서비스 */
section[data-name="service"] table.list td div.spl span input[type=text] { text-align: center; }


/* 케어톡 */
section[data-name="careTalk"] .colorText{color:#fff !important; line-height:2 !important; border-radius:4px;}
section[data-name="careTalk"] .colorText.waiting{background:#999;}
section[data-name="careTalk"] .colorText.progressing{background:#ED7D31;;}
section[data-name="careTalk"] .colorText.confirmed{background:#45a171;}
.tab.careTalk{margin-bottom:10px;}

.careTalkSet .stInfo{display:flex; align-items:center;}
.careTalkSet .stInfo .thum{width:50px; height:50px; display:inline-block; border:1px solid #eee; background:url(/common/img/no_thum.gif) no-repeat center / cover; border-radius:50%; margin-right:15px;}
.careTalkSet .stInfo .txtBox > .top{display:flex; align-items:center; justify-content:space-between;}
.careTalkSet .stInfo .txtBox > .top > .name{font-size:14px;}
.careTalkSet .stInfo .txtBox > .top > .name > span{font-size:20px; font-weight:bold; margin-right:5px;}
.careTalkSet .stInfo .txtBox > .bottom{line-height:1.2;}
.careTalkSet .stInfo .txtBox > .bottom > span{color:#999; font-size:13px;}
.careTalkSet .mainTitle{text-align:center; font-size:18px; font-weight:800; padding-bottom:20px;}
.careTalkSet .onlyText{background:transparent !important; font-size:14px !important; font-weight:400 !important;}
.careTalkSet table.info th.exp{font-size:13px !important; color:#333 !important;}


/* 브랜드관리 */
.brandSet .flex{display:flex;}
.brandSet .flex.wrap{flex-wrap:wrap;}
.brandSet .flex.gap10{gap:10px;}
.brandSet .flex.column{flex-direction:column;}
/* 브랜드관리자 */
.brandManagerSet .readOnlyView{font-weight:500; font-size:14px;}

/* 지점정보 관리 */
.branchSet .brandTable{margin-bottom:20px;}
.branchSet .bbn{border-bottom:none;}
.branchSet .flex{display:flex;}
.branchSet .flex.wrap{flex-wrap:wrap;}
.branchSet .flex.gap10{gap:10px;}

.openWinPop{cursor:pointer;}


/* 계획 가져오기 */
.studentBookPlanSet .stInfo {display:flex; align-items:center;}
.studentBookPlanSet .stInfo .thum {width:50px; height:50px; display:inline-block; border:1px solid #eee; background:url(/common/img/no_thum.gif) no-repeat center / cover; border-radius:50%; margin-right:15px;}
.studentBookPlanSet .stInfo .txtBox { width: 80%; } 
.studentBookPlanSet .stInfo .txtBox > .top {display:flex; align-items:center; justify-content:space-between;}
.studentBookPlanSet .stInfo .txtBox > .top > .name { white-space:nowrap; text-overflow:ellipsis; width:90%; overflow:hidden; font-size:14px; }
.studentBookPlanSet .stInfo .txtBox > .top > .name > span {font-size:20px; font-weight:bold; margin-right:5px;}
.studentBookPlanSet .stInfo .txtBox > .top > .name > span.InfoNames {font-size:13px; font-weight:bold; margin-right:5px;}
.studentBookPlanSet .stInfo .txtBox > .bottom {line-height:1.2;}
.studentBookPlanSet .stInfo .txtBox > .bottom > span {color:#111; font-size:13px;}

.studentBookPlanSet .obj_pop_cnts_area ul.tabmenu { margin-bottom: 20px; } 

.studentBookPlanSet .popup { width: 500px; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList { width: 100%; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .item { align-items: flex-start; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .item + .item { margin-top: 35px; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .item > .checkBox { padding-left: 14px; border-radius: 5px; border: 1px solid #111; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList > .item > .txtArea { width: 93%; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList > .item > .txtArea > .t.btnTit { display: block; white-space: nowrap; text-overflow: ellipsis; width: 95%; overflow: hidden; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList > .item > .txtArea > .c { align-items: flex-start; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList > .item > .txtArea > .c > .bookInfo > p { color: #999; font-size: 13px; }

.studentBookPlanSet .obj_pop_cnts_area .studyBookList .noData { height: 150px; line-height: 65px; text-align: center; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .noData > i { font-size: 40px; color: #666; margin-bottom: 0px; line-height: 50px; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .noData > h2::before { content: 'No Data Available.'; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .noData > h2 { font-size: 20px; color: #666; line-height: 40px; font-weight: 400; margin: 0px; padding: 0px; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .noData > p::before { content: '조회된 데이터가 없습니다.'; }
.studentBookPlanSet .obj_pop_cnts_area .studyBookList .noData > p { font-size: 14px; color: #999; line-height: 20px; margin: 0px; padding: 0px; }


/* DP 관리 */
section.manageDp > .topper { padding: 20px 0px; }
section.manageDp > .topper > .search > .checkBox > label { margin-right: 30px; padding: 0px; }
section.manageDp > .topper > .search > .checkBox > label > input[type=checkbox] + span { padding-left: 25px; border: none; background: none; }
section.manageDp > .topper > .bulkDpAddBtn { position: absolute; top: 13px; right: 0px; border-radius: 0px; background: #002060; font-weight: 600; }
section.manageDp > .topper > .bulkDpAddBtn > i { margin-bottom: 2px; }
section.manageDp table.list tr:hover td { background: none; }
section.manageDp table.list tr td.dpDelete { text-decoration: line-through; }
section.manageDp table.list tr td > .timeSelBox { justify-content: center; }
section.manageDp table.list tr td > .timeSelBox > div { width: 100px; background: #ddd }
section.manageDp table.list tr td > .timeSelBox > div.select:after { color: #999; }
section.manageDp table.list tr td > .timeSelBox > div.select > select:disabled { background: rgba(153, 108, 51, 0.1); }
section.manageDp table.list tr td > input { width: 100%; height: 100%; padding-right: 60px; padding-left: 10px; border: 1px solid #ddd; border-radius: 5px; background: #ddd; }
section.manageDp table.list tr td > input:disabled { background: rgba(153, 108, 51, 0.1); }
section.manageDp table.list tr td.learningRange { position: relative; }
section.manageDp table.list tr td.learningRange > a.dpUpdateBtn { position: absolute; top: 12px; right: 20px; padding: 5px 10px; border-radius: 3px; background: #2E323B; color: #fff } 
section.manageDp table.list tr td.learningRange > a.dpUpdateBtn.dpDelete { display: none; }
section.manageDp table.list tr td > .btns { justify-content: center; }
section.manageDp table.list tr td > .btns.dpDelete { display: none; }
section.manageDp table.list tr td > .btns > .del { padding: 3px 10px; margin-right: 5px; border-radius: 3px; background: red; color: #fff; }
section.manageDp table.list tr td > .btns > .grading { padding: 3px 10px; border-radius: 3px; background: #999; color: #fff; }

section.manageDp table.list tr td.noData { height: 350px; line-height: 50px; text-align: center; }
section.manageDp table.list tr td.noData > i { font-size: 40px; color: #666; margin-bottom: 0px; line-height: 50px; }
section.manageDp table.list tr td.noData > h2::before { content: 'No Data Available.'; }
section.manageDp table.list tr td.noData > h2 { font-size: 20px; color: #666; line-height: 40px; font-weight: 400; margin: 0px; padding: 0px; }
section.manageDp table.list tr td.noData > p::before { content: '조회된 데이터가 없습니다.'; }
section.manageDp table.list tr td.noData > p { font-size: 14px; color: #999; line-height: 20px; margin: 0px; padding: 0px; }


/* 하원 보고서 */
.fb_mask { display:block;position: fixed;top:0px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,0.8);}
.fb_wrapper { display:block;position: fixed;top:0px;left:0px;right:0px;bottom:0px;padding:70px 0px;max-width:640px;margin: 0 auto;background: #fff;}
.fb_wrapper > header { display:block;position: fixed;top:0px;left:0px;right:0px;height:50px;padding:10px 15px 0px 15px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1); max-width:610px;;margin: 0 auto;}
.fb_wrapper > header > h2 { display:block;text-align: left;font-size: 20px;line-height: 50px;font-weight: 600;}
.fb_wrapper > header > button { font-size:30px;width:60px;height:60px;line-height:60px;position: absolute;top:5px;right:5px;}

.fb_wrapper > footer { display:block;position: fixed;bottom:0px;left:0px;right:0px;height:50px;padding:10px 15px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1); max-width:610px;;margin: 0 auto;}
.fb_wrapper > footer > .btns { display: block;font-size:0px;}
.fb_wrapper > footer > .btns > button { display:inline-block; width:100%; background:#382063; color:#fff; height:50px; line-height:50px; border-radius:5px; font-size:16px; font-weight:500; text-align:center; }
.fb_wrapper > footer > .btns > button.cancel { width:calc( 30% - 10px ); background:#999; margin-right:10px;}
.fb_wrapper > footer > .btns > button.save { width:70%; }


.fb_wrapper > section { display:block;padding:35px 25px 35px 25px;height:calc(100vh - 260px); overflow-y: auto;margin-top:50px;}
.fb_wrapper > section > .topper  {display:block;position: fixed;top:60px;left:0px;right:0px;height:50px;padding:0px 0px; max-width:640px;;margin: 0 auto;background: #fff;z-index: 10;}
.fb_wrapper > section > .topper > .textbook { display:block;padding:0px 25px 0px 25px;}
.fb_wrapper > section > .topper > .textbook > h3 { dipslay:block;font-size:18px;font-weight:500;line-height:20px;height:20px;padding:5px 0px;}
.fb_wrapper > section > .topper > .textbook > h3 > b {  font-size:12px;font-weight: 600;color:#fff;display: inline-block;line-height: 20px;height: 20px;vertical-align: top;margin-left:10px;background: #50CCC6;padding:0px 8px;border-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.1);}
.fb_wrapper > section > .topper > .textbook > h3 > b.red { background: #fa3457; }
.fb_wrapper > section > .topper > .textbook > h3 > b.orange { background: #fe7c1c; }
.fb_wrapper > section > .topper > .textbook > h3 > b.green { background: #01ef99; }
.fb_wrapper > section > .topper > .textbook > h3 > span {  font-size:0px;font-weight: 600;color:#fff;display: inline-block;line-height: 20px;height: 20px;vertical-align: top;margin-left:10px;}
.fb_wrapper > section > .topper > .textbook > h3 > span > em {  font-size:12px;font-weight: 400;color:#fff;display: inline-block;line-height: 20px;height: 20px;vertical-align: top;margin-left:2px;background: #999;padding:0px 5px;border-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.1);}
.fb_wrapper > section > .topper > .textbook > p { dipslay:block;font-size:0px;line-height:16px;height:16px;margin-top:4px;}
.fb_wrapper > section > .topper > .textbook > p > span { display:inline-block;font-size:13px;font-weight:400;color:#999;line-height:16px;height:16px;vertical-align: bottom;margin-right:10px;}

.fb_wrapper > section > .topper > .subjects { display:block;padding:0px 0px;margin-bottom:20px;font-size:0px; overflow: hidden;border-bottom: 2px solid #382063;}
.fb_wrapper > section > .topper > .subjects > .tabs { display:block;margin-left:-2px;font-size:0px; }
.fb_wrapper > section > .topper > .subjects > .tabs > a { display:inline-block;width:100%;font-size:15px;font-weight: 400;margin-left:2px;background: #ccc;color:#fff;line-height: 50px;height:50px;text-align: center;}
.fb_wrapper > section > .topper > .subjects > .tabs > a.on { background: #382063;color:#fff !important; }
.fb_wrapper > section > .topper > .subjects > .tabs > a.is { text-decoration: underline; color:#999;}

.fb_wrapper > section > .summary { display:block;padding:0px;font-size:0px;margin-bottom:20px;vertical-align: bottom;}
.fb_wrapper > section > .summary.textbook { background: #eee;}
.fb_wrapper > section > .summary > .graph { display:inline-block;width:50%;vertical-align: bottom;padding:15px;}
.fb_wrapper > section > .summary > .graph > i { display:block;height:6px;background: #999;}
.fb_wrapper > section > .summary > .graph > i.org { background: #ccc; }
.fb_wrapper > section > .summary > .graph > i.dp { background: #91E4A6; }
.fb_wrapper > section > .summary > .graph > i.real { background: #5F64C0; }
.fb_wrapper > section > .summary > .graph > i + i { margin-top:2px; }
.fb_wrapper > section > .summary > .unit { display:inline-block;width:calc( (100% - 186px) / 2 );vertical-align: bottom;padding:10px 15px;background: #eee;margin-left:2px;}
.fb_wrapper > section > .summary > .unit > span { display: block;line-height:14px;font-size:12px;color:#999;}
.fb_wrapper > section > .summary > .unit > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: right;}
.fb_wrapper > section > .summary > .issue { display:inline-block;width:90px;vertical-align: bottom;float:right;padding:15px;background: #eee;font-size:0px;text-align: right;}
.fb_wrapper > section > .summary > .issue > i { font-size:20px;line-height:22px;height:22px;width:30px;text-align: center;vertical-align: bottom;color:#999;display: inline-block;float:left;}
.fb_wrapper > section > .summary > .issue > b { display: inline-block;line-height:22px;height:22px;min-width:14px;padding:0px 4px;background: #999;font-size:13px;font-weight: 600;color:#fff;vertical-align: bottom;border-radius: 11px;text-align: center;margin-left:4px;;}
.fb_wrapper > section > .summary > .issue > b::before { content:attr(data-cnt); }
.fb_wrapper > section > .summary > .issue > b.student { background: #FF7A5C;}
.fb_wrapper > section > .summary > .issue > b.manager { background: #53D397;}

.fb_wrapper > section > ul.fb_list { display:block; }
.fb_wrapper > section > ul.fb_list > li { display:block; }
.fb_wrapper > section > ul.fb_list > li > h4 { dipslay:block;font-size:16px;font-weight:500;line-height:20px;height:20px;padding:5px 0px;}
.fb_wrapper > section > ul.fb_list > li > p { font-size: 13px; color: #999; padding-bottom: 5px; }
.fb_wrapper > section > ul.fb_list > li > .fb_opt { display: block;border: 1px solid #ddd;padding:4px;font-size:0px;}
.fb_wrapper > section > ul.fb_list > li > .fb_opt > label { display:inline-block;width:calc(100% / 5);margin:0px;padding:0px;line-height: 44px;height: 44px; }
.fb_wrapper > section > ul.fb_list > li > .fb_opt > label > span { width:100%;background: #fff;margin:0px;display: block;text-align: center;line-height: 40px;height: 40px;border-top: 2px solid transparent;border-bottom: 2px solid transparent;}
.fb_wrapper > section > ul.fb_list > li > .fb_opt > label > span::before { display: none;}
.fb_wrapper > section > ul.fb_list > li > .fb_opt > label > [type=radio]:checked + span { background:#FF7A5C;color:#fff; }
.fb_wrapper > section > ul.fb_list > li + li { margin-top:20px; }
.fb_wrapper > section > ul.fb_list > li > .tb_txt { display: block;border: 1px solid #ddd;background: #f8f8f8;padding:10px;font-size:0px;}
.fb_wrapper > section > ul.fb_list > li > .tb_txt > textarea { width:100%;height:100px;resize: none;font-size:15px;}
.fb_wrapper > section > ul.fb_list > li > .tb_txt > textarea::placeholder { color:#bbb; }

.fb_wrapper > section > ul.fb_list.manager > li > .fb_opt > label > [type=radio]:checked + span { background:#53D397;color:#fff; }
.fb_wrapper > section > ul.fb_list.manager > li > .fb_opt > label.checked > span { border-bottom: 2px solid #FF7A5C;color:#FF7A5C; }
.fb_wrapper > section > ul.fb_list.manager > li > .fb_opt > label.checked { border-bottom: 2px solid #FF7A5C; }


.rpt_wrapper { display:block;padding:70px 0px;min-width:360px;margin: 0 auto;background: #fff;}
.rpt_wrapper > header { display:block;position: fixed;top:0px;left:0px;right:0px;height:50px;padding:10px 15px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);background: #fff;z-index: 10;}
.rpt_wrapper > header > .student_info { display:block;text-align: left;padding:3px 0px;}
.rpt_wrapper > header > .student_info > h3 { font-size:17px;font-weight: 600;display:block;line-height: 26px;}
.rpt_wrapper > header > .student_info > h3 > span { display:inline-block;font-size:13px;color:#999;line-height:22px;vertical-align: bottom;margin-left:10px;font-weight: 400;}
.rpt_wrapper > header > .student_info > p { font-size:14px;font-weight: 400;display:block;line-height: 18px;}

.rpt_wrapper > header > span.select {position:absolute;top:15px;right:15px;padding-left:0px; display:inline-block;line-height:40px;height:40px;width:140px;cursor:pointer;background:#eee;border:0px solid #999; border-radius: 5px; overflow:hidden;}
.rpt_wrapper > header > span.select select { position:relative;display:block;width:120%;padding-left:10px;height:40px;line-height:40px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#999; }
.rpt_wrapper > header > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:40px;line-height:40px;z-index:1;}

.rpt_wrapper > footer { display:none;position: fixed;bottom:0px;left:0px;right:0px;height:50px;padding:10px 15px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);background: #fff;z-index: 10;}
.rpt_wrapper.manager > footer { display:block; }
.rpt_wrapper > footer > .btns { display: block;font-size:0px;text-align: right;}
.rpt_wrapper > footer > .btns > button { display:inline-block; width:100%; background:#382063; color:#fff; height:50px; line-height:50px; border-radius:5px; font-size:16px; font-weight:500; text-align:center; }
.rpt_wrapper > footer > .btns > button.save { width:180px;; background:#999; margin-right:10px;}
.rpt_wrapper > footer > .btns > button.send { width:180px; }

.rpt_wrapper i.p { color:#449187; }
.rpt_wrapper i.m { color:#F12D2D; }

.rpt_wrapper > section { display:block;padding:15px;}
.rpt_wrapper > section > .title { display:block;padding:25px 0px;}
.rpt_wrapper > section > .title > h2 { font-size:24px;text-align: center;font-weight: 600;display:block;color:#111;}
.rpt_wrapper > section > .title > p { font-size:13px;text-align: right;font-weight: 400;display:block;color:#999;}

.rpt_wrapper > section > .item { display:block;padding:0px 18px; }
.rpt_wrapper > section > .item + .item { margin-top:40px; }
.rpt_wrapper > section > .item > h4 { font-size: 16px;font-weight: 600;display: block;margin:0px -18px 18px -18px;}

.rpt_wrapper > section > .item > ul.attendance { display:block;vertical-align: top;padding:0px;margin-left:-2px;font-size:0px;}
.rpt_wrapper > section > .item > ul.attendance > li { display:inline-block;width:calc(33.3333% - 2px);vertical-align: top;padding:0px;margin-left:2px;background: #eee;margin-top:2px;}
.rpt_wrapper > section > .item > ul.attendance > li > div { display:block;padding:12px 5px; }
.rpt_wrapper > section > .item > ul.attendance > li > div > span { display: block;line-height:14px;font-size:12px;color:#999;text-align: center;margin-bottom:3px;}
.rpt_wrapper > section > .item > ul.attendance > li > div > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: center;color:#111;}
.rpt_wrapper > section > .item > ul.attendance > li > div > em { display: block;line-height:16px;font-size:13px;font-weight: 400;color:#999;text-align: center;margin-top:2px;}

.rpt_wrapper > section > .item > ul.outing { display:block;vertical-align: top;padding:0px;margin-left:-2px;font-size:0px;}
.rpt_wrapper > section > .item > ul.outing > li { display:inline-block;width:calc( 100% - 2px );vertical-align: top;padding:0px;margin-left:2px;background: #eee;position: relative;margin-top:2px;}
.rpt_wrapper > section > .item > ul.outing > li > div.th { display:block;padding:12px 12px; }
.rpt_wrapper > section > .item > ul.outing > li > div.th > span { display: block;line-height:14px;font-size:12px;color:#999;text-align: left;margin-bottom:3px;}
.rpt_wrapper > section > .item > ul.outing > li > div.th > span > b { font-size:12px;font-weight: 400;color:#111;display:inline-block;line-height:14px;margin-left:8px;}
.rpt_wrapper > section > .item > ul.outing > li > div.th > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: left;color:#111;}
.rpt_wrapper > section > .item > ul.outing > li > div.th > em { display: block;line-height:16px;font-size:13px;font-weight: 400;color:#999;text-align: center;margin-top:2px;}
.rpt_wrapper > section > .item > ul.outing > li > div.td { display:block;padding:12px 12px; position: absolute;top:0px;right:0px;}
.rpt_wrapper > section > .item > ul.outing > li > div.td > span { display: block;line-height:14px;font-size:12px;color:#999;text-align: right;margin-bottom:3px;}
.rpt_wrapper > section > .item > ul.outing > li > div.td > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: right;color:#111;}
.rpt_wrapper > section > .item > ul.outing > li > div.td > b > i { display:inline-block;line-height:18px;font-size:12px;font-weight: 600; vertical-align: bottom;margin-right:10px;}

@media (min-width: 960px) {
	.rpt_wrapper > section > .item > ul.outing > li { display:inline-block;width:calc( 50% - 2px );}
}

.rpt_wrapper > section > .item > ul.time { display:block;vertical-align: top;padding:0px;margin-left:-2px;font-size:0px;}
.rpt_wrapper > section > .item > ul.time > li { display:inline-block;width:calc(33.3333% - 2px);vertical-align: top;padding:0px;margin-left:2px;background: #eee;margin-top:2px;}
.rpt_wrapper > section > .item > ul.time > li > div { display:block;padding:12px 5px; }
.rpt_wrapper > section > .item > ul.time > li > div > span { display: block;line-height:14px;font-size:12px;color:#999;text-align: center;margin-bottom:3px;}
.rpt_wrapper > section > .item > ul.time > li > div > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: center;color:#111;}
.rpt_wrapper > section > .item > ul.time > li > div > em { display: block;line-height:16px;font-size:13px;font-weight: 400;color:#666;text-align: center;margin-top:2px;}
.rpt_wrapper > section > .item > ul.time > li > div > i { display: block;line-height:16px;font-size:11px;font-weight: 400;color:#999;text-align: center;margin-top:2px;}

@media (min-width: 960px) {
	.rpt_wrapper > section > .item > ul.time > li { width:calc(16.6666% - 2px);}
}

.rpt_wrapper > section > .item > ul.textbook { display:block;vertical-align: top;padding:0px;font-size:0px;}
.rpt_wrapper > section > .item > ul.textbook > li { display:block;vertical-align: top;padding:0px;position: relative;margin-top:2px;}
.rpt_wrapper > section > .item > ul.textbook > li + li { margin-top:20px; }
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook { display:block;padding:0px 0px;margin-bottom:10px;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > h3 { dipslay:block;font-size:18px;font-weight:500;line-height:20px;height:20px;padding:5px 0px;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > h3 > b {  font-size:12px;font-weight: 600;color:#fff;display: inline-block;line-height: 20px;height: 20px;vertical-align: top;margin-left:10px;background: #50CCC6;padding:0px 8px;border-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.1);}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > h3 > span {  font-size:0px;font-weight: 600;color:#fff;display: inline-block;line-height: 20px;height: 20px;vertical-align: top;margin-left:10px;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > h3 > span > em {  font-size:12px;font-weight: 400;color:#fff;display: inline-block;line-height: 20px;height: 20px;vertical-align: top;margin-left:2px;background: #999;padding:0px 5px;border-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.1);}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > p { dipslay:block;font-size:0px;line-height:16px;height:16px;margin-top:4px;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > p > span { display:inline-block;font-size:13px;font-weight:400;color:#999;line-height:16px;height:16px;vertical-align: bottom;margin-right:10px;}

.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .graph { position: absolute;top:5px;right:120px;display:block;width:150px;vertical-align: bottom;padding:0px;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .graph > i { display:block;height:6px;background: #999;position: absolute;top:0px;right:0px;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .graph > i.org { background: #ccc; top:0px;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .graph > i.dp { background: #91E4A6;  top:8px; }
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .graph > i.real { background: #5F64C0;  top:16px;}

.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .issue { position: absolute;top:0px;right:0px;display:block;width:90px;vertical-align: bottom;padding:7px 8px 7px 8px; background: #eee;font-size:0px;text-align: right;border-radius: 3px; cursor: pointer;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .issue > i { font-size:20px;line-height:22px;height:22px;width:30px;text-align: center;vertical-align: bottom;color:#999;display: inline-block;float:left;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .issue > b { display: inline-block;line-height:22px;height:22px;min-width:14px;padding:0px 4px;background: #999;font-size:13px;font-weight: 600;color:#fff;vertical-align: bottom;border-radius: 11px;text-align: center;margin-left:4px;;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .issue > b::before { content:attr(data-cnt); }
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .issue > b.student { background: #FF7A5C;}
.rpt_wrapper > section > .item > ul.textbook > li > div.textbook > .issue > b.manager { background: #53D397;}

.rpt_wrapper > section > .item > ul.textbook > li > dl { display:block;vertical-align: top;padding:0px;margin-left:-2px;font-size:0px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd { display:inline-block;width:calc(50% - 2px);vertical-align: top;padding:0px;margin-left:2px;background: #eee;margin-top:2px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div { display:block;padding:12px 12px;font-size:0px; }
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > span { display: block;line-height:14px;font-size:12px;color:#999;text-align: left;margin-bottom:3px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > span > i { display:inline-block;line-height:14px;font-size:12px;float:right;font-weight: 600;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: right;color:#111;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > b > [type=text] { width:60%;max-width:130px;text-align: right;font-weight: 600;line-height:16px;font-size:14px;color:#111;border: 1px solid transparent;}
.rpt_wrapper.manager > section > .item > ul.textbook > li.manager > dl > dd > div > b > [type=text] { background: #ddd;border: 1px solid #ccc;box-sizing: border-box;border-radius: 3px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > b > i { display:inline-block;line-height:18px;font-size:12px;float:left;font-weight: 600;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > em { display: block;line-height:16px;font-size:13px;font-weight: 400;color:#666;text-align: right;margin-top:2px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > em > [type=text] { width:60%;max-width:130px;text-align: right;font-weight: 400;line-height:14px;font-size:13px;color:#666;border: 1px solid transparent;}
.rpt_wrapper.manager > section > .item > ul.textbook > li.manager > dl > dd > div > em > [type=text] { background: #ddd;border: 1px solid #ccc;box-sizing: border-box;border-radius: 3px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > em > i { display:inline-block;line-height:16px;font-size:12px;float:left;font-weight: 600;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > i { display: block;line-height:16px;font-size:11px;font-weight: 400;color:#9996;text-align: center;margin-top:2px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div.spec { margin-left:-15px; }
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div.spec > span { margin-left:15px; }
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > p { display: inline-block;width:calc(50% - 15px);margin-left:15px;vertical-align: top;line-height:18px;font-size:12px;color:#666;text-align: left;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > p > b { width:30px;float:right; font-size:14px;}
.rpt_wrapper > section > .item > ul.textbook > li > dl > dd > div > p > b > [type=text] { width:100%;text-align: right;font-weight: 600;line-height:16px;font-size:14px;color:#111;display:block;border: 1px solid transparent;}
.rpt_wrapper.manager > section > .item > ul.textbook > li.manager > dl > dd > div > p > b > [type=text] { background: #ddd;border: 1px solid #ccc;box-sizing: border-box;border-radius: 3px;}

@media (min-width: 960px) {
	.rpt_wrapper > section > .item > ul.textbook > li > dl > dd { width:calc(33.3333% - 2px);}
}

.rpt_wrapper > section > .item > .sujects_rate { background: #f8f8f8;padding:30px;}
.rpt_wrapper > section > .item > .sujects_rate .chart_wrap{ position: relative; width: 280px; height: 280px; margin:0 auto;overflow: hidden;margin-bottom:30px;}
.rpt_wrapper > section > .item > .sujects_rate .chart { position: relative; width: 280px; height: 280px; border-radius: 50%; transition: 0.3s; background:lightgray; display:inline-block; }
.rpt_wrapper > section > .item > .sujects_rate .chart:after{ content:''; background: #fff; position: absolute; top:50%; left:50%; width:160px; height:160px; border-radius: 50%; transform: translate(-50%, -50%); }
.rpt_wrapper > section > .item > .sujects_rate .chart_bar{ width: inherit; height: inherit; border-radius: 50%; position: relative; }
.rpt_wrapper > section > .item > .sujects_rate .chart_total{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background:gray; width:100%; }
.rpt_wrapper > section > .item > .sujects_rate .chart_total span{ position: absolute; }
.rpt_wrapper > section > .item > .sujects_rate .chart_ex { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:13px; font-weight:400; color:#999;text-align: center;line-height: 24px;}
.rpt_wrapper > section > .item > .sujects_rate .chart_ex > b { font-size:24px;font-weight: 600;display:block;color:#111;}

.rpt_wrapper > section > .item > .sujects_rate > ul.sujects { display:block;vertical-align: top;padding:0px;margin-left:-2px;font-size:0px;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li { display:inline-block;width:calc(50% - 2px);vertical-align: top;padding:0px;margin-left:2px;background: #eee;margin-top:2px;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div { display:block;padding:12px 12px; position: relative;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > span { display: block;line-height:36px;height:36px;width:36px;background: #999;font-size:12px;color:#fff;font-weight: 600;text-align: center;margin-bottom:3px;position: absolute;top:12px;left:12px;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li:nth-child(1) > div > span { background: #F14960;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li:nth-child(2) > div > span { background: #F6A147;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li:nth-child(3) > div > span { background: #27AAE2;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li:nth-child(4) > div > span { background: #1BCCBA;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li:nth-child(5) > div > span { background: #7BB03A;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li:nth-child(6) > div > span { background: #9152D2;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: right;color:#111;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > em { display: block;line-height:16px;font-size:13px;font-weight: 400;color:#666;text-align: right;margin-top:2px;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > i { display: block;line-height:16px;font-size:11px;font-weight: 400;color:#999;text-align: right;margin-top:2px;}

.rpt_wrapper.manager > section > .item > .sujects_rate > ul.sujects > li > div { padding-right:125px; }
.rpt_wrapper.manager > section > .item > .sujects_rate > ul.sujects > li > div > .issue {display:inline-block; cursor: pointer;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > .issue { display:none;width:90px;vertical-align: bottom;position: absolute;top:12px;right:12px;padding:7px 0px 7px 8px;background: #eee;font-size:0px;text-align: right;border-left: 1px solid #ddd;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > .issue > i { font-size:20px;line-height:22px;height:22px;width:30px;text-align: center;vertical-align: bottom;color:#999;display: inline-block;float:left;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > .issue > b { display: inline-block;line-height:22px;height:22px;min-width:14px;padding:0px 4px;background: #999;font-size:13px;font-weight: 600;color:#fff;vertical-align: bottom;border-radius: 11px;text-align: center;margin-left:4px;;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > .issue > b::before { content:attr(data-cnt); }
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > .issue > b.student { background: #FF7A5C;}
.rpt_wrapper > section > .item > .sujects_rate > ul.sujects > li > div > .issue > b.manager { background: #53D397;}

@media (min-width: 960px) {
	.rpt_wrapper > section > .item > .sujects_rate .chart_wrap{ display:inline-block;margin-bottom: 0px;}
	.rpt_wrapper > section > .item > .sujects_rate > ul.sujects { display:inline-block;width:calc(100% - 320px);float:right; margin-top:47px;}
}

.rpt_wrapper > section > .item > ul.warning { display:block;vertical-align: top;padding:0px;margin-left:-2px;font-size:0px;}
.rpt_wrapper > section > .item > ul.warning > li { display:inline-block;width:calc(100% - 2px);vertical-align: top;padding:0px;margin-left:2px;background: #eee;margin-top:2px;}
.rpt_wrapper > section > .item > ul.warning > li > div { display:block;padding:12px 12px; position: relative;}
.rpt_wrapper > section > .item > ul.warning > li > div > span { display: block;line-height:14px;font-size:12px;color:#999;text-align: left;margin-bottom:3px;}
.rpt_wrapper > section > .item > ul.warning > li > div > span > i { display: inline-block;;line-height:14px;font-size:12px;color:#F12D2D;text-align: left;vertical-align: bottom;margin-left:10px;font-weight: 600;}
.rpt_wrapper > section > .item > ul.warning > li > div > b { display: block;line-height:18px;font-size:14px;font-weight: 600;text-align: left;color:#111;}
.rpt_wrapper > section > .item > ul.warning > li > div > em { display: block;line-height:36px;font-size:25px;font-weight: 600;color:#111;text-align: right;margin-top:2px;position: absolute;top:12px;right:12px;}
.rpt_wrapper > section > .item > ul.warning > li > div > i { display: block;line-height:16px;font-size:11px;font-weight: 400;color:#999;text-align: center;margin-top:2px;}
.rpt_wrapper > section > .item > ul.warning > li.cancel > div > b { text-decoration: line-through;color:#bbb;}
.rpt_wrapper > section > .item > ul.warning > li.cancel > div > em { text-decoration: line-through;color:#bbb;}

@media (min-width: 960px) {
	.rpt_wrapper > section > .item > ul.warning > li { width:calc(50% - 2px); }
}

.rpt_wrapper > section > .item > .comment > p { display: block;background: #eee;padding:12px;font-size:14px;line-height: 18px;}
.rpt_wrapper > section > .item > .comment > .tb_txt { display: none;border: 1px solid #ddd;background: #f8f8f8;padding:10px;font-size:0px;}
.rpt_wrapper > section > .item > .comment > .tb_txt > textarea { width:100%;height:100px;resize: none;font-size:15px;}
.rpt_wrapper > section > .item > .comment > .tb_txt > textarea::placeholder { color:#bbb; }

.rpt_wrapper.manager > section > .item > .comment > p { display:none; }
.rpt_wrapper.manager > section > .item > .comment > .tb_txt { display:block; }


.textbookSetPop .green_bg{ background:#217346;border:1px solid rgba(0,0,0,0.1);color:#fff;margin-top:6px; }
.textbookSetPop .green_bg.openWinPop:hover{color:#000;}


section.problemsSet .textbookInfoBox {display:flex; border:5px solid #fff; background:#fff; padding:15px 20px; margin-bottom: 20px; flex-direction:row; justify-content:space-between;}
section.problemsSet .textbookInfoBox .txtBox > .top{display:flex; align-items:center; justify-content:space-between;}
section.problemsSet .textbookInfoBox .txtBox > span{font-size: 13px; color:#aaa;}
section.problemsSet .textbookInfoBox .txtBox > .top > .textbookTitle {font-size: 25px; font-weight: bold;}
section.problemsSet .textbookInfoBox > .btns{display:flex; gap:10px; height:55px; }
section.problemsSet .textbookInfoBox > .btns > .excelDownload { background:#217346;border:1px solid rgba(0,0,0,0.1); border-radius: 5px; color:#fff;margin-top:6px; width: 130px; text-align: center; height: 45px; line-height: 45px;}
section.problemsSet .textbookInfoBox > .btns > .infoUpdate {background: #111;;border:1px solid rgba(0,0,0,0.1); border-radius: 5px; color:#fff;margin-top:6px; width: 80px; text-align: center; height: 25px; line-height: 25px;}
section.problemsSet .topper > .btns > .blue_bg { background:#4573f2;border:1px solid rgba(0,0,0,0.1);color:#fff;}
section.problemsSet .topper > .btns > .gray_bg {background: #aaa;border: 1px solid rgba(0, 0, 0, 0.1);color: #fff;}



/* 월별 정산서 */
section.settlementList .settlement-top {display: flex; justify-content: space-between; padding-bottom: 10px}
section.settlementList .settlement-top .bankInfo {padding-top: 30px;}
section.settlementList .settlement-top .title-sub {padding-top: 4px; font-size: 14px;}
section.settlementList .settlement-top2 {padding-bottom: 15px}

section.settlementList .topper > .search.settlementSearch {margin-right: 0px;}
section.settlementList .monthlySettlement {text-align: left; padding-top: 30px; padding-bottom: 15px}
section.settlementList .monthlySettlement > b {font-size: 30px;}
section.settlementList .monthlySettlement > b > span {font-size: 30px;}
section.settlementList p.sub-text.alignR {text-align: right; color:#999; padding-bottom: 5px}
section.settlementList p.alignR {text-align: right; color:#333;}
section.settlementList .settlement  .amount {font-size: 13px; font-weight: 600; }
section.settlementList .settlement  .positive {font-size: 13px; font-weight: 600; color: #007bff; }
section.settlementList .settlement  .neutral {font-size: 13px; font-weight: 600; }
section.settlementList .settlement  .negative {font-size: 13px; font-weight: 600;color: #dc3545; }

section.settlementList .tab.settlement select {	margin:0px; padding:0px}
section.settlementList .tab.settlement li {	height:120px; vertical-align:bottom; width: calc(100% / 5 - 2px);}
section.settlementList.printframe .tab.settlement li {	height:120px; vertical-align:bottom; width: calc(100% / 5 - 2px);}
/*section.settlementList .settlement .tab.settlement p {margin:0px; padding:0px}*/
section.settlementList .tab.settlement .mid {padding:13px 0px}
section.settlementList .tab.settlement .title {font-size: 12px;color: #888;margin-bottom: 5px;padding-top:10px;}
section.settlementList .tab.settlement .value {font-size: 18px;font-weight: bold;display: inline-block;margin-bottom: 4px;color: #000;}
section.settlementList .tab.settlement .diff {font-size: 13px; color: #888;}
section.settlementList .tab.settlement .diff span {font-weight: bold;}
section.settlementList .tab.settlement .diff span:before {	content: '';}
section.settlementList .tab.settlement select  { width:100px; text-align: center; height:35px}
section.settlementList .tab.settlement .status  { font-size: 18px; font-weight: bold; color: #007bff;}
section.settlementList .tab.settlement .status-noti { font-size: 18px;  font-weight: bold; color: #FF9500; }
section.settlementList .tab.settlement .status-done { font-size: 18px;  font-weight: bold; color: #14AE5C; }
section.settlementList .tab.settlement .sub-text {font-size: 13px;color: #999;margin-top: 2px;}
section.settlementList .tab.settlement .select { appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #333; border: none; padding: 5px 10px; }

section.settlementList .lining .high-discount { color: red; font-weight: bold; }
section.settlementList .redTxt { color: red; font-weight: bold; }
section.settlementList .adjustment { background-color:#fceeee; }

tr.adjustment.counseling-row { background-color: #E3E3E3; color: #999999;}
tr.counseling-row { background-color: #E3E3E3; color: #999999;}
tr.counseling-row .strike {text-decoration: line-through; color: #999999;}
tr.counseling-row .strike {text-decoration: line-through; color: #999999;}
section.settlementList tr.counseling-row .lining .discount { color: #999999;}


section.settlementList > hgroup { position: relative; }
section.settlementList > hgroup > .todoCheck { position: absolute; top: 18px; right: 30px; }
section.settlementList > hgroup > .todoCheck > a > i { font-size: 35px; color: #767171;}
section.settlementList  #printArea ul.settlement { margin-bottom: 15px; }
section.settlementList  #printArea ul.settlement > li { width: calc((100% / 5) - 2px);}
section.settlementList.printframe #printArea > ul.settlement { margin-bottom: 15px; }
section.settlementList.printframe #printArea > ul.settlement > li { width: 100px !important;}

section.settlementList .monthlySettlementList .lining span.totalB  { font-weight: bold; color: #007bff; }
section.settlementList .monthlySettlementList .lining span.totalG  { font-weight: bold; color: #66CC66; }
section.settlementList .monthlySettlementList .lining span.bold  { font-weight: bold; color: #000000; }

.topper > .settlementSearch span.gray_bg { background:#2E323B; border:1px solid rgba(0,0,0,0.1);color:#fff; width: 70px;	text-align: center; }
.topper > .settlementSearch span.gray_bg > a { color:#fff; }
.topper > .settlementSearch span.gray_print { background:#2E323B; border:1px solid rgba(0,0,0,0.1);color:#fff; width: 90px;	text-align: center; }
.topper > .settlementSearch span.gray_print > a { color:#fff; }

.wrapper > section > .topper.settlementTopper { display: flex; justify-content: space-between; align-items: center;}
.topper > .settlementSearch span.green_bg { background:#217346; border:1px solid rgba(0,0,0,0.1);color:#fff; width: 120px;	text-align: center; }
.topper > .settlementSearch span.green_bg > a { color:#fff; }
.topper > .settlementSearch.btnRight {display: flex; justify-content: flex-end;}
section.settlementList .monthlySettlementList .settlementTotal .lining.totalB  { font-weight: bold; color: #007bff; }
section.settlementList .monthlySettlementList .settlementTotal .lining.totalG  { font-weight: bold; color: #14AE5C; }
section.settlementList .monthlySettlementList .settlementTotal .lining.totalBold  { font-weight: bold; }
table.list td > .lining.settlementStatus{padding:5px 0px; color:#fff; font-size:12px; border-radius:20px;}
table.list td > .lining.settlementStatus.wait{background:#007bff;}
table.list td > .lining.settlementStatus.noti{background:#FF9500;}
table.list td > .lining.settlementStatus.done{background:#14AE5C;}
section.settlementList .settlement .mid .txtGreen  { font-weight: bold; color: #14AE5C; }
section.settlementList .settlementTopper .settlementSearch .sort {padding-left: 10px; border:none; background:#fff; background-color: rgba(0, 0, 0, 0.0); cursor: pointer; }
section.settlementList .settlementTopper .settlementSearch .sort.active { font-weight: bold; }


.popup > footer label.chkL {position: absolute; top: 25px; right: 460px;}


/* 요일별메모 */
.dayMemoTT { padding-bottom: 10px; display: block; padding-left: 25px; padding-top:6px;}
.dayMemoTT > textarea { background: #eee; width: 100%; height: 50px; border-radius: 3px;}





/*채팅*/
.chatFooter > .imgs { display:block;height:120px;text-align: left; padding:10px 12px; }
.chatFooter > .imgs > span { display:inline-block;height:120px;width: 120px;position: relative;background-color: #fff;background-position: center;background-size: cover;border: 1px solid #ddd;border-radius: 5px; }
.chatFooter > .imgs > span > a { display:block;height:30px;line-height:30px;width: 30px;font-size:18px;position: absolute;top:5px;right:5px;color:#fff;text-align: center;background-color: #bbb;border-radius: 50%; }
.chatFooter > .imgs > span > a::before {content: '×';font-size:18px;line-height:30px;}






/* learningRangePop */

.setRangePopUp {
	width: 800px;
}
.learningRangePop>.header .pop_close {
	font-size: 32px;
	margin-left: auto;
}

.learningRangePop>.con>.option {
	width: 100%;
}
.learningRangePop>.con>.option>.chk {
	height: 40px;
	position: relative;
}

.learningRangePop .grading>.option .btn_right {
	position: absolute;
	width: auto;
	height: 40px;
	padding: 0px;
	top: 0px;
	right: 0px;
	line-height: 40px;
	font-size: 0px;
}

.learningRangePop .grading>.option .btn_right>label {
	padding: 0px 0px;
	color: #999;
	text-align: center;
	line-height: 40px;
	height: 40px;
	width: auto;
	min-width: 40px;
	overflow: visible;
}

.learningRangePop .grading>.option .btn_right>label+label {
	margin-left: 10px;
}

.learningRangePop .grading>.option .btn_right>label>input[type=radio]+span
{
	display: block;
	line-height: 40px;
	margin-left: 0px;
	background: transparent;
	padding: 0px 0px;
	position: relative;
	border-radius: 5px;
	font-size: 15px;
	color: #999;
	letter-spacing: -1px;
}

.learningRangePop .grading>.option .btn_right>label>input[type=radio]+span::before
{
	content: '';
	border: 0px solid #ddd;
	background: transparent;
}

.learningRangePop .grading>.question {
	padding: 20px 15px 30px 15px;
	position: relative;
	margin-left: -2px;
	margin-top: -2px;
}

.learningRangePop .grading>.question>p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
	color: #999;
}

.learningRangePop .grading>.question>ul {
	display: block;
	font-size: 0px;
}

.learningRangePop .grading>.question>ul>li {
	display: inline-block;
	width: calc(( 100%/ 5)- 2px);
	margin-left: 2px;
	margin-top: 2px;
	vertical-align: bottom;
}

.learningRangePop .grading>.question>ul>li>a {
	display: block;
	background: #fff;
	padding: 7px;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #000;
	overflow: hidden;
}

.learningRangePop .grading>.question>ul>li>a::before {
	position: absolute;
	bottom: 7px;
	right: 7px;
	font-family: 'xeicon' !important;
	width: 15px;
	height: 15px;
	line-height: 15px;
	display: block;
	content: "";
	font-size: 15px;
	text-align: center;
}

.learningRangePop .grading>.question>ul>li>a>span {
	font-size: 12px;
	display: block;
	line-height: 15px;
	height: 15px;
	letter-spacing: -0.5px;
	font-weight: 300;
	z-index: 2;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 10px;
}

.learningRangePop .grading>.question>ul>li>a>b {
	font-size: 13px;
	display: block;
	line-height: 15px;
	height: 15px;
	margin-top: 5px;
	color: #666 !important;
	font-weight: 400;
	letter-spacing: -0.5px;
	z-index: 2;
	position: relative;
}

.learningRangePop .grading>.question>ul>li>a>em {
	font-size: 12px;
	display: block;
	line-height: 15px;
	height: 15px;
	color: #111 !important;
	font-weight: 400;
	letter-spacing: -0.5px;
	z-index: 2;
	position: absolute;
	top: 7px;
	right: 7px;
}

.learningRangePop .grading>.question>ul>li>a[data-result=succ] {
	background: #fff;
	color: #19ce60;
	border: 2px solid #19ce60 !important;
}

.learningRangePop .grading>.question>ul>li>a[data-result=succ]::before {
	content: '\e9c6';
}

.learningRangePop .grading>.question>ul>li>a[data-init='except'] {
	background: #ddd !important;
	color: #999;
	border: 2px solid #999;
}

.learningRangePop .grading>.question>ul>li>a[data-init='except']::after
{
	background: #999;
}

/* learningRangePop 추가 */
.learningRangePop .grading>.question.detail {
	padding-top: 130px;
}

.learningRangePop .grading>.question>ul+p {
	margin-top: 15px;
}

.learningRangePop .grading>.question>ul>li>a {
	display: block;
	background: #eee;
	padding: 7px;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #eee;
	overflow: hidden;
}

.learningRangePop .grading>.question>ul>li.start>a::after {
	position: absolute;
	top: -14px;
	left: -14px;
	width: 40px;
	height: 20px;
	display: block;
	content: "";
	font-size: 15px;
	text-align: center;
	background: transparent;
	z-index: 1;
	transform: rotate(150deg);
}

.learningRangePop .grading>.question>ul>li.end>a::after {
	position: absolute;
	bottom: -14px;
	right: -14px;
	width: 40px;
	height: 20px;
	display: block;
	content: "";
	font-size: 15px;
	text-align: center;
	background: transparent;
	z-index: 1;
	transform: rotate(150deg);
}

.learningRangePop .grading>.question>ul>li>a>span {
	font-size: 12px;
	display: block;
	line-height: 15px;
	height: 15px;
	letter-spacing: -0.5px;
	font-weight: 300;
	z-index: 2;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 10px;
}

.learningRangePop .grading>.question>ul>li>a[data-result] {
	border: 2px solid #ddd;
}

.learningRangePop .grading>.question>ul>li>a[data-result].todoIng {
	border: 2px solid #000;
}

.learningRangePop .grading>.question>ul>li>a[data-result=succ]::after {
	background: #19ce60;
}

.learningRangePop .grading>.question>ul>li>a[data-result=fail] {
	background: #fff;
	color: #FD747A;
	border: 2px solid #FD747A !important;
}

.learningRangePop .grading>.question>ul>li>a[data-result=fail]::before {
	content: '\e921';
}

.learningRangePop .grading>.question>ul>li>a[data-result=fail]::after {
	background: #FD747A;
}

.learningRangePop .grading>.question>ul>li>a[data-result=ahead] {
	background: #fff;
	color: #1a73e8;
	border: 2px solid #1a73e8 !important;
}

.learningRangePop .grading>.question>ul>li>a[data-result=ahead]::before
{
	content: '\e920';
}

.learningRangePop .grading>.question>ul>li>a[data-result=ahead]::after {
	background: #1a73e8;
}

.learningRangePop .grading>.question>ul>li>a[data-reason='8'] {
	background: #ddd !important;
	color: #999;
}

.learningRangePop .grading>.question>ul>li>a[data-init='giveup'] {
	background: #ddd !important;
	color: #999;
	border: 2px solid #999;
}

.learningRangePop .grading>.question>ul>li>a[data-init='giveup']::after
{
	background: #999;
}

.learningRangePop .grading>.question>ul>li>a.order::after {
	content: '\ea7f';
	transform: rotate(30deg);
}

.learningRangePop>.con {
	/*height: calc(100vh - 150px);*/
	height: 100%;
	display: block;
}

.learningRangePop>.foot {
	width: 100%;
	height: 80px;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	line-height: 80px;
}

.learningRangePop>.foot.fixed_btn {
	position: fixed;
	bottom: 0;
	left: 0px;
	background: #fff;
}

.learningRangePop>.foot.btn>.lrn_pop_close {
	display: inline-block;
	width: 100%;
	background: #382063;
	color: #fff;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}


.grading>.option .btn_right>label>input[type=radio]+span {
	display: block;
	line-height: 40px;
	font-size: 0px;
	margin-left: 0px;
	background: transparent;
	color: #bbb;
	padding: 0px 0px;
	position: relative;
	border-radius: 5px;
}

.grading>.option .btn_right>label>input[type=radio][value=except]+span
{
	font-size: 15px;
	color: #999;
	letter-spacing: -1px;
}

.grading>.option .btn_right>label>input[type=radio][value=init]+span
{
	font-size: 15px;
	color: #999;
	letter-spacing: -1px;
}

.grading>.option .btn_right>label>input[type=radio]+span::before
{
	content: '';
	border: 0px solid #ddd;
	background: transparent;
}

.grading>.option .btn_right>label>input[type=radio]:checked+span,
.grading>.option .btn_right>label>input[type=radio]:checked+span::before
{
	color: #7e00e4 !important;
	font-weight: 500;
	text-decoration: underline;
}

.grading>.option .btn_right>label>input[type=radio]+span>em {
	position: absolute;
	top: -2px;
	right: -2px;
	background: #999;
	line-height: 18px;
	height: 18px;
	min-width: 14px;
	padding: 0 2px;
	font-size: 10px;
	display: block;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	opacity: 0.6;
}

.grading>.option .btn_right>label>input[type=radio]+span>em::before
{
	content: attr(data-cnt);
}

.grading>.option .btn_right>label>input[type=radio]+span>em[data-cnt="0"]
{
	display: none;
}


/* 학생 대시보드 > 등하원시간 타임피커 */
.stTimeSetPop label { overflow:visible !important; }
.stTimeSetPop label > .timePicker > div { overflow:visible !important; }
.stTimeSetPop label > .timePicker .lp_timePicker > .timePickBox { position:absolute !important; top:45px !important; right:0px !important; margin-top:0px !important; }


/* 학생 회원관리 > 상단 탭 */
section.studentListSection > ul.student_status { margin-bottom: 15px; }
section.studentListSection > ul.student_status.tab2 > li { width: calc(100% / 2 - 2px); }
section.studentListSection > ul.student_status.tab3 > li { width: calc(100% / 3 - 2px); }



.unfinish { display:block; position:fixed; bottom:90px;right:30px;width:340px;background:#fff;box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05); z-index: 10; }
.unfinish > hgroup { display:block;padding:15px;font-size:0px;position:relative; }
.unfinish > hgroup > h3 { font-size:20px; font-weight:700; display:inline-block;line-height:24px; color:#2E323B;letter-spacing:-1px;vertical-align:bottom; }
.unfinish > hgroup > span.select { margin-left:5px;display:inline-block;vertical-align:bottom; position:relative;padding:0px 0px;cursor:pointer;line-height:24px;width:56px;}
.unfinish > hgroup > span.select select {padding:0px;padding-left:4px;margin:0px;width:115%;line-height:24px;height:24px;border:0px;background:transparent;font-size:14px;font-weight:600;color:#999;z-index:2;outline: none;display:block;}
.unfinish > hgroup > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:24px;line-height:24px;z-index:1;}
.unfinish > hgroup > button[name="inout"] { position:absolute;top:15px;right:15px;display:block;vertical-align:bottom; cursor:pointer;line-height:22px;width:56px;font-size:14px;border:1px solid #2E323B;color:#2E323B;vertical-align:bottom;border-radius:5px;}

.unfinish > .rows { display:block;height:260px;overflow:hidden;overflow-y:scroll;padding:0px 2px 15px 15px; }
.unfinish > .rows > a { display:block;background:#eee;padding:15px 60px 15px 70px;position:relative; }
.unfinish > .rows > a + a { margin-top:2px; }
.unfinish > .rows > a > i { position:absolute; top:10px; left:10px; display:block;width:46px;height:46px;border:2px solid #999;background:#fff;line-height:36px;text-align:center;border-radius:5px; }
.unfinish > .rows > a[data-type="reset"] > i { border-color:#14AE5C;color:#14AE5C; }
.unfinish > .rows > a[data-type="reset"] > i:before { display:block;font-size:13px;content:'관리자';font-weight:600;position:absolute;line-height:15px;left:0px;right:0px;top:10px; }
.unfinish > .rows > a[data-type="reset"] > i:after { display:block;font-size:11px;content:'가감처리';font-weight:400;position:absolute;line-height:15px;left:0px;right:0px;bottom:7px; }

.unfinish > .rows > a[data-type="manager"] > i { border-color:#AF52DE;color:#AF52DE; }
.unfinish > .rows > a[data-type="manager"] > i:before { display:block;font-size:13px;content:'관리자';font-weight:600;position:absolute;line-height:15px;left:0px;right:0px;top:10px; }
.unfinish > .rows > a[data-type="manager"] > i:after { display:block;font-size:11px;content:'채점관리';font-weight:400;position:absolute;line-height:15px;left:0px;right:0px;bottom:7px; }

.unfinish > .rows > a[data-type="student"] > i { border-color:#FF9500;color:#FF9500; }
.unfinish > .rows > a[data-type="student"] > i:before { display:block;font-size:13px;content:'학습자';font-weight:600;position:absolute;line-height:15px;left:0px;right:0px;top:10px; }
.unfinish > .rows > a[data-type="student"] > i:after { display:block;font-size:11px;content:'확인완료';font-weight:400;position:absolute;line-height:15px;left:0px;right:0px;bottom:7px; }
.unfinish > .rows > a[data-type="student"] > i[data-value="waiting"] { border-color:#EC171E !important;color:#FFF !important; background:#EC171E; }
.unfinish > .rows > a[data-type="student"] > i[data-value="waiting"]:after { content:'미확인' !important; }

.unfinish > .rows > a > h5 { font-size:14px; font-weight:500; display:block;line-height:22px;height:22px;letter-spacing:-0.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.unfinish > .rows > a > p { font-size:12px; font-weight:400; display:block;line-height:18px;letter-spacing:-0.2px;color:#999;}
.unfinish > .rows > a > p > b {font-weight:400; color:#666;}
.unfinish > .rows > a > span { display:block;position:absolute;top:15px;right:10px;text-align:right; }
.unfinish > .rows > a > span > b { display:block;line-height:18px;font-size:13px;font-weight:600; }
.unfinish > .rows > a > span > b.down { color:#1B80E4; }
.unfinish > .rows > a > span > b.down:before {display:inline-block;content: "\e942";font-family: 'xeicon' !important;font-size:14px;line-height:18px;height:18px;width:18px;vertical-align: bottom;}
.unfinish > .rows > a > span > b.up { color:#EC171E; }
.unfinish > .rows > a > span > b.up:before {display:inline-block;content: "\e945";font-family: 'xeicon' !important;font-size:14px;line-height:18px;height:18px;width:18px;vertical-align: bottom;}
.unfinish > .rows > a > span > em { display:block;line-height:22px;font-size:16px;font-weight:600;color:#999; }

.summary_box { display:block;background:#eee;font-size:0px;margin-bottom:10px;border: 1px solid #ccc; }
.summary_box > p { display:inline-block;width:50%;vertical-align:bottom;padding:15px;color:#999;box-sizing:border-box;position:relative;font-size:12px;line-height:16px; }
.summary_box > p > b { display:block;position:absolute;top:15px;right:15px;line-height:32px;font-size:20px;font-weight:600; }
.summary_box > p.after { color:#111; }
.summary_box > p.input { color:#111; }

.summary_box > p.inout > b.down { color:#1B80E4; }
.summary_box > p.inout > b.down:before {display:inline-block;content: "\e942";font-family: 'xeicon' !important;font-size:18px;line-height:32px;height:32px;width:20px;vertical-align: bottom;}
.summary_box > p.inout > b.up { color:#EC171E; }
.summary_box > p.inout > b.up:before {display:inline-block;content: "\e945";font-family: 'xeicon' !important;font-size:18px;line-height:32px;height:32px;width:20px;vertical-align: bottom;}

.txt_ex > i { display:inline-block;line-height:20px;vertical-align:bottom;margin-right:10px; }
.txt_ex > i.waiting { color:#EC171E; }
.txt_ex > i.confirmed { color:#FF9500; }
.txt_ex > p { display:inline-block;text-align:right;font-size:11px;color:#999;font-weight400;line-height:20px;float:right; }
.txt_ex > p > b { color:#666;font-weight400;font-size:12px;line-height:20px;display:inline-block;vertical-align:bottom; }

/* 학습 변경 시 지각 사유 팝업 인풋 박스 */
.pop[data-role='dpChangeLateReason'] .directInputReason input[name='scheduleTitle'] { width: 100%; margin: 0; height: 38px; line-height: 38px; padding: 0 10px; border: 0; border-radius: 6px; font-size: 13px; background: #eee; letter-spacing: normal; outline: none; box-sizing: border-box; }