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

.studyNowPlanInfo { /* display:flex; justify-content:space-between; gap:10px; */ margin-bottom: 10px; }
.studyNowPlanInfo > ul { width:100%; height: 100%; box-sizing:border-box; }
.studyNowPlanInfo > ul > li { width:100%; height: 100%; }

.studyNowPlanInfo.portlet_wrap > ul > li { position: relative; }
.studyNowPlanInfo.portlet_wrap > ul > li > .labels { position: absolute; top: 10px; left: 10px; text-align: center; padding: 0px; background: #999; z-index: 8; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); width: 60px; height: 30px; display: flex; align-items: center; justify-content: center; }

.portlet_wrap.view { display:inline-block; margin:0 0 10px; width:100%; padding-top:64%; position:relative;}
.portlet_wrap > ul { display:block; font-size:0px; position:absolute; top:0; left:0; }
.portlet_wrap > ul > li { 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.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);}

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

/*보강*/
.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] > dl { display:none !important; }

/* 계획수정 */
.portlet_wrap > ul > li > .labels[data-type=c1] { background: #00ccff; }
.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] > dl { display:none !important; }

/* 학습중 */
.portlet_wrap > ul > li > .labels[data-type=c3] { background: #00d98b; }
.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] > 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: 9;}

/* 등원대기 */
.portlet_wrap > ul > li > .labels[data-type=c5] { background: #666; }
.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] > dl { display:none !important; }

/* 외출지각 */
.portlet_wrap > ul > li > .labels[data-type=c7] { background: #fa3457; }
.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::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::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] > 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: 9;}

/* 일시정지 */
.portlet_wrap > ul > li > .labels[data-type=c11] { background: #00ccff; }
.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] > dl { display:none !important; }

/* 쉬는시간 */
.portlet_wrap > ul > li > .labels[data-type=c13] { background: #ffcb2a; }
.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] > dl { display:none !important; }

/* 수업중 */
.portlet_wrap > ul > li > .labels[data-type=c15] { background: #b98e2c; }
.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] > 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;right:20px;display:none;background: #404d5e;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: #404d5e; 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:#404d5e; }
.portlet_wrap > ul > li > .btns > a.report.opened + dl { display: block;}
.portlet_wrap > ul > li > .btns > a.config.opened { color:#404d5e; }
.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:45px; left:10px; text-align:left; z-index: 9;}
.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 > .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.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 > 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=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 > 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 > 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.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:block;position: relative;}
.portlet_wrap > ul > li > a > .thumb { display:block; 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 > .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: #404d5e;}

.portlet_wrap > ul > li > a > .info > .profile > .cards { display:block;position: absolute;top:-13px;right:15px;font-size:0px;z-index: 10;}
.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 > 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:52px; box-sizing:border-box;}
.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;}
.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 > .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; }


.studyNowPlanInfo > .todayInfo{padding:15px; display:flex; align-items:center; justify-content:center; background:#fff; position: relative; width:35%; box-sizing:border-box;}
.studyNowPlanInfo > .todayInfo > div{width:100%;}
.studyNowPlanInfo > .todayInfo > div > .btn{width:100%; margin-top:10px; text-align:center; box-sizing:border-box;}
.studyNowPlanInfo > .todayInfo p {display:flex; justify-content:space-between;}

.studyNowPlanInfo > .todayInfo p.t{font-size:14px; font-weight: 700;}
.studyNowPlanInfo > .todayInfo p.s{font-size:13px; font-weight: 700;}
.studyNowPlanInfo > .todayInfo p.c{font-size:12px;}
.studyNowPlanInfo > .todayInfo p.c{font-size:12px; color:#999;}

.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;}

.studyNowPlanInfo > .todayInfo .rate {display:block; position: relative;}
.studyNowPlanInfo > .todayInfo .rate > p {line-height:18px; padding:1px 0px; font-size:12px; display:block; padding-right:0px; position: relative;}
.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;}
.studyNowPlanInfo > .todayInfo .rate > p > em { background: #eee;border: 3px solid #eee;display:block;height:12px;line-height:12px;position: relative;overflow: hidden;}
.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;}
.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;}
.studyNowPlanInfo > .todayInfo .rate > p.progress > em > i { background: rgba(145,232,225,1); }
.studyNowPlanInfo > .todayInfo .rate > p.achievement > em > i { background: rgba(228,211,84,1); }

.studyNowPlanInfo > .todayStatus{display:flex; flex-direction:column; justify-content:space-between; width:30%; box-sizing:border-box;}
.studyNowPlanInfo > .todayStatus > ul{background:#fff; display:flex; flex-wrap:wrap;}
.studyNowPlanInfo > .todayStatus > ul:first-of-type{height:calc(70% - 5px);}
.studyNowPlanInfo > .todayStatus > ul:first-of-type > li{height:calc(100% / 2);}
.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;}
.studyNowPlanInfo > .todayStatus > ul > li span{display:block;}

.studyNowPlanInfo > .todayStatus > ul:last-of-type{height:calc(30% - 5px);}
.studyNowPlanInfo > .todayStatus > ul:last-of-type > li{ height:100%;}
.studyNowPlanInfo > .todayStatus > ul > li > i {width:50px; height:50px; display:inline-block;}
.studyNowPlanInfo > .todayStatus > ul > li > i::before { font-family: 'xeicon' !important; font-size:50px; width:50px; height:50px; line-height:50px;}
.studyNowPlanInfo > .todayStatus > ul > li > i[data-val=G]::before { content: "\e9e4";color:#00d98b; }
.studyNowPlanInfo > .todayStatus > ul > li > i[data-val=Y]::before { content: "\e9eb";color:#ffcb2a; }
.studyNowPlanInfo > .todayStatus > ul > li > i[data-val=R]::before { content: "\e9ee";color:#fa3457; }
.studyNowPlanInfo > .todayStatus > ul > li > i[data-val=N]::before { content: "\e9ec";color:#ccc; }




/* dailyPlan */
.studyNowPlanList { display: none; }
.studyNowPlanList.view { display: block; }

.studyNowPlanList.mt40 { margin-top: 40px !important; /* padding: 0px 15px; */ }

.studyNowPlanList > h2 { font-size:22px; color:#111; font-weight: 500; letter-spacing: -1px; text-align: left; }
.studyNowPlanList > h2.btn { display: flex; justify-content: space-between; align-items: center; }

.studyNowPlanList > h2.btn > .xiBtn { display: flex; align-items: center; }
.studyNowPlanList > h2.btn > .xiBtn > .xi-refresh { margin-right: 10px; }

.studyNowPlanList > h2.btn > .xiBtn > 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;}
.studyNowPlanList > h2.btn > .xiBtn > a.btn > i { display:inline-block;height:38px;line-height:38px; margin-right:5px;}
.studyNowPlanList > h2.btn > .xiBtn > a.btn.black_bg { background:#404d5e;border:1px solid rgba(0,0,0,0.1);color:#fff;}


.studyNowPlanList .planBox{margin-top:30px;}
.studyNowPlanList .planBox > .top{ /* display:flex; justify-content:space-between; align-items:start; */ border-bottom: 2px solid #ccc; padding-bottom: 12px; position: relative;}
.studyNowPlanList .planBox > .top > .infoBox {position: absolute; display: inline-block; top: 0; right: 0;}
.studyNowPlanList .planBox > .top > .t {display:flex; align-items:start; }

.studyNowPlanList .planBox > .top > .t > .n { display:flex; flex-direction: column; margin-right: 10px; gap: 5px; align-items: center; }
.studyNowPlanList .planBox > .top > .t > .n > .num {color:#bbb; font-size:45px; font-weight:bold; line-height: 1; }
.studyNowPlanList .planBox > .top > .t > .n > .num.red {color:#fa3457;}
.studyNowPlanList .planBox > .top > .t > .n > .dpset { /* margin-right: 10px; */ width: 50px; }
.studyNowPlanList .planBox > .top > .t > .n > .dpset > a { position: relative; width: 100%; height: 50px; }
.studyNowPlanList .planBox > .top > .t > .n > .dpset > a > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.studyNowPlanList .planBox > .top > .t > .n > .dpset > .btn { padding: 5px 10px; border-radius: 3px; color: #fff; font-size: 12px; line-height: 1; }
.studyNowPlanList .planBox > .top > .t > .n > .dpset > .btn.glay_bg { background: #999; }

.studyNowPlanList .planBox > .top > .t > .txt { width: calc(100% - 60.8px); }
.studyNowPlanList .planBox > .top > .t > .txt > .m_title {font-size:18px; line-height:1.2; font-weight:600; padding-right: 45px; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden;}
.studyNowPlanList .planBox > .top > .t > .txt > .m_title del { position: relative; }
.studyNowPlanList .planBox > .top > .t > .txt > .m_title > .txtBox { position: absolute; padding: 4px 8px; border-radius: 3px; color: #fff; font-size: 12px; background: #bbb; line-height: 1; top: 0px; right: 50px; }
.studyNowPlanList .planBox > .top > .t > .txt > .m {font-size:18px; line-height:1.2; font-weight:600; display:flex; align-items:center;}
.studyNowPlanList .planBox > .top > .t > .txt > .m > span { padding:3px 7px; border-radius:3px; margin-left:5px; color:#fff; font-size:12px; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span:first-child { margin-left: 0px; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span.red { background: #fa3457; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span.blue { background: #00ccff; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span.yellow { background: #ffcb2a; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span.green { background: #01ef99; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span.purple { background: #a04dff; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span.orange { background: #fe7c1c; }
.studyNowPlanList .planBox > .top > .t > .txt > .m > span.gray { background: #afabab }

.studyNowPlanList .planBox > .top .m > .txt { font-size: 13px; text-align: right; font-weight: 400;}
.studyNowPlanList .planBox > .top .m > .txt > span { font-weight: 600; margin-right: 5px; line-height: 1; }


.studyNowPlanList .planBox > .top > .t > .txt > .s{font-size:13px; color:#999; padding: 5px 0px; display: flex; flex-wrap: wrap; gap: 0px 15px;}

.studyNowPlanList .planBox > .top > .infoBox > .txt { font-size:13px; text-align:right; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span { font-weight:600; line-height: 1; }
.studyNowPlanList .planBox > .top > .infoBox > ul { display:flex; gap:5px; flex-direction: row-reverse; } /* flex-direction: row-reverse; 추가*/
.studyNowPlanList .planBox > .top > .infoBox > ul > li > .txtBox { padding:5px 10px; border-radius:3px; color:#fff; font-size:12px; background:#bbb; line-height: 1; }
.studyNowPlanList .planBox > .top > .infoBox > ul > li > .btn { padding: 5px 10px; border-radius: 3px; color: #fff; font-size: 12px; line-height: 1; }
.studyNowPlanList .planBox > .top > .infoBox > ul > li > .btn.glay_bg { background: #999; }


.studyNowPlanList .planBox > .top > .infoBox > .txt > span{padding:3px 8px; border-radius:3px; color:#fff; font-size:12px; display: inline-block; line-height: 1.2; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span.red { background: #fa3457; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span.blue { background: #00ccff; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span.yellow { background: #ffcb2a; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span.green { background: #01ef99; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span.purple { background: #a04dff; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span.orange { background: #fe7c1c; }
.studyNowPlanList .planBox > .top > .infoBox > .txt > span.gray { background: #afabab }


.studyNowPlanList .planBox > .tableWrap { display:flex; flex-direction: column; gap:10px; margin-top:15px; }	/* justify-content: space-between*/
.studyNowPlanList .planBox > .tableWrap > .tableBox { box-sizing:border-box;}
.studyNowPlanList .planBox > .tableWrap > .tableBox > table { border-bottom:1px solid #ccc; border-top:2px solid #404d5e; height:100%; width:100%; position:relative; }
.studyNowPlanList .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%; }

.studyNowPlanList .planBox > .tableWrap > .tableBox > table th { padding:5px 20px; background:#f8f8f8; color:#666; font-size:13px; border-right:1px solid #ccc; height:30px; }
.studyNowPlanList .planBox > .tableWrap > .tableBox > table th:first-child,
.studyNowPlanList .planBox > .tableWrap > .tableBox > table td:first-child { border-left:1px solid #ccc; }
.studyNowPlanList .planBox > .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; }
.studyNowPlanList .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%; }

.studyNowPlanList .planBox > .tableWrap > .tableBox > table td > div { display:flex; justify-content:space-between; }
.studyNowPlanList .planBox > .tableWrap > .tableBox > table td > div > span { font-weight:600; }

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

.studyNowPlanList .planBox > .tableWrap > .tableBox:first-child,
.studyNowPlanList .planBox > .tableWrap > .tableBox:nth-of-type(2) { width:100%; }
.studyNowPlanList .planBox > .tableWrap > .tableBox:last-child { width:100%; }

.studyNowPlanList .planBox > .tableWrap > .tableBox.openDpGrading { cursor: pointer; }


/* DP일정 추가 & 수정 */
.dpSet .lecture { display: none; }

.dpSet .tabmenu { display: flex; }
.dpSet .tabmenu.full { width: 100%; }
.dpSet .tabmenu > li { position: relative; }
.dpSet .tabmenu.item3 > li { width: calc(100% / 3); }
.dpSet .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; }
.dpSet .tabmenu > li.on > a { background: #404d5e; }

.dpSet 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; }

.dpSet 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; }
.dpSet table.info th { text-align:center; background:#fafafa; border:1px solid #eee; font-weight:400; text-align:left; padding-left:5px; }
.dpSet table.info td { background:#fff; font-weight:normal; text-align:left; padding:7px 7px; border:1px solid #eee; font-size:0px;}
.dpSet table.info td.nopad { padding:0px; }
.dpSet table.info td div.chk_ex { margin-left:21px; color:#999;font-size:12px; margin-top:5px; }
.dpSet table.info td div.chk_ex + p { margin-top:10px; }
.dpSet table.info td span.txt { font-size: 15px; font-weight: 500; color: #111; }

.dpSet table.info td label { padding-left: 18px; vertical-align: bottom; height: 18px; /* line-height: 18px; */ position: relative; }
.dpSet table .radio > label { display: inline-block; position: relative;}

.dpSet table div.spl > div { display: inline-block; vertical-align: middle; margin-left: 1%; }
.dpSet table div.spl > div.s_1n112 { width: calc(100% - 112px); }

.dpSet table .olRange > div:not(.btn) { width: calc(99% - 38px); }
.dpSet table .olRange > div > .olRangeBtn { margin-top: 5px; display: flex; }
.dpSet table .olRange > div > .olRangeBtn > li { width: calc(110% / 10); padding: 5px 0; font-size: 12px; text-align: center; background: #ddd; color: #fff; cursor: pointer; }
.dpSet table .olRange > div > .olRangeBtn > li + li { margin-left: 1%; }
.dpSet table .olRange > div > .olRangeBtn > li.on { background: #404d5e; }
.dpSet table .olRange > div > .olRangeBtn > li.disable { background: #333; }
.dpSet table .olRange > .btn { width: 38px; height: 40px; border-radius: 5px; background: #666; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.dpSet table .olRange > .btn .xi-plus:before { font-size: 13px; content: "\e913"; }


.dpSet label > input[type=radio] + span { display: inline-block; line-height: 20px; vertical-align: bottom; font-size: 13px; margin-left: 5px; }
.dpSet 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; }
.dpSet label > input[type=radio]:checked + span { color: #111; -webkit-tap-highlight-color: transparent; }
.dpSet 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: ''; }
.dpSet 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"; }

.dpSet table.info td label > input[type=radio] + span:before { width: 16px; height: 16px; vertical-align: middle; }
.dpSet table.info td label > input[type=radio]:checked + span:before { font-size: 16px; line-height: 16px; vertical-align: middle; }


.dpSet 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;}
.dpSet table.info td label em.gray { color:#999; }
.dpSet table.info tr th:first-child, table.info tr td:first-child { border-left:0px; }
.dpSet table.info tr th:last-child, table.info tr td:last-child { border-right:0px; }
.dpSet table.info tr:first-child th, table.info tr:first-child td { border-top:0px; }
.dpSet table.info tr:last-child th, table.info tr:last-child td { border-bottom:0px; }
.dpSet table.info tr.noline th, table.info tr.noline td { border-bottom:0px; }
.dpSet 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;}
.dpSet table.info th > i.gray { color:#ddd; }
.dpSet table.info th > span { padding-left:16px;font-size:12px;color:#999;display:block;margin-top:-3px; }
.dpSet 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"; }
.dpSet table.info th.required:before { color:#e95653; }
.dpSet table.info th.exp { font-size:12px;color:#999; }
.dpSet table.info th.exp:before { display:none; }
.dpSet table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
.dpSet table.info thead th:before { display:none; }
.dpSet table.info th.exp { font-size:12px;color:#999; }
.dpSet table.info th.exp:before { display:none; }
.dpSet table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
.dpSet table.info thead th:before { display:none; }
.dpSet table.info th > em { font-size:12px;color:#999;margin-left:16px; }
.dpSet table.info tr.hide { display:none; }
.dpSet table.info th.last,
.dpSet table.info td.last {border-bottom:1px solid #ccc !important;}

.dpSet 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;}
.dpSet table.info td > .star > span { display:block;line-height: 26px;font-size:0px;position: relative;white-space:nowrap; }
.dpSet 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;}
.dpSet table.info td > .star > span > i::before { content: "\ea16"; }
.dpSet 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;}
.dpSet table.info td > .star > span > em > i { width:26px;height: 26px;display:inline-block;font-family : 'xeicon' !important;font-size:24px;color:#fda94f;}
.dpSet table.info td > .star > span > em > i::before { content: "\ea0f"; }

.dpSet 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;}
.dpSet table.info td div.textarea label { display:none; }
.dpSet table.info td div.textarea textarea {display:block;width:100%;margin:0px;height:150px;font-size:13px;background:transparent;outline: none;resize: none;}
.dpSet table.info td div.textarea.min textarea { height:80px; }
.dpSet table.info td div.textarea.mmax textarea { height:250px; }
.dpSet table.info td div.textarea.max textarea { height:400px; }
.dpSet table.info td div.textarea.tmax textarea { height:600px; }
.dpSet table.info td div.textarea.editor { height:449px;padding:0px 0px;border:0px solid #ddd; }
.dpSet table.info td div.textarea + div.byte { display:block;text-align:right;color:#999;margin-top:5px; font-size:12px;font-weight:400;}
.dpSet table.info td div.textarea + div.byte > span { float:left;display:inline-block;font-weight:400; }
.dpSet table.info td div.textarea + div.byte > b { font-size:13px;color:#666; }
.dpSet table.info td div + div.textarea { margin-top:10px; }
.dpSet table.info td div.hide + div.textarea { margin-top:0px; }
.dpSet table.info td div + div.textarea textarea { height:180px; }
.dpSet table.info td div.row { display:block; }
.dpSet table.info td div.row + div.row { margin-top:5px; }
.dpSet table.info td div.row_input { display:block;height:405px;padding:10px;border:1px solid #ddd;overflow: hidden;overflow-y: auto;}
.dpSet table.info td div.row_input.hide { display:none; }
.dpSet table.info td div.row_input span { display:block;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;font-size:13px; overflow: hidden;}
.dpSet table.info td div.row_input span + span { margin-top:5px; }
.dpSet table.info td div.row_input span.label {position:relative; padding:0px 30px 0px 30px;}
.dpSet 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;}
.dpSet 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;}
.dpSet 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;}
.dpSet table.info td div.qr_code { display:block;font-size:0px;text-align:left;}
.dpSet 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;}
.dpSet table.info td div.qr_code > img {  display:inline-block;margin: 0px;padding:0px;vertical-align: middle;cursor:pointer;}
.dpSet table.info td div.star_input {position: relative;padding:0px 0px;font-size:0px;}
.dpSet 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: '';}
.dpSet 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; }
.dpSet table.info td div.star_input > label + label { margin:0px; }
.dpSet table.info td div.star_input > label > input[type=checkbox] { display:none; }
.dpSet table.info td div.star_input > label > input[type=checkbox] + span  { display:inline-block;line-height:40px;vertical-align:middle; }
.dpSet 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; }
.dpSet table.info td div.star_input > label > input[type=checkbox]:checked + span  { color:#d71920; -webkit-tap-highlight-color:transparent; }
.dpSet table.info td div.star_input > label > input[type=checkbox]:checked + span:before { content:'\ea0f'; color:#d71920; }
.dpSet table.info td div.star_input > span {display:block; position:relative; width:40px; float:left; height:30px; margin:0; padding:0px; line-height:normal;}
.dpSet 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;}
.dpSet table.info td div.star_input > span > button:after {content:'\ea16'; display:block; font-family:"xeicon"; font-size:26px; line-height:40px;}
.dpSet table.info td div.star_input > span.checked > button:after {content:'\ea0f'; color:#d71920;}
.dpSet table.info td ul.thum { display:block;padding:0px;font-size:0px;background:transparent;margin:-10px; }
.dpSet table.info td ul.thum > li { display:inline-block;font-size:13px;width:25%;padding-top:10px; }
.dpSet 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; }
.dpSet 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;}
.dpSet 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%;}
.dpSet 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;}
.dpSet table.info td ul.multi_thum { display:block;padding:5px 5px;font-size:0px;background:transparent;margin:0px;border:1px solid #ddd;background:#fff; }
.dpSet table.info td ul.multi_thum > li { display:inline-block;font-size:13px;width:25%; }
.dpSet 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; }
.dpSet 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;}
.dpSet table.info td ul.multi_thum.banner > li { width:20%; }
.dpSet table.info td ul.multi_thum.banner > li > div.picture { height:110px; }
.dpSet 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; }
.dpSet table.info td ul.multi_thum > li > div.picture:hover a.att_btn { display:block; }
.dpSet 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;}
.dpSet 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);}
.dpSet 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;}
.dpSet table.info td ul.multi_thum > li.is_thum > div.picture div.checkbox { display:block; }
.dpSet table.info td ul.multi_thum > li.is_thum > div.picture:hover a.detail_btn { display:block; }
.dpSet table.info td ul.multi_thum > li > div.picture { background-image: url(../img/no_img.gif); }
.dpSet 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;}
.dpSet table.info td div.download > b {font-weight:500;color:#e95653;}
.dpSet 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;}
.dpSet table.info td div.download a > i { margin-right:5px;vertical-align:middle; }
.dpSet table.info td div.tips { display:block;margin-top:7px !important;padding-top:7px !important;border-top:1px solid #ddd; }
.dpSet table.info td div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:5px; }
.dpSet table.info td div.tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:8px;left:0px;content: ''; }
.dpSet table.info td div.tips > p > b { font-weight:500; }

.dpSet table.info td div.recommend { position: relative; }
.dpSet 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;}
.dpSet table.info td div.recommend > span { font-size:12px;line-height:18px;color:#999; }
.dpSet 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;}
.dpSet table.info td div.spl span.readonly { background:rgba(233,86,83,0.1); }
.dpSet table.info td div.spl span.btn { position: relative;}
.dpSet 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; }
.dpSet 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; }
.dpSet table.info td div.spl span > a.red { background:#e95653; }
.dpSet table.info td div.spl span > a.confirm { background:#313a73;padding:0px 20px; }
.dpSet table.info td div.spl span > a.search { background:#313a73;padding:0px 20px; }
.dpSet table.info td div.spl span > a.copy { background:#666;padding:0px 20px; }
.dpSet table.info td div.spl span > a[data-role=enabled] { background:#666; }
.dpSet table.info td div.spl span > a[data-role=enabled]::before { content:'사용가능' }
.dpSet table.info td div.spl span > a[data-role=disabled] { background:#bbb; }
.dpSet table.info td div.spl span > a[data-role=disabled]::before { content:'중복확인' }
.dpSet 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;}
.dpSet 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;}
.dpSet 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;}
.dpSet table.info td div.spl span.select select.role > option[data-role=is_ev_end] { color:#313a73;background:#ddd; }
.dpSet table.info td div.spl span.select select.role > option[data-role=is_ev_ing] { color:#313a73;background:#d3eef0; }
.dpSet table.info td div.spl span.select select.role > option[data-role=no_ev_end] { color:#bbb;background:#ddd; }

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

.dpSet 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;}

.dpSet 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; }
.dpSet table.info td div.spl.inline { display:inline-block; margin-left:2%;}
.dpSet table.info td div.spl.inline.hide { display:none; }
.dpSet table.info td div.spl span textarea{width:100%; resize:none; padding:10px; font-size:13px; font-weight:400;}
.dpSet table.info td div.spl span input[type=text],
.dpSet table.info td div.spl span input[type=date],
.dpSet table.info td div.spl span input[type=time],
.dpSet 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;}
.dpSet table.info td div.spl span input[type=password] {font-family: sans-serif;}
.dpSet table.info td div.spl span input[type=text][data-field=readonly] { 	background:rgba(215,227,255,0.4);font-weight:400; }
.dpSet table.info td div.spl span input[type=text],
.dpSet 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;}
.dpSet table.info td div.spl span input[type=text].uppercase { text-transform: uppercase; }
.dpSet table.info td div.spl span input[type=text]:disabled,
.dpSet table.info td div.spl span input[type=password]:disabled,
.dpSet table.info td div.spl span select:disabled,
.dpSet table.info td div.spl span textarea:disabled  { background:rgba(153,108,51,0.1); }
.dpSet table.info td div.spl div.file { position:relative;padding:0px 0px; }
.dpSet 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;}
.dpSet 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;}
.dpSet 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;}
.dpSet 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; }
.dpSet table.info td div.spl div.post + .checkbox { display:inline-block;vertical-align: top;}
.dpSet table.info td div.spl div.load { position:relative;padding:0px 0px; }
.dpSet 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; }
.dpSet 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; }
.dpSet table.info td div.spl div.load a.del.hide { display:none; }
.dpSet table.info td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
.dpSet 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;}
.dpSet table.info td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
.dpSet 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;}
.dpSet table.info td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
.dpSet table.info td div.spl span.label.pre {position:relative; padding:0px 40px 0px 50px;}
.dpSet table.info td div.spl span.label.pre.right > input {text-align:right;}
.dpSet table.info td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
.dpSet table.info td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
.dpSet 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;}
.dpSet table.info td div.hide_wrap { display:none;padding:0px 0px;margin-top:5px; }
.dpSet 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;}
.dpSet 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; }
.dpSet table.info td a.excel > i { display:inline-block;height:38px;line-height:38px;vertical-align: bottom;margin-right:5px;}
.dpSet table.info td a.toggle + div { margin-top:5px; }
.dpSet table.info td a.excel + a.excel { margin-left:5px;background: #439467;}
.dpSet table.info td a.toggle[data-toggle=N] + div { display:none; }
.dpSet table.info td a.toggle[data-toggle=Y] + div { display:block; }
.dpSet table.info td a.add_file { padding:0px;width:38px;text-align: center;}
.dpSet 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;}
.dpSet table.info td a.add_file[data-val=ADD]::before {  content: "\e913"; }
.dpSet table.info td a.add_file[data-val=REMOVE] { border:1px solid #aaa;background:#eee; }
.dpSet table.info td a.add_file[data-val=REMOVE]::before {  content: "\e91a"; }
.dpSet 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;}
.dpSet table.info td div.ex > em { font-size:12px;color:#e95653;display:inline-block;line-height: 20px;vertical-align: bottom;margin-left:3px;}
.dpSet table.info td p.ex { display:block;padding:0px 0px !important;font-size:12px !important;vertical-align: middle;color:#999; }
.dpSet 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; }
.dpSet table.info td div.thum_sec { float:left;display:inline-block;width:85px;padding-right:10px;display:none; }
.dpSet table.info td div.thum_sec.is_thum { display:inline-block; }
.dpSet table.info td div.att_sec.toogle { display:none; }
.dpSet table.info td div.att_sec.toogle.opened { display:block; }
.dpSet table.info td div.att_sec.toogle[data-no="0"] { display:block; }
.dpSet table.info td div.att_sec { margin-left:0px; }
.dpSet table.info td div.att_sec + div.att_sec { margin-top:11px;position: relative;}
.dpSet table.info td div.att_sec + div.att_sec::before {content: '';background: #eee;width:100%;height:1px;display:block;position: absolute;top:-6px;}
.dpSet table.info td div.att_sec > .file { display:none;line-height:28px;height:28px;padding:0px 10px;margin-right:5px; }
.dpSet 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;}
.dpSet table.info td div.att_sec > .file + .checkbox { display:none; }
.dpSet table.info td div.att_sec > .file.is_file + .checkbox { display:inline-block;vertical-align: middle;width:auto; }
.dpSet table.info td div.thum_sec + div.att_sec > .checkbox { display:none; }
.dpSet table.info td div.thum_sec + div.att_sec > div.spl { margin-top:0px !important; }
.dpSet table.info td div.thum_sec.is_thum + div.att_sec > .checkbox { display:block; }
.dpSet table.info td div.thum_sec.is_thum + div.att_sec { margin-left:95px; }
.dpSet table.info td div.thum_sec.is_thum + div.att_sec > div.spl { margin-top:5px !important; }
.dpSet table.info td div.thum_sec.is_thum + div.att_sec > div.spl > div { margin-left:0px; }
.dpSet table.info td label { padding-left:18px; vertical-align: bottom; height:18px; /* line-height:18px; */ }
.dpSet table.info td label.hide { display:none; }
.dpSet 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;}
.dpSet table.info td label > span > em { display:inline-block;margin-left:5px;font-size:12px;color:#999;vertical-align: middle;}
.dpSet table.info td label > span > b { display:inline-block;margin-left:5px;font-size:12px;color:#e95653;vertical-align: middle;font-weight:400;}
.dpSet table.info td label > span > b[data-val=""] { display:none; }
.dpSet table.info td label > span > b[data-val="0"] { display:none; }
.dpSet table.info td label > span > b:before { content: attr(data-val); }
.dpSet table.info td label > input[type=checkbox] + span:before { width:16px;height:16px; vertical-align: middle;}
.dpSet table.info td label > input[type=checkbox]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
.dpSet table.info td label > input[type=radio] + span:before { width:16px;height:16px;vertical-align: middle; }
.dpSet table.info td label > input[type=radio]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
.dpSet table.info td label + label { margin-left:10px; }
.dpSet table.info td label.hide + label { margin-left:0px; }
.dpSet table.info td label > a.btn { height:18px;line-height:18px;padding:0px 2px;;margin:0px;display:inline-block;text-decoration: underline;color:#313a73;}
.dpSet 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;}
.dpSet table.info td label > a.btn[data-val=Y]:after { content:"\f106";}
.dpSet table.info td img.thum + label { vertical-align:bottom; }
.dpSet table.info td p.tit { font-size:13px;display:block; color:#bbb;font-weight:400;margin-bottom:7px;}
.dpSet table.info td div.txt { font-size:13px;display:block; }
.dpSet table.info td div.txt > b { font-weight: 500; }
.dpSet table.info td div + div.txt { margin-top:5px; }
.dpSet 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;}
.dpSet 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;}
.dpSet table.info td div + div.scrolling { margin-top:5px; }
.dpSet table.info td div.scrolling.h_auto { height:auto;overflow:hidden;overflow-y:hidden;}
.dpSet table.info td div.scrolling.h_max { height:250px;display:block;}
.dpSet table.info td div.scrolling.h_min { height:150px;display:block;}
.dpSet table.info td div.scrolling.hide { display:none; }
.dpSet table.info td div.scrolling_btn_area { padding:7px 10px;border:1px solid #ddd;margin-top:-1px;background:#eee;text-align:left;}
.dpSet table.info td.nopad div.scrolling { border:0px solid #ddd; }
.dpSet table.info td.nopad div.scrolling_btn_area { border:0px solid #ddd; }

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

.dpSet 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;}
.dpSet table.info td div.scrolling_btn_area a > i { font-size:13px;display:inline-block;margin-right:5px; }
.dpSet 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; }
.dpSet 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; }
.dpSet 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;}
.dpSet table.info td div.scrolling_btn_area > .rt { display:inline-block;float:right; }
.dpSet 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;}
.dpSet 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; }
.dpSet 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; }
.dpSet table.info td div.scrolling.input { height:250px;padding:10px;}
.dpSet table.info td div.txt_ex  { position:relative;padding:10px 0px;line-height:20px;min-height:20px;border:0px solid #ddd; }
.dpSet table.info td > div.status { line-height: 38px !important;height: 38px !important; }
.dpSet 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; }
.dpSet table.info td > div.status > b:before { display:block;line-height: 38px !important;height: 38px !important; }
.dpSet 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;}
.dpSet table.info td div.txt_ex > .att_img { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
.dpSet 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;}
.dpSet table.info td div.txt_ex > .att_img img + img { margin-left:10px; }
.dpSet 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);}
.dpSet table.info td div.txt_ex > .att_img a + a { margin-left:5px; }
.dpSet table.info td div.txt_ex > .att_file { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
.dpSet 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;}
.dpSet table.info td div.txt_ex > .att_file a + a { margin-left:5px; }
.dpSet 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; }
.dpSet 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;}

.dpSet 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;}
.dpSet table.info td div.txt_ex > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:13px;}
.dpSet 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;}
.dpSet table.info td div.txt_ex > strong > i:nth-of-type(3) { display:none; }
.dpSet table.info td div.txt_ex > strong > span:nth-of-type(4) { display:none; }

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

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

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

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


.dpSet table label > input[type=checkbox] { display: none; }
.dpSet table label > input[type=checkbox] + span { display: inline-block; line-height: 20px; vertical-align: middle; font-size: 13px; margin-left: 5px; }
.dpSet table 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"; }
.dpSet table 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: ''; }
.dpSet table table.info td label > input[type=checkbox] + span:before { width: 16px; height: 16px; vertical-align: middle; }

.dpSet table label > input[type=checkbox]:checked + span { color: #111; -webkit-tap-highlight-color: transparent; }
.dpSet table.info td label > input[type=checkbox]:checked + span:before { font-size: 16px; line-height: 16px; vertical-align: middle; }

.dpSet table .spl.hiddenInput { display: none; }
.dpSet table .spl.hiddenInput.view { display: block; }
.dpSet table div.spl > div.s_3i3 { width: 99%; }

.dpSet .tabRadio { display: flex; align-items: center; line-height: 1; margin: 0px;}
.dpSet .tabRadio > li { line-height: 1; font-size: 0px; }
.dpSet .tabRadio > li + li { border-left: 1px solid #fff; }

.dpSet .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%; }

.dpSet .tabRadio > li > input[type=radio]:checked + label {background: #404d5e; }
.dpSet .tabRadio.tab5 > li { width: calc(100% / 5); }
.dpSet .tabRadio.tab6 > li { width: calc(100% / 6); }

.dpSet .tabRadio label:last-of-type { border-radius: 0px; }

.dpSet div.spl { display: block; margin-left: -1%; font-size: 0px; vertical-align: middle;}
.dpSet div.spl.flex { display: flex; }
.dpSet div.spl.flex > .btn { margin-left: 1%; }

.dpSet a.btn.black_bg { background: #404d5e; color: #fff; }

/* 
.dpSet table.info td { background: #fff; font-weight: normal; text-align: left; padding: 7px 7px; border: 1px solid #eee; font-size: 0px; } 
.dpSet table.info td label { padding-left: 18px; vertical-align: bottom; height: 18px; line-height: 18px; }
*/
.dpSet 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; }

.dpSet label > input[type=radio] { display: none; }
.dpSet label > input[type=radio] + span { display: inline-block; line-height: 20px; vertical-align: bottom; font-size: 13px; margin-left: 5px; }
.dpSet label > input[type=radio]:checked + span { color: #111; -webkit-tap-highlight-color: transparent; }

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


.dpSet .lp_timePicker{display:flex; border:1px solid #ddd; width:120px; padding:0 10px; height: 40px; gap:10px; position: relative; box-sizing: border-box;}
.dpSet .lp_timePicker > input{border: 0px; padding:0px; width:calc(100% - 30px);}
.dpSet .lp_timePicker > input:hover,
.dpSet .lp_timePicker > input:focus,
.dpSet .lp_timePicker > input:active{border: 0px;}
.dpSet .lp_timePicker::after{content: "\ea1f"; font-family:"xeicon"; color:#111; font-size:20px; width:20px; display: flex; align-items: center; justify-content: center;}

.dpSet .lp_timePicker > .timePickBox.on{ display:inline-block; left: 60px; }
.dpSet .lp_timePicker > .timePickBox{position:fixed; margin-top:45px; display: none; background:#eeeeef; border-radius: 5px; padding:10px; border:1px solid #ddd; width: max-content; box-shadow:1px 1px 5px 0px rgba(0,0,0,0.2); z-index:10;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap{display:flex; gap: 10px;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div{background:#fff; border:1px solid #ddd; height: 152px; box-sizing: border-box; flex-shrink: 0;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div.h {width: 100px;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div.m {width: 100px;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div > ul{display:flex; flex-direction: column; flex-wrap: wrap; height: 100%; margin-right: -1px;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div > ul > li{font-size:13px; padding: 0 15px; height: 25px; text-align: center; font-weight: 400; cursor: pointer; border-right: 1px solid #ddd; display: flex; justify-content: center; align-items: center; box-sizing:border-box;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div > ul > li.pick{background:#404d5e; color:#fff;}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div.type > ul > li{height:calc(100% / 2);}
.dpSet .lp_timePicker > .timePickBox > .pickWrap > div.type > ul > li + li{border-top:1px solid #ddd;}

.dpSet .lp_timePicker > .timePickBox > .pickBtn{border-radius: 4px; font-size: 13px; background:#404d5e; color:#fff; border:1px solid #ddd; padding: 0 12px; height: 32px; line-height: 32px; cursor:pointer; margin-top:10px;}
.dpSet .lp_timePicker > .timePickBox > .timeCloseBtn{border-radius: 4px; font-size: 13px; background:#fff; color:#111; border:1px solid #ddd; padding: 0 12px; height: 32px; line-height: 32px; cursor:pointer; margin-top:10px;}


.dpSet div.select { position: relative; padding: 0px; background: #eee; cursor: pointer; vertical-align: middle; overflow: hidden; border-radius: 5px; }
.dpSet 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; }
.dpSet 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;}

.dpSet .popup > footer { justify-content: flex-end; }
.dpSet .popup > footer a { width: 70px; padding: 0px 20px; text-align: center; }
.dpSet .popup > footer a.red.left_btn { position: absolute; left: 15px; }


/* 교재 가져오기 */
.bookPick 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; }
.bookPick .popup > section article { padding: 20px 10px; }

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

.bookPick .studyBookList > .item > .radioBox { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.bookPick label > input[type=radio] + span { display: inline-block; line-height: 20px; vertical-align: bottom; font-size: 13px; margin-left: 5px; }
.bookPick 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: ''; }

.bookPick label > input[type=radio]:checked + span { color: #111; -webkit-tap-highlight-color: transparent; }
.bookPick 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"; }

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


.bookPick .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;}
.bookPick .studyBookList > .item > .stateBox > div{line-height:1.5;}
.bookPick .studyBookList > .item > .stateBox > .t{font-size:12px; color:#999;}
.bookPick .studyBookList > .item > .stateBox > .c{font-size:20px; font-weight:bold; margin:5px 0;}
.bookPick .studyBookList > .item > .stateBox > .f{font-size:13px;}
.bookPick .studyBookList > .item > .stateBox > .f > span{font-weight:bold; margin-left:3px;}

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

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

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

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

.bookPick .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;}
.bookPick .studyBookList > .item > .resultBox > .resultNoData > p {margin: 0 auto; text-align: center; line-height: 95px; font-size: 18px; color: #fff;}

.bookPick .popup > footer { justify-content: end; }
.bookPick .popup > footer a { width: 70px; padding: 0px 20px; text-align: center; }

/* 채점내역 팝업 */
.dpGrading { /* margin-top: 70px; padding:20px 20px 90px !important; */ /*height:100vh;*/ box-sizing:border-box; margin-bottom: 50px; }
.dpGrading div { 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; }
.dpGrading div.select { position: relative; padding: 0px; background: #eee; cursor: pointer; vertical-align: middle; overflow: hidden; border-radius: 5px; }
.dpGrading 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; }

.dpGrading > .topper { display:flex !important; align-items:center; margin: 10px 0px; position: relative; }
.dpGrading > .topper > a { height:38px; display:flex; align-items:center; justify-content: center; box-sizing: border-box; border-radius: 0px; }
.dpGrading > .topper > a { width: calc(100%/2); }

.dpGrading > .topper > a.btn.black_bg { background: #404d5e; color: #fff; }
.dpGrading > .topper > a.btn.gray_bg { background: #999; color: #fff; }

.dpGrading > .topper > .search { position: absolute; top: 38px; width: 100%;  background-color: #ddd; height: 50px; /* margin-right:5px; */ }
.dpGrading > .topper > .search > .btn { width: 100%; height: 100%; }
.dpGrading > .topper > .search > .btn { position: absolute; /* top: 5px; */ right: 0px; padding: 5px; }
.dpGrading > .topper > .search > .btn input[type=text] { background: white; box-sizing: border-box; border: solid 2px #999; }
.dpGrading > .topper > .search span.btn > button { position: absolute; top: 5px; right: 5px; display: block; line-height: 36px; height: 40px; border: 0px; font-size: 16px; font-weight: bold;  width: 60px; color: white; cursor: pointer; background: #999; vertical-align: middle; }


.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.yoil > span:first-child { margin-left: 0px; }
.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; line-height: 1.2; color:#999; padding: 5px 0px; display: flex; flex-wrap: wrap; gap: 0px 15px;}
.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; */ flex-direction:column; 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 #404d5e; 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 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 > 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: 80px; color: #fff; font-size: 18px; }

.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 > span{font-weight:600; display:block; line-height:1.3;}

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

.swal2-container .swal2-input { width: 85%; }

.dpBookPageListWrap { height: calc(100% - (197px + 30px)); overflow:auto; }
.dpBookPageListWrap.down { margin-top: 65px; }

.dpBookPageList { padding-bottom:20px; }

.dpBookPageList 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; }

.dpBookPageList > li{display:flex; align-items:center; gap: 5px; }
.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:60px; text-align:center;}
.dpBookPageList > li > .repeatNum > span{display:block; font-size:20px; font-weight:600; text-align:center;}
.dpBookPageList > li > .gradingList { width:calc(100% - 150px); display:flex; gap:5px; flex-wrap: nowrap; overflow-x: scroll; -ms-overflow-style: none; }
.dpBookPageList > li > .gradingList::-webkit-scrollbar { display: none; }
.dpBookPageList > li > .gradingList > .gradingBox{position:relative; box-sizing:border-box; background:#fff; width: 80px/*calc(100% / 10)*/; height:100px; display:flex; align-items:center; justify-content:center; flex-direction: column;}
.dpBookPageList > li > .gradingList > .gradingBox > .select { width:87px; 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{display:inline-block;}

.dpBookPageList > li > .gradingList > .gradingBox.complete{background:#404d5e; 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: 10; }
.dpGrading + .footer 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; }
.dpGrading + .footer label > input[type=checkbox] { display: none; }
.dpGrading + .footer label > input[type=checkbox] + span { display: inline-block; line-height: 20px; vertical-align: middle; font-size: 13px; margin-left: 5px; }
.dpGrading + .footer 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: ''; }
.dpGrading + .footer label > input[type=checkbox]:checked + span { color: #111; -webkit-tap-highlight-color: transparent; }
.dpGrading + .footer 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"; }


.dpGrading + .footer div.select { position: relative; padding: 0px; background: #eee; cursor: pointer; vertical-align: middle; overflow: hidden; border-radius: 5px; }
.dpGrading + .footer 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; }
.dpGrading + .footer 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; }


.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:#404d5e;border:1px solid rgba(0,0,0,0.1);color:#fff;}