/* 일정 변경 */
.reasonSet .tabmenu { display:  flex; }
.reasonSet .tabmenu.full { width:  100%; }
.reasonSet .tabmenu > li { position: relative; }
.reasonSet .tabmenu.item2 > li { width: calc(100% /2); }
.reasonSet .tabmenu > li > a { padding: 10px 15px; display: inline-block; font-size: 16px; color: #fff; background: #bbb; font-weight: 500; width: 100%; box-sizing: border-box; text-align: center; }
.reasonSet .tabmenu > li.on > a { background: #404d5e; }

.reasonSet .late, .absent { display: block; }
.reasonSet > .popup .tabArea { display:none; }
.reasonSet > .popup .tabArea.view { display:block; }

.reasonSet > .popup .tabArea 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; }

.reasonSet > .popup .tabArea > 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; }
.reasonSet > .popup .tabArea >  table.info th { text-align:center; background:#fafafa; border:1px solid #eee; font-weight:400; text-align:left; padding-left:5px; }
.reasonSet > .popup .tabArea >  table.info td { background:#fff; font-weight:normal; text-align:left; padding:7px 7px; border:1px solid #eee; font-size:0px;}

.reasonSet > .popup .tabArea >  table.info td > .flex { display: flex; align-items: center; gap: 5px; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .renewalInput { display: inline-block; border: 1px solid #ddd; background: #fff; border-radius: 5px; overflow: hidden; width: 130px !important; height: 40px; line-height: 40px; font-size: 15px; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .renewalInput + .renewalInput { margin-top: 0px; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .renewalInput > input { width: 130px !important; padding-left: 5px; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .datepicker { position: relative; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .datepicker > i{ font-style:normal; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .datepicker > i::after { position: absolute;  content: "";  font-family: "xeicon"; font-size: 1.3rem; top: 50%; right: 10px; transform: translateY(-50%); }

.reasonSet > .popup .tabArea >  table.info td > .flex > .txt { font-size: 14px; font-weight: 400; }

/* 등하원시간 타임피커 */
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker { /* display: flex; */ border: 1px solid #ddd; width: 130px; padding: 0 10px; height: 40px; gap: 10px; position: relative; box-sizing: border-box; border-radius: 5px; }
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > input{border: 0px; padding:0px; width:calc(100% - 30px);}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > input:hover,
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > input:focus,
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > input:active{border: 0px;}

.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox.on { display:inline-block; }
.reasonSet > .popup .tabArea >  table.info td .renewalInput.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;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox > .pickWrap{display:flex; gap: 10px;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox > .pickWrap > div{background:#fff; border:1px solid #ddd; height: 152px; box-sizing: border-box; flex-shrink: 0;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox > .pickWrap > div.h {width: 100px;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox > .pickWrap > div > ul{display:flex; flex-direction: column; flex-wrap: wrap; height: 100%; margin-right: -1px;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.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;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox > .pickWrap > div > ul > li.pick{background:#404d5e; color:#fff;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox > .pickWrap > div.type > ul > li{height:calc(100% / 2);}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.lp_timePicker > .timePickBox > .pickWrap > div.type > ul > li + li{border-top:1px solid #ddd;}

.reasonSet > .popup .tabArea >  table.info td .renewalInput.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;}
.reasonSet > .popup .tabArea >  table.info td .renewalInput.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;}

.reasonSet > .popup .tabArea >  table.info td > .renewalInput.lp_timePicker > .timePickBox.on{left: 25px;}
.reasonSet > .popup .tabArea >  table.info td > .renewalInput.lp_timePicker > .timePickBox.on{left: 85px;}

.reasonSet > .popup .tabArea >  table.info td > .flex > .renewalInput.lp_timePicker { /* display: flex; */ border: 1px solid #ddd; width: 130px; padding: 0 10px; height: 40px; gap: 10px; position: relative; box-sizing: border-box; border-radius: 5px; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .renewalInput.lp_timePicker::after { content: ''; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .renewalInput.lp_timePicker > input { width: 100%; }
.reasonSet > .popup .tabArea >  table.info td > .flex > .renewalInput.lp_timePicker > .timePickBox.on { right: 0px; }


.reasonSet > .popup .tabArea >  table.info td.nopad { padding:0px; }
.reasonSet > .popup .tabArea >  table.info td div.chk_ex { margin-left:21px; color:#999;font-size:12px; margin-top:5px; }
.reasonSet > .popup .tabArea >  table.info td div.chk_ex + p { margin-top:10px; }

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

.reasonSet > .popup .tabArea label > input[type=radio] + span { display: inline-block; line-height: 20px; vertical-align: bottom; font-size: 13px; margin-left: 5px; }
.reasonSet > .popup .tabArea > table.info td label > span { display: inline-block !important; padding: 0px 0px !important; border: 0px solid #ddd !important; background: transparent !important; font-size: medium !important; height: 18px !important; line-height: 18px !important; vertical-align: top !important; }
.reasonSet > .popup .tabArea label > input[type=radio]:checked + span { color: #111; -webkit-tap-highlight-color: transparent; }
.reasonSet > .popup .tabArea 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: ''; }
.reasonSet > .popup .tabArea 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"; }

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

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

.reasonSet > .popup .tabArea > 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;}
.reasonSet > .popup .tabArea > table.info td div.textarea label { display:none; }
.reasonSet > .popup .tabArea > table.info td div.textarea textarea {display:block;width:100%;margin:0px;height:150px;font-size:13px;background:transparent;outline: none;resize: none;}
.reasonSet > .popup .tabArea > table.info td div.textarea.min textarea { height:80px; }
.reasonSet > .popup .tabArea > table.info td div.textarea.mmax textarea { height:250px; }
.reasonSet > .popup .tabArea > table.info td div.textarea.max textarea { height:400px; }
.reasonSet > .popup .tabArea > table.info td div.textarea.tmax textarea { height:600px; }
.reasonSet > .popup .tabArea > table.info td div.textarea.editor { height:449px;padding:0px 0px;border:0px solid #ddd; }
.reasonSet > .popup .tabArea > table.info td div.textarea + div.byte { display:block;text-align:right;color:#999;margin-top:5px; font-size:12px;font-weight:400;}
.reasonSet > .popup .tabArea > table.info td div.textarea + div.byte > span { float:left;display:inline-block;font-weight:400; }
.reasonSet > .popup .tabArea > table.info td div.textarea + div.byte > b { font-size:13px;color:#666; }
.reasonSet > .popup .tabArea > table.info td div + div.textarea { margin-top:10px; }
.reasonSet > .popup .tabArea > table.info td div.hide + div.textarea { margin-top:0px; }
.reasonSet > .popup .tabArea > table.info td div + div.textarea textarea { height:180px; }

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

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

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

.reasonSet > .popup .tabArea > table .spl.hiddenInput { display: none; }
.reasonSet > .popup .tabArea > table .spl.hiddenInput.view { display: block; }

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

.reasonSet > .popup .tabArea > table .timePicker { display: flex; align-items: center; width: 100%; }
.reasonSet > .popup .tabArea > table .timePicker > div { display: inline-block; padding: 0px; background: #eee; font-size: 13px; overflow: hidden; border-radius: 5px; width: calc((100% - 30px) / 2); }

.reasonSet > .popup .tabArea > table.info td div.checkedArea { display: flex; flex-wrap: wrap; gap: 5px 10px;}

.reasonSet > .popup .tabArea > table.info td div.directInputReason { display: block; margin-top: 10px; width: 99%; height: 30px; border: 1px solid rgba(0,0,0,0); background: #eee; font-size: 13px; overflow: hidden; border-radius: 5px; }
.reasonSet > .popup .tabArea > table.info td div.directInputReason > input[type=text] { width: 99%; height: 30px; line-height: 30px; font-size: 13px; }

.reasonSet > .popup .tabArea > table.info td div.ab_directInputReason { display: block; margin-top: 10px; width: 99%; height: 30px; border: 1px solid rgba(0,0,0,0); background: #eee; font-size: 13px; overflow: hidden; border-radius: 5px; }
.reasonSet > .popup .tabArea > table.info td div.ab_directInputReason > input[type=text] { width: 99%; height: 30px; line-height: 30px; font-size: 13px; }

.reasonSet > .popup > footer { justify-content: end; }