@charset "utf-8"; 


#content p { padding-bottom:20px }

i.fas, i.far { margin:0 5px; display:inline-flex; justify-content:center; align-items:center }

.step_box li:after, .step li:after, .step li:first-child:before, .class_list:before, .required:before, #modal-window .modal-box .modal-text:before,
label.deco-chk:before, .professor_list:before, .budget_list:before, .pgmVer_list:before, .content.intro h4:before, .content.intro .mcRegistration > div .mcBox.total:after, .content.intro .blockLeft dl.mcBox:not(.total) dt:before, .mcSchedule .ing dt:after, .content.intro .mcSchedule .link:after { -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900; line-height:1 }
input.date { background:#fff url(/resources/images/common/bg_calendar.png) no-repeat 96% 50%; padding-right:23px !important; cursor:pointer }
input.keyword { width:calc(100% - 43px) }

ol { padding-left:10px }
ol li { list-style:decimal; list-style-position:outside; margin-bottom:10px }
ol li:last-child { margin-bottom:0 }


.cont_head { position:sticky; top:-30px; z-index:2000; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background:#FFF; padding:40px 20px 10px 30px}
.cont_head h4, .cont_head .subH4 { font-size:24px; font-weight:700; color:var(--point-color); line-height:28px; min-height:30px; float:left }
.cont_head .subH4 { margin-left: 10px; font-size:20px }
.cont_head .btn_area { margin-bottom:0; text-align:left }

.cont_head.shadow { box-shadow:0 3px 5px rgba(57, 63, 72, 0.3) }

.path { display:none; position:absolute; left:20px; top:12px; z-index:99; color:#757575; overflow:hidden; white-space:nowrap }
.path a { color:#9ea4ac }
.path i { color:#ccc; margin:0 2px }
#clip_target, #filename_target, #filename_target2 { position:absolute; top:-9999em }

.path .favorite { font-size:18px; line-height:14px; margin-left:2px }
.path .favorite.pick i { color:#ff9900 }

.copy_filename { display:none; position:absolute; right:20px; top:12px; z-index:99; color:#757575; overflow:hidden }
.copy_filename a { color:#9ea4ac; font-size:14px }
.copy_filename i { color:#ccc; margin:0 2px }

#task_manager_tel i { -webkit-transform:rotate(315deg); transform:rotate(315deg) }
#copy_filename1, #copy_filename2 { display:none }


h5.title { position:relative; color:#282828; font-size:20px; font-weight:600; padding:5px 0 10px 0; margin-top:15px }
h5.title:before { content:""; width:16px; height:3px; background:var(--point-color); position:absolute; top:0 }

.bd_search { position:relative; padding:10px; text-align:right; background:#e5e5e5 }
.bd_search input.date { margin-bottom:8px }

.btn_area { text-align:right; margin-bottom:10px }
.btn_area .description { float:left; padding:8px 5px; color:#580049 }

.btn { display:inline-block; background:var(--layout-color02); color:#fff; padding:5px 20px; border-radius:5px; overflow:hidden; vertical-align:middle }

td .btn { padding:5px }
td .btn:not(td .btn:first-child) { margin-left:3px }
td .btn:first-child { margin-left:0 !important }

.btn:hover, .btn:active, .btn:focus { color:#ffff99 }

.btn_area a.btn:first-child { margin-left:0 }

.btn_area.ba_center { float:none; text-align:center }

.btn.delete { background-color:#e45b5b }
.btn.search_icon { height:30px; width:40px; padding:30px 0 0 0; background-image:url(/resources/images/common/btn_search.png); background-position:50% 50% }
.btn.link { background-color:#580049 }

.m_home { display:none; position:fixed; bottom:2em; right:9px; z-index:9999 }
.m_home a { padding:20px; background:#3a4d8e; display:flex; flex-direction:row; align-items:center; justify-content:center; width:40px; height:39px; border-radius:30px; font-size:15px; color:#fff; box-shadow:0 0 8px 2px rgb(96 96 96 / 46%)}
.m_home a span { display:none }

.search_info { clear:both; position:relative; display:flex; align-items:center; flex-wrap:wrap; color:#fff; background:var(--layout-color); margin-bottom:10px; padding:5px; border-radius:3px; min-height:48px }
.search_info.upCont { margin-bottom:0; padding-bottom:0; min-height:43px; border-radius:3px 3px 0 0 }
.search_info.midCont { margin-bottom:0; padding-top:0; padding-bottom:0; min-height:38px; border-radius:0 }
.search_info.downCont { padding-top:0; min-height:43px; border-radius:0 0 3px 3px }
.cont .search_info:last-child { margin-bottom:0 }
.search_info > div { display:inline-flex; white-space:nowrap; align-items:center }
.search_info dt, .search_info dd { display:inline-flex; flex-wrap:wrap; align-items:center; padding:5px; line-height:100% }
.search_info dt { text-align:right; font-weight:500; justify-content:flex-end; white-space:normal; word-break:break-all }
.search_info:not(.professor) dt { padding-left:20px }
/* .search_info dd { min-width:220px } */
.search_info dd input, .search_info dd select, .search_info dd .btn { max-width:100% }
.search_info dd input, .search_info dd select { padding-top:2px; font-weight:500 }
.search_info dd label:not(.professor label) { padding:6px 1px; margin-right:2px; font-size:13px }
.search_info .title { color:#6188ed; font-size:20px; padding-top:16px }
.search_info .blank { float:left; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; height:50px }

.search_info input.date, .detail_info input.date { width:100px !important; cursor:pointer }
.search_info input.date.type_month, .detail_info input.date.type_month { width:100px !important }
.search_info input.date.type_year, .detail_info input.date.type_year { width:80px !important }
.search_info label, .detail_info label { padding-right:3px }
input.time { width:60px !important; padding:3px 16px 3px 6px; cursor:pointer }
.search_info .userButton { background:rgb(255 255 255 / 80%); color:#333; border:solid 1px #e5e5e5; border-radius:3px; padding:3px 10px; height:30px; line-height:100%; font-weight:500 }
.search_info .btn { border:0; background:#fdfdeb; color:#333; border:solid 1px #fdfdeb; border-radius:3px; padding:3px 10px; height:28px; line-height:100%; font-weight:500 }

body.P .search_info .only_mng { display:none }

.search_info label.deco-chk:before { background:#555b66; border-color:#555b66 }
.search_info input.deco-chk:checked + label.deco-chk:before { color:#555b66; border-color:#555b66; background:var(--point-color02) }

.search_info.professor { padding:5px 200px 5px 20px; background:rgb(223 224 225); color:#3f3f3f }
.search_info.professor > div:not(.search_control) { width:calc(100% / 5) }
.search_info.professor dt, .search_info.professor dd { min-width:auto }
.search_info.professor dt { width:40px; padding-right:0 }
.search_info.professor dd { width:calc(100% - 40px) }
.search_info.professor dd input, .search_info.professor dd select { width:100% }


.search_info .initialization_btn { padding:4px 6px 4px 6px; margin-right:8px; border-radius:3px; background:#2b3139; color:#fff; font-weight:500; cursor:pointer; justify-content:center }
.search_info .initialization_btn .fas { font-size:16px }
.search_info .initialization_btn:hover { color:#ffff80 }

.search_info .professor_btn { padding:4px 6px 4px 9px; margin-left:auto; border-radius:3px; background:var(--point-color02); color:#fff; font-weight:500; cursor:pointer; justify-content:center }
.search_info .professor_btn .fas { font-size:16px }
.search_info .professor_btn:hover { color:#ffff80 }

.dataTables_wrapper .dataTables_filter { top:-28px; width:160px }
.dataTables_wrapper .dataTables_filter label { width:100% }
.dataTables_wrapper .dataTables_filter input { height:26px; width:100%; padding-top:2px; padding-left:25px; border:2px solid var(--dataTable-color-border) }
.dataTables_wrapper .dataTables_filter:before { top:6px; left:6px; font-size:15px; color:var(--dataTable-color-border) }

.professor_list, .budget_list { display:none; position:absolute; z-index:888; right:30px; width:600px; padding:14px 20px 11px 20px; margin-top:-15px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.5); background:#fff; color:#3f3f3f; overflow:visible }
.budget_list { width:500px }
.professor_list:before, .budget_list:before { content:"\f0d8"; position:absolute; top:-16px; right:22px; color:#fff; font-size:25px }
.professor_list .fas, .budget_list .fas  { position:absolute; z-index:888; right:15px; margin-top:2px; font-size:25px; color:var(--dataTable-color-border); cursor:pointer }
.professor_list .dataTables_wrapper .dataTables_filter { position:relative; top:1px; width:calc(100% - 162px); padding-bottom:5px  }
.professor_list .dataTables_wrapper .dataTables_filter input { height:30px; padding-top:3px }
.professor_list .dataTables_wrapper .dataTables_filter:before { top:8px }
.professor_list .dataTables_scrollHeadInner, .budget_list .dataTables_scrollHeadInner { width:100% !important }
.professor_list td, .budget_list td { font-size:13px }

.pgmVer_list { display:none; position:absolute; z-index:888; right:30px; width:450px; padding:14px 20px 11px 20px; margin-top:0px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.5); background:#fff; color:#3f3f3f; overflow:visible }
.pgmVer_list:before { content:"\f0d8"; position:absolute; top:-16px; right:22px; color:#fff; font-size:25px }
.pgmVer_list .fas { position:absolute; z-index:888; right:15px; margin-top:2px; font-size:25px; color:var(--dataTable-color-border); cursor:pointer }
.pgmVer_list .dataTables_wrapper .dataTables_filter { position:relative; top:1px; width:calc(100% - 162px); padding-bottom:5px  }
.pgmVer_list .dataTables_wrapper .dataTables_filter input { height:30px; padding-top:3px }
.pgmVer_list .dataTables_wrapper .dataTables_filter:before { top:8px }
.pgmVer_list .dataTables_scrollHeadInner { width:100% !important }
.pgmVer_list td { font-size:13px }


.score_info { clear:both; position:relative; display:flex; flex-wrap:wrap; margin-bottom:10px; padding:0 10px 10px 10px; border-radius:3px; background:#ffebcc }
.score_info dl { width:100%;display:flex; align-items:center; margin-top:10px }
.score_info dl > div { display:inline-flex; white-space:nowrap; align-items:center; width:100% }
.score_info dt, .score_info dd { display:inline-flex; align-items:center; padding:5px; font-weight:500; width:100%; height:24px; border-radius:3px }
.score_info dt { justify-content:center }
.score_info dd { background:rgba(255,255,255,0.7); justify-content:center }

.score_info:not(.type2) dt { width:45px }
.score_info:not(.type2) dd { width:calc(100% - 45px) }

.score_info .sUser > div:nth-child(3) dt { width:70px }
.score_info .sUser > div:nth-child(3) dd { width:calc(100% - 70px) }
.score_info .sScore dd { justify-content:flex-end }

.listButton, .closeButton{ background:var(--layout-color) }
.listButton:hover, .listButton:active, .listButton:focus,
.closeButton:hover, .closeButton:active, .closeButton:focus{ background:var(--layout-color02) }

td button:first-child { margin-left:0 !important }

input:focus, select:focus, option:focus, textarea:focus, button:focus { outline:none }

.spinner { margin:0 !important; padding:0 !important; height:28px !important; border-radius:5px; box-sizing:border-box; border-color:#fff; width:110px !important }
.spinner * { margin:0 !important }
.spinner .spinner-text { height:26px; line-height:26px; box-sizing:border-box; font-size:16px; padding:0 10px; width:80px !important }
.spinner-arrow { height:28px; background-color:#fff }
.spinner-arrow-up, .spinner-arrow-down { height:13px }

.desc_box { display:flex; justify-content:space-between; margin-bottom:10px }

.strong { color:#d00; font-weight:bold; padding-left:20px; position:relative }
.strong:before { content:""; width:18px; height:18px; display:block; position:absolute; top:2px; left:0; background:url(/resources/images/common/ico_desc.png) no-repeat center }

.textbox, .selectbox { background:#FFF; border:1px solid #DDE1E4; width:100%; position:relative }
.textbox input[type="text"], .textbox input[type="password"], .textbox input[type="date"], .textbox input[type="month"], .textbox input[type="number"] { border:0; background:transparent; width:100%; height:40px }
input[type="date"]::-webkit-inner-spin-button, input[type="month"]::-webkit-inner-spin-button { display:none }
input[type="date"]::-webkit-calendar-picker-indicator, input[type="month"]:-webkit-calendar-picker-indicator { opacity:0 }
input[type="text"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder { color:#C4C4C4 }
input[type="date"], input[type="month"] { background:#FFF }

.caution { padding:15px; background:#f1f1f1; margin:10px 0; text-align:center }
.caution h4 { margin-bottom:20px }

.notice_info { clear:both; position:relative; display:flex; flex-direction:column; flex-wrap:wrap; border:2px solid var(--dataTable-color-border); padding:20px; border-radius:3px }
.notice_info > p:not(p:nth-of-type(1)) { margin-top:5px }

.notice_info.type2 { background:var(--layout-color); color:#fff; font-size:16px }

.notice_info.type3 { min-height:calc(100vh - 105px); background:var(--dataTable-color-row); justify-content:center; align-items:center; font-size:18px; color:#000 }

.applyForm .letter { display:none }

.require { font-weight:700; color:#c20324 }

.img_layout { border:5px solid #e5e5e5 }
.img_layout img { width:100% }

.required:before { content:"\f069"; color:tomato; font-size:10px; margin-right:3px }

.required ~ dd input[type="text"]:not(td input):not(input[readonly]),
.required ~ dd input[type="password"]:not(td input):not(input[readonly]),
.required ~ dd select:not(td select):not(select[readonly]),
.required ~ dd textarea:not(td textarea):not(textarea[readonly]) { background-color:#fdfdeb !important }

.required ~ dd input[type="text"]:focus:not(input[readonly]):not(td input),
.required ~ dd input[type="password"]:focus:not(input[readonly]):not(td input),
.required ~ dd select:focus:not(select[disabled]):not(td select),
.required ~ dd textarea:focus:not(textarea[disabled]):not(td textarea) { border:1px solid rgb(255 99 71 / 50%) !important }

.blockTitle .btn_area { margin-top:-5px; margin-left:auto; margin-bottom:0 }
.blockTitle span.disc { font-size:14px; font-weight:400; margin-left:10px }
.blockTitle .only_kri .ico { display:inline-flex; background:tomato; color:#fff; margin-left:10px; font-size:13px; padding:1px 5px; align-items:center; justify-content:center  }
.blockTitle .only_tu .ico { display:inline-flex; background:var(--point-color); color:#fff; margin-left:10px; font-size:13px; padding:1px 5px; align-items:center; justify-content:center  }
.blockTitle .only_kri .disc, .blockTitle .only_tu .disc { font-size:10px; margin-left:5px }
.detail_area { position:relative }

dl.detail_info { position:relative; display:flex; flex-wrap:wrap; width:100%; border-top:2px solid var(--dataTable-color-border); border-bottom:1px solid var(--dataTable-color-border); background:var(--dataTable-color-row); overflow:hidden; padding:7px 9px 2px 0px; margin-top:10px }
.blockTitle + dl.detail_info { margin-top:0 }
dl.detail_info > div { display:inline-flex; align-items:stretch; float:left; white-space:nowrap; overflow:hidden; padding-bottom:5px }
dl.detail_info > div.description { padding:6px 0 2px 10px; white-space:normal; font-size:13px }
dl.detail_info dt, .detail_info dd { display:inline-flex; flex-wrap:wrap; align-items:center }
dl.detail_info dt { font-size:13px; font-weight:500; justify-content:flex-end; text-align:right; white-space:normal; word-break:break-all; padding:2px 8px 2px 2px }
dl.detail_info dd { border-radius:5px; padding:2px 0; white-space:normal }
dl.detail_info dd > label { padding-right:10px }
dl.detail_info dd input[type="text"] { width:100% }

dl.detail_info dd .sub_dt { display:inline-block; font-weight:500; text-align:right; padding-right:8px }
dl.detail_info dd textarea { resize:none; width:100% }
dl.detail_info dd span { white-space:normal }

.content button, dl.detail_info dd button, .blockTitle button { padding:2px 8px 3px 8px }
dl.detail_info dd button:before, .blockTitle button:before, .search_info button:before, .batch_box button:before { margin-left:0 }
.content button:before, .blockTitle button:before { display:none }

dl.detail_info dd .half { width:calc(50% - 65px) !important }

dl.detail_info dd input[readonly], dl.detail_info dd input[disabled],
dl.detail_info dd select[readonly], dl.detail_info dd select[disabled],
dl.detail_info dd textarea[readonly], dl.detail_info dd textarea[disabled] { color:#333; background:rgba(255,255,255,0.5); border:0 }


dl.detail_info.column1 dt { width:120px }
dl.detail_info.column1 dd { width:calc(100% - 120px) }
dl.detail_info.column1 > div { width:100% }
dl.detail_info.column1 > div.half { width:calc(100% / 2) }

dl.detail_info dt { width:130px; letter-spacing:-1px }
dl.detail_info dd { width:calc(100% - 130px) }
dl.detail_info > div { width:calc(100% / 2) }
dl.detail_info:not(.column1):not(.column3):not(.column4) > div.half { width:calc(100% / 4) }
dl.detail_info > div.span2 { width:100% }

dl.detail_info.column3 dt { width:130px; letter-spacing:-1px }
dl.detail_info.column3 dd { width:calc(100% - 130px) }
dl.detail_info.column3 > div { width:calc(100% / 3) }
dl.detail_info.column3 > div.half { width:calc(100% / 6) }
dl.detail_info.column3 > div.span2 { width:calc(100% / 3 * 2) }
dl.detail_info.column3 > div.span3 { width:100% }

dl.detail_info.column4 dt { width:100px; letter-spacing:-1px }
dl.detail_info.column4 dd { width:calc(100% - 100px) }
dl.detail_info.column4 > div { width:calc(100% / 4) }
dl.detail_info.column4 > div.span2 { width:calc(100% / 2) }
dl.detail_info.column4 > div.span3 { width:calc(100% / 4 * 3) }
dl.detail_info.column4 > div.span4 { width:100% }

dl.detail_info.longDt dt { width:140px; letter-spacing:0px }
dl.detail_info.longDt dd { width:calc(100% - 140px) }

dl.detail_info.longDt2 dt { width:180px; letter-spacing:0px }
dl.detail_info.longDt2 dd { width:calc(100% - 180px) }

dl.detail_info.shortDt dt { width:100px }
dl.detail_info.shortDt dd { width:calc(100% - 100px) }

.detail_info .userButton { background:#2b3139 }
.dd_table table.dataTable tbody tr.even, .dd_table table.dataTable tbody tr:nth-child(2n),
table.inputType tbody tr.even, table.inputType tbody tr:nth-child(2n) { background-color:#fff }

/*  */
.btn.popsearch[disabled] { display:none !important }
.detail_info.editFrom #PERS_NO { width:70px !important }
.detail_info.editFrom #PERS_NO + #KOR_NM { width:calc(100% - 74px) !important }
.detail_info.editFrom #btnPERS_NO + #KOR_NM { width:calc(100% - 99px) !important }
.detail_info.editFrom #btnPERS_NO[disabled] + #KOR_NM { width:calc(100% - 79px) !important }

.detail_info.user_info { background:var(--dataTable-color-header) }

/* alertBox */
#modal-window .modal-box { font-family:"Noto Sans KR", Malgun Gothic, sans-serif; border-radius:10px }
#modal-window .modal-box .modal-inner { display:flex; flex-wrap:wrap; justify-content:center }
#modal-window .modal-box .modal-inner:before { content:""; position:absolute; width:6px; top:10px; bottom:65px; left:10px; display:block; border-radius:10px }
#modal-window .modal-box .modal-title { position:inherit; width:20px; background-color:transparent !important; text-shadow:none !important; padding:10px; border-bottom:0; overflow:visible; display:inline-flex; justify-content:flex-end; align-items:center }
#modal-window .modal-box .modal-title h3 { display:none }
#modal-window .modal-box .modal-title .modal-close-btn { top:auto; margin-top:0 }
#modal-window .modal-box .modal-text { width:calc(100% - 20px); padding:50px 70px 50px 20px; font-size:16px; font-weight:500; display:flex; justify-content:center }

#modal-window .modal-box .modal-buttons { width:100%; height:55px; border-top:2px dotted #ddd; padding:10px 50px 10px 50px; background-color:transparent; text-align:center }
#modal-window .modal-box .modal-buttons a.modal-btn { padding:5px 15px; font-size:13px }
#modal-window .modal-box .modal-buttons a.modal-btn:hover { border:1px solid #e11837; background:#C20324; color:#fff }
#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue { border:1px solid #282828; background:#282828 }
#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue:hover { border:1px solid #e11837; background:#e11837 }

#modal-window .modal-box .modal-text:before { font-size:30px }
#modal-window .modal-box .modal-inner:before { background:#C20324 }
#modal-window .modal-box .modal-text:before { content:"\f06a"; color:#C20324; margin-right:10px }

#modal-window .modal-box.modal-type-confirm .modal-inner:before { background:#007bc3 }
#modal-window .modal-box.modal-type-confirm .modal-text:before { content:"\f059"; color:#007bc3 }

#modal-window .modal-box.modal-type-prompt .modal-inner:before { background:#15aabf }
#modal-window .modal-box.modal-type-prompt .modal-text:before { content:"\f11c"; color:#15aabf }

#modal-window .modal-box.modal-type-success .modal-inner:before { background:#20a779 }
#modal-window .modal-box.modal-type-success .modal-text:before { content:"\f058"; color:#20a779 }

#modal-window .modal-box.modal-type-warning .modal-inner:before { background:#f0a92d }
#modal-window .modal-box.modal-type-warning .modal-text:before { content:"\f071"; color:#f0a92d }

#modal-window .modal-box.modal-type-info .modal-inner:before { background:#007bc3 }
#modal-window .modal-box.modal-type-info .modal-text:before { content:"\f05a"; color:#007bc3 }

#modal-window .modal-box.modal-type-error .modal-inner:before { background:#c20324 }
#modal-window .modal-box.modal-type-error .modal-text:before { content:"\f057"; color:#c20324 }

#modal-window .modal-box.modal-type-inverted .modal-inner:before { background:#232b31 }
#modal-window .modal-box.modal-type-inverted .modal-text:before { content:"\f057"; color:#232b31 }

#modal-window .modal-box.modal-type-primary .modal-inner:before { background:#232b31 }
#modal-window .modal-box.modal-type-primary .modal-text:before { content:"\f057"; color:#232b31 }


/* 레이어팝업 */
fieldset { border:0 none }
legend { visibility:hidden; overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0 }
.popup_layer { display:none; position:fixed; width:500px; height:400px; background:#FFF; z-index:1000; left:50%; top:50%; margin-left:-250px; margin-top:-200px; border:2px solid #3A4D8E; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.5) }

.popup_layer.popup_time { margin-left:-300px; margin-top:-150px }
.popup_layer.popup_pro { margin-left:-225px; margin-top:-200px }

.popup_layer h4, .popup_layer .popup_layer_cont, .popup_layer .popup_layer_footer { display:flex; flex-wrap:wrap; align-content:center; justify-content:center; align-items:center }
.popup_layer h4 { height:50px; background:#3A4D8E; color:#FFF; font-size:17px }
.popup_layer h4 i { margin:0 10px 0 -20px; width:30px }
.popup_layer_cont { height:calc(100% - 100px) }
.popup_layer_footer { height:50px; border-top:1px solid #d2dce8 }
.popup_layer_footer button { padding:8px 20px; border:0; background-color:#3A4D8E }
.popup_layer fieldset { padding:25px 25px 0 }
.popup_layer dl { margin:0 }
.popup_layer dl > div { display:inline-flex; white-space:nowrap }
.popup_layer dt, .popup_layer dd { display:inline-flex; align-items:center; padding:12px 10px; line-height:100% }
.popup_layer dt { width:200px; justify-content:flex-end }
.popup_layer dd { width:calc(100% - 200px) }
.popup_layer div.chArea { padding:16px; margin:15px 0 0; background:#efefef }
.popup_layer div.chArea p { margin:0 }
.popup_layer div.chArea dt, .popup_layer div.chArea dd { width:25%; padding:0; margin-inline-start:0 }
.popup_layer input[type="text"] { width:100% }
 
.popup_layer .popup_layer_footer button { margin:0 5px; color:#fff }
.modal_back { display:none; width:100%; height:100%; background:rgba(0,0,0,0.45); position:fixed; z-index:999; left:0; top:0; right:0; bottom:0 }

.popup_time .cont_tab { min-height:145px; padding:10px 0 }
.popup_time .cont_tab > div > div { height:130px; overflow-y:auto }
.popup_time .tab_face > li > a { padding:7px 10px 7px 25px }
.class_list { margin-bottom:10px }
.class_list:before { /* content:"\f111"; */color:#3b5e72 }
.class_list span:nth-child(1) { background:#dde1e4; padding:2px 6px; margin:0 5px; border-radius:3px; font-weight:500 }

.list_info { background-color:#f6f6f6; border:1px solid #e5e5e5 }
.list_info li { border-bottom:1px solid #e5e5e5; overflow:hidden }
.list_info li a { display:block; background-color:#fff; padding:17px 0; text-align:center; height:49px }
.list_info li a:hover, .list_info li.on a { background-color:#4d6df9; color:#fff }

.tab_face { position:relative }
.tab_face > ul { position:relative; overflow:visible; margin-top:20px; display:flex; flex-wrap:wrap }
.tab_face > ul > li { overflow:hidden; margin-right:-1px; margin-bottom:-1px; color:#757575; border:1px solid #DDE1E4; display:flex; position:relative; align-items:center; align-content:flex-start; justify-content:center }
.tab_face > ul.wFull { flex-wrap:nowrap }
.tab_face > ul.wFull > li { width:100% }
.tab_face > ul > li a { position:relative; display:block; background-color:rgb(249 249 249) !important; padding:9px 20px; font-weight:500; width:100%; cursor:pointer; text-align:center }
.tab_face > ul > li.on { z-index:9; color:#3f51b5; border-bottom: 1px solid #fff; border-top:3px solid #3f51b5; margin-top:-3px }
.tab_face > ul > li.on a { background:#fff !important }
.tab_face:not(.typeB) > div { border:1px solid #ddd; padding:10px 20px 20px 20px }
.tab_face.typeB > div { border-top:1px solid #ddd; padding:10px 0 0 0 }
.tab_face > div { display:none }
.tab_face > div > .blockTitle i.fas { margin-left:10px; color:#3f51b5; font-size:20px }
.tab_face > div > .blockTitle i.fa-file-upload { color:#19aa4b }


/* .tab_face > div > iframe { min-height:calc(100vh - 307px); margin-bottom:-4px } */
.tab_face > div > iframe { margin-bottom:-4px }


#tabLrgitem > div { padding:10px 0 0 0 }
#tabLrgitem .blockTitle { margin:0 20px }

body.P .tab_face > div > iframe { min-height:calc(100vh - 249px) }

.detail_msg, .msg_notice, .tab_face .msg_notice { position:absolute; top:0; right:0; bottom:0; left:0; z-index:9; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); color:#fff; font-size:20px }

.totalScore_msg { display:none; text-align:center; font-size:16px; font-weight:500; border:2px solid var(--dataTable-color-border); background-color:var(--dataTable-color-header); padding:20px; margin-top:20px }
.info_msg:not(.search_info .info_msg) { text-align:center; border:2px solid #3f51b5; background-color:#f4f6ff; padding:10px; margin-top:10px; margin-bottom:5px }
.info_msg { font-size:14px; font-weight:500 }
.info_msg span { color:#c20324 }
.search_info .info_msg { display:block; margin-left:10px }
.search_info .info_msg span { color:#ffeb3b }

.athr_msg { display:none; font-weight:700; color:tomato; padding-left:10px }

.notiMsgForm { position:relative; background:var(--dataTable-color-row); border:1px solid #e5e5e5; border-radius:20px; padding:40px 20px 20px 20px }
.notiMsgForm:before { content:""; position:absolute; top:20px; left:calc(50% - 25px); background:#e5e5e5; height:10px; width:50px; border-radius:10px }
.notiMsgForm textarea { resize:none; height:300px; padding:10px }
.notiMsgForm .textCount { padding:5px; text-align:right; font-size:12px }
.notiMsgForm .kakao_variable_list { padding:10px; background-color:var(--dataTable-color-header) }
.notiMsgForm .callback { display:flex; align-items:center; justify-content:space-between; font-weight:500; letter-spacing:-1px; padding:5px 0 }
.notiMsgForm .callback input { width:calc(100% - 70px) }
.notiMsgForm .callback_info { font-size:11.5px; color:tomato }

.table.choose { }
.table.choose .item { display:flex }
.table.choose .item label { margin-right:30px }


.table { margin-bottom:20px }
.scroll { max-width:100%; overflow:auto }

.short.table_face th, .short.table_face td { padding:8px 20px; height:40px }


/* 데이터테이블 특별형 제어 */
table.display { width:100% !important }
.dataTable select, .dataTable input[type="text"] { min-width:50px }
.dataTable.short th, .dataTable.short td { padding:5px }
.dataTable.noWrap td { white-space:nowrap }

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { font-size:1em }
.ui-datepicker-calendar .ui-state-highlight { background:#fff5d6 }
.ui-datepicker-calendar .ui-state-active { background:#ffe5f2 }
.ui-datepicker .ui-datepicker-title select { font-size:0.9em }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { color:#666 }
.calendar { border:1px solid #e5e5e5; border-bottom:0; height:325px; background:#fff; overflow:hidden }
.calendar .ui-datepicker-prev { top:5px !important; left:10px !important; cursor:pointer }
.calendar .ui-datepicker-next { top:5px !important; right:10px !important; cursor:pointer }
.calendar select { margin-right:5px !important; max-width:150px }
.calendar .ui-widget.ui-widget-content { width:100%; border:0 }
.calendar .ui-state-default { height:45px }
.calendar.large { height:560px }
.calendar.large .ui-state-default { height:90px }
.calendar.large .ui-datepicker td { position:relative }
.calendar.large .ui-datepicker td .title { position:absolute; text-align:center; top:0; left:0; height:90px; width:100%; color:#3f3f3f; font-weight:400; padding-top:25px }
.calendar.large .ui-datepicker td .title:hover { color:#FFF }

.ui-timepicker-viewport .ui-menu-item { margin-left:-5px }


.content.batch { display:flex; align-items:center; justify-content:center; margin:0 20px; min-height:calc(100vh - 100px); border-radius:3px; background:var(--dataTable-color-row) }

.batch_box { display:flex; flex-wrap:wrap; flex-direction:column; background:#FFF; border:2px solid var(--layout-color); padding:20px }
.batch_box h5 { padding:10px; margin-bottom:20px; text-align:center; border-radius:3px; background:var(--layout-color); color:#FFF; font-size:18px }


.processWork { display:flex; justify-content:center; align-items:stretch; align-content:center; background:#999999; padding-left:0; margin:0 10px 10px 10px; height:50px; overflow:hidden; border-radius:100px }
.processWork li { display:inline-flex; justify-content:center; align-items:center; flex-direction:column; list-style:none; width:calc(100% / 3); margin-bottom:0; font-size:16px; font-weight:500; color:#fff; text-align:center }

.processWork li span { display:none; font-size:12px; font-weight:400 }

.processWork li.on { border-radius:100px; line-height:20px }
.processWork li.on:nth-child(1) { background:#ffcc33 }
.processWork li.on:nth-child(2) { background:var(--point-color) }
.processWork li.on:nth-child(3) { background:#cc3333 }
.processWork li.on span { display:block }

.batch_box dl { display:flex; flex-wrap:wrap; margin-top:5px; width:100% }
.batch_box dl > div { display:inline-flex; white-space:nowrap; align-items:center; padding:5px 0 }
.batch_box dl dt { width:80px; padding-right:10px; text-align:right }
.batch_box dl dd { padding:0 10px 0 5px }
.batch_box dl > div:last-child dd { padding-right:0 }
.batch_box .date.type_year { width:80px !important }
.batch_box .btn_area { margin-bottom:0 }

.olBox { width:100%; padding-left:0 }
.olBox > li { position:relative; overflow:hidden; padding:5px 0 5px 25px; margin:0; border-top:2px dotted #e1e3e5; counter-increment:count-olBox; color:#000;  }
.olBox > li:nth-child(-n+1) { border-top:0 }
.olBox li:before { display:inline-flex; width:18px; height:18px; margin-right:5px; margin-left:-23px; font-size:9px; line-height:100%; align-items:center; justify-content:center; border-radius:20px; background:#000; color:#fff; content:counter(count-olBox) }

.batch_box .checkList { padding:3px; border:solid 1px #e5e5e5; flex-direction:column; flex-wrap:nowrap; width:100%; height:200px; overflow-y:scroll; line-height:160% }
.batch_box .checkItem > div { width:100%; align-items:flex-start }
.batch_box .checkItem dt { width:80px; color:#2347e2 }
.batch_box .checkItem dd { width:calc(100% - 80px); font-weight:400 !important }

.batch_box .processItem > div { width:100% }
.batch_box .processItem dt { width:80px }
.batch_box .processItem dd { width:calc(100% - 80px); font-weight:400 !important }

.batch_box .processItem dd div { position:relative; border:solid 1px #e5e5e5 }
.batch_box .processItem .pBar { display:block; height:30px; background-color:var(--point-color); background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-size:0.625rem 0.625rem; transition: width 2s }
.batch_box .processItem .procState { position:absolute; display:flex; justify-content:center; align-items:center; top:0; right:0; bottom:0; left:0 }


/* main */
.content.intro h4 { position:relative; display:flex; align-items:center; width:100%; font-size:14px; font-weight:700; height:20px; padding-left:28px; margin-top:20px }
.content.intro h4:before { position:absolute; left:10px; content:"\f08d"; color:#6f52ed; margin-top:5px }

.content.intro .blockLeft { width:75%; background:#e1e3e5; padding:0 6px 20px 20px }
.content.intro .blockRight { width:25%; background:#f2f2f2; padding:10px 20px 20px 20px }
.content.intro .blockLeft > div, .content.intro .blockRight > div { overflow:hidden; display:flex; flex-wrap:wrap }
.content.intro .mcBox { position:relative; overflow:hidden; width:100%; background:#fff; border-radius:10px; padding:15px 20px 20px 20px; margin-top:14px; font-weight:500 }

.content.intro .mcRegistration > div, .content.intro .mcNotice, .content.intro .mcScore { display:grid; grid-template-rows:max-content }
.content.intro .mcRegistration > div { width:calc(100% / 4 - 14px); margin-right:14px }
.content.intro .blockLeft dl.mcBox:not(.total) dt, .content.intro .blockLeft dl.mcBox:not(.total) dd { margin-top:5px }
.content.intro .blockLeft dl.mcBox:not(.total) dd { float:right }
.content.intro .blockLeft dl.mcBox:not(.total) dt { clear:both; float:left }
.content.intro .blockLeft dl.mcBox:not(.total) dt:before { content:"\f141"; width:5px; height:5px; overflow:hidden; margin-right:5px }


.content.intro .mcRegistration > div .mcBox dd span{ color:#000 }
.content.intro .mcRegistration > div .mcBox.total { font-size:16px }
.content.intro .mcRegistration > div .mcBox.total dd span{ font-size:24px }
.content.intro .mcRegistration > div .mcBox.total:after { position:absolute; right:15px; top:calc(50% - 25px); display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:25px; color:#fff; font-size:24px }
.content.intro .mcRegistration > div:nth-of-type(1) .mcBox.total:after { content:"\f19c"; background:#8ada23 }
.content.intro .mcRegistration > div:nth-of-type(2) .mcBox.total:after { content:"\f19d"; background:#4694ff }
.content.intro .mcRegistration > div:nth-of-type(3) .mcBox.total:after { content:"\f4c4"; background:#ffa200 }
.content.intro .mcRegistration > div:nth-of-type(4) .mcBox.total:after { content:"\f1ad"; background:#6f52ed }
.content.intro .mcRegistration > div:nth-of-type(1) dt:before { color:#8ada23 }
.content.intro .mcRegistration > div:nth-of-type(2) dt:before { color:#4694ff }
.content.intro .mcRegistration > div:nth-of-type(3) dt:before { color:#ffa200 }
.content.intro .mcRegistration > div:nth-of-type(4) dt:before { color:#6f52ed }



.content.intro .mcNotice { width:50%; float:left; padding-right:14px }
.content.intro .mcScore { width:50%; float:right; padding-right:14px }
.content.intro .mcNotice li { padding-top:14px }
.content.intro .mcNotice .date { float:right } 

.content.intro .mcScore .mcBox{ display:flex; align-items:center; padding:0 }

.content.intro .mcSchedule h4 { margin-top:10px; letter-spacing:-1px }
.content.intro h4 .more { position:absolute; right:5px; font-size:20px; cursor:pointer }
.content.intro h4 .more .fa-plus-square {}
.content.intro h4 .more .fa-minus-square { display:none }
.content.intro .mcSchedule { margin-bottom:10px }
.content.intro .mcSchedule .mcBox { padding:10px 8px }

.mcSchedule dl.mcBox > div { position:relative; overflow:hidden; padding:3px 0; margin:0 7px; border-top:2px dotted #e1e3e5; counter-increment:count-schedule }


.mcSchedule dt, .mcSchedule dd { font-size:13px; color:#000 }

.mcSchedule dl.mcBox > div:not(.content.intro .mcSchedule .mcBox > div) { padding:5px 0 }
.mcSchedule dt:not(.content.intro .mcSchedule dt) { float:left }
.mcSchedule dd:not(.content.intro .mcSchedule dd) { float:right }

.mcSchedule dl.mcBox > div dt:before { display:inline-flex; width:14px; height:14px; margin-right:3px; margin-left:1px; font-size:9px; line-height:100%; align-items:center; justify-content:center; border-radius:20px; background:#000; color:#fff; content:counter(count-schedule) }
.mcSchedule div dd { padding-left:18px }

/* .content.intro .mcSchedule .link:after { content:"\f35d"; position:absolute; right:5px; top:calc(50% - 10px) } */
.mcSchedule .mcBox .past * { color:#bdbdbd; font-weight:400 }
.mcSchedule .mcBox .past dt:before { background:#bdbdbd }
/* .mcSchedule .mcBox .link { cursor:pointer } */
.mcSchedule .mcBox .ing dt:after { content:"\f058"; color:tomato; margin-left:5px }
.mcSchedule .mcBox:not(.fold) .ing { background:#fdfdeb }
/* .content.intro .mcSchedule .ing dt:before { background:var(--point-color02) } */
.mcSchedule .mcBox > div:first-child, .mcSchedule .mcBox.fold > .ing { border-top:0 }
.mcSchedule .mcBox > div, .mcSchedule .mcBox.fold > .ing ~ .ing { border-top:2px dotted #e1e3e5 }
.content.intro .mcSchedule .mcBox.fold > div:not(.ing) { position:absolute; left:-9999px; max-height:0px; overflow:hidden; opacity:0 } /* display:none */



.content.intro .mcManual, .content.intro .mcGuide { overflow:hidden; width:100%; color:#fff; font-size:16px; border-radius:10px; padding:20px; margin-top:20px }
.content.intro .mcManual { background:#6f52ed url(/resources/images/bg_patten01.png) no-repeat 0 0 }
.content.intro .mcGuide { background:#18b5c5 url(/resources/images/bg_patten02.png) no-repeat 100% 0; cursor:pointer }
.content.intro .mcGuide ul { display:none; margin-top:5px; width:100% }
.content.intro .mcGuide ul li a { display:block; padding:3px 10px; font-size:13px }
.content.intro .mcGuide ul li a:hover { color:#FFEB3B }
.content.intro .mcGuide:hover ul { display:block }

.content.intro .mcManual div { margin-top:10px; border-radius:10px; background:#00000080; padding:15px }

/* 달력 datepicker */

.datepicker .datepicker-days th.dow:nth-child(1) { color:red }
.datepicker .datepicker-days td.day:nth-child(1):not(.active) { color:red }

.datepicker .datepicker-days th.dow:nth-child(7) { color:blue }
.datepicker .datepicker-days td.day:nth-child(7):not(.active) { color:blue }




/* checkbox, radio 꾸밈  */
/* label.deco-chk { display:inline-flex } */
label.deco-chk:before { content:"\f45c"; width:13px; height:13px; background:#ffffff; border:1px solid #767676; color:#767676; font-size:18px; margin:0 6px; border-radius:3px; font-weight:400 }

input.deco-chk, label.deco-chk span { display:none }
input[type="radio"].deco-chk + label.deco-chk:before { border-radius:50% }

input.deco-chk:checked + label.deco-chk:before { font-weight:900; color:tomato; border-color:tomato }
input[type="radio"].deco-chk:checked + label.deco-chk:before { content:"\f058" }
input[type="checkbox"].deco-chk:checked + label.deco-chk:before { content:"\f14a" }

.pdfView{overflow:auto;width:100%;height:100%}


.designChk label input[type="checkbox"] { -webkit-appearance: none; position: relative; width: 16px !important; height: 16px !important; outline: none !important; border: 1px solid #eeeeee; border-radius: 2px; background: #fbfbfb; font-weight:600; margin: 5px 0 0 0 !important }
.designChk input[type="checkbox"]::before { content: "\2713"; position: absolute; top: 45%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1 }
.designChk input[type="checkbox"]:hover { border-color: rgba(170, 170, 170, 0.5) }
.designChk input[type="checkbox"]:checked { background-color: #ff9000; border-color: rgba(255, 255, 255, 0.3); color: white }
.designChk input[type="checkbox"]:checked::before { border-radius:2px; transform:scale(1) translate(-50%, -50%) }

/* upload */
.img_wrapper { display:flex; width:100%; height:180px; overflow:hidden; position:relative; background:#fff; text-align:center }
.img_wrapper:after { content:""; display:block; padding-bottom:100% }
.img_wrapper img { width:auto; height:180px; position:absolute; margin:0 auto; top:0; right:0; bottom:0; left:0 }
.img_wrapper label { }
/* .img_wrapper label img { display:block; width:150px; height:180px; padding:1em; border-radius:0 } */
.img_wrapper select { width:100%; height:100px; margin:4px 0; display:none }
.img_wrapper .progressbar { display:none }
.img_wrapper .btn_delete { display:block; position:absolute; z-index:9998; right:0.5em; top:1em; width:36px; height:36px; background:#FFF; border-radius:36px; text-align:center; line-height:36px; font-size:20px; color:red; cursor:pointer }
.img_wrapper .btn_delete span { display:none }
.img_wrapper .btn_delete:after { position:absolute; content:""; width:18px; height:2px; background:red; margin:auto; left:50%; top:50%; margin-top:-1px; margin-left:-8px }
.img_wrapper .hidden_input, .img_wrapper .dellink { display:none }