@charset "UTF-8";

input:where([type="text"], [type="tel"], [type="number"], [type="search"], [type="time"], [type="password"]) {height: 36px; padding: 3px 8px; font-size: 16px; font-weight: 500; line-height: 1.5; color: #464C53; background: #fff; border: 1px solid #B1B8BE; border-radius: 6px;}
input:where([type="text"], [type="tel"], [type="number"], [type="search"], [type="time"], [type="password"])[readonly] {background: #F4F5F6;}
input::placeholder {font-size: 16px; font-weight:400; color: #8A949E; text-align:left;}
input[type="text"].pickr {width: 100%; padding-right: 28px; background: #fff url(../img/ico_pickr.svg) no-repeat center right 7px;}
input[type="text"]:disabled {background: #F4F5F6;}

textarea {display: block; box-sizing:border-box; width: 100%; height: 80px; padding: 4px 8px; font-family: "Pretendard GOV"; font-size: 16px; font-weight: 500; line-height: 1.5; color: #464c53; border: 1px solid #B1B8BE; border-radius: 4px; resize: none;}
textarea:disabled {background: #F4F5F6;}
textarea::placeholder {font-size: 16px; font-weight:400; color: #8A949E; text-align:left;}
select {box-sizing:border-box; width: 100%; height: 34px; padding: 4px 30px 4px 8px; font-weight: 500; background: #fff; border: none; border-radius: 4px; font-size:16px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}

input:where([type="text"], [type="tel"], [type="number"], [type="search"], [type="time"], [type="password"]):focus,
textarea:focus {outline:0 none;border-color:#434C89;}
.textarea-byte{float: right;margin-top: 2px;}

/* scrollbar */
*::-webkit-scrollbar {width: 8px; height:8px;}
*::-webkit-scrollbar-track {background-color: #E9E9E9;}
*::-webkit-scrollbar-thumb {background-color: #8A949E; border-radius: 8px;}

/* selectBox */
.selectBox {position: relative; width: auto; border: 1px solid #B1B8BE; border-radius: 4px;}
.selectBox::after {position: absolute; top: 50%; right: 10px; content:''; width: 14px; height: 14px; background: url(../img/ico_select_arr.svg) no-repeat center; transform: translateY(-50%); transition: 0.3s all;pointer-events: none;}
.selectBox:has(:open)::after {transform: rotate(180deg) translateY(50%); transition: 0.3s all;}

/* tblBox - margin */
.tblBox {width: 100%; overflow: auto; position:relative;}
:where(.cntBox, .tblBox, .adBox, .boxLi, .pagination, .tblDb) + .titBox {margin-top: 40px;}
:where(.cntBox, .schList, .tblBox, .adBox, .boxLi, .pagination, .txtLi) + .tblBox {margin-top: 20px;}
:where(.cntBox, .tblBox, .adBox, .boxLi, .pagination) + .tblBox .tbl::before {background: #E2E6EA;}
.toggleBox + :where(.titBox, .tblBox) {margin-top: 20px;}
:where(.titBox, .tblBox, .pagination) + .toggleBox {margin-top: 40px;}
.btn-wrap + :where(.titBox, .tblBox) {margin-top: 40px;}

/* tblBox > tbl */
.tbl {position: relative; width: 100%; table-layout: fixed;}
.tbl::before {position: absolute; top: 0; left: 0; content:''; display: block; width: 100%; height: 1px; background: #58616A;z-index:1;}
.tbl.col tbody tr {border-bottom: 1px dashed #CDD1D5;}
.tbl.col.de tbody tr {border-bottom: 1px solid #CDD1D5;}
.tbl.col :is(th, td) {text-align: center;}
.tbl.row :is(th, td) {text-align: left;}
.tbl :where(th, td) {display: table-cell; vertical-align: middle; height: 53px; font-weight: 400; line-height: 1.4; box-sizing: border-box;}
.tbl th {font-size:15px;}
.tbl tr {border-bottom: 1px solid #E2E6EA;}
.tbl tr td {padding: 8px 15px; font-size:16px; color: #1E2124;}
.tbl thead th {position:relative;padding: 8px 5px 6px 5px; text-align: center; color: #464C53; background: #f4f5f6;}
.tbl thead th:not(:last-child) {border-right: 1px solid #E2E6EA;}
.tbl thead th:not(:first-child)::before {content:'';display:block;position:absolute;left:-1px;top:0;width:1px;height:100%;background:#E2E6EA;z-index:1;}
.tbl tbody th {padding: 11px 15px 9px 15px; text-align: left; color: #8A949E;}
.tbl tfoot th {position:relative;padding: 8px 15px 6px 5px; text-align: center; color: #464C53; background: #f4f5f6;font-weight:700;font-size:16px;}
.tbl.row th {color: #464C53; background: #f4f5f6;}
.tbl.row td {color: #464C53;}
.tbl.row th[rowspan]:first-child {border-right:1px solid #E2E6EA;}
.tbl.tL :is(th, td):not(.tC, .tR) {text-align: left;}
.tbl.tR :is(th, td):not(.tL, .tC) {text-align: right;}
.tbl.tC :is(th, td):not(.tL, .tR) {text-align: center;}
.tbl :is(th, td).top {vertical-align: top;}
.tbl :is(th, td).mid {vertical-align: middle;}
.tbl :is(th, td).bottom {vertical-align: bottom;}
.tbl.done::before {content: none;}
.tbl.done.col tbody tr {border-bottom: 1px solid #E2E6EA;}
.tbl span.red {color: #db4545;}
.tbl .empty {height:250px;text-align:center !important;vertical-align:middle;}
.tbl .empty > p {display:inline-block;font-size:16px;font-weight:500;}
.tbl .empty > p::before {content:'';display:block;margin:0 auto 10px;width:32px;height:32px;background:url(../img/ico_nodata.svg) no-repeat center;}
.tbl .empty .txtLi {display:flex;flex-direction:column;align-items:center;}

.tbl .bgSec {background-color:#EBF2FC !important;}
.tbl .bgTer {background-color:#EBF7F1 !important;}
.tbl .bgQua {background-color:#F1F0F9 !important;}
.tbl .bgTotal > td {background-color:#EBF2FC !important;}

.tblBox .tbl + .tbl {margin-top:-1px;}
.tblBox .tbl + .tbl:before {background:#E2E6EA;}

.tbl .ellipsis {max-width:100%;}
.tbl .txtnBtn {display:flex;gap:2px;align-items:center;}

.tbl .tbl.col {border-collapse:collapse;border-spacing:0;}
.tbl .tbl.col:before {display:none;}
.tbl .tbl.col tr {margin:0;padding:0;border:0 none !important;}
.tbl .tbl.col td,
.tbl .tbl.col th {border:1px solid #cdd1d5;}
.tbl .tbl.col tbody tr:first-child td {border-top:0 none;}
.tbl .tbl thead th:not(:first-child)::before {background-color:#cdd1d5;}

/* tbl background - on : 체크 시 /  */
.tbl tr.on {background: #F0F2F6; transition: 0.3s all;}
.tbl tr.on :is(td, a) {color: #5349C0; transition: 0.3s all;}
.tbl tr.bgRed {background:rgba(214, 61, 74, 0.10);transition: 0.3s all;}


/* 헤더 고정 */
.tblBox.fix {overflow-y:auto;height:584px;}
.tblBox.fix .tbl {border-collapse: separate;}
.tblBox.fix .tbl thead {position:sticky;top:0;z-index:1;}
.tblBox.fix .tbl thead th {border-bottom:1px solid #E2E6EA;}
.tblBox.fix .tbl tbody td {border-bottom:1px dashed #CDD1D5;}
.tblBox.fix .tbl tbody tr:last-child td {border-bottom:0 none;}

/* tbl 내부 요소 */
.tbl .txtBox {display:block;white-space:normal;}
.tbl.pre .txtBox{display:block;white-space:pre-wrap;}

.tbl td > .btn-wrap {display:flex;}
.tbl td.tC > .btn-wrap {justify-content: center;}

/* tblGrayColor */
.tbl.themeGray thead th {background:#EAEEF1;}
.tbl.themeGray tbody td {background:#F4F5F6;}

.btn-wrap + .tbl {margin-top:10px;}

.tbl.bt0::before {background-color:#CDD1D5;}

/* 통계 테이블 */
.tbl.total {min-width:100%;width:auto;border-collapse:separate;}
.tbl.total tr {border-bottom:0 none;}
.tbl.total thead th {font-weight:400;background-color:#E7E9EB;}
.tbl.total tbody th {position:sticky;left:0;font-weight:400;color:#464C53;background-color:#F4F5F6;}
.tbl.total :where(th, td) {border:solid#D4DADF !important;border-width:0 1px 1px 0 !important;}
.tbl.total :where(th, td):last-child {border-right-width:0 !important;}
.tbl.total .totalRow td {font-weight:600;}
.tbl.total td.total {font-weight:600;background-color:#F4F5F6;}

/* checkBox / radioBox - gap */
.chkBox, .rdoBox {display: flex; flex-wrap: wrap; align-items:center; gap: 8px 30px;}
.chkBox.tC, .rdoBox.tC {justify-content:center;}

/* 확인 필요 */
li.chkBox {margin-bottom:10px;}
li.chkBox:last-child {margin-bottom:0;}
li.chkBox button {margin-left:-22px;}
li.chkBox .txtInfo {margin-left:-22px;}
li.selectBox {width:300px;margin-bottom:10px;}
li.selectBox:last-child {margin-bottom:0;}
li.indent {margin:-5px 0 10px 25px;}
li.indent:last-child {margin-bottom:0;}

/* checkBox / radioBox */
.tblChk {display: flex; justify-content: center; align-items: center; min-height: 25px;}
:where(input[type="checkbox"], input[type="radio"]) {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
:where(input[type="checkbox"], input[type="radio"]):focus-visible + label {outline: 1px solid #434C89;}
:where(input[type="checkbox"], input[type="radio"]) + label {display: inline-flex; align-items: flex-start; gap: 5px; font-weight: 400; line-height: 1.5; color: #464C53; cursor: pointer;}
:where(input[type="checkbox"], input[type="radio"]) + label::before {content:''; display: inline-block; width: 20px; height: 20px; margin-top: 1px; background: #fff; border: 1px solid #B1B8BE; border-radius: 3px; box-sizing: border-box;}
:where(input[type="checkbox"], input[type="radio"]) + label:hover::before {border:0 none;background:url(../img/ico_chk_hover.svg) no-repeat center;}
:where(input[type="checkbox"], input[type="radio"]):checked + label::before {background: #6D4FFF url(../img/ico_chk_on.svg) no-repeat center; border-color: #6D4FFF;}
:where(input[type="checkbox"], input[type="radio"]):disabled + label {color: #B1B8BE;cursor: initial;}
:where(input[type="checkbox"], input[type="radio"]):disabled + label::before {background: #E6E8EA; border-color: #E6E8EA;cursor: initial;}
:where(input[type="checkbox"], input[type="radio"]):checked:disabled + label::before {background: #E6E8EA url(../img/ico_chk_disa.svg) no-repeat center;border-color: #E6E8EA;}

/* radioBox */
input[type="radio"] + label::before {border-radius: 50%;}
input[type="radio"] + label:hover::before {border:1px solid #58616A;}
input[type="radio"]:checked + label::before {border:0 none;background: #6D4FFF url(../img/ico_radio_on.svg) no-repeat center;}
input[type="radio"]:disabled + label::before {border:0 none;}
input[type="radio"]:checked:disabled + label::before {background: #E6E8EA url(../img/ico_radio_disa.svg) no-repeat center;border-color: #B1B8BE;}

/* btn-wrap Button */
.btn-wrap {display: inline-flex; justify-content: end; align-items: center; gap: 5px; width: 100%; height: auto;}
.btn-wrap.tC {justify-content: center!important;}
.btn-wrap.tL {justify-content: flex-start!important;}
.btn-wrap.tR {justify-content: flex-end!important;}
:where(.tblBox, .schList, .tabBox, .boxLi, .cntBox, .docViewer) + .btn-wrap {margin-top: 40px;}

.btn-wrap > .lt {display:flex;margin-right:auto;gap:5px;}
.btn-wrap > .rt {display:flex;margin-left:auto;gap:5px;}


/* 버튼 공통 기본 : 25.08.12 기준 : 버튼 .btn 형식과 .btn- 형식 혼재하여, 버튼 상태에 따른 처리 각각 해줘야하는 불편함이 있음 : 개선 필요 */
button[class^="btn-"] {width: 36px; height: 36px; font-size:15px; font-weight: 500; border: 1px solid #929AA2; border-radius: 4px; box-sizing: border-box; color:#464c53;}
button[class^="btn-"].txt {width: auto; padding:0 10px 0 30px;}
.btn {display: inline-flex; justify-content: center; align-items: center; min-width: 60px; height: 36px; padding:0 10px; text-align: center; font-weight: 500; font-size:15px; line-height: 1.5; color: #464c53; background: #fff; border: 1px solid #929AA2; border-radius: 4px;}
.btn.sm {min-width:auto;height:24px;padding:0 8px;font-size:13px;}

.btn:hover,
button[class^="btn-"]:hover {border-color:#464C53;}

.tbl .btn,
.tbl button[class^="btn-"] {color:#7d7d7d;}
.tbl .btn:hover,
.tbl button[class^="btn-"]:hover {border-color:#464C53;}

.btn:disabled,
button[class^="btn-"]:disabled {border-color:#c3c7cb;background-color:#F3F3F3;color:#bbb;}


/* btn : pointcolor */
.btn.pt {color: #fff; background: #524C91; border-color: #524C91;}
.btn.purple {color: #fff; background: #6d4fff; border-color: #6d4fff;}
.btn.purple:hover,
.btn.purple:focus {border-color:#3215C1;background-color:#3215C1;}

.btn-save.txt {display:flex;gap:4px;padding:0 9px !important;align-items:center;justify-content:center;color: #fff; background: #524C91; border-color: #524C91;}
.btn-save::before {content:'';display:block;width:16px;height:16px;background:url(../img/ico_save.svg) no-repeat center;}
.btn-save.txt:hover,
.btn-save.txt:focus {border-color:#1D1666;background-color:#1D1666;}
.btn-save.txt:disabled::before {opacity:0.5;}

.btn-biz-save.txt {display:flex;gap:4px;padding:0 9px !important;align-items:center;justify-content:center;color: #fff; background: #524C91; border-color: #524C91;}
.btn-biz-save::before {content:'';display:block;width:16px;height:16px;background:url(../img/ico_save.svg) no-repeat center;}
.btn-biz-save.txt:hover,
.btn-biz-save.txt:focus {border-color:#1D1666;background-color:#1D1666;}
.btn-biz-save.txt:disabled::before {opacity:0.5;}
.btn-biz-save.txt:disabled,


.btn.biz {color: #fff; background: #524C91; border-color: #524C91;}
.btn.biz::before {content:''; display: inline-block; width: 16px; height: 16px; margin-right: 4px; background: url(../img/ico_biz.svg) no-repeat center;}
.btn.biz:disabled::before {opacity:0.5;}
.btn.pt:hover,
.btn.pt:focus,
.btn.biz:hover,
.btn.biz:focus {border-color:#1D1666;background-color:#1D1666;}

.btn.pt:disabled,
.btn-save.txt:disabled,
.btn.biz:disabled,
.btn-sch[type="button"]:disabled {background-color:#777;border-color:#777;color:#bbb;}

/* btn : navycolor */
.btn.navy {color: #fff; background: #335682; border: 1px solid #335682; border-radius: 4px;}
.btn.navy:hover,
.btn.navy:focus {border-color:#28476E;background-color:#28476E;}
.btn.navy:disabled {border-color:#777;background-color:#777;color:#bbb;}

/* btn : greencolor */
.btn.green { color: #fff; background: #2F8F5B; border: 1px solid #2F8F5B; border-radius: 4px;}
.btn.green:hover, 
.btn.green:focus { border-color: #267A4D; background-color: #267A4D; }
.btn.green:disabled {border-color: #777; background-color: #777; color: #bbb;}

/* btn : redcolor */
.btn.red { color: #fff; background: #C0392B; border: 1px solid #C0392B; border-radius: 4px; }
.btn.red:hover,
.btn.red:focus { border-color: #A93226; background-color: #A93226; }
.btn.red:disabled { border-color: #777; background-color: #777; color: #bbb;}

/* btn : etc */
.btn.sch {min-width: 36px; padding:0; background-color:#fff;}
.btn.sch::before {content:'';display:block;width:16px;height:16px;background:url(../img/ico_sch.svg) no-repeat center;}
.btn.sch:disabled {border-color:#C3C7CB;background-color:#F3F3F3;}
.btn.sch:disabled::before {opacity:0.5;}
.btn.blue {color: #5A7BA6; background: #fff; border: 1px solid #AABED7; border-radius: 4px;}

.btn-plus {display:flex;gap:4px;width:auto !important;padding:0 9px;align-items:center;justify-content:center;background-color:#fff; border: 1px solid #B1B8BE;background:#fff;}
.btn-plus::before {content:'';display:block;width:16px;height:16px;background:url(../img/ico_plus.svg) no-repeat center;}

.btn-plus.txt {padding:0 9px !important; color: #fff !important; background:#434C89;border-color:#434C89;}
.btn-plus.txt::before {content:'';background-image:url(../img/ico_plus_txt.svg);}
.btn-plus.txt:disabled {border-color:#777;background-color:#777;color:#bbb !important;}
.btn-plus.txt:disabled::before {opacity:0.5;}
.btn-plus.txt:hover {background-color:#171F55;}

.btn-del {display:flex;gap:4px;padding:0 9px;align-items:center;justify-content:center;background-color:#fff; border: 1px solid #B1B8BE;}
.btn-del::before {content:'';display:block;width:16px;height:16px;background:url(../img/ico_del.svg) no-repeat center;}
.btn-del.txt {width: auto; padding:0 9px !important; letter-spacing: -0.4px; color: #464C53; background-position:10px center;}
.btn-del:disabled::before {opacity:0.5;}

button.btn-warn {flex-shrink:0;display:inline-flex;gap:4px;width:24px;height:24px;padding:0;align-items:center;justify-content:center;background-color:transparent; border:0 none; vertical-align:middle;}
button.btn-warn::before {content:'';flex-shrink:0;display:block;width:20px;height:20px;background:url(../img/ico_warn.svg) no-repeat center;}

.btn:where(.excel, .hwp, .pdf)::before {content:''; display: inline-block; width: 13px; height: 13px; margin: 0 4px 1px 0;}
.btn:where(.excel, .hwp, .pdf):disabled::before {opacity:0.5;}
.btn.excel::before {background: url(../img/ico_excel.svg) no-repeat center;}
.btn.hwp::before {background: url(../img/ico_hwp.svg) no-repeat center;}
.btn.pdf::before {background: url(../img/ico_pdf.svg) no-repeat center;}

.btn.cnf {width: 45px; height: 27px; font-size: 13px; font-weight: 400; color: #6D7882; background: rgba(177, 184, 190, 0.20); border-radius: 4px; border: 0;}

.btn-preview {display: inline-flex; justify-content: center; align-items: center; gap: 5px; min-width: 100px; height: 30px; padding: 10px; text-align: center; font-size: 14px; font-weight: 400; line-height: 1.5; color: #fff !important; background: #58616A; border-color: #58616A!important; border-radius: 4px;}
.btn-preview::before {content:''; display: inline-block; width: 13px; height: 13px; background: url(../img/ico_apply.svg) no-repeat center;}
.btn-preview:disabled {background:#777 !important; border-color:#777 !important; color:#bbb !important;}
.btn-preview:disabled::before {opacity:0.5;}

.btn-reset {width: 36px; height: 36px; background: #fff url(../img/ico_reset.svg) no-repeat center; padding:0 !important; border: 1px solid #B1B8BE;}
.btn-reset.txt {display: inline-flex; align-items: center; gap: 6px; width: 60px; font-size:14px; font-weight: 600; line-height: 1.5; color: #6D7882; background: #fff; border: none;}
.btn-reset.txt::after {content:''; display: block; width: 14px; height: 14px; background: url(../img/ico_reset.svg) no-repeat center;}
.btn-reset:disabled {background:none !important;}

button.btn-reset-txt {display: inline-flex; align-items: center; gap: 6px; width:auto; height: 36px; background: #fff; padding:0 10px !important; border: 1px solid #B1B8BE;}
button.btn-reset-txt::before {content:''; display: block; width: 14px; height: 14px; background: url(../img/ico_reset.svg) no-repeat center;}


.btn-close[type="button"] {position: absolute; top: 11px; right: 12px; width: 20px; height: 20px; background: url(../img/ico_close.svg) no-repeat center; border: none;}
.btn.close-layer {width:24px;min-width:auto;height:24px;padding:0;border:0 none;background:url(../img/ico_close_layer.svg) no-repeat center;}


.btn.file::before {content:''; display: inline-block; width: 18px; height: 14px; background: url(../img/ico_btn_file.svg) no-repeat center;}

.btn.down {gap:5px;}
.btn.down::before {content:''; display: inline-block; width: 18px; height: 14px; background: url(../img/ico_down.svg) no-repeat center;}
.btn.upload {gap:5px;}
.btn.upload::before {content:''; display: inline-block; width: 16px; height: 16px; background: url(../img/ico_upload.svg) no-repeat center;}
.btn.go {gap:5px;}
.btn.go::after {content:''; display: inline-block; width: 8px; height: 16px; background: url(../img/ico_btn_go.svg) no-repeat center;}

button.btn-pin {display:block;width:26px;height:40px;position:absolute;left:0;top:0;border:0 none;background:url(../img/ico_map_pin.png) no-repeat center;}
button.btn-vw-world {display:none;width:auto;position:absolute;right:14px;top:16px;height:40px;padding:0 24px 0 10px;border:0 none;font-size:15px;line-height:1;color:#fff;background:#6D4FFF;transition:none;}
button.btn-vw-world::after {content:'';display:block;position:absolute;right:10px;top:15px;width:9px;height:9px;background:url(../img/ico_view.svg) no-repeat center;transition:transform 0.3s;transform-origin:center;}
button.btn-vw-world.on::after {transform:rotate(90deg);}
button.btn-vw-warning {width:auto;position:absolute;right:14px;top:16px;height:40px;padding:0 24px 0 10px;border:0 none;font-size:15px;line-height:1;color:#fff;background:#256EF4;transition:none;}
button.btn-vw-warning::after {content:'';display:block;position:absolute;right:10px;top:15px;width:9px;height:9px;background:url(../img/ico_view.svg) no-repeat center;transition:transform 0.3s;transform-origin:center;}
button.btn-warning {display:flex;align-items:center;justify-content:center;width:40px;height:50px;position:absolute;left:0;top:0;border:0 none;background:none;}
button.btn-warning img {display:block;width:100%;object-fit:contain;}
button.btn-warning:hover {z-index:1;}

button.btn-back {display:flex;align-items:center;gap:4px;margin:40px auto 0;width:auto;height:40px;padding:8px 10px;font-size:15px;font-weight:500;line-height:1;background:#fff;transition:none;}
button.btn-back span {display:block;padding-top:2px;}
button.btn-back::after {content:'';display:block;width:9px;height:9px;background:url(../img/ico_btn_link.svg) no-repeat center;}

/* 검색버튼 25.08.01 */
button.btn-apply {display: inline-flex; justify-content: center; align-items: center; gap: 5px; min-width: 100px; height: 40px; padding: 10px; text-align: center; font-size: 15px; font-weight: 400; line-height: 1.5; color: #fff; background: #6D4FFF; border-color: #58616A!important; border-radius: 4px;}
button.btn-apply::before {content:''; display: inline-block; width: 13px; height: 13px; background: url(../img/ico_apply.svg) no-repeat center;}
button.btn-apply:hover,
button.btn-apply:focus {background-color:#3215C1;}
button.btn-apply:disabled {border-color:#777 !important;background-color:#777;color:#bbb;}
button.btn-apply:disabled::before {opacity:0.5;}

.btn-sch[type="button"] {display: inline-flex; justify-content: center; align-items: center; gap: 5px; width: 70px; font-size: 15px; font-weight: 600; line-height: 1.5; color: #fff; background: #6D4FFF; border-color: #6D4FFF;}
.btn-sch::before {position: relative; top: 1px; content:''; display: block; width: 13px; height: 13px; background: url(../img/ico_apply.svg) no-repeat center;}
.btn-sch[type="button"]:hover,
.btn-sch[type="button"]:focus {border-color:#524C91;background-color:#524C91;}

button[class^="btn-control"] {width:30px;height:30px;border:0 none;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;}
.btn-control-add-all {background-image:url(../img/ico_arrR_dbl.svg);}
.btn-control-add {background-image:url(../img/ico_arrR.svg);}
.btn-control-del {background-image:url(../img/ico_arrL.svg);}
.btn-control-del-all {background-image:url(../img/ico_arrL_dbl.svg);}

.btn-control-add-all-horz {background-image:url(../img/ico_arrR_dbl.svg);transform:rotate(90deg);}
.btn-control-add-horz {background-image:url(../img/ico_arrR.svg);transform:rotate(90deg);}
.btn-control-del-horz {background-image:url(../img/ico_arrL.svg);transform:rotate(90deg);}
.btn-control-del-all-horz {background-image:url(../img/ico_arrL_dbl.svg);transform:rotate(90deg);}
input[type="text"] ~ .btn-ipt {position: absolute; top: 50%; right: 55px; display: none; width: 16px; height: 16px; background: url(../img/ico_ipt_del.svg) no-repeat center; border: 0; transform: translateY(-50%);}

/* grid control btn */
button[class^="btn-grid"] {flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;width:auto;padding:0 9px;background-color:#fff;}
button[class^="btn-grid"]::before {content:'';display:block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;}
button[class^="btn-grid"]:empty {width:36px;height:36px;}
.btn-grid-plus::before {flex-shrink:0;background-image:url(../img/ico_grid_plus.svg);}
.btn-grid-minus::before {flex-shrink:0;background-image:url(../img/ico_grid_minus.svg);}
.btn-grid-copy::before {flex-shrink:0;background-image:url(../img/ico_grid_copy.svg);}
button[class^="btn-grid"]:disabled {color:#9da0a3;background-color:#F3F3F3;}
button[class^="btn-grid"]:disabled::before {opacity:0.5;}

button[class^="btn-sort"] {flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;width:auto;padding:0 9px;background-color:#fff;}
button[class^="btn-sort"]::before {content:'';display:block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;}
button[class^="btn-sort"]:empty {width:36px;height:36px;}
.btn-sort-down::before {background-image:url(../img/ico_sort_down.svg);}
.btn-sort-up::before {background-image:url(../img/ico_sort_up.svg);}
button[class^="btn-sort"]:disabled {color:#9da0a3;background-color:#F3F3F3;}
button[class^="btn-sort"]:disabled::before {opacity:0.5;}

button[class^="btn-comment"] {display:flex;align-items:center;gap:4px;width:auto;height:21px;font-size:14px;color:#7d7d7d;border:0 none;background:none;}
button[class^="btn-comment"]::after {content:'';display:block;width:12px;height:12px;background-repeat:no-repeat;background-position:center;}
button.btn-comment-del::after {background-image:url(../img/ico_comment_del.svg);}
button.btn-comment-edit::after {background-image:url(../img/ico_comment_edit.svg);}

button[class^="btn-tblnode"] {display:flex;align-items:center;gap:5px;width:auto;height:auto;font-size:inherit;color:#7d7d7d;border:0 none;background:none;}
button[class^="btn-tblnode"]::before {content:'';display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;}
.btn-tblnode::before {background-image: url(../img/ico_tbl_plus.svg);}
.btn-tblnode.opened::before {background-image: url(../img/ico_tbl_minus.svg);}

button.btn-tip {display:inline-block;width:20px;height:20px;border:0 none;background:url(../img/ico_tip.svg) no-repeat center;vertical-align:-4px;}
button.btn-more {display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;height:40px;border:1px solid #C3C3C3;border-radius:6px;background:#f8f8f8;font-size:14px;line-height:1.5;}
button.btn-more::after {content:'';display:block;width:12px;height:7px;background:url(../img/ico_main_more.svg) no-repeat center;}
button.btn-top {display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:60px;height:40px;border-radius: 6px;border: 1px solid #C3C3C3;background: #F8F8F8;font-size:13px;color:#26282c;}
button.btn-top::after {content:'';display:block;width:12px;height:8px;background:url(../img/btn_top.svg) no-repeat center;}

button.btn-expand {display:inline-block;width:20px;height:20px;margin-left:2px;border:0 none;background:url(../img/ico_expand.svg) no-repeat center;vertical-align:-4px;}
button.btn-expand.on {background-image:url(../img/ico_expand_on.svg);}

button.btn.arr::after {content:'';display:block;width:12px;height:12px;margin-left:6px;background:url(../img/ico_link.svg) no-repeat center;}

button.btn-sitemap {width:24px;height:24px;min-width:auto;border:0 none;background:url(../img/ico_menu.svg) no-repeat center;}
button.btn-close-menu {width:40px;height:40px;border:0 none;background:url(../img/ico_close_menu.svg) no-repeat center;}

div.btn-more_wrap {display:flex;align-items:center;gap:5px;margin-top:20px;}
div.btn-more_wrap .btn-more {flex:1 1 auto;}
div.btn-more_wrap .btn-top {flex:0 0 auto;}

/* file-upload */
.file {display: flex; flex-direction: column; gap: 6px; position:relative; width:100%;}
.file .btn-wrap {flex:0 0 auto; width:auto;}
.file-upload {flex:1 1 auto; overflow:hidden; position: relative; display: flex; justify-content: center; min-width:0; min-height:46px; border: 1px dashed #8A949E; background-color:#fff;}
.file-upload ul {display: flex; flex-direction: column; gap: 6px; width: 100%; height: auto; max-height: 152px; padding: 10px; overflow-y: auto;}
.file-upload ul li {display: flex; align-items: center; gap: 5px;}
.file-upload ul li label {flex: 1; display: flex; align-items:flex-start; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height:26px; padding-left:28px; background-repeat:no-repeat; background-position:0 center; cursor:pointer;}
.file-upload ul li :where(input[type="checkbox"], input[type="radio"]) + label {padding-left:0; background-position:24px center;}
.file-upload ul li :where(input[type="checkbox"], input[type="radio"]) + label::before {flex-shrink:0; display:block; margin:3px 28px 0 0;}
.file-upload ul li a {flex:1 1 auto;display:block;box-sizing:border-box;min-width:0;padding:4px 0 2px;font-weight:400;color:inherit;line-height:18px;overflow:hidden;text-overflow:ellipsis;}
.file-upload ul li label.hwp {background-image: url(../img/ico_file_hwp.svg);}
.file-upload ul li label.pdf {background-image: url(../img/ico_file_pdf.svg);}
.file-upload ul li label.xls {background-image: url(../img/ico_file_xls.svg);}
.file-upload ul li label.doc {background-image: url(../img/ico_file_doc.svg);}
.file-upload ul li label.txt {background-image: url(../img/ico_file_txt.svg);}
.file-upload ul li label.zip {background-image: url(../img/ico_file_zip.svg);}
.file-upload ul li label.ppt {background-image: url(../img/ico_file_ppt.svg);}
.file-upload ul li label.bmp {background-image: url(../img/ico_file_bmp.svg);}
.file-upload ul li label.gif {background-image: url(../img/ico_file_gif.svg);}
.file-upload ul li label.jpg {background-image: url(../img/ico_file_jpg.svg);}
.file-upload ul li label.png {background-image: url(../img/ico_file_png.svg);}
.file-upload ul li label.tif {background-image: url(../img/ico_file_tif.svg);}
.file-upload ul li label.xml {background-image: url(../img/ico_file_xml.svg);}
.file-upload ul li label.html {background-image: url(../img/ico_file_html.svg);}
.file-upload ul li label.exe {background-image: url(../img/ico_file_exe.svg);}
.file-upload ul li label.mpg {background-image: url(../img/ico_file_mpg.svg);}
.file-upload ul li label.mp4 {background-image: url(../img/ico_file_mp4.svg);}
.file-upload ul li label.avi {background-image: url(../img/ico_file_avi.svg);}
.file-upload ul li label.etc {background-image: url(../img/ico_file_etc.svg);}
.file-upload .btn {height: 24px;}
.file-upload .txt-file {display: inline-flex; align-items: center; font-weight: 500; line-height: 1.5; color: #8A949E; cursor: default;}
.file-upload .txt-file::before {content:''; display: block; width: 20px; height: 22px; margin-right: 7px; background: url(../img/ico_file.svg) no-repeat center;}

.file.bpr {flex-direction:row-reverse;}

/* library - flatpickr */
.pickrBox {display: inline-flex; align-items: center; gap:4px; width: 400px; max-width:100%;}
.pickrBox.sm {width:200px;}
.pickrBox p {display: inline-block; margin: 0 1px; font-size: inherit; font-weight: 400; line-height: 1.5; color: #464C53;}
.pickrBox em {font-style:normal;}

/* inputForm */
.inputForm {display: flex; align-items: center; gap: 10px; line-height: 1.5;}
.inputForm .btn-wrap {justify-content: flex-start; gap: 4px; width: auto;}
.inputForm > input[type="text"] {flex:0 1 auto;width: 700px;min-width:0;}
.inputForm > input[type="text"].sm {width: 200px;}
.inputForm + textarea {margin-top: 10px;}
.inputForm + .inputForm {margin-top: 5px;}
.inputForm .selectBox {min-width: 300px;}
.inputForm .selectBox.sm {min-width: 200px;}
.inputForm > p {min-width: 80px;}
.inputForm > em {font-style:normal;}
.inputForm .txtLi {margin-top:0;}


/* inputForm : small */
.inputForm.fit > input[type="text"],
.inputForm.fit > input[type="time"] {width:auto;flex:1 1 auto;}
.inputForm.fit > .selectBox {min-width:auto;width:100%;flex:0 1 auto;}
.inputForm.fit > .selectBox > select {width:100%;}
.inputForm.fit .btn-wrap {flex:0 0 auto;}

/* inputForm : small */
.inputForm.sm {gap:5px;}

/* inputUnit */
.inputUnit {display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.5;}
.inputUnit > * {flex:0 0 auto;}
.inputUnit > input[type="text"],
.inputUnit > input[type="search"],
.inputUnit > input[type="number"] {flex:1 1 auto;min-width:0;}
.inputUnit.sm > input[type="text"],
.inputUnit.sm > input[type="search"],
.inputUnit.sm > input[type="number"] {width:100px;}

/* tab */
.tab {position: relative; display:flex; align-items:center; gap:16px; width: 100%; margin:60px 0 20px;}
.tab:first-child {margin-top:0;}
.tab::after {position: absolute; bottom: 0; left: 0; content:''; width: 100%; height: 1px; background: #B1B8BE;}
.tab ul {display: inline-flex;flex-shrink:0;}
.tab li + li {margin-left:-1px;}
.tab li button {display:block; position: relative; width: auto; height: 42px; padding: 5px 15px; border:solid #B1B8BE; border-width:1px 1px 0 1px; text-align: center; font-size: 16px; font-weight: 400; color: #464C53; background: #fff; outline:0 none;}
.tab li button:hover,
.tab li button:focus {background:#EEEEF4}
.tab li:first-child button {border-top-left-radius:6px;}
.tab li:last-child button {border-top-right-radius:6px;}
.tab li button.active {font-weight: 600; color: #fff; border-color:#524C91; background: #524C91;z-index:1;}
.tab li button.active::after {z-index: 1; position: absolute; bottom: 0; left:-1px; content:''; width:calc(100% + 2px); height:1px; background: #524C91;}
.tab li button:disabled {background:#ACABAB;color:#868686;}
.tab .btn-wrap {align-self:flex-start;}

/* tab intab */
.tab.ty02 {background-color:#F2F4FE;}
.tab.ty02::after {background-color:#D9E1F2;}
.tab.ty02 ul {gap:30px;}
.tab.ty02 li {margin:0;}
.tab.ty02 li button {border:0 none;font-size:15px;font-weight:400;background:none;}
.tab.ty02 li button:hover,
.tab.ty02 li button:focus {color:#5349C0;}
.tab.ty02 li button.active {font-weight:600;color:#5349C0;}
.tab.ty02 li button.active::after {left:0;width:100%;height:2px;}

/* tab intab 별도*/
.tab.ty03 {background-color:transparent;}
.tab.ty03::after {background-color:#CED6DD;}
.tab.ty03 ul {gap:30px;}
.tab.ty03 li {margin:0;}
.tab.ty03 li button {border:0 none;font-size:15px;background:none;}
.tab.ty03 li button:hover,
.tab.ty03 li button:focus {color:#5349C0;}
.tab.ty03 li button:active {font-weight:600;color:#5349c0;}
.tab.ty03 li button.active::after {left:0;width:100%;height:2px;}

/* tabCont */
.tabCont > li {display:none;}
.tabCont > li.active {display:block;}

.tabCont > li > .tab:first-child {margin-top:-20px;}
.tabCont > li > .schBox:first-child {margin-top:-20px;}



/* tabBox */
.tabBox {margin-top:60px;}
.tabBox:first-child {margin-top:0;}

.tabBox > .tab {margin-top: 0;}
.tabBox .tabCont > li {display:none;}
.tabBox .tabCont > li.active {display: block;}

.tabBox .tabCont .tabCont > li {margin-top: 24px;}
.tabBox .tabCont > li .titBox:first-child {margin-top:20px;}
.titBox + .tabBox {margin-top:0;}


/* pagination */
.pagination {display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 24px;}
.page-navi {width: 30px; height: 30px; background: #fff; background-repeat: no-repeat; border: 1px solid #CED6DD; border-radius: 4px;}
.page-navi:hover {border-color:#A5A9AD;}
.page-navi:disabled {cursor: default;}
.page-navi.prev {margin-right:20px; background-image: url(../img/ico_prev.svg); background-position: center left 45%;}
.page-navi.prev:disabled {background-image: url(../img/ico_prev_dis.svg);}
.page-navi.next {margin-left:20px; background-image: url(../img/ico_next.svg); background-position: center right 45%;}
.page-navi.next:disabled {background-image: url(../img/ico_next_dis.svg);}

.page-links {display:flex; align-items:center; gap:10px;}
.page-links a {display:block; box-sizing:border-box; min-width:30px; height:30px; padding:0 6px; color: #464C53; font-weight: 400; font-size:16px; text-align:center; line-height: 30px; border-radius: 4px;}
.page-links a.active {font-weight: 700; color: #5349C0; background: #F2F4FE;}
.page-links a:hover {text-decoration: underline;}
.pagination p {margin-left: 18px; text-align: center; font-size: 15px; font-weight: 400; line-height: 1.5; color: #6F7F92;}
.pagination select {width: auto; margin-left: 18px; padding: 4px 34px 4px 12px; font-size: 15px; font-weight: 400; line-height: 1.5; color: #6F7F92; background: #fff url(../img/ico_select_arr.svg) no-repeat center right 12px; border: 1px solid #CED6DD; border-radius: 4px;}

/* txtBox */
.txtBox {display: inline-block; width: 100%; max-height: 150px; line-height: 1.5; overflow-y: auto;}

/**
 * schBox
**/
.schBox {position: relative; display: flex; justify-content: center; flex-direction: column; gap:10px; width: 100%; padding: 30px 250px 56px 0; margin: auto; font-size: 16px; font-weight: 700; line-height: 1.5; color: #1E2124;}
.schBox::after {position: absolute; bottom: 0; left: 50%; content:''; display: block; width: calc(100% + 80px); height: 26px; background: #F4F5F6; border-top: 3px solid #E5E8EA; transform: translateX(-50%);}

/* schRow */
.schRow {display:flex; align-items:center; gap:5px; flex-wrap:wrap; width:100%;}
.schRow:first-child + .schRow {margin-top:2px;}

/* schTxt */
.schTxt {flex:1 0 auto;display: flex; align-items: center; gap: 14px; font-size: 14px;}
.schTxt > div {flex:1;position: relative;}
.schTxt input[type="text"] {width: 100%; height: 44px; padding: 10px 60px 10px 16px; font-size: 16px; font-weight:500; line-height: 1.5; color: #131416; border: 2px solid #58616A; border-radius: 12px;}
.schTxt input[type="text"]::placeholder {font-size: inherit; color: #8A949E;}
.schTxt .btn-src {position: absolute; top: 50%; right: 0; width: 46px; height: 100%; text-align: center; font-size: inherit; font-weight: 500; line-height: 0.9; color: #fff; background: #58616A; border-color: #58616A; border-radius: 0 12px 12px 0; transform: translateY(-50%);}
.schTxt .btn-flt {display: inline-flex; align-items: center; gap: 9px; width: auto; height: auto; margin-left:auto; font-size: inherit; font-weight: 600; line-height: 1.5; color: #6D7882; background: transparent; border: none;}
.schTxt .btn-flt::before {content:''; display: block; width: 32px; height: 32px; background: url(../img/ico_filter.svg) no-repeat center;}
.schTxt .btn-flt::after {content:''; display: block; width: 14px; height: 14px; background: url(../img/ico_select_arr.svg) no-repeat center; transition: 0.3s all;}
.schTxt .btn-flt:hover {text-decoration: underline;}
.schTxt .btn-flt.on::after {transform: rotate(-180deg) translateY(0); transition: 0.3s all;}
.schTxt .btn-flt span {margin-left: -6px;}
.schTxt .btn-flt span.off {display: none;}


/* fltList */
.fltList {flex:0 0 auto;display:flex;gap:6px;width:calc((100% - 30px) / 6);}
.fltList button {position: relative; display: flex; align-items: center; width: 100%; height: 40px; padding: 8px 40px 8px 20px; font-size: inherit; font-weight: 600; line-height: 1.5; color: #1E2124; background: #F0F2F6; border: 1px solid #D1DAE2; border-radius: 12px;}
.fltList button::after {position: absolute; top: 50%; right: 20px; content:''; display: block; width: 14px; height: 14px; background: url(../img/ico_select_arr.svg) no-repeat center; transform: translateY(-50%); transition: 0.3s all;}
.fltList li {flex:1 0 0;}
.fltList li.on button {background: #D9DFEA;}
.fltList li.on button::after {transform: rotate(-180deg) translateY(50%); transition: 0.3s all;}
.fltList:has(li:nth-child(2)) {width:calc(((100% - 30px) / 6) * 2 + 6px);}
.fltList:has(li:nth-child(3)) {width:100%;}
.fltList:has(li:nth-child(3)) li {flex:0 1 auto; width:calc((100% - 30px) / 6);}

/* fltCont */
.fltCont {width:100%;}
.fltCont li:not(.on) {display: none;}
.fltCont li {position: relative; padding: 20px; background: #fff; border: 1px solid #ddd; border-radius: 12px;}
.fltCont li > p {margin-bottom:12px; font-size: inherit; font-weight: 600; line-height: 1.5; color: #1E2124;}
.fltCont li input {width: 351px; height: 40px;}
.fltCont .chkBox,
.fltCont .rdoBox {min-height:40px;}
.fltCont .pickrBox {gap: 8px; width: 400px; height: 40px;}
.fltCont .pickrBox input {height: 100%; border-radius: 6px;}
.fltCont .pickrBox input::placeholder {font-size: inherit;}
.fltCont .selectBox select {display:block;height:38px;}

/* fltOpt */
.fltOpt {flex:1 1 auto; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 1px 18px 1px 20px; background: #fff; border: 1px solid #ddd; border-radius: 12px;}
.fltOpt ul {flex: 1; display: inline-block;}
.fltOpt ul li {display: inline-flex; align-items: center; gap: 3px; width: auto;}
.fltOpt ul li:not(:last-child) {margin-right: 20px;}
.fltOpt p {display: inline-block; font-size: 14px; font-weight: 400; line-height: 2; color: #464C53;}
.fltOpt > p {display: inline-flex; align-items: center; padding-left: 60px; margin: auto; text-align: center; font-size: 14px; font-weight: 500; line-height: 1.5; color: #8A949E;}
.fltOpt > p::before {content:''; display: inline-block; width: 12px; height: 12px; margin-right: 6px; background: url(../img/ico_bullet.svg) no-repeat center;}
.fltOpt .btn-del {flex:0 0 auto; width: 16px; height: 16px; padding:0; background: url(../img/ico_del_opt.svg) no-repeat center; border-radius: 50%;}
.fltOpt .btn-del:before {content:none;}

/* schBtn */
.schBtn {display:flex;align-items:center;position:absolute;right:0;top:30px;bottom:56px;padding:0 40px 0 50px;border-left:1px solid #ddd;}

/* iptBox */
.iptBox {position: relative; display: flex; align-items: center; gap: 5px; width: 352px; height: 40px; padding: 4px 8px 4px 6px; background: #fff; border: 1px solid #B1B8BE; border-radius: 6px;}
.iptBox input[type="text"] {height: auto; border: 0;}

/* contList */
.contList {position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; gap:20px;}
.contList > div {flex:1; display:flex; gap:15px; align-items:flex-start; position:relative;}
.contList > div + div::before {content:''; display:block; position:absolute; width: 1px; height: 100%; margin-left: -20px; background: #ddd;}
.contList > div > p {display: inline-flex; align-items: center; gap:6px; min-height:30px; font-size:15px; font-weight:500; line-height:1; color: #1E2124;}
.contList > div > p::before {content:''; display: inline-block; width: 4px; height: 4px; background: #d9d9d9; border-radius: 50%;}
.contList ul {flex:1; display: grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap: 8px 6px; max-height: 148px; padding:0 40px 0 0; overflow-y: auto;}
.contList button {width: 100%; height: 100%; min-height:30px; padding:8px 5px; font-size: 16px; font-weight: 400; line-height: 1.2; color: #464c53; background: #fff; border: 1px solid #CDD1D5; border-radius: 16px;}
.contList button.on {color: #5349c0; border-color: #5349c0;}
.contList button:focus-within {outline: none;}
.fltCont .contList li {flex: none; display: block; padding: 0; border: none;}


/* 사업분야 선택 및 선택 영역 전부 */
.fltCont li.contBox {column-gap:8px;}
.fltCont li.contBox .contList ul {padding:0 20px 0 0;}

/* 국가 선택 예외 케이스 (소타이틀이 있는 케이스) */
.fltCont li.contBox.type01 {flex-wrap: wrap;}
.fltCont li.contBox.type01 .contList > div:first-child {flex: 1;}
.fltCont li.contBox.type01 .contList > div ~ div {flex: 2;}


/* span[badge Type01] */
.span {display: inline-block; width: auto; min-width: 85px; padding: 4px 6px; text-align: center; font-size: 13px; font-weight: 500; line-height: 1; color: #464C53; background: #E8E8E8; border-radius: 4px;}
.span.orange {color: #895919; background: #F8EFDF;}
.span.blue {color: #2459A2; background: #E6F0FD;}
.span.green {color: #6D7B10; background: #F1F8DF;}
.span.cyan {color: #36795A; background: #E2F3F2;}
.span.red {color:#D63D4A; background: #FBECED;}
.span:last-child {margin-right: 4px;}

/* badge[badge Type02] */
.badge {display: inline-block; width: auto; min-width: 46px; padding:3px 4px 2px; margin: auto; text-align: center; font-size: 15px; font-weight: 500; line-height: 21px; color: #fff; background: #ACABAB; border: 0; border-radius: 4px;}
.badge.lg {min-width:76px; letter-spacing:0;}
.badge.pt {background: #4F9097;}
.badge.gray {background: #868686;}
.badge.orange {background: #DC984F;}
.badge.blue {background: #5D8CB0;}
.badge.purple {background: #7D74AA;}
.badge.yellow {background: #ffc919;}

/* sBadge[badge Type03] */
.sBadge {display:flex;align-items:center;justify-content:center;height:36px;padding:0 9px;border-radius:4px;font-size:16px;line-height:1.5;font-weight:600;color:#fff;text-align:center;background-color:#ACABAB;}
.sBadge.blue {background-color:#417FCA;}
.sBadge.green {background-color:#31A889;}
.sBadge.darkgray {background-color:#4F4F4F;}
.sBadge.orange {background-color: #DC984F;}
.sBadge.yellow {background-color: #ffc919;}

/* schList */
.schList .tblBox {border: 1px solid #CED6DD; border-radius: 6px;}
.schList .tbl::before {content:none;}
/* .schList .tbl:not(.de)::before {height: 100%; background: transparent; border: 1px solid #CED6DD; border-radius: 6px; box-sizing: border-box; pointer-events: none;} */
.schList .tbl tbody tr:last-child {border: none;}
.schList .tbl:not(.de) thead th {font-size: 15px; font-weight: 500; line-height: 1.5; color: #1E2124;}
.schList .tbl:not(.de) td {font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -1px; color: #6D7882;}
.schList .tbl td {padding: 7px 15px; text-align: left;}
.schList .tbl a {display: block; max-width: 100%; font-size: inherit; font-weight: 500; line-height: 1.5; color: #1E2124; letter-spacing: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.schList .tblBox .tbl + .tbl {border-top: 1px solid #E2E6EA;}
.schList + .schList {margin-top:20px;}

.schList .tbl tbody tr:hover th,
.schList .tbl tbody tr:hover td {background-color:#E8EBF2;}
.schList .tbl tbody tr.on th,
.schList .tbl tbody tr.on td {background-color:#F2F4FE;color:#5349C0;}
.schList .tbl tbody tr.on a {color:#5349C0;}
.schList .tbl tbody tr.notice td {font-weight:500;background-color:#FEFDF1;}

.ico-notice {display:block;width:20px;height:20px;margin:0 auto;background:url(../img/ico_notice.svg) no-repeat center;}

/* tblDb[double table] */
.tblDb {display: flex; justify-content: space-between; gap: 48px; margin-top:60px;}
.tblDb:first-child {margin-top:0;}
.tblDb > li {flex:0 1 auto;width:100%;min-width:0;}
.tblDb > li.midControl {flex:0 0 auto;}
.tblDb.sm {gap:20px;}

.cntBox + .cntBox .tblDb {margin-top:0;}


/* 1:2, 2:3 레이아웃 추가 show / hide 고려 수정 */
.tblDb.col1-2 > li {flex:1 1 0;}
.tblDb.col1-2 > li ~ li {flex:2 1 0;}
.tblDb.col2-3 > li {flex:2 1 0;}
.tblDb.col2-3 > li ~ li {flex:3 1 0;}

.tblDb.col2-1 > li {flex:2 1 0;}
.tblDb.col2-1 > li ~ li {flex:1 1 0;}
.tblDb.col3-2 > li {flex:3 1 0;}
.tblDb.col3-2 > li ~ li {flex:2 1 0;}

.tblDb .tbl td {font-weight: 500; line-height: 1.5; color: #464C53; letter-spacing: 0;}
/* 케이스 확인 필요(스타일 간섭 심함)
.tblDb .tbl td .btn {padding:2px 10px 0; height: 36px;}
.tblDb .tbl td p {display: block; max-height: 105px; padding-right: 10px; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; word-break: break-all; overflow-y: auto;}
*/

.tblDb + .tblDb {margin-top:20px !important;}

/* tooltip */
.tooltipBox {display: flex; justify-content: center; align-items: center; width: 100%; background: #F4F5F6;}
.tooltip {display: inline-flex; align-items: flex-start; gap: 5px; font-size: 15px; font-weight: 500; line-height: 1.5; color: #8A949E;}
.tooltip::before {content:''; display: inline-block; width: 12px; min-width: 12px; height: 22px; background: url(../img/ico_bullet.svg) no-repeat center;}

/* map */
.mapBox {box-sizing: border-box; position: relative; top: 0; left: 0; right: 0; bottom: 0; display: flex; gap: 8px; width: 100%;}
.map {position:relative;width:100%;height:100%;}
.mapList {display:flex; flex-direction:column; gap:20px; box-sizing:border-box; position: absolute; top: 0; right: 0; bottom:0; width: 258px; border-top:1px solid #DCDCDC; padding: 10px 12px 24px 24px; box-shadow: -8px 0 12px rgba(0, 0, 0, 0.08); overflow-y: scroll;}
.mapList::-webkit-scrollbar {width:12px;}
.mapList::-webkit-scrollbar-track {background-color: transparent;}
.mapList::-webkit-scrollbar-thumb {background-color:#8A949E;box-sizing:border-box;border:3px solid transparent;background-clip:content-box;}
.mapList a {position: relative; display: flex; align-items: center; width: 100%; padding: 14px 0; font-size: 16px; font-weight: 400; letter-spacing: -0.8px; color: #1E2124; border-bottom: 1px solid #ddd;}
.mapList a::after {position: absolute; right: 9px; content:''; display: block; width: 20px; height: 20px; background: url(../img/ico_map_arr.svg) no-repeat center; transition: 0.3s all;}
.mapList a.on::after {transform: rotate(-180deg);}
.mapList ul ul {display: grid; gap: 15px; padding: 14px 14px 16px 14px; background: #F7F7F8; border-bottom: 1px solid #ddd;}
.mapList ul a:not(.on) + ul {display: none;}
.mapList label {font-weight: 400;}
.mapList .btn-wrap {margin-top:auto;}
.mapList .btn-wrap .btn.pt {flex:1 0 auto;}

/* map : layerIconSet */
.layerIconSet {display:none;position:absolute;top:64px;right:14px;padding:24px;border-radius:4px;background:#fff;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.10);}
.IconSetLi {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.IconSetLi .btnImgTxt {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;width:90px;border:0 none;background:none;}
.IconSetLi .btnImgTxt .img {display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#f4f5f6;transition:background 0.3s;}
.IconSetLi .btnImgTxt .txt {font-size:16px;line-height:1.3;text-align:center;color:#464c53;}
.IconSetLi .btnImgTxt:hover .img {background-color:#E2E5E8;}


/* popup */
.popupWrapDiv {position:relative;z-index:1001;}
.popup {display:flex; flex-direction:column; box-sizing:border-box; position: fixed; top: 50%; left: 50%; width: 880px; max-width:calc(100% - 32px); max-height:calc(100% - 80px); background: #fff; border-radius: 12px; box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.25); transform: translateX(-50%) translateY(-50%); visibility:hidden; transition:width 0.3s; z-index:4;}
.popup .tit {display: inline-flex; align-items: center; width: 100%; height: 42px; padding: 10px 27px; background: #6D4FFF; border-radius: 12px 12px 0 0;}
.popup .tit p {padding-top:4px; font-size: 19px; font-weight: 700; line-height: 1.5; color: #fff;}
.popup .cont {width: 100%; max-height: calc(100vh - 200px); padding: 20px 27px 30px 27px; overflow-y: auto;}
.popup .sch {display: flex; align-items: center; gap: 20px; width: 100%; height: 70px; padding: 20px 25px; background: #F0F2F6;}
.popup .sch .selectBox {min-width: 180px;}
.popup .sch > div {display: flex; gap:10px; align-items: center;}
.popup .sch > div > p {flex-shrink:0;}
.popup .sch .btn-wrap {width: auto; margin-left: auto;}
.popup .sch p {font-weight: 600; color: #464C53;}
.popup > .btn-wrap {padding: 13px 28px 22px 27px; border-top: 1px solid #C6C6C6; border-radius: 0 0 12px 12px;}

/* popup small */
.popup.sm {width: 500px;}
.popup.sm .tit {padding: 5px 12px;}
.popup.sm .cont {padding: 20px 12px;}
.popup.sm > .btn-wrap {padding: 12px 13px;}

/* popup large : large팝업 임시사이즈 추가 */
.popup.lg {width: 1350px;}

/* popup layout */
.popup .cntBox {margin-top:20px;}
.popup .cntBox:first-child {margin-top:0;}
.popup .tblDb {margin-top:0;gap:24px;}


/* popup subBox */
.popup .subBox {margin-top: 10px;}
.popup .subBox > p {display: block; text-align: center; font-size: 19px; font-weight: 700; line-height: 1.5; color: #1E2124;}
.popup .subBox > ul {display: grid; gap: 6px; margin-top: 20px;}
.popup .subBox > ul > li {display: flex; justify-content: space-between; align-items: center; gap:20px; padding: 12px 12px 12px 20px; background: #F4F5F6; border: 1px solid #CDD1D5; border-radius: 5px;}
.popup .subBox > ul > li p {font-size: 14px; font-weight: 400; line-height: 1.5; color: #1E2124;}
.popup .subBox > ul > li p b {font-weight: 700;}
.popup .subBox > ul > li p span {margin-left: 6px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #6D7882;}
.popup .subBox > ul > li button {flex-shrink:0;width:auto;}
.popup .subBox .tooltip {margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #6D7882;}
.popup .subBox .tooltip::before {width: 15px; height: 15px; background: url(../img/ico_tooltip.svg) no-repeat center;}

/* popup subBox : 안내 */
.popup .subBox.noti {padding-top:58px;background:url(../img/ico_msg_noti.svg) no-repeat 50% top;}

/* popup Content */
.popup .schList {margin: 0;}
.popup .tblBox .tbl {min-width: auto;}
.popup .tooltip {font-size: 12px; font-weight: 600; color: #6D7882;}
.popup .titBox {margin-bottom:4px;}
.popup .titBox h3 {display: inline-flex; align-items: center; gap: 8px; padding: 0; background: transparent;}
.popup .titBox h3::before {content:''; display: inline-block; width: 5px; height: 5px; background: #6d4fff; border-radius: 50%;}

/* popup mapPopup */
.popup.mapPopup {top:160px;left:30px;width: 690px; padding: 25px 25px 20px 25px; border-radius:6px;transform:none;transition:left 0.3s;}/* 상단 여백 130px + 30px */
.showMenu .popup.mapPopup {left:260px;}
.popup.mapPopup .tit {display:block; height: 0; background: transparent; border-radius: 6px 6px 0 0;}
.popup.mapPopup > * {padding: 0;}
.popup.mapPopup > .btn-wrap {padding: 11px 0 0 0; border-radius: 0 0 6px 6px;}
.popup.mapPopup .btn-close[type="button"] {top: 25px; right: 25px; filter: brightness(0.6);}
.popup.mapPopup .cont {overflow-y: inherit;}
.popup.mapPopup .tab {margin-top:0; pointer-events:none;}
.popup.mapPopup .tab ul {border-width:0; border-style: solid; border-color: #D9E1F2; pointer-events:all;}
.popup.mapPopup .tabCont {padding-bottom: 25px;}
.popup.mapPopup .tabCont > li {display: flex; flex-direction: column; flex-wrap:nowrap; gap: 11px; overflow-y: auto;}
.popup.mapPopup .tabCont > li:not(.active) {display: none;}
.popup.mapPopup .tabCont p {font-size: 16px; font-weight: 400; line-height: 1.4; color: #464c53;white-space: pre-wrap;}
.popup.mapPopup .tabCont b {color:#1e2124;}
.popup.mapPopup > .btn-wrap .btn {height: 36px; padding: 5px 14px; border-color: #B1B8BE;}
.popup.mapPopup > .btn-wrap .btn.link::after {position: relative; right: -3px; content:''; display: inline-block; width: 7px; height: 10px; margin-left: 3px; background: url(../img/ico_map_btn.svg) no-repeat center;}

/* dim */
.dim {z-index: 1001; position: fixed; top: 0; left: 0; display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,0.2);}

/* table Cell */
.tbl .cell {width: auto; border: 1px solid #D4DADF;}
.tbl .cell th,
.tbl .cell td {border:1px solid #D4DADF;}
.tbl .cell th::before {display:none !important;}
.tbl .cell th {text-align:center; background:#E7E9EB;}
.tbl .cell tbody th {text-align:left; background:#F4F5F6;}
.tbl .cell tbody td {padding: 5px 0; border-left: 1px solid #D4DADF;}
.tbl .cell tbody tr:first-child th,
.tbl .cell tbody tr:first-child td {border-top:0 none;}

.tbl .cell .cellColor {display: block; width: 100%; height: 16px; background: #6D4FFF;}

.cellCheck {display:flex;align-items:center;width:100%;height:40px;cursor:pointer;}
.cellCheck input[type=checkbox] + span {display:block;width:100%;height:16px;}
.cellCheck input[type=checkbox]:checked + span {background:#6D4FFF;}

/* adBox */
.adBox {display: grid; gap: 20px; padding: 20px 30px 30px 30px; background: #F4F5F6; border: 1px solid #E2E6EA; border-radius: 4px;}
.adBox + .adBox {margin-top:20px;}
.adBox table {background: #fff; outline: 1px solid #E2E6EA; border-radius: 4px; table-layout: fixed; overflow: hidden;}
.adBox tbody tr:not(:last-child) {border-bottom: 1px dashed #CDD1D5;}
.adBox td {padding: 10px 0;}
.adBox td .btn-wrap {justify-content: flex-start; width: 65px; padding-left: 30px; box-sizing: content-box;}
.adBox td .btn-wrap button {flex-shrink: 0;}
.adBox > .title {display: flex; align-items: center;}
.adBox > .title .chk {margin-right: 10px;}
.adBox > .title .chk label {font-weight: 400;}
.adBox > ul > li {display: flex; align-items: center; padding: 10px 30px 10px 20px;}
.adBox .txt {flex: 1; display: flex; align-items: flex-start; flex-direction: column; gap: 0; width: 100%; height: 100%; min-height: 70px; max-height: 100px; padding: 10px; background: #fff; border: 1px solid #B1B8BE; border-radius: 4px; overflow-y: auto;}
.adBox .txt p {font-size: 14px; font-weight: 500; line-height: 1.8; color: #464C53;}
.adBox .num {display: block; padding: 20px; font-size: 14px; font-weight: 500; line-height: 1.5; color: #464C53;}
.adBox :where(.total, .use) {display: flex; align-items: center; padding-left: 30px;}
.adBox :where(.total, .use) label {font-weight:500;}
.adBox :where(.total, .use) :where(input, .selectBox) {width: 120px; margin-left: 12px;}
.adBox .total input {text-align: right;}
.adBox .total p {display: block; margin-left: 7px; font-size: 16px; font-weight: 700; line-height: 1.5; line-height: 150%; color: #8a949e;}
.adBox .total p span {color: #D63D4A;}
.adBox .txtBox {flex: 1;}
.adBox .txtBox input {width: 100%;}
.adBox .txtBox input::placeholder {font-size: 14px;}
.adBox .score {display: flex; align-items: center; width: 517px;}
.adBox label {color: #464C53;}
.adBox :is(th, td).top {vertical-align: top;}
.adBox :is(th, td).mid {vertical-align: middle;}
.adBox :is(th, td).bottom {vertical-align: bottom;}

/* adBox de */
.adBox.de {padding: 13px 5px; border: 0; border-radius: 0;}
.adBox.de {border-top: 1px solid #58616A;}
.adBox.de + .adBox.de {border-top: 0;}
.adBox.de table {border: 0; outline: 0;}
.adBox.de tbody tr {border: 0;}
.adBox.de table td {padding: 6px 15px 6px 15px; background: #f4f5f6;}
.adBox.de td .btn-wrap {width: 100%; padding: 0;}

/* modal */
.modal {display:flex;flex-direction:column;box-sizing:border-box;height:100%;}
.modal .tit {display: inline-flex; align-items: center; width: 100%; height: 42px; padding: 10px 27px; background: #6D4FFF;}
.modal .tit p {font-size: 19px; font-weight: 700; line-height: 1.5; color: #fff;}
.modal .cont {flex:1 1 auto; box-sizing:border-box; width: 100%; height: 100%; padding: 20px 27px 30px 27px; overflow-y: auto;}
.modal .sch:not(.btn) {display: flex; align-items: center; gap: 20px; width: 100%; height: 70px; padding: 20px 25px; background: #F0F2F6;}
.modal .sch .selectBox {min-width: 180px;}
.modal .sch > div {display: flex; align-items: center;}
.modal .sch .btn-wrap {width: auto; margin-left: 5px;}
.modal .sch p {margin-right: 10px; font-weight: 600; color: #464C53;}
.modal .schList > .tblBox .tbl {min-width: auto;}
.modal > .btn-wrap {padding: 13px 28px 22px 27px; border-top: 1px solid #C6C6C6;}

/* toggleBox */
.toggleBox {display: flex; justify-content: center; align-items: center;}
.toggleBox:not(.on) ~ :where(.titBox, .tblBox, .pagination, .tab, .tabCont):not(.toggle) {display: none;}
.toggleBox button {display: inline-flex; justify-content: center; align-items: center; gap: 5px; width: 200px; height: 40px; font-size: 16px; font-weight: 400; color: #fff; background: #3B80FF; border: 0; border-radius: 5px;}
.toggleBox button::after {content:''; display: inline-block; width: 16px; height: 16px; background: url(../img/ico_select_arr.svg) no-repeat center; filter: invert(1); transition: 0.4s all;}
.toggleBox.on button::after {transform: rotate(-180deg); transition: 0.4s all;}
.toggleBox.on .toggleOn {display: none;}
.toggleBox:not(.on) .toggleOff {display: none;}

/* 2025.07.22 ~ */
/* 2025.07.22 keyword 연관 검색 */
.inputDiv {position:relative;z-index:5;}
.inputDiv .keywords {display:none;overflow-y:auto;box-sizing:border-box;position:absolute;top:100%;left:0;width:100%;max-height:300px;margin-top:4px;padding:4px;border:1px solid #b1b8be;border-radius:4px;background:#fff;}
.inputDiv .keywords button {display:block;width:100%;height:100%;padding:4px;border-radius:4px;text-align:left;border:0 none;background:none;overflow:hidden;font-size:15px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;}
.inputDiv .keywords button:hover,
.inputDiv .keywords button:focus {color:#256ef4;background:#f4f5f6;}
.inputDiv .keywords .empty {display:none;padding:16px 4px;text-align:center;color:#b1b8be;}
.inputDiv:focus-within .keywords {display:block;}


/**** 평가 ****/

/** 평가 - 평가계획등록 **/
.inpCol {display:flex;flex-direction:column;gap:4px;}/* input 세로 배열 */
.inpRow {display:flex;gap:10px;align-items:center;}
.inpRow input {flex-shrink: 1; min-width:0;}
.inpRow button {flex-shrink: 0;}

.txtThYear {display:inline-block;margin-right:5px;font-weight:700;}
.txtThYear:empty {display:none;}

/** layout 세팅 **/
.layDbl {display:flex;align-items:center;gap:20px;width:100%;}
.layDbl .schList {margin-top:0;}
.midControl {flex:0 0 auto; display:flex; flex-direction:column; gap:5px; justify-content: center; width:auto !important;}

/* 25.07.24 사업관리-상세 */
.info .tab {margin-bottom:60px;}

/* info tit */
.itit .eyebrow {display:flex;align-items:center;margin-bottom:10px;gap:14px;}
.itit .serial {display:block;font-size:14px;color:#464C53;font-weight:400;}
.itit .title {display: flex; align-items: center; gap: 16px;}
.itit .title strong {display:block;font-size:36px;line-height:1.5;color:#1e2124;}
.itit .title span {font-size:18px;line-height:1.5;color:#6d7882;}

/* iStatusBox */
.iStatusBox {display:flex;align-items:center;margin-top:8px;padding:32px 55px 32px 40px;background:#F5F5F5;}
.iStatusBox .statusLi {display:flex;align-items:center;gap:4px;margin-right:96px;}
.iStatusBox .statusLi .span {margin:0;}

.iStatusBox .categoryLi {display:flex;align-items:center;gap:20px;}
.iStatusBox .categoryLi > li {display:flex;align-items:center;position:relative;padding-left:20px;}
.iStatusBox .categoryLi > li::before {content:'';display:block;position:absolute;left:0;top:0;width:1px;height:100%;background-color:#d9d9d9;}
.iStatusBox .categoryLi > li strong {font-size:16px;line-height:1.5;color:#1E2124;}
.iStatusBox .categoryLi > li img {display:block;margin-right:8px;}
.iStatusBox .categoryLi > li svg {display:block;margin-right:10px;}
.iStatusBox .categoryLi > li .extra {margin-left:4px;font-size:16px;line-height:1.5;color:#8A949E;}
.iStatusBox .categoryLi:first-child > li:first-child {padding-left:0;}
.iStatusBox .categoryLi:first-child > li:first-child::before {content:none;}

.iStatusBox .scheduleLi {display:flex;align-items:flex-start;margin-left:auto;gap:16px;}
.iStatusBox .scheduleLi p {margin-bottom:3px;font-size:14px;line-height:1.5;color:#464C53;}
.iStatusBox .scheduleLi span {font-size:22px;line-height:1;}
.iStatusBox .scheduleLi strong {color:#6D4FFF;}
.iStatusBox .scheduleLi .symbol {align-self:flex-end;font-size:26px;line-height:1;}

.iSummaryBox {margin-top:70px;padding-bottom:50px;}
.iSummaryBox .iSummaryLi {display:flex;align-items:flex-start;justify-content:space-between;padding:0 70px;}
.iSummaryBox .iSummaryLi > li {flex:0 1 auto;min-width:0;}
.iSummaryBox .iSummaryLi > li:empty {flex:0 0 auto;align-self:stretch;width:1px;background-color:#E2E6EA;}
.iSummaryBox .iSummaryLi p {margin-bottom:2px;font-size:16px;font-weight:400;color:#6D7882;}
.iSummaryBox .iSummaryLi strong {display:block;font-size:23px;line-height:1.5;font-weight:600;color:#1E2124;}

.iDescBox {display:flex;align-items:center;justify-content:space-between;gap:80px;padding:60px 0 70px;border-top:1px solid #e2e6ea;}
.iDescBox .iDescTypo > strong {display:block;margin-bottom:12px;font-size:16px;line-height:1.5;}
.iDescBox .iDescTypo .t1 {display:block;margin-bottom:12px;font-size:19px;font-weight:500;line-height:1.5;}
.iDescBox .iDescTypo .t2 {font-size:17px;line-height:1.5;color:#6d7882;}
.iDescBox .tagLi {flex-shrink:0;}
.iDescBox .tagLi > li {text-align:right;}
.iDescBox .tagLi > li + li {margin-top:3px;}
.iDescBox .tagLi span {display:inline-block;padding:0 20px;border-radius:4px;font-size:17px;font-weight:700;line-height:27px;color:#fff;background-color:#6D4FFF;}

.iChartBox {display:flex;align-items:center;gap:100px;padding:70px 30px 50px;border-top:1px solid #e2e6ea;}
.iChartBox .iChartDescLi {display:flex;gap:80px;}
.iChartBox .iChartDescLi p {font-size:16px;font-weight:700;line-height:1.5;margin-bottom:10px;}
.iChartBox .iChartDesc {display:flex;align-items:flex-end;gap:3px;}
.iChartBox .iChartDescLi strong {font-size:40px;line-height:1.5;color:#6D4FFF;}
.iChartBox .iChartDescLi span {display:block;padding-bottom:4px;font-size:23px;line-height:1.5;}

.iChartBox .iChartArea {width:550px;height:230px;}

/* info box */
.iBox {border-top: 1px solid #4C4C4C;}
.iBox > div {display: flex; align-items:flex-start; gap: 0; padding: 30px 0 30px 30px; border-bottom: 1px solid #6A6A6A;}
.iBox .imgbox {flex-shrink:0; overflow:hidden; display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows: repeat(2, 1fr); gap:4px; width: 320px; height: 256px; cursor: pointer;}
.iBox .imgbox > div {overflow:hidden;}
.iBox .imgbox img {display:block;width:100%;}

.iBox .biz {overflow:hidden;width:100%;}
.iBox .biz .tbl::before {background-color:#E2E6EA;}
.iBox .biz .tbl tr {border-bottom-style:solid;}
.iBox .biz .tbl thead th {font-size:15px;font-weight:700;color:#1E2124;}
.iBox .biz .tbl tbody td {height:auto;padding:23px 4px;vertical-align:middle;}

.iBox .biz a {display:block; max-width:100%; font-size:15px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.iBox .biz a + a {margin-top:4px;}
.iBox .biz a::before {position: relative; top: -2px; content:''; display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle;}
.iBox .biz a.hwp::before {background-image: url(../img/ico_file_hwp.svg);}
.iBox .biz a.pdf::before {background-image: url(../img/ico_file_pdf.svg);}
.iBox .biz a.xls::before {background-image: url(../img/ico_file_xls.svg);}
.iBox .biz a.doc::before {background-image: url(../img/ico_file_doc.svg);}
.iBox .biz a.txt::before {background-image: url(../img/ico_file_txt.svg);}
.iBox .biz a.zip::before {background-image: url(../img/ico_file_zip.svg);}
.iBox .biz a.ppt::before {background-image: url(../img/ico_file_ppt.svg);}
.iBox .biz a.bmp::before {background-image: url(../img/ico_file_bmp.svg);}
.iBox .biz a.gif::before {background-image: url(../img/ico_file_gif.svg);}
.iBox .biz a.jpg::before {background-image: url(../img/ico_file_jpg.svg);}
.iBox .biz a.png::before {background-image: url(../img/ico_file_png.svg);}
.iBox .biz a.tif::before {background-image: url(../img/ico_file_tif.svg);}
.iBox .biz a.xml::before {background-image: url(../img/ico_file_xml.svg);}
.iBox .biz a.html::before {background-image: url(../img/ico_file_html.svg);}
.iBox .biz a.exe::before {background-image: url(../img/ico_file_exe.svg);}
.iBox .biz a.mpg::before {background-image: url(../img/ico_file_mpg.svg);}
.iBox .biz a.mp4::before {background-image: url(../img/ico_file_mp4.svg);}
.iBox .biz a.avi::before {background-image: url(../img/ico_file_avi.svg);}
.iBox .biz a.etc::before {background-image: url(../img/ico_file_etc.svg);}

.iBox .biz-list {display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:0 100px;}
.iBox .biz-list li {display:flex;align-items:center;gap:10px;}
.iBox .biz-list li:empty {flex:0 0 auto;width:1px;height:20px;background-color:#E2E6EA;}
.iBox .biz-list p {flex-shrink:0;font-size:14px;font-weight:500;line-height:1.5;}

.iBox .biz .tbl.total {width:100%;}
.iBox .biz .tbl.total tbody td {padding:20px;vertical-align:top;}
.iBox .biz .t1 {text-align:left;margin-bottom:12px;}
.iBox .biz .btn {width:100%;}
.iBox .biz .btn + .t1 {margin-top:20px;}
.iBox .biz .btn + .btn {margin-top:4px;}

.iBox .btn {height: auto; padding: 8px 10px; font-size: 15px; line-height:22px; font-weight: 400; color: #1E2124; border-color: #D2D2D2; border-radius: 8px;}
.iBox .btn.file {flex:0 0 auto;flex-direction:row;width:130px;padding: 8px 26px;}


/* info btn-wrap */
.info .btn-wrap {margin-top: 50px;}
button.btn.info {min-width: 137px; height: 56px; margin:0 auto; padding: 10px; font-size: 18px; font-weight: 500; color: #fff; background: #212121; border: 0; border-radius: 6px;}


/* 그리드 버튼 */
button[class^=btnList] {display:inline-block;box-sizing:border-box;border:0 none;cursor:pointer;vertical-align:middle;}
.btnListFile{width:24px;height:24px;background:url(../img/ico_list_file.svg) no-repeat center;}

/* tip
 * 기본 right bottom
 * left, top 사용 가능
**/
.tipCont {display:none;position:absolute;left:100px;top:100px;width:max-content;padding:16px 14px 14px;border:1px solid #464C53;border-radius:4px;text-align:left;background:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.25));z-index:1;}
.tipCont::before {content:'';display:block;position:absolute;left:12px;bottom:100%;border:solid transparent;border-bottom-color:#464C53;border-width:0 5px 6px 5px;}
.tipCont::after {content:'';display:block;position:absolute;left:13px;bottom:100%;border:solid transparent;border-bottom-color:#fff;border-width:0 4px 4px 4px;}
.tipCont.top::before {bottom:auto;top:100%;border-bottom-color:transparent;border-top-color:#464C53;border-width:6px 5px 0 5px;}
.tipCont.top::after {bottom:auto;top:100%;border-bottom-color:transparent;border-top-color:#fff;border-width:4px 4px 0 4px;}
.tipCont.left::before {left:auto;right:12px;}
.tipCont.left::after {left:auto;right:13px;}

.tipCont .msg {font-size:15px;line-height:1.5;}

.tipCont .tabBox {margin-top:10px;}
.tipCont .tabBox:first-child {margin-top:0;}
.tipCont .tabBox .tab {margin-bottom:12px;}

/* file list */
.fileList li + li {margin-top:4px;}
.fileList a {display:inline-block;overflow:hidden;padding:2px 0 1px 28px;font-size:14px;line-height:1.5;font-weight:500;text-decoration:underline;text-underline-position:under;color:#464646;background-repeat:no-repeat;background-position:left top;white-space:nowrap;text-overflow:ellipsis;}
.fileList .hwp {background-image:url(../img/ico_file_hwp.svg);}
.fileList .pdf {background-image:url(../img/ico_file_pdf.svg);}
.fileList .xls {background-image:url(../img/ico_file_xls.svg);}
.fileList .doc {background-image:url(../img/ico_file_doc.svg);}
.fileList .txt {background-image:url(../img/ico_file_txt.svg);}
.fileList .zip {background-image:url(../img/ico_file_zip.svg);}
.fileList .ppt {background-image:url(../img/ico_file_ppt.svg);}
.fileList .bmp {background-image:url(../img/ico_file_bmp.svg);}
.fileList .gif {background-image:url(../img/ico_file_gif.svg);}
.fileList .jpg {background-image:url(../img/ico_file_jpg.svg);}
.fileList .png {background-image:url(../img/ico_file_png.svg);}
.fileList .tif {background-image:url(../img/ico_file_tif.svg);}
.fileList .xml {background-image:url(../img/ico_file_xml.svg);}
.fileList .html {background-image:url(../img/ico_file_html.svg);}
.fileList .exe {background-image:url(../img/ico_file_exe.svg);}
.fileList .mpg {background-image:url(../img/ico_file_mpg.svg);}
.fileList .mp4 {background-image:url(../img/ico_file_mp4.svg);}
.fileList .avi {background-image:url(../img/ico_file_avi.svg);}
.fileList .etc {background-image:url(../img/ico_file_etc.svg);}

/* 범례 */
.legendLi {display:flex;gap:20px;}
.legendLi li {position:relative;padding-left:25px;font-size:13px;line-height:18px;color:#484b51;}
.legendLi li::before {content:'';display:block;position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#868686;}
.legendLi li.pt::before {background-color:#4f9097;}
.legendLi li.orange::before {background-color:#DC984F;}
.legendLi li.blue::before {background-color:#5D8CB0;}
.legendLi li.black::before {background-color:#868686;}
:where(.rt) .legendLi {display:inline-flex;vertical-align:middle;}
.legendOrange {color:#C27F38 !important;}
.legendBlue {color:#5D8CB0 !important;}
.legendBlack {color:#868686 !important;}


/* boxLi : 진단항목 / 심사기준관리 리스트 */
.boxLi > li {padding:16px 20px 20px;border:1px solid #e2e6ea;border-radius:4px;background:#f4f5f6;}
.boxLi > li + li {margin-top:40px;}
.boxLi > li > .boxTit {padding-bottom:12px;}
.boxLi .boxTit {display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;}
.boxLi .boxTit .lt,
.boxLi .boxTit .rt {display:flex;align-items:center;gap:10px;}
.boxLi .boxTit .lt > *,
.boxLi .boxTit .rt > * {flex:0 0 auto;}
.boxLi .boxTit .rt {justify-content:flex-end;text-align:right;padding-right:20px;}

.boxLi .boxTit .label {font-weight:500;line-height:1.5;color:#464c53;}
.boxLi .boxTit .tit {line-height:1.5;}
.boxLi .boxTit .total-wrap {display:flex;align-items:center;gap:10px;}
.boxLi .boxTit .total-wrap .detail {display:flex;align-items:center;gap:8px;}
.boxLi .boxTit .total-wrap .detail strong {line-height:1.5;}
.boxLi .boxTit .total-wrap .detail span {line-height:1.5;}

/* 하위 boxLi */
.boxLi .boxLi > li {padding:20px;background:#fff;}
.boxLi .boxLi > li + li {margin-top:20px;}
.boxLi .boxLi .boxTit .rt {padding-right:0;}
.boxLi .boxLi .boxTit .total-wrap .detail strong {font-weight:500;}
.boxLi .tbl {border:1px solid #E2E6EA;}
.boxLi .tbl::before {display:none;}
.boxLi .tbl thead th {background:none;}
.boxLi .tbl tbody td {color:#464c53;font-weight:500;}

/* boxLi margin */
:where(.tblBox) + .boxLi {margin-top:20px;}

/* nodeBox */
.popup.node .cont {max-height:none;}
.popup.node .nodeBox {height:578px;}

.nodeWrap {display:flex;align-items:center;gap:20px;width:100%;padding-top:18px;}
.nodeBox {display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-width:0;border:1px solid #e2e6ea;border-radius:6px;background:#fff;}
.nodeBox.bg {background:#F4F5F6;}
.nodeBox .nodeSchBox {padding:20px 15px 0;}


/* 버튼이 포함된 형태의 inp */
.inp-btn {display:flex;align-items:center;gap:4px;border:1px solid #B1B8BE;border-radius:4px;background:#fff;}
.inp-btn input[type="text"] {flex:1;height:34px;border:0 none;}
.inp-btn button {flex-shrink:0;width:34px;height:34px;border:0 none;background:url(../img/ico_sch_inp.svg) no-repeat center;}

.nodeBox .nodeArea {overflow:hidden;flex:1 1 auto;padding:20px 8px 15px 20px;}
.nodeBox .nodeArea > .nodeLi {max-height:100%;overflow-y:auto;}

.nodeLi {display:block;position:relative;}
.nodeLi .nodeLi {display:none;padding:12px 0 5px 50px;}
.nodeLi .nodeLi::before {content:'';display:block;position:absolute;left:9px;top:4px;bottom:0;width:1px;background-color:#E2E6EA;}
.nodeLi .nodeLi .nodeLi::before {content:none;}
.nodeLi .opened + .nodeLi {display:block;}

.nodeLi .node {display:flex;align-items:flex-start;gap:5px;}
.nodeLi .node > button {flex:0 0 auto;display:block;width:20px;height:20px;border:0 none;background:url(../img/ico_tree_arr.svg) no-repeat center;transition:all 0.3s;}
.nodeLi .node > label,
.nodeLi .node > a,
.nodeLi .node > span {display:block;min-width:0;line-height:20px;word-break:break-all;}
.nodeLi .node > label::before {flex:0 0 auto;}
.nodeLi .node.opened > button {transform:rotate(90deg);}
.nodeLi .node.opened > label,
.nodeLi .node.opened > a,
.nodeLi .node.opened > span {font-weight:500;color:#1E2124;}

.nodeLi .node > label {position:relative;padding-left:50px;background:url(../img/ico_tree_node.svg) no-repeat 25px top;}
.nodeLi .node > label::before {position:absolute;left:0;top:0;}
.nodeLi .node.folder > label {position:relative;padding-left:50px;background:url(../img/ico_tree_folder.svg) no-repeat 25px top;}
.nodeLi .node.folder > label::before {position:absolute;left:0;top:0;}
.nodeLi .node.person > label {position:relative;padding-left:50px;background:url(../img/ico_tree_person.svg) no-repeat 25px top;}
.nodeLi .node.person > label::before {position:absolute;left:0;top:0;}
.nodeLi li + li {margin-top:7px;}

.nodeLi .node > a,
.nodeLi .node > span {overflow:hidden;position:relative;padding-left:25px;background:url(../img/ico_tree_node.svg) no-repeat left top;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;}
.nodeLi .node.folder > span,
.nodeLi .node.folder > a {position:relative;padding-left:25px;background:url(../img/ico_tree_folder.svg) no-repeat left top;}
.nodeLi .node.file {flex-direction:row;}
.nodeLi .node.file > span,
.nodeLi .node.file > a {padding:2px 0 2px 25px;background-image:url(../img/ico_file_etc.svg);}
.nodeLi .node.file.hwp > span,
.nodeLi .node.file.hwp > a {background-image: url(../img/ico_file_hwp.svg);}
.nodeLi .node.file.pdf > span,
.nodeLi .node.file.pdf > a {background-image: url(../img/ico_file_pdf.svg);}
.nodeLi .node.file.xls > span,
.nodeLi .node.file.xls > a {background-image: url(../img/ico_file_xls.svg);}
.nodeLi .node.file.doc > span,
.nodeLi .node.file.doc > a {background-image: url(../img/ico_file_doc.svg);}
.nodeLi .node.file.txt > span,
.nodeLi .node.file.txt > a {background-image: url(../img/ico_file_txt.svg);}
.nodeLi .node.file.zip > span,
.nodeLi .node.file.zip > a {background-image: url(../img/ico_file_zip.svg);}
.nodeLi .node.file.ppt > span,
.nodeLi .node.file.ppt > a {background-image: url(../img/ico_file_ppt.svg);}
.nodeLi .node.file.bmp > span,
.nodeLi .node.file.bmp > a {background-image: url(../img/ico_file_bmp.svg);}
.nodeLi .node.file.gif > span,
.nodeLi .node.file.gif > a {background-image: url(../img/ico_file_gif.svg);}
.nodeLi .node.file.jpg > span,
.nodeLi .node.file.jpg > a {background-image: url(../img/ico_file_jpg.svg);}
.nodeLi .node.file.png > span,
.nodeLi .node.file.png > a {background-image: url(../img/ico_file_png.svg);}
.nodeLi .node.file.tif > span,
.nodeLi .node.file.tif > a {background-image: url(../img/ico_file_tif.svg);}
.nodeLi .node.file.xml > span,
.nodeLi .node.file.xml > a {background-image: url(../img/ico_file_xml.svg);}
.nodeLi .node.file.html > span,
.nodeLi .node.file.html > a {background-image: url(../img/ico_file_html.svg);}
.nodeLi .node.file.exe > span,
.nodeLi .node.file.exe > a {background-image: url(../img/ico_file_exe.svg);}
.nodeLi .node.file.mpg > span,
.nodeLi .node.file.mpg > a {background-image: url(../img/ico_file_mpg.svg);}
.nodeLi .node.file.mp4 > span,
.nodeLi .node.file.mp4 > a {background-image: url(../img/ico_file_mp4.svg);}
.nodeLi .node.file.avi > span,
.nodeLi .node.file.avi > a {background-image: url(../img/ico_file_avi.svg);}

.nodeBoxTit {display:flex;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #e2e6ea;}
.nodeBoxTit strong {line-height:1.5;font-weight:700;color:#1E2124;}
.nodeBoxTit .summaryTxt {line-height:1.5;font-weight:400;color:#6f7f92;}
.nodeBoxTit .summaryTxt em {font-style:normal;line-height:1.5;font-weight:500;color:#6d4fff;}

.nodeUtil {padding:0 20px 20px;}
.nodeUtil .txtInfo {margin-bottom:5px;}

/* 댓글 관련 컴포넌트 추가 08.13 */
.commentForm {border:1px solid #b1b8be;border-radius:4px;background:#F4F5F6;}
.commentForm .commentBox {padding:15px;}
.commentForm .commentBox textarea {height:120px;margin-bottom:10px;}
.commentForm .commentBtn {padding:10px 15px;border-top:1px solid #b1b8be;}

.commentLi {margin-top:40px;border-top:1px solid #82898F;}
.commentLi:first-child {margin-top:0;}
.commentLi > li {padding:14px;border-bottom:1px dashed #CDD1D5;}
.commentLi > li.mine {background-color:#F0F2F6;}
.commentLi .commentTit {display:flex;align-items:center;gap:10px;}
.commentLi .userMsg {font-size:16px;line-height:1.5;}
.commentLi .date {display:block;margin-left:auto;font-size:15px;color:#6D7882;}
.commentLi .commentUtil {display:flex;align-items:center;gap:17px;margin-left:10px;}
.commentLi .commentUtil li {position:relative;}
.commentLi .commentUtil li + li::before {content:'';display:block;position:absolute;top:4.5px;left:-9px;width:1px;height:12px;background-color:#cdd1d5;}
.commentLi .commentDetail {margin-top:8px;}
.commentLi .commentDetail p {font-size:16px;line-height:1.5;}
.commentLi .commentDetail .file {margin-top:10px;}
.commentLi .commentToggle {margin-top:12px;}
.commentLi .commentForm {display:none;margin-top:10px;}

.titBox + .commentLi {margin-top:0;}

/* 대댓글 */
.commentLi .commentLi {margin:15px -14px 0;border-top:1px dashed #CDD1D5;}
.commentLi .commentLi > li {padding-left:34px;background:url(../img/ico_reply.svg) no-repeat 14px 18px;}
.commentLi .commentLi > li:last-child {padding-bottom:0;border-bottom:0 none;}

/* 권한 처리 tableNode */
.tableNode {display:flex;align-items:center;gap:5px;color:#1E2124;font-size:16px;line-height:1.5;}
.tableNode .space {display:block;width:20px;height:20px;}
.tableNode .line {display:block;width:20px;height:20px;background:url(../img/ico_tbl_depth.svg) no-repeat center;}
.tableNode span,
.tableNode label {font-weight:500 !important;color:#1E2124 !important;}

.optColumns {display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); overflow-y:auto; box-sizing:border-box; max-height:132px; border:1px solid #E2E6EA;border-radius:4px;}
.optColumns > li {padding:20px;}
.optColumns > li + li {border-left:1px solid #E2E6EA;}
.optColumns > li .chkBox {margin-bottom:10px;}
.optColumns > li .chkBox:last-child {margin-bottom:0;}

/* 메인 */
.main .container {padding:0;}
.main .contents {display:flex;flex-direction:column;height:100%;}
.main .contents .tab {margin-bottom:0;}
.main .contents .tabCont {flex:1;}
.main .contents .tabCont > li {height:100%;}
.main .tipCont{display:block;}

.tab.ty-main {padding:8px 30px 0;background-color:#B9BCC4;}
.tab.ty-main ul {gap:3px;}
.tab.ty-main::after {display:none;}
.tab.ty-main li button {height:42px;padding:0 40px;border:0 none;border-radius:6px 6px 0 0;background-color:#D3D6DE;font-size:17px;line-height:1.5;color:#2D2D2D;font-weight:700;}
.tab.ty-main li button::after {display:none;}
.tab.ty-main li button.active {background-color:#fff;}

.tabEtc {align-self:flex-start;display:flex;align-items:center;gap:4px;margin-left:auto;}
.mainCombo {box-sizing:border-box;width:146px;height:34px;padding:4px 24px 4px 12px;border-radius:6px;background:#6D4FFF url(../img/ico_main_select.svg) no-repeat 120px center;font-size:17px;font-weight:600;line-height:1.5;color:#fff;}
.mainCombo option {color:#464c53;background-color:#fff;}

.mainRdo {display:flex;align-items:center;gap:4px;}
.mainRdo label {position:relative;cursor:pointer;}
.mainRdo input {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
.mainRdo span {display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 14px;border-radius:6px;font-size:14px;font-weight:500;line-height:1;background:#D3D6DE;}
.mainRdo span::before {content:'';display:block;width:12px;height:12px;background:url(../img/ico_main_rdo.svg) no-repeat center;}
.mainRdo input:checked + span {font-weight:700;background-color:#fff;}
.mainRdo input:checked + span::before {background-image:url(../img/ico_main_rdo_c.svg);}

.mainBiz {box-sizing:border-box;display:flex;gap:24px;padding:30px 25px;}
.mainBiz .mainSide {flex-shrink:0;align-self:flex-start;box-sizing:border-box;width:236px;padding:12px 8px;border-radius:6px;background-color:#D9D9D9;}

.mainBiz .bizSummary {padding:6px 26px 16px;border-radius:4px;background-color:#fff;}
.mainBiz .bizSummary > li {padding:20px 0 16px;}
.mainBiz .bizSummary > li + li {border-top:1px solid #D9D9D9;}
.mainBiz .bizSummary .bizSum {position:relative;padding:4px 0 0 60px;background-repeat:no-repeat;background-position:left top;}
.mainBiz .bizSummary .bizSum.biz01 {background-image:url(../img/ico_main_biz01.svg);}
.mainBiz .bizSummary .bizSum.biz02 {background-image:url(../img/ico_main_biz02.svg);}
.mainBiz .bizSummary .bizSum.biz03 {background-image:url(../img/ico_main_biz03.svg);}
.mainBiz .bizSummary .bizSum.biz04 {background-image:url(../img/ico_main_biz04.svg);}
.mainBiz .bizSummary .bizSum .name {font-size:14px;line-height:21px;font-weight:500;background-repeat:no-repeat;background-position:left top;color:#484B51;}
.mainBiz .bizSummary .bizSum .count {display:block;margin-top:4px;text-align:right;font-size:18px;line-height:1.5;}
.mainBiz .bizSummary .bizSum button {box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;border:0 none;background:none;}

.mainBiz .bizSummary .bizSumDetail {margin:4px 0 6px;}
.mainBiz .bizSummary .bizSumDetail > li {display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:14px;background:url(../img/ico_main_arr.svg) no-repeat 14px top;}
.mainBiz .bizSummary .bizSumDetail .name {padding-left:35px;font-size:16px;font-weight:700;line-height:24px;background:url(../img/ico_main_prc.svg) no-repeat 10px center;}
.mainBiz .bizSummary .bizSumDetail .count {font-size:16px;}

.mainBiz .bizSummary .total .bizSum {display:flex;align-items:center;justify-content:space-between;padding:0;}
.mainBiz .bizSummary .total .name {padding:0;}
.mainBiz .bizSummary .total .count {margin:0;font-size:17px;line-height:1.5;}

.mainBiz .bizMonitoring {margin-top:16px;padding:4px 20px 0;border-radius:4px;background-color:#fff;}
.mainBiz .bizMonitoring > li {padding:26px 0 20px;}
.mainBiz .bizMonitoring > li + li {border-top:1px solid #d9d9d9;}
.mainBiz .bizMonitoring .name {padding-left:37px;font-size:14px;font-weight:500;line-height:27px;background-repeat:no-repeat;background-position:left top;}
.mainBiz .bizMonitoring .name.monitor01 {background-image:url(../img/ico_main_monitor.svg);}
.mainBiz .bizMonitoring .name.monitor02 {background-image:url(../img/ico_main_performance.svg);}
.mainBiz .bizMonitoring .name.monitor03 {background-image:url(../img/ico_main_chart.svg);}
.mainBiz .bizMonitoring .summary {margin-top:10px;text-align:right;font-size:17px;line-height:1.5;font-weight:700;}
.mainBiz .bizMonitoring .summary.tyDate {font-size:15px;}
.mainBiz .bizMonitoring .descLi {margin-top:22px;}
.mainBiz .bizMonitoring .descLi > li {display:flex;align-items:center;justify-content:space-between;position:relative;}
.mainBiz .bizMonitoring .descLi > li span {font-size:14px;line-height:1.5;}
.mainBiz .bizMonitoring .descLi > li span:first-child {position:relative;padding-left:16px;font-weight:500;}
.mainBiz .bizMonitoring .descLi > li span:first-child::after {content:'';display:block;position:absolute;left:10px;top:8px;width:3px;height:3px;border-radius:50%;background-color:#1e2124;}
.mainBiz .bizMonitoring .descLi > li span.count {font-size:16px;font-weight:400;}
.mainBiz .bizMonitoring .descLi > li + li {margin-top:4px;}

.mainBiz .mainContents {flex:0 1 auto;width:100%;}
.mainBiz .mainContent {margin-bottom:20px;}
.mainBiz .mainContent:last-child {margin-bottom:0;}

.list-card {display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.list-card > li {position:relative;box-sizing:border-box;max-width:100%;padding:30px 24px 14px;border:1px solid #C3C3C3;border-radius:6px;}
.list-card > li .top {display:flex;align-items:flex-start;position:relative;}
.list-card > li .top .span {flex-shrink:0;margin:1px 10px 0 0;}

.list-card > li .topInfo {flex:1 1 auto;}
.list-card > li .topInfo .tit {display:flex;align-items:flex-start;gap:30px;}
.list-card > li .topInfo .tit strong {flex:1 1 auto;font-size:18px;line-height:1.5;}
.list-card > li .topInfo .extra {flex-shrink:0;display:flex;align-items:center;font-size:13px;line-height:1.5;}
.list-card > li .topInfo .extra .signal {display:flex;align-items:center;gap:5px;}
.list-card > li .topInfo .extra .signal::after {content:'';display:block;width:18px;height:18px;border-radius:50%;background:#D5D5D5;}
.list-card > li .topInfo .extra .signal.yellow::after {background-color:#f7d600;}
.list-card > li .topInfo .extra .signal.green::after {background-color:#72BEBB;}
.list-card > li .topInfo .extra .signal.orange::after {background-color:#FF7B17;}
.list-card > li .topInfo .extra .signal.blue::after {background-color:#5278C6;}
.list-card > li .topInfo .extra .status {color:#5278C6;}
.list-card > li .topInfo .extra .type {color:#6348B2;}
.list-card > li .topInfo .extra > li {flex-shrink: 0;}
.list-card > li .topInfo .extra > li + li {position:relative;margin-left:5px;padding-left:6px;}
.list-card > li .topInfo .extra > li + li::before {content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#D5D5D5;}

.list-card > li .summary {margin-top:15px;display:flex;align-items:center;gap:20px;}
.list-card > li .summary > li {display:flex;align-items:center;gap:6px;position:relative;padding-left:10px;}
.list-card > li .summary > li::after {content:'';display:block;position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#1e2124;}
.list-card > li .summary > li > span {display:block;font-size:13px;line-height:1.5;color:#5A5A5B;}
.list-card > li .summary > li > strong {display:block;padding-top:2px;font-size:15px;font-weight:500;line-height:1.5;color:#1e2124;}
.list-card > li .info {display:flex;align-items:center;gap:60px;margin-top:30px;padding-top:15px;border-top:1px solid #e5e1e1;}
.list-card > li .info p {font-size:13px;line-height:1.5;color:#5a5a5a;letter-spacing:-1px;white-space:nowrap;}
.list-card > li .info span {font-size:15px;line-height:1.5;letter-spacing:-1px;white-space:nowrap;}
.list-card > li .info .date {margin-right:auto;}
.list-card > li .info .etc {text-align:center;}
.list-card > li button {position:absolute;left:0;top:0;width:100%;height:100%;border:0 none;background:none;}

.widgets {display:flex;align-items:stretch;padding:30px 0;border:1px solid #E9E9E9;border-radius:6px;background:#f8f8f8;}
.widgets > li {flex:0 4 auto;box-sizing:border-box;min-width:0;width:100%;padding:0 45px;}
.widgets > li:first-child {padding-left:30px;}
.widgets > li.dbl {flex-shrink:3;}
.widgets > li + li {border-left:1px solid #E5E1E1;}
.widgets .tit {display:flex;align-items:center;justify-content:space-between;}
.widgets .tit strong {font-size:18px;line-height:1.5;white-space:nowrap;}
.widgets .tit a {padding-right:12px;background:url(../img/ico_widget_link.svg) no-repeat right center;font-size:14px;line-height:1.5;}
.widgets .chart-li {flex:1 0 auto;display:flex;align-items:center;flex-wrap:wrap;margin-top:20px;justify-content:space-around;gap:10px 40px;}
.widgets .chart-li > li {flex:1 1 400px;height:280px;}

.widgets .chart-one {flex:1 1 auto;height:100%;margin-top:20px;}

.graphArea + .widgets {padding:0;border:0 none;background:none;}

.list-quick {margin-top:34px;}
.list-quick li + li {margin-top:6px;}
.list-quick li > a {display:block;position:relative;overflow:hidden;padding-left:12px;font-size:15px;line-height:1.5;font-weight:500;color:#1E2124;text-overflow:ellipsis;white-space:nowrap;}
.list-quick li > a::after {content:'';display:block;position:absolute;left:0;top:50%;margin-top:-1.5px;width:3px;height:3px;border-radius:50%;background:#818384;}

.widget-quick {display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px 50px;}
.quick-btns {flex:1 1 auto;display:flex;align-items:center;flex-wrap:wrap;gap:16px;min-width:0;}
.quick-btns > li {position: relative; flex:1 0 calc(100% / 3 - 32px / 3);}
.quick-btns a {display:flex;align-items:center;gap:16px;box-sizing:border-box;font-size:15px;line-height:1.5;color:#1E2124;}
.quick-btns a::before {content:'';flex-shrink:0;display:block;width:60px;height:60px;border:1px solid #E9E9E9;border-radius:50%;background-repeat:no-repeat;background-position:center;}
.quick-btns a.quick-map::before {background-image:url(../img/ico_quick_map.svg);}
.quick-btns a.quick-biz::before {background-image:url(../img/ico_quick_biz.svg);}
.quick-btns a.quick-monitor::before {background-image:url(../img/ico_quick_monitor.svg);}
.quick-btns a.quick-notice::before {background-image:url(../img/ico_quick_notice.svg);}
.quick-btns a.quick-help::before {background-image:url(../img/ico_quick_help.svg);}
.quick-btns a.quick-call::before {background-image:url(../img/ico_quick_call.svg);}
.quick-btns a.quick-exec::before {background-image: url(../img/ico_quick_notice.svg);}
.quick-btns a > span {flex:0 1 auto;min-width:0;line-height:1.5;}


/* 메인 - 두번째 탭 */
.mainWorld {display:flex;flex-direction:column;height:100%;padding:32px 26px 0;}
.mainWorld .graphArea {display:flex;align-items:center;justify-content:center;position:relative;min-height:728px;padding:30px 836px 30px 30px;border-radius:6px;background:#CFCFCF;}
.mainWord  .graphArea .unit {position: absolute;float: right;top:8px;right: 38px;}
.mainWorld .imgWrap {position:relative;width:90%;max-width:1200px;}
.mainWorld .imgWrap .imgArea {position:relative;}
.mainWorld .imgArea img {width:100%;}



/* 하단 중앙 기준으로 위치 잡음 */
.mainWorld .imgArea .mapTip {display:flex;align-items:center;gap:8px;position:absolute;left:100px;top:100px;padding:16px;transform:translate(-50%, -100%);border-radius:8px;border:0 none;background:#fff;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));cursor : auto;}
.mainWorld .imgArea .mapTip::after {content:'';display:block;position:absolute;top:calc(100% - 6px);left:50%;margin-left:-12px;border:solid transparent;border-width:12px 12px 0 12px;border-top-color:#fff;}
.mainWorld .imgArea .mapTip .continent {display:block;padding:4px 8px;border-radius:4px;font-size:16px;font-weight:700;color:#fff;}
.mainWorld .imgArea .mapTip .budget {display:block;padding-top:2px;font-size:18px;line-height:normal;font-weight:700;color:#1E2124;white-space:nowrap;cursor: pointer;}

.mainWorld .imgArea .mapTip.asia {left:80%;top:28%;}
.mainWorld .imgArea .mapTip.asia .continent {background-color:#77BA25;}
.mainWorld .imgArea .mapTip.cis {left:59%;top:46%;}
.mainWorld .imgArea .mapTip.cis .continent {background-color:#AE6CFE;}
.mainWorld .imgArea .mapTip.am {left:30%;top:80%;}
.mainWorld .imgArea .mapTip.am .continent {background-color:#72BEBB;}
.mainWorld .imgArea .mapTip.afc {left:53%;top:65%;}
.mainWorld .imgArea .mapTip.afc .continent {background-color:#7295BE;}
.mainWorld .imgArea .mapTip.oce {left:86%;top:80%;}
.mainWorld .imgArea .mapTip.oce .continent {background-color:#E68026;}
.mainWorld .summaryBudgets {width:max-content;margin:0 auto;padding:25px 30px;border-radius:6px;background:#fff; transform: translate(10px, -20px);}
.mainWorld .summaryBudgets .tit {margin-bottom:6px;}
.mainWorld .summaryBudgets .tit strong {font-size:18px;line-height:1.5;font-weight:700;}
.mainWorld .summaryBudgets .tit span {margin-left:14px;font-size:14px;line-height:1.4;}
.mainWorld .summaryBudgets .t1 {font-size:22px;line-height:1.4;font-weight:700;color:#1E2124;cursor: pointer;}

.mainWorld .imgArea .mapTip.active {
    border: 2px solid #E0BBE4 !important;
    background-color: #fff !important;
    z-index: 10;
}

.mainWorld .imgArea .mapTip.active::before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -14px;
    border: solid transparent;
    border-width: 14px 14px 0 14px;
    border-top-color: #E0BBE4;
    z-index: 1;
}

.mainWorld .imgArea .mapTip.active::after {
    top: calc(100% - 2px);
    z-index: 2;
    border-top-color: #fff;
}


.mainWorld .infoArea {overflow:hidden;position:absolute;right:30px;top:30px;width:776px;height:668px;border-radius:6px;background-color:#fff;}
/* 그리드 모양 세팅 */
.mainWorld .infoGrid {display:grid;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 0.1fr 1.1fr;}
.mainWorld .infoGrid > li {padding:24px 32px;border:0px solid #d9d9d9;}
.mainWorld .infoGrid > li:nth-child(1) {grid-row:1/3;}
.mainWorld .infoGrid > li:nth-child(2) {border-width:0 0 0 1px;grid-row:1/2;}
.mainWorld .infoGrid > li:nth-child(3) {border-width:1px 0 0 0;grid-row:3/4;}
.mainWorld .infoGrid > li:nth-child(4) {border-width:1px 0 0 1px;grid-row:2/4;}

.mainWorld .infoGrid > li > .tit {display:flex;align-items:center;justify-content:space-between;}
.mainWorld .infoGrid > li > .tit > strong {font-size:18px;line-height:1.5;font-weight:700;}
.mainWorld .infoGrid > li > .tit > strong > span {margin-left:5px;font-size:14px;font-weight:500;line-height:1.5;}
.mainWorld .infoGrid > li > .tit > a {display:block;padding-right:12px;background:url(../img/ico_widget_link.svg) no-repeat right center;font-size:14px;line-height:1.5;}

.mainWorld .infoGrid .chartLi {margin-top:20px;}
.mainWorld .infoGrid .chartLi > li + li {margin-top:15px;}
.mainWorld .infoGrid .chartLi .name {display:block;font-size:14px;color:#484b51;}
.mainWorld .infoGrid .chartLi .bar {display:block;position:relative;height:10px;margin-top:5px;}
.mainWorld .infoGrid .chartLi .bar .fill {display:block;width:50%;height:100%;background:#D9D9D9;transition:background 0.3s;animation:chartAni 0.5s reverse both ease-in-out;}
.mainWorld .infoGrid .chartLi .bar:focus {outline: 0 none;}
.mainWorld .infoGrid .chartLi .bar:hover .fill,
.mainWorld .infoGrid .chartLi .bar:focus .fill {background-color:#AE6CFE;}
.mainWorld .infoGrid .chartLi .bar .chartTip {display:none;position:absolute;top:0;left:100%;margin-top:-8px;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500;color:#484b51;background:#fff;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));transform:translate(-50%,-100%);animation:chartTooltipAni 0.3s both ease-in-out;}
.mainWorld .infoGrid .chartLi .bar .chartTip::after {content:'';display:block;position:absolute;left:50%;top:calc(100% - 4px);margin-left:-6px;border:solid transparent;border-width:12px 6px 0 6px;border-top-color:#fff;}
.mainWorld .infoGrid .chartLi .bar:hover .chartTip,
.mainWorld .infoGrid .chartLi .bar:focus .chartTip {display:block;}

.mainWorld .infoGrid .chartLi.ty02 .bar:hover .fill,
.mainWorld .infoGrid .chartLi.ty02 .bar:focus .fill {background-color:#77BA24;}

.mainWorld .infoGrid.ty02 > li:nth-child(1) {grid-row:1/4;}
.mainWorld .infoGrid.ty02 > li:nth-child(2) {border-width:0 0 0 1px;grid-row:1/2;}
.mainWorld .infoGrid.ty02 > li:nth-child(3) {border-width:1px 0 0 1px;grid-row:2/4;}

@keyframes chartAni { 100% {width:0;} }
@keyframes chartTooltipAni {
	0% {transform:translate(-50%,-105%);opacity:0;}
	100% {transform:translate(-50%,-100%);opacity:1;}
}


.mainWorld .infoGrid .columnChartLi {display:flex;margin-top:40px;}
.mainWorld .infoGrid .columnChartLi > li {flex:0 1 auto;display:flex;flex-direction:column;width:100%;text-align:center;}
.mainWorld .infoGrid .columnChartLi .bar {display:flex;align-items:flex-end;position:relative;height:140px;padding:0 16px;border-bottom:1px solid #D9D9D9;}
.mainWorld .infoGrid .columnChartLi .fill {display:block;width:100%;background:#D9D9D9;transition:background 0.3s;animation:columnChartAni 0.5s reverse both ease-in-out;}
.mainWorld .infoGrid .columnChartLi .bar:focus {outline: 0 none;}
.mainWorld .infoGrid .columnChartLi .bar:hover .fill,
.mainWorld .infoGrid .columnChartLi .bar:focus .fill {background-color:#FF8213;}
.mainWorld .infoGrid .columnChartLi .name {display:block;margin-top:8px;padding:0 8px;font-size:14px;font-weight:500;line-height:1.2;color:#484b51;word-break:keep-all;}

.mainWorld .infoGrid .columnChartLi .chartTip {display:none;position:absolute;bottom:0;left:50%;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500;color:#484b51;background:#fff;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));transform:translate(-50%,-30%);animation:columnChartTooltipAni 0.3s both ease-in-out;}
.mainWorld .infoGrid .columnChartLi .chartTip::after {content:'';display:block;position:absolute;left:50%;top:calc(100% - 4px);margin-left:-6px;border:solid transparent;border-width:12px 6px 0 6px;border-top-color:#fff;}
.mainWorld .infoGrid .columnChartLi .bar:hover .chartTip,
.mainWorld .infoGrid .columnChartLi .bar:focus .chartTip {display:block;}

@keyframes columnChartAni { 100% {height:0;} }
@keyframes columnChartTooltipAni {
	0% {transform:translate(-50%,-35%);opacity:0;}
	100% {transform:translate(-50%,-30%);opacity:1;}
}

.mainWorld .infoGrid .chartSplit {margin-top:30px;}
.mainWorld .infoGrid .chartSplit > li {position:relative;padding:0 52px 0 120px;}
.mainWorld .infoGrid .chartSplit > li + li {margin-top:10px;}
.mainWorld .infoGrid .chartSplit .name {display:block;overflow:hidden;position:absolute;left:0;top:0;width:120px;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.5;color:#484b51;}
.mainWorld .infoGrid .chartSplit .bar {display:block;position:relative;height:21px;padding:7px 8px;animation:chartAni 0.5s reverse both ease-in-out;}
.mainWorld .infoGrid .chartSplit .bar::after {content:'';display:block;width:100%;height:7px;background:#D9D9D9;}
.mainWorld .infoGrid .chartSplit .number {display:block;position:absolute;top:0;left:100%;text-align:left;font-size:14px;line-height:1.5;font-weight:500;color:#131416;}

.mainWorld .infoLayer {display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:24px 30px;border-radius:6px;background:#fff;}
.mainWorld .infoLayer .tit {display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #D9D9D9;}
.mainWorld .infoLayer .tit strong {font-size:18px;line-height:1.5;}

.mainWorld .widgets {flex:1;}
.mainWorld .widgets > li {width:25%;padding:30px 40px 50px;}
.mainWorld .widgets > li.kr {display:flex;flex-direction:column;width:40%;padding:30px 40px;}
.mainWorld .widgets > li.years {display:flex;flex-direction:column;width:35%;padding:30px 40px;}
.mainWorld .widgets .quick-btns > li {flex:1 0 180px;}

/* 로딩 */
.loading {z-index:9999;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.4);}
.loading .characters {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.loading .characters .txt {width:110px;margin-bottom:5px;font-size:0;text-align:center;color:#1E2124;}
.loading .characters .txt > span {display:inline-block;font-size:18px;line-height:1.5;font-weight:700;line-height:1.5;animation:loadingTxt 1.76s ease-in-out infinite; will-change:transform;}
.loading .characters .txt > span:nth-child(2) {animation-delay:0.04s;}
.loading .characters .txt > span:nth-child(3) {animation-delay:0.08s;}
.loading .characters .txt > span:nth-child(4) {animation-delay:0.12s;}
.loading .characters .txt > span:nth-child(5) {animation-delay:0.16s;}
.loading .characters .txt > span:nth-child(6) {animation-delay:0.2s;}
.loading .characters .txt > span:nth-child(7) {animation-delay:0.24s;}
.loading .characters .bar {display:block;box-sizing:border-box;height:26px;padding:2px;border:2px solid #1E2124;border-radius:20px;background-color:#fff;animation:loadingBar 3s infinite; will-change:transform;}
.loading .characters .bar > .inner {display:block;width:100%;height:100%;border-radius:18px 4px 4px 18px;background-color:#5A46B9; animation:loadingBarInner 3s infinite; will-change:width;}

.loading .progress {display:flex;gap:4px;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.loading .progress .bar {flex-shrink:0;display:block;box-sizing:border-box;width:80px;height:15px;padding:2px;border:2px solid #1e2124;border-radius:30px;}
.loading .progress .bar > .inner {display:block;border-radius:30px;height:100%;width:0;background:#5A46B9;}
.loading .progress .percentage {flex-shrink:0;font-size:12px;font-weight:900;line-height:1.5;color:#1e2124;}

@keyframes loadingTxt {
    0%, 20%, 100% {transform:translateY(0) translateZ(0);}
    40% {transform:translateY(20%) translateZ(0);}
	80% {transform:translateY(-10%) translateZ(0);}
}

@keyframes loadingBar {
	0%,30% {transform:rotate(0) translateZ(0);}
	45% {transform:rotate(3deg) translateZ(0);}
	50%,80% {transform:rotate(0) translateZ(0);}
	95% {transform:rotate(-3deg) translateZ(0);}
	100% {transform:rotate(0) translateZ(0);}
}

@keyframes loadingBarInner {
	0%,30% {width:25%;transform:translateZ(0);}
	35% {width:20%;transform:translateZ(0);}
	45% {width:85%;transform:translateZ(0);}
	50%,80% {width:70%;transform:translateZ(0);}
	85% {width:75%;transform:translateZ(0);}
	95% {width:15%;transform:translateZ(0);}
	100% {width:25%;transform:translateZ(0);}
}

/* 파일분류 */
.checkFile {padding:24px 20px;background-color:#EBEDEF;}
.orderPrcLi > li {display:flex;gap:10px;align-items:flex-start;position:relative;}
.orderPrcLi > li + li {padding-top:22px;}
.orderPrcLi > li + li::after {content:'';display:block;position:absolute;top:5px;left:11px;width:0;height:12px;border-left:1px dotted #B1B8BE;}
.orderPrcLi > li > em {flex-shrink:0;display:block;width:24px;height:24px;border-radius:50%;background-color:#8A949E;font-size:14px;text-align:center;font-style:normal;font-weight:600;line-height:24px;color:#fff;}
.orderPrcLi > li > span {font-size:16px;line-height:24px;color:#464c53;}
.orderPrcLi > li .txtBt {padding-left:8px;font-size:15px;line-height:23px;}
.orderPrcLi > li .txtBt::after {top:10px;width:3px;height:3px;background-color:#A8B6C3;}

.checkFilePath {margin-top:20px;padding:20px;background:#fff;}
.checkFilePath .tit {display:block;position:relative;padding-left:12px;font-size:16px;line-height:24px;font-weight:600;}
.checkFilePath .tit::after {content:'';display:block;position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background:#6d4fff;}
.checkFilePath .cnts {display:flex;align-items:center;gap:20px;margin-top:10px;}
.checkFilePath .cnts .btn-wrap {flex:0 0 auto;width:auto;}

.selectPaths {flex:0 0 auto;display:flex;align-items:center;gap:28px;}
.selectPaths > li {width:450px;}
.selectPaths > li > .selectBtnSt {width:100%;}
.selectPaths > li + li {position:relative;}
.selectPaths > li + li::before {content:'';display:block;position:absolute;top:50%;left:-23px;width:18px;height:18px;margin-top:-9px;background:url(../img/ico_path_arr.svg) no-repeat center;}

.selectBtnSt {position:relative;}
.selectBtnSt select {display:block;position:relative;box-sizing:border-box;height:40px;padding:8px 40px 8px 20px;color:#1E2124; background:#F0F2F6; border:1px solid #D1DAE2; border-radius:12px;}
.selectBtnSt select:open {background: #D9DFEA;}
.selectBtnSt option {background:#fff;}
.selectBtnSt::after {content:'';position:absolute; top:50%; right:20px; display:block; width:14px; height:14px; background:url(../img/ico_select_arr.svg) no-repeat center; transform:translateY(-50%); transition:0.3s all;pointer-events:none;}
.selectBtnSt:has(select:open)::after {transform: rotate(-180deg) translateY(50%);}
.viewPaths {flex:1 1 auto;display:flex;align-items:center;box-sizing:border-box;width:100%;height:40px;padding:8px 20px;border:1px solid #ddd;border-radius:6px;background-color:#fff;}
.viewPaths p {font-size:14px;font-weight:400;line-height:1.5;color:#464C53;}

.checkFileUpload {margin-top:10px;padding:20px;background:#fff;}
.checkFileUpload > .btn-wrap {margin-bottom:10px;}
.checkFileBtn {margin-top:10px;}

.validateMsg {margin-top:10px;padding:14px 20px;border-radius:4px;background-color:#FBECED;}

/* 아코디언 */
.accordionLi > li {margin-top:10px;border:1px solid #e5e6ea;border-radius:6px;background-color:#F4F5F6;transition:background 0.3s;}
.accordionLi > li:first-child {margin-top:0;}
.accordionLi .titArea {display:flex;align-items:center;justify-content:space-between;position:relative;padding:15px 60px 15px 20px;}
.accordionLi .titArea > strong {display:flex;gap:8px;align-items:center;font-size:17px;line-height:1.5;}
.accordionLi .titArea > strong::before {content:'';display:block;width:20px;height:20px;background:url(../img/ico_accordion_plus.svg);}
.accordionLi > li.on .titArea > strong::before {background-image:url(../img/ico_accordion_minus.svg);}

.accordionLi .titArea .etcLi {display:flex;}
.accordionLi .titArea .etcLi li {display:flex;align-items:center;gap:20px;position:relative;padding:0 10px;font-size:15px;line-height:1.5;font-weight:500;}
.accordionLi .titArea .etcLi li + li::after {content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#B1B8BE;}
.accordionLi .titArea .etcLi li:last-child {padding-right:0;}
.accordionLi .titArea .etcLi span {line-height:1.5;white-space:nowrap;}
.accordionLi .titArea .etcLi strong {line-height:1.5;font-weight:600;white-space:nowrap;}

.accordionLi .titArea button {position:absolute;left:0;top:0;width:100%;height:100%;border:0 none;border-radius:6px;background:transparent url(../img/ico_accordion.svg) no-repeat top 50% right 20px;transition:none;z-index:1;}
.accordionLi .cntArea {display:none;position:relative;padding:32px 20px;border-radius:6px;background-color:#fff;}
.accordionLi .cntArea::after {content:'';display:block;position:absolute;top:0;left:20px;right:20px;height:1px;background-color:#E2E6EA;}

.accordionLi > li.on {border-color:#B1B8BE;background-color:#fff;}
.accordionLi > li.on .cntArea {display:block;}
.accordionLi > li.on .titArea > strong {color:#5349C0;}
.accordionLi > li.on .titArea button {background-image:url(../img/ico_accordion_on.svg);}

.accordionLi > li.active {border-color:#B1B8BE;background-color:rgba(0, 0, 0, 0.1);}
.accordionLi > li.active .titArea > strong {color:#5349C0;}
.accordionLi > li.active .titArea button {background-image:url(../img/ico_accordion_on.svg);}

.accordionLi > li.on.active {border-color:#B1B8BE;background-color:#eef1ff;}
.accordionLi > li.on.active .cntArea {display:block;}
.accordionLi > li.on.active .titArea > strong {color:#5349C0;}
.accordionLi > li.on.active .titArea button {background-image:url(../img/ico_accordion_on.svg);}

.errorCont h1 {box-sizing:border-box;width:100%;height:100%;padding:15px 30px;}
.errorMsgCont {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.errorMsgCont .img {display:block;position:relative;width:200px;height:120px;margin:0 auto;background:url(../img/ico_err_monitor.svg) no-repeat 50% 27px;}
.errorMsgCont .code {display:block;position:absolute;top:10px;right:15px;width:52px;height:32px;background:url(../img/ico_err_tooltip.svg) no-repeat center;text-align:center;font-size:15px;font-weight:900;line-height:24px;color:#fff;}
.errorMsgCont .t1 {margin-top:24px;font-size:28px;line-height:1.5;font-weight:700;color:#1e2124;}
.errorMsgCont .t2 {margin-top:8px;font-size:16px;line-height:1.6;color:#464c53;}

/* errorPopupCont */
.errorPopupCont .top {padding-top:68px;background:url(../img/ico_error.svg) no-repeat center 10px;}
.errorPopupCont .t1 {text-align:center;font-size:18px;line-height:1.5;font-weight:700;}
.errorPopupCont .summary {margin-top:24px;padding:20px;border-top:1px dashed #CDD1D5;background-color:#F4F5F6;}
.errorPopupCont .summary > li {display:flex;gap:12px;}
.errorPopupCont .summary > li + li {margin-top:8px;}
.errorPopupCont .summary > li > strong {flex-shrink:0;display:block;box-sizing:border-box;position:relative;width:74px;padding-left:13px;font-size:16px;font-weight:700;line-height:1.5;color:#464c53;}
.errorPopupCont .summary > li > strong::after {content:'';display:block;position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background-color:#D5D5D5;}
.errorPopupCont .summary > li > div {flex:1 1 auto;font-size:16px;font-weight:400;line-height:1.5;color:#464c53;word-break:break-all;}
.errorPopupCont .summary > li.column {align-items: flex-start;}
.errorPopupCont .summary > li.column textarea {height:100px;}
.errorPopupCont .summary textarea {resize:vertical;}

/* toggleListDetail */
.toggleListDetail {display:flex;align-items:flex-start;}
.toggleListDetail > .list {flex:1 1 auto;}
.toggleListDetail > .detail {flex:0 0 auto;width:0;overflow:hidden;transition:width 0.3s ease-in-out, margin 0.3s ease-in-out;}
.toggleListDetail > .detail > .tblinputFormBox {width:820px;}
.toggleListDetail.on > .detail {margin-left:48px;box-sizing:border-box;width:820px;}

/* 사업등록 */
.historyRegBox {margin-bottom:20px;padding:24px 20px 24px 144px;border-radius:0 0 8px 8px;background-color:#EBEDEF;}
.historyRegBox:last-child {margin-bottom:0;}
.historyLi > li {position:relative;}
.historyLi > li + li {margin-top:24px;}
.historyLi > li::before {content:'';display:block;position:absolute;left:-28px;top:5px;width:12px;height:12px;border-radius:50%;background-color:#8A949E;}
.historyLi > li::after {content:'';display:block;position:absolute;left:-22px;top:22px;bottom:-24px;width:0;border-left:1px dashed #B1B8BE;}
.historyLi > li:last-child::after {display:none;}

.historyLi .dateTime {position:absolute;left:-124px;top:5px;font-size:15px;line-height:1.3;color:#6d7882;text-align:right;}
.historyLi .dateTime .date,
.historyLi .dateTime .time {display:block;}
.historyLi .cnt {font-size:16px;line-height:1.5;color:#464c53;}
.historyLi .cnt .name {display:block;font-weight:700;font-size:inherit;line-height:inherit;}
.historyLi .cnt .txtWrap {display:flex;align-items:flex-start;gap:4px;margin-top:8px;font-size:inherit;line-height:inherit;}
.historyLi .cnt .txtWrap button {flex-shrink:0;}
.historyLi .cnt .txt {flex:1 1 auto;padding:6px 10px;border-radius:8px;font-size:inherit;line-height:inherit;background-color:#D9DBE0;}
.historyLi .sys .cnt .txt {background-color:#F6F6E9;}

.historyRegBox .historyBtn {display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;}
.historyRegBox .historyRegForm {display:flex;gap:5px;margin-top:40px;}
.historyRegBox .historyRegForm input {flex:1;}
.historyRegBox .historyRegForm button {flex-shrink:0;}
.historyRegBox .historyBtn + .historyRegForm {margin-top:20px;padding-top:20px;border-top:1px solid #CED6DD;}

button.btn-history-more {display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:120px;height:36px;border:1px solid #929aa2;border-radius:50px;background:#fff;font-size:15px;font-weight:500;line-height:1.5;color:#464C53;}
button.btn-history-more::after {content:'';display:block;width:14px;height:14px;background:url(../img/ico_history.svg) no-repeat center;}
button.btn-history-more.on::after {transform:rotate(180deg);}


/* 심사 */
.subSchBox {display:flex;margin-bottom:40px;padding:20px;border-radius:8px;background-color:#F0F2F6;}
.subSchBox .lt {display:flex;align-items:center;gap:5px;}
.subSchBox .rt {display:flex;align-items:center;gap:5px;margin-left:auto;}
.subSchBox .selectBox {width:700px;max-width:100%;}

/* emptyMsgBox */
.emptyMsgBox {display:flex;padding:20px;border-radius:6px;border:1px solid #e2e6ea;background-color:#f4f5f6;}

/* step-comp */
.step-comp {display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #E2E6EA;}
.step-comp > li {display:flex;align-items:center;position:relative;}
.step-comp > li::before {content:'';display:block;width:30px;height:30px;margin-right:8px;border-radius:50%;background:#5349C0 url(../img/ico_step_check.svg) no-repeat center;}
.step-comp > li .num {display:block;position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}
.step-comp > li .name {flex-shrink:0;white-space:nowrap;font-weight:700;color:#464c53;}
.step-comp > li:first-child ~ li {padding-left:65px;background:url(../img/ico_step_arr.svg) no-repeat left center;}

.step-comp > li.on::before {display:none;}
.step-comp > li.on .num {position:static;width:30px;height:30px;line-height:30px;margin:0 8px 0 0;border-radius:50%;clip:initial;text-align:center;color:#fff;background-color:#5349C0;}
.step-comp > li.on .name {color:#5349C0;}

.step-comp > li.on ~ li::before {display:none;}
.step-comp > li.on ~ li .num {position:static;width:30px;height:30px;line-height:30px;margin:0 8px 0 0;border-radius:50%;clip:initial;font-weight:600;text-align:center;color:#fff;background-color:#8A949E;}
.step-comp > li.on ~ li .name {font-weight:500;color:#6D7882;}

/* box-complete */
.box-complete {padding:160px 60px 60px;border:1px solid #E2E6EA;border-radius:4px;text-align:center;background:#F4F5F6 url(../img/ico_complete.svg) no-repeat center 60px;}
.box-complete .t1 {margin-bottom:8px;font-size:22px;line-height:1.5;font-weight:700;}
.box-complete .t2 {font-size:16px;line-height:1.6;color:#464c53;}

/* grid-li */
.grid-li {display:grid;grid-template-columns:repeat(2, 1fr);gap:5px;}
.box-inp > label {display:block;width:100%;cursor:pointer;}
.box-inp > label > span {display:flex;padding:18px 20px;border:1px solid #e2e6ea;border-radius:8px;background:#f4f5f6;font-size:16px;line-height:1.5;color:#464C53;}
.box-inp > label > span::before {content:''; display:block; width:20px; height:20px; margin:2px 4px 2px 0; background:#fff; border:1px solid #B1B8BE; border-radius:50%; box-sizing:border-box;}
.box-inp > label > input:checked + span {background-color:#fff;}
.box-inp > label > input:checked + span::before {border:0 none;background:#6D4FFF url(../img/ico_radio_on.svg) no-repeat center;}

/* txt-edit-btn */
.txt-edit-btn {display:flex;align-items:flex-start;gap:4px;margin-top:4px;}
.txt-edit-btn .current {font-size:15px;line-height:36px;color:#6f7f92;}
.txt-edit-btn > button {margin-left:auto;}


/* login */
#wrap.login {display:flex;flex-direction:column;min-width:auto;}
.login-comp {flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#E4E8F7 url(../img/bg_login.jpg) no-repeat center;}
.login-comp-inner {width:100%;max-width:560px;}

.login-logo img {display:block;margin:0 auto 8px;}
.login-msg {text-align:center;font-size:18px;line-height:1.5;color:#484c51;}
.login-msg strong {font-weight:600;}

.login-tab {margin-top:52px;border-radius: 8px;background: #FFF;box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.08);}
.login-tab .tab {margin:0;}
.login-tab .tab::after {display:none;}
.login-tab .tab ul {width:100%;}
.login-tab .tab li {flex:1;}
.login-tab .tab li button {position:relative;width:100%;height:62px;border:0 none;border-radius:0;background-color:#D1D6E8;font-size:18px;font-weight:500;color:#8890ac;}
.login-tab .tab li button::after {display:none;}
.login-tab .tab li button.active {background:#fff;font-weight:800;color:#524C91;}
.login-tab .tab li button.active::after {content:'';display:block;width:100%;height:3px;top:0;left:0;background-color:#524C91;}
.login-tab .tabCont > li {height:400px;}

.login-form {display:flex;flex-direction:column;align-items:center;height:100%;padding:40px 12px 36px;}
.login-form .login-box {flex:1;width:100%;max-width:360px;}
.login-form .login-inp + .login-inp {margin-top:4px;}
.login-form .login-inp input {width:100%;height:52px;}
.login-form .login-inp .inp-id {padding-left:40px;background:#fff url(../img/ico_inp_id.svg) no-repeat 20px center;}
.login-form .login-inp .inp-pw {padding-left:40px;background:#fff url(../img/ico_inp_pw.svg) no-repeat 20px center;}

.login-form .login-chk {position:relative;margin-top:12px;}
.login-form .login-chk label {cursor: pointer;}
.login-form .login-chk span {display: flex; align-items: flex-start; gap: 5px; font-size:16px; font-weight: 400; line-height: 1.5; color: #464C53;}
.login-form .login-chk span::before {content:''; display: inline-block; width: 20px; height: 20px; margin-top: 1px; background: #fff; border: 1px solid #B1B8BE; border-radius: 3px; box-sizing: border-box;}
.login-form .login-chk span:hover::before {border:0 none;background:url(../img/ico_chk_hover.svg) no-repeat center;}
.login-form .login-chk input:checked + span::before {background: #6D4FFF url(../img/ico_chk_on.svg) no-repeat center; border-color: #6D4FFF;}
.login-form .login-chk input:disabled + span {color: #B1B8BE;}
.login-form .login-chk input:disabled + span::before {background: #E6E8EA; border-color: #E6E8EA;}
.login-form .login-chk input:checked:disabled + span::before {background: #E6E8EA url(../img/ico_chk_disa.svg) no-repeat center;border-color: #E6E8EA;}
.login-form .btn-login {width:100%;width:100%;height:60px;margin-top:32px;border-radius:8px;background:#5b51be;font-size:18px;line-height:1.5;font-weight:700;color:#fff;}
.login-form .login-link {display:flex;align-items:center;gap:12px;}
.login-form .login-link li {flex-shrink:0;display:flex;gap:12px;align-items:center;}
.login-form .login-link li + li::before {content:'';display:block;width:1px;height:12px;background:#ddd;}
.login-form .login-link a {flex-shrink:0;white-space:nowrap;font-size:15px;line-height:1.5;font-weight:400;color:#4e4f51;}
.login-form .login-link a:hover {font-weight:500;color:#524C91;}

.login-box.case2 {padding-top:12px;}
.login-box.case3 {display:flex;flex-direction:column;justify-content:center;}
.login-box.case3 .btn-login {margin-top:-30px;}
.login-box.case3 .btn-login.gpki {display:flex;gap:4px;align-items:center;justify-content:center;}
.login-box.case3 .btn-login.gpki::before {content:'';display:block;width:20px;height:20px;background:url(../img/ico_gpki.svg) no-repeat center;}

.footer {padding:32px 12px;border-top:1px solid #E2E6EA;background:#fff;}
.footer .ln {display:block;width:1px;height:12px;margin:0 12px;background-color:#cdd1d5;}
.footer .footer-wrap {display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap;max-width:1200px;margin:0 auto;}
.footer .footer-logo {width:140px;margin-top:10px;}
.footer .footer-logo img {display:block;opacity: 0.4;mix-blend-mode:luminosity;}
.footer .info {margin-right:auto;}
.footer .contact {display:flex;flex-wrap:wrap;align-items:center;}
.footer .contact address {font-style:normal;font-size:15px;line-height:1.5;color:#4e4f51;}
.footer .contact .tel span {font-size:15px;line-height:1.5;color:#4E4F51;}
.footer .contact .tel a {font-size:15px;font-weight:500;line-height:1.5;color:#4E4F51;}
.footer .copy {margin-top:4px;font-size:14px;line-height:1.5;color:#6d7882;}


.footer .rel {display:flex;align-items:center;}
.footer .rel a {line-height:1.5;}
.footer .rel a.emph {font-weight:700;color:#5B51BE;}

/* guest */
#wrap.guest {display:flex;flex-direction:column;}

.guest-header {height:200px;padding:32px 12px 0;background:#E4E8F7 url(../img/bg_guest.jpg) no-repeat center}
.guest-header-top {display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto 8px;}
.guest-header .guest-tit {width:100%;max-width:1200px;margin:0 auto;padding:0 12px;text-align:center;font-size:36px;font-weight:800;line-height:1.5;color:#524c91;}
.guest-header .guest-btns {display:flex;}
.guest-header .guest-btns button {width:72px;height:32px;border:1px solid #9B9AC3;background:none;font-size:15px;line-height:1.5;font-weight:500;color:#524c91;}
.guest-header .guest-btns button:hover {background:#524c91;color:#fff;}
.guest-header .guest-btns li + li {margin-left:-1px;}
.guest-header .guest-btns li:first-child button {border-radius:4px 0 0 4px;}
.guest-header .guest-btns li:last-child button {border-radius:0 4px 4px 0;}

.guest-content {flex:1 0 auto;padding:60px 12px 100px;}
.guest-content-inner {width:100%;max-width:1200px;margin:0 auto;}

/* join-cont */
.join-cont {width:100%;max-width:1200px;margin:0 auto;}
.join-cont .step-comp {justify-content:center;}

.chkFinal {display:flex;justify-content:center;padding:16px;border:1px solid #e2e6ea;border-radius:6px;background:#f4f5f6;}

.join-cont .box-inp > label > span {align-items:center;padding:28px 20px;}
.join-cont .box-inp > label > span > strong {display:block;line-height:1.5;color:#1e2124;}
.join-cont .box-inp > label > span > span {display:block;margin-left:12px;font-size:14px;font-weight:400;line-height:1.5;color:#464C53;}

.inputForm.ipt1 input {flex:0 1 auto;width:380px; background: #fff;}
.inputForm.ipt1 .inputPw {flex:0 1 auto;width:380px;position:relative;}
.inputForm.ipt1 .inputPw input {padding-right:32px;}
.inputForm.ipt1 .inputPw .btn-eye {position:absolute;right:8px;top:50%;width:16px;height:16px;margin-top:-8px;padding:0;border:0 none;background:url(../img/ico_eye.svg) no-repeat center;}
.inputForm.ipt2 input {flex:0 1 auto;width:280px;}
.inputForm.ipt3 input {flex:0 a auto;width:234px;}

/* 사업등록 */
.file-link {display:block; max-width:100%; font-size:15px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.file-link + .file-link {margin-top:4px;}
.file-link::before {position: relative; top: -2px; content:''; display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle;}
.file-link.hwp::before {background-image: url(../img/ico_file_hwp.svg);}
.file-link.pdf::before {background-image: url(../img/ico_file_pdf.svg);}
.file-link.xls::before {background-image: url(../img/ico_file_xls.svg);}
.file-link.doc::before {background-image: url(../img/ico_file_doc.svg);}
.file-link.txt::before {background-image: url(../img/ico_file_txt.svg);}
.file-link.zip::before {background-image: url(../img/ico_file_zip.svg);}
.file-link.ppt::before {background-image: url(../img/ico_file_ppt.svg);}
.file-link.bmp::before {background-image: url(../img/ico_file_bmp.svg);}
.file-link.gif::before {background-image: url(../img/ico_file_gif.svg);}
.file-link.jpg::before {background-image: url(../img/ico_file_jpg.svg);}
.file-link.png::before {background-image: url(../img/ico_file_png.svg);}
.file-link.tif::before {background-image: url(../img/ico_file_tif.svg);}
.file-link.xml::before {background-image: url(../img/ico_file_xml.svg);}
.file-link.html::before {background-image: url(../img/ico_file_html.svg);}
.file-link.exe::before {background-image: url(../img/ico_file_exe.svg);}
.file-link.mpg::before {background-image: url(../img/ico_file_mpg.svg);}
.file-link.mp4::before {background-image: url(../img/ico_file_mp4.svg);}
.file-link.avi::before {background-image: url(../img/ico_file_avi.svg);}
.file-link.etc::before {background-image: url(../img/ico_file_etc.svg);}

.toggle-opt {padding:24px;border:1px solid #E2E6EA;border-radius:0px 0px 4px 4px;background-color:#F4F5F6;}
.toggle-opt .top {display:flex;align-items:center;gap:22px;}
.toggle-opt .btns {margin-top:12px;}

.toggle-opt .toggle-opt-detail {display:none;overflow:hidden;padding:24px 40px;border:solid #B1B8BE;border-width:0 1px 1px;border-radius:0 0 4px 4px;background:#fff;}
.toggle-opt .toggle-opt-detail > ul > li {display:flex;align-items:center;gap:40px;}
.toggle-opt .toggle-opt-detail > ul > li + li {padding-top:8px;}
.toggle-opt .toggle-opt-detail > ul > li .file-link {width:760px;flex:0 1 auto;}
.toggle-opt .toggle-opt-detail > ul > li .rdoBox {flex-shrink:0;position:relative;padding-left:40px;}
.toggle-opt .toggle-opt-detail > ul > li .rdoBox::after {content:'';display:block;position:absolute;left:0;top:0;bottom:0;border-left:1px dashed #B1B8BE;}
.toggle-opt .toggle-opt-detail > ul > li + li .rdoBox::after {top:-8px;}

button.btn-toggle-opt {display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:0 12px;border:1px solid #E2E6EA;text-align:center;background:#fff;}
button.btn-toggle-opt > span {display:flex;align-items:center;gap:4px;position:relative;height:32px;line-height:1.5;z-index:1;}
button.btn-toggle-opt > span::after {content:'';display:block;width:20px;height:20px;background:url(../img/ico_toggle.svg) no-repeat center;transition:transform 0.3s;}

.toggle-opt.on .toggle-opt-detail {display:block;}
.toggle-opt.on button.btn-toggle-opt {border-radius:4px 4px 0 0;border-color:#B1B8BE;}
.toggle-opt.on button.btn-toggle-opt > span::after {transform:rotate(-180deg);}

/* 회원가입 이어서 */
.msg-box {padding:160px 20px 60px;border:1px solid #E2E6EA;border-radius:4px;background:#F4F5F6 url(../img/ico_celebrate.svg) no-repeat center 60px;text-align:center;}
.msg-box .t1 {font-size:22px;line-height:1.5;font-weight:700;color:#1e2124;}
.msg-box .t2 {margin-top:8px;font-size:16px;line-height:1.6;color:#464c53;}

.msg-box.ty02 {background-image:url(../img/ico_msg_id.svg);}
.msg-box.ty03 {background-image:url(../img/ico_msg_pw.svg);}

.msg-box .msgForm {margin:40px auto 0;max-width:300px;}
.msg-box .msgInp input {width:100%;}
.msg-box .msgInp + .msgInp {margin-top:8px;}
.msg-box button {margin-top:40px;}

/* 통합검색 */
.search .contents {display:flex;flex-direction:column;min-height:100%;padding:50px 0;}
.srch-cont {margin-bottom:50px;padding:0 30px;}
.srch-cont:last-child {margin-bottom:0;}
.srch-cont .srch-ipt {margin:0 auto;max-width:840px;}

/* .srch-ipt */
.srch-ipt {position:relative;padding:0 90px 0 32px;border:2px solid #513EAD;border-radius:50px;}
.srch-ipt > input {width:100%;height:50px;padding:0;border:0 none;font-size:20px;font-weight:600;}
.srch-ipt .btn-srch-reset {display:none;position:absolute;right:58px;top:13px;width:24px;height:24px;border:0 none;background:url(../img/ico_srch_reset.svg) no-repeat center;}
.srch-ipt .btn-srch {position:absolute;top:10px;right:14px;width:30px;height:30px;border:0 none;background:url(../img/ico_srch.svg) no-repeat center;}

/* srch-tag-list */
.srch-tag-list {display:flex;flex-wrap:wrap;gap:8px 30px;max-width:840px;margin:12px auto;padding:0 28px;}
.srch-tag-list a {font-size:14px;font-weight:400;color:#464C53;line-height:1.2;}
.srch-tag-list a::before {content:'#';margin-right:4px;}

/* srch-theme */
div.srch-theme .top {display:flex;margin-top:24px;padding:12px 16px;border-radius:8px 8px 0 0;background-color:#F2F4FE;}
div.srch-theme .top > .lt,
div.srch-theme .top > .rt {display:flex;align-items:center;gap:18px;}
div.srch-theme .top .name {font-size:20px;font-weight:700;line-height:1.5;color:#1e2124;}
div.srch-theme .top .ctg {display:block;padding-left:18px;border-left:1px solid #D9D9D9;font-size:16px;line-height:1.5;}
div.srch-theme .top .msg {font-size:14px;color:#61686e;}
div.srch-theme .cnt {padding:24px 28px;border:4px solid #f2f4fe;border-radius:0 0 8px 8px;}
div.srch-theme .cnt > ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:12px 140px;position:relative;}
div.srch-theme .cnt > ul::after {content:'';display:block;position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background-color:#E6E8F3;}
div.srch-theme .cnt > ul > li {display:flex;align-items:flex-start;gap:10px;}
div.srch-theme .cnt > ul > li > strong {display:block;font-size:16px;font-weight:600;line-height:1.5;color:#1E2124;}
div.srch-theme .cnt > ul > li > strong.t1 {width:84px;}
div.srch-theme .cnt > ul > li > strong.t2 {width:108px;}
div.srch-theme .cnt > ul > li > span {font-size:16px;font-weight:400;line-height:1.5;color:#1E2124;}
div.srch-theme .cnt > ul > li > div {font-size:16px;font-weight:400;line-height:1.5;color:#1E2124;}
div.srch-theme .txtBar {font-size:16px;font-weight:400;color:#1E2124;}
div.srch-theme .txtBar > li {position:relative;padding-left:12px;line-height:1.5;}
div.srch-theme .txtBar > li::after {content:'';display:block;width:4px;height:1px;position:absolute;left:0;top:11px;background-color:#1E2124;}
div.srch-theme .txtBar > li > a {font-weight:500;line-height:inherit;}
div.srch-theme .txtBar > li > a:hover {color:#513EAD;text-decoration:underline;text-underline-position:under;}

.srch-result .tit {display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.srch-result .tit > p {font-size:19px;font-weight:700;line-height:1.5;}
.srch-result .tit > span {font-size:16px;line-height:1.5;font-weight:600;color:#513ead;}

.srch-list {border-top:1px solid #58616A;}
.srch-list > li {padding:20px 0;border-bottom:1px solid #E2E6EA;}
.srch-list a {font-size:16px;font-weight:700;color:#1e2124;line-height:1.5;}
.srch-list .meta-li {display:flex;align-items:center;margin-top:8px;gap:6px;}
.srch-list .meta-li > li {font-size:15px;line-height:1.5;font-weight:500;color:#6D7882;}
.srch-list .meta-li > li + li {position:relative;padding-left:6px;}
.srch-list .meta-li > li + li::after {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:14px;background-color:#6D7882;}

.srch-result .tab {margin-bottom:0;}
.srch-result .tabCont .srch-list {border-top:0 none;}


/* 검색 결과 */
.tblBox:has(.srchTy) {border:0 none;border-radius:0;border-top:1px solid #58616A;}
.tbl.srchTy tbody tr {border-bottom:0 none;}
.tbl.srchTy tbody td {padding:20px 0;border-bottom:1px solid #E2E6EA;background:#fff !important;}
.tbl.srchTy a {font-size:16px;font-weight:700;color:#1e2124;line-height:1.5;}
.tbl.srchTy .meta-li {display:flex;align-items:center;margin-top:8px;gap:6px;}
.tbl.srchTy .meta-li > li {font-size:15px;line-height:1.5;font-weight:500;color:#6D7882;}
.tbl.srchTy .meta-li > li + li {position:relative;padding-left:6px;}
.tbl.srchTy .meta-li > li + li::after {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:14px;background-color:#6D7882;}

.srch-result .tabCont .tblBox:has(.srchTy) {border-top:0 none;}

/* tbl-detail */
.iBox .biz {overflow:hidden;margin-left:-30px;}
.iBox .biz .tblBox {margin-left:30px;overflow:hidden;}
.tbl-detail {box-sizing:border-box;width:100%;table-layout:fixed;}
.tbl-detail th,
.tbl-detail td {padding:0 30px;border:solid #E2E6EA;border-width:0 1px 0 1px;vertical-align:top;}

.tbl-detail th:first-child,
.tbl-detail td:first-child {border-left:0 none;}
.tbl-detail th:last-child,
.tbl-detail td:last-child {border-right:0 none;}

.tbl-detail th span {display:block;padding:13px 0;background:#F5F5F5;font-size:15px;font-weight:700;line-height:24px;text-align:center;}
.tbl-detail .box {display:flex;align-items:flex-start;padding:20px 0;gap:18px;}
.tbl-detail .box + .box {border-top:1px dashed #C3C3C3;}
.tbl-detail .box .box-inner {padding:0 18px;}
.tbl-detail .box .t1 {flex-shrink:0;line-height:40px;font-size:14px;font-weight:500;}
.tbl-detail .box .grd-btns {flex:1 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap:12px 10px;}

.swiper-wrapper {display: flex; position: relative; width: 100%; height: 100%; z-index: 1; transition-property: transform; /*transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);*/ box-sizing: content-box;}
.swiper-wrapper .swiper-slide {display: block; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}

.imgSlide {display:flex;align-items:center;justify-content:space-around;}
.imgSlide .swiper {flex:0 0 auto;overflow:hidden;width:300px;}
.imgSlide .btn-slide-prev {width:28px;height:28px;border:0 none;background:url(../img/ico_arrL.svg) no-repeat center;}
.imgSlide .btn-slide-next {width:28px;height:28px;border:0 none;background:url(../img/ico_arrR.svg) no-repeat center;}

.cont > div[id] + div:not([class]) {padding: 20px 10px; text-align: center; color: transparent; background: url(../img/ico_select_arr.svg) no-repeat center center / 30px;}

.btn-wrap.wrap {flex-wrap: wrap; justify-content: flex-start; margin: 0;}
.btn-wrap .k-textbox2 {font-size: 14px; line-height: 1.5; color: #ff0000;}
.btn-wrap.wrap .tblChk {justify-content: flex-start; width: 100%; margin-top: 10px; font-size: 14px;}
.btn-wrap.wrap .btn.navy {margin-left: auto;}
.cont > div[id] + div:not([class]) + div:not([class]) {padding: 15px 5px; font-size: 14px; color: #5D8CB0;}

.error-message {display: flex; align-items: center; height: 25px; padding: 5px 10px; text-align: left; font-size: 12px; font-weight: 600; line-height: 1.3; color: #cb4545; background: #fdefba; border-radius: 3px;}
.error-message::before {position: relative; top: 0px; content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 4px; background: url(../img/ico_input_error.svg) no-repeat center center;}
.selectBox.is-error {margin-bottom: 25px;}
.selectBox.is-error .error-message {position: absolute; top: calc(100% + 1px); left: -1px; width: calc(100% + 2px); border: 1px solid #B1B8BE; border-top: 0;}

/* 공통: input, select */
input.ft-invalid,
select.ft-invalid,
textarea.ft-invalid {
    border: 2px solid #cb4545;
    border-radius:4px;
    outline: none;
}

input.ft-invalid:focus-visible,
select.ft-invalid:focus-visible,
textarea.ft-invalid:focus-visible {
    border-color: #cb4545;
    outline-color: #cb4545;
    box-shadow: none;
}


td[colspan] > p.block + .chkBox {margin-top: 5px;}
td[colspan] > .chkBox + p.block {margin-top: 10px;} 
td[colspan] > .chkBox + textarea {margin-top: 10px;}

.checkFile {margin-bottom: 35px; background: #F4F5F6; border: 1px solid #E2E6EA; border-radius: 6px;}
.checkFileUpload .txtLi .txtInfo {font-weight: 400; color: #6D7882;}
.checkFile + .tbl::before {content: none;}
.schList .titBox .rt .btn-wrap {width: auto;}
.schList .titBox .rt .btn-wrap button {font-size: 15px;}
.schList .titBox .rt .btn-wrap + .btn-wrap, .ft-validation-grid .button-family .btn-wrap + .btn-wrap {padding-left: 15px; margin-left: 5px; border-left: 1px solid #CED6DD;}
.btn-reset.txt.lt {padding: 0 10px !important; border: 1px solid #929AA2;}
.btn-reset.txt.lt::before {content: ''; display: block; width: 14px; height: 14px; background: url(../img/ico_reset.svg) no-repeat center;}
.btn-reset.txt.lt::after {content: none;}

.readonly-select {
    background-color: #eee; /* 회색 배경 */
    pointer-events: none;   /* 마우스 클릭 차단 */
}

.main .btnSlide{display: none;}

/* 251218 */
.popup.xlg {max-width: 2200px; width: calc(100vw - 40px);}

/* 251209 */
.gisTab {position: absolute; top: 10px; left: 133px; display: flex; margin-left: 33px; background: #fff; border: 1px solid #B1B8BE; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); overflow: hidden;}

.gisTab > li button {display: inline-flex; align-items: center; gap: 5px; padding: 13px 18px 12px 18px; text-align: left; font-size: 16px; font-weight: 600; color: #6D7882; background: #fff; border: 0;}
.gisTab > li button.on {color: #513ead; background: #F5F3FF;}
.gisTab > li + li button {border-left: 1px solid #B1B8BE;}
.gisTab > li button::before {content: ' '; display: block; width: 16px; height: 16px; border: 5px solid #a2acb5; border-radius: 100%; box-sizing: border-box;}
.gisTab > li button.on::before {border-color: #513ead;}

.layerIconSet .IconSetLi > li {width: inherit;}
.layerIconSet .IconSetLi > li + li .btnImgTxt {border-left: 1px solid #ccc;}
.layerIconSet .IconSetLi .btnImgTxt .number {position: absolute; top: -3px; left: -8px; display: flex; justify-content: center; align-items: baseline; width: 18px; height: 18px; padding-top: 2px; font-size: 14px; font-weight: 500; color: #fff; background: #513EAD; border-radius: 100%;}
.layerIconSet .IconSetLi .btnImgTxt.on {background: #f5f3ff;}
.layerIconSet .IconSetLi .btnImgTxt.on .txt {color: #513dad;}
.layerIconSet .IconSetLi .btnImgTxt.on .img {filter: invert(100%) sepia(20%) saturate(2227%) hue-rotate(232deg) brightness(75%) contrast(94%);}

.leaflet-control-container .leaflet-top.leaflet-left {top: 20px; right: 20px; left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 9px;}
.leaflet-control-container .leaflet-top.leaflet-left .leaflet-control {top: 50px; width: 30px; margin: 0; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);}
.leaflet-control-container .leaflet-top.leaflet-left .leaflet-control a {width: 30px; color: transparent; border: 1px solid #C6CBD0;}

.leafletSch {position: relative; display: flex; align-items: center; width: 266px; padding: 8px 0; background: #fff; border: 1px solid #B1B8BE; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);}
.leafletSch input {flex: 1; width: 100%; height: 21px; padding: 0 5px 0 15px; font-size: 14px; font-weight: 500; line-height: 1.5; color: #6D7882; border: 0;}
.leafletSch button {position: static; width: 32px; height: 21px; padding: 0; background: url(../img/gis_ico_sch.png) no-repeat center center; border-width: 0 0 0 1px; border-style: solid; border-color: #DDE1E4; cursor: pointer;}

/* 자동완성 기준 래퍼 */
.tblBox-autocomplete {overflow: visible;}

/* table 영향에서 벗어나는 스코프 */
.autocomplete-scope {position: relative; overflow: visible;}

.leafletSch.autocomplete {position: relative;}

/* 자동완성 레이어 */
.autocomplete-layer {position: absolute; top: calc(100% + 2px); left: 0; width: 100%; max-height: 220px; overflow-y: auto; background: #fff; border: 1px solid #cfd6e4; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12); z-index: 10000; display: none;}

.autocomplete-guide {padding: 10px 12px; font-size: 13px; color: #8a94a6; background: #f9fafb; cursor: default; pointer-events: none;}

/* gis-style */
/* 지도 컨테이너 */
#map-container {z-index: 0; width: 100%; height: 100%;}

/* 기존 리스트 */
.mapList {z-index: 500; pointer-events: auto;}

/* 팝업 스타일 */
.leaflet-popup-content-wrapper {padding: 5px;}
.leaflet-popup-content {margin: 13px 19px; font-size: 13px; line-height: 1.5;}
.leaflet-popup-content h3 {margin-bottom: 10px; font-size: 16px;}

/* fix: color2 -> color */
.loading {font-style: italic; color: #007cba;}
.error {font-weight: bold; color: #dc3545;}

/* 통합 컨트롤 패널 */
.leaflet-top.leaflet-right {height: 100%; padding: 0; background: #fff; box-shadow: -8px 2px 12px rgba(0, 0, 0, .08);}
.control-panel.leaflet-control {width: 334px; height: 100%; margin: 0; padding-right: 10px; font-size: 13px; overflow-y: auto;}
.control-panel .title {margin-bottom: 8px; font-size: 14px; font-weight: 800;}
.control-panel .section {border-radius: 8px; overflow: hidden;}
.control-panel .sec-title {display: flex; align-items: center; padding: 10px 0; font-size: 16px; font-weight: 700; line-height: 1.5;}
.control-panel .sec-title .chev {display: block; width: 30px; height: 30px; margin-left: auto; background: url(/img/ico_control_arr.svg) no-repeat center; cursor: pointer;}
.control-panel .sec-name {display: block; width: 75px; font-size: 14px; font-weight: 500; color: #1E2124;}
.control-panel .section.collapsed .sec-body {display: none;}
.control-panel .sec-body {display: flex; flex-direction: column; padding-bottom: 8px;}
.control-panel .row {display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 0 2px 8px 2px;}
.control-panel .row.border {padding-top: 8px; border-top: 1px solid #ddd;}
.control-panel .row:last-child {margin-bottom: 0;}
.control-panel .row-child {display: flex; align-items: center; gap: 4px;}
.control-panel .sec-name + .row-child {flex: 1;}
.control-panel .selectBox,
.control-panel input[type=text],
.control-panel input[type=number] {width: 100%; padding: 6px 15px; font-size: 14px; font-weight: 500; line-height: 1.5; color: #1E2124; border-radius: 4px;}
.control-panel input[type=text]::placeholder,
.control-panel input[type=number]::placeholder {font-size: 14px; font-weight: 500; color: #6D7882;}
.control-panel label {cursor: pointer;}
.control-panel .sec-body label input[type=radio] + span,
.control-panel .sec-body label input[type=checkbox] + span {display: block; padding: 4px 8px; text-align: center; font-size: 14px; font-weight: 500; line-height: 1; background: #fff; border: 1px solid #b1b8be; border-radius: 20px;}
.control-panel .sec-body label input[type=radio] + span:hover,
.control-panel .sec-body label input[type=checkbox] + span:hover {text-decoration: underline;}
.control-panel .sec-body label input[type=radio]:checked + span,
.control-panel .sec-body label input[type=checkbox]:checked + span {color: #513EAD; border-color: #513EAD;}
.control-panel .sec-body label input[type=radio]:disabled + span,
.control-panel .sec-body label input[type=checkbox]:disabled + span {color: #6D7882; background-color: #F6F7F8; border-color: #CED6DD;}
.control-panel .chk-visible {margin-left: 10px; cursor: pointer;}
.control-panel .chk-visible input[type=checkbox] + span {display: block; padding: 2px 0 0 26px; font-size: 13px; font-weight: 600; line-height: 18px; color: #6e6c95;}
.control-panel .chk-visible input[type=checkbox]:checked + span {color: #513EAD;}
.control-panel .cats {display: flex; align-items: center; gap: 4px; flex-wrap: wrap;}
.control-panel .row:not(.border) .cats {position: relative; padding-left: 50px; min-height: 50px;}
.control-panel .row:not(.border) .cats > label:first-child {position: absolute; top: 0; left: 0;}
.control-panel .btns {display: flex; justify-content: flex-end; gap: 6px;}

/* 색 점 마커 */
.marker-dot {width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);}

.m-보건 { background: #e31a1c; color: #fff; }
.m-교육 { background: #1f78b4; color: #fff; }
.m-에너지 { background: #33a02c; color: #fff; }
.m-기타 { background: #6a3d9a; color: #fff; }
.m-공공행정 { background: #7e7e7e; color: #fff; } /* 회색계열 */
.m-교통 { background: #ff7f00; color: #fff; }    /* 주황계열 */
.m-농림수산 { background: #b2df8a; color: #333; } /* 연두계열 */
.m-산업 { background: #fdbf6f; color: #333; }    /* 황토계열 */
.m-수자원 { background: #a6cee3; color: #333; }  /* 하늘계열 (수자원 및 위생) */
.m-인도적지원 { background: #fb9a99; color: #333; } /* 분홍계열 */
.m-통신 { background: #cab2d6; color: #333; }    /* 연보라계열 */
.m-환경보호 { background: #006d2c; color: #fff; } /* 진초록계열 */

.mapPopup .tblBox {max-height: 300px; min-height: 200px;}

.marker-cluster {z-index: 10 !important;}

.leaflet-div-icon:has(.custom-cluster) {z-index: 10 !important; border: none; border-radius: 10px;}

.custom-cluster {display: flex; height: 100%; align-items: center; justify-content: center; border-radius: 8px;}
.custom-cluster p {color: #fff;}

/* @ fix. 251031 */
.mapBox .map {width: 100%;}
.control-panel.leaflet-control > .title {position: absolute; display: block; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
#map-container .leaflet-control-container {font-family: "Pretendard GOV", sans-serif;}
.btn-search {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}


/* 251216 */
.leaflet {display: flex; flex-direction: column; gap: 9px; width: 424px; height: calc(100vh - 130px); max-height: calc(100vh - 130px); padding-right: 4px; padding-bottom: 50px; overflow-y: auto;}
.leaflet::-webkit-scrollbar, .leaflet::-webkit-scrollbar-track, .leaflet::-webkit-scrollbar-thumb {width: 4px;}
.leaflet *::-webkit-scrollbar, .leaflet *::-webkit-scrollbar-track, .leaflet *::-webkit-scrollbar-thumb {width: 4px;}
.leaflet + .map {flex: 1;}
.leaflet > li {display: flex; flex-direction: column; gap: 10px; padding: 20px 20px 25px 20px; border: 1px solid #7D7D7D; border-radius: 8px;}
.leaflet > li.on .titBtn::after {transform: rotate(180deg); transition: 0.4s all;}
.leaflet .titBtn {display: inline-flex; justify-content: space-between; align-items: center; width: 100%; padding: 9px 16px; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: -0.16px; color: #fff; background: #6D4FFF; border: 0; border-radius: 4px;}
.leaflet .titBtn::after {content: ' '; display: block; width: 12px; height: 14px; background: url(../img/ico_gis_accordion.svg) no-repeat center center; transition: 0.4s all;}
.leaflet > li:nth-child(2) .titBtn {background: #5747A4;}
.leaflet > li:nth-child(3) .titBtn {background: #E4921E;}
.leaflet > li:nth-child(4) .titBtn {background: #197EC2;}
.leaflet > li:nth-child(n+3).on .titBtn::after {transform: rotate(-90deg);}
.leaflet .tblBox {max-height: 108px; border-top: 1px solid #B1B8BE;}
.leaflet .tbl {overflow-y: auto;}
.leaflet .tbl::before {content: none;}
.leaflet .tbl :where(th, td) {padding: 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: #1E2124;}
.leaflet .tbl th {height: 30px; border: 0!important;}
.leaflet .tbl th::before {content: none!important;}
.leaflet .tbl td {height: 36px; padding: 0 5px; text-align: left; transition: 0.2s all;}
.leaflet .tbl td a {display: block; height: 36px; padding: 8px 5px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.2s all;}
.leaflet .tbl tr:is(:hover, .active) {background: #F2F4FE;}
.leaflet .tbl tr:is(:hover, .active) * {font-weight: 700; color: #513EAD;}
.leaflet > li .sch {display: flex; align-items: center; gap: 9px;}
.leaflet > li .sch .selectBox {height: 36px; padding: 0;}
.leaflet > li .sch .selectBox select {font-size: 14px; font-weight: 500; color: #1E2124;}
.leaflet > li .sch .btn-wrap {width: auto;}
.leaflet .calamity {position: static;}
.leaflet .calamity > p {padding: 0 15px; font-size: 14px; font-weight: 400; line-height: 1.5; color: #1E2124;}
.leaflet .calamity > p span {padding-left: 10px; margin-left: 10px; border-left: 1px solid #D5D5D5;}
.leaflet .modalPop {z-index: 3030; position: fixed; bottom: auto; left: 380px; width: 400px; padding: 30px 30px 25px 30px; background: #fff; border: 2px solid #E4911E; border-radius: 6px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
.leaflet .modalPop::after {position: absolute; top: 50%; left: -10px; content: ' '; display: block; width: 15px; height: 15px; background: #fff; border: 2px solid #E4911E; border-right: 0; border-top: 0; transform: translateY(-50%) rotate(45deg);}
.leaflet .modalPop .btn-close {top: 14px; right: 17px; filter: invert(49%) sepia(69%) saturate(505%) hue-rotate(355deg) brightness(106%) contrast(99%);}
.leaflet .modalPop p {display: block; font-size: 14px; font-weight: 400; line-height: 1.5; color: #1E2124;}
.leaflet .modalPop p.tit {display: flex; align-items: center; margin-bottom: 10px; font-size: 16px; font-weight: 700;}
.leaflet .modalPop p.tit span {padding-left: 10px; margin-left: 10px; font-size: 13px; font-weight: 400; border-left: 1px solid #D5D5D5;}
.leaflet .calamity .modalPop p {max-height: 200px; overflow-y: scroll;}


.leaflet p.tit.tp1::before {background: url(../img/ico_calamity_01.svg) no-repeat center center;} /* 가뭄 */
.leaflet p.tit.tp2::before {background: url(../img/ico_calamity_02.svg) no-repeat center center;} /* 지진 */
.leaflet p.tit.tp3::before {background: url(../img/ico_calamity_03.svg) no-repeat center center;} /* 국지성폭풍 */
.leaflet p.tit.tp4::before {background: url(../img/ico_calamity_04.svg) no-repeat center center;} /* 감염병 유행 */
.leaflet p.tit.tp5::before {background: url(../img/ico_calamity_05.svg) no-repeat center center;} /* 홍수 */
.leaflet p.tit.tp6::before {background: url(../img/ico_calamity_06.svg) no-repeat center center;} /* 눈사태 */
.leaflet p.tit.tp7::before {background: url(../img/ico_calamity_07.svg) no-repeat center center;} /* 화산 */
.leaflet p.tit.tp8::before {background: url(../img/ico_calamity_08.svg) no-repeat center center;} /* 산불 */
.leaflet p.tit.tp9::before {background: url(../img/ico_calamity_09.svg) no-repeat center center;} /* 산사태 */
.leaflet p.tit.tp10::before {background: url(../img/ico_calamity_10.svg) no-repeat center center;} /* 쓰나미 */
.leaflet p.tit.tp11::before {background: url(../img/ico_calamity_11.svg) no-repeat center center;} /* 곤충피해 */
.leaflet p.tit.tp12::before {background: url(../img/ico_calamity_12.svg) no-repeat center center;} /* 불 */
.leaflet p.tit.tp13::before {background: url(../img/ico_calamity_13.svg) no-repeat center center;} /* 온대성저기압 */
.leaflet p.tit.tp14::before {background: url(../img/ico_calamity_14.svg) no-repeat center center;} /* 진흙사태 */
.leaflet p.tit.tp15::before {background: url(../img/ico_calamity_15.svg) no-repeat center center;} /* 태풍 */
.leaflet p.tit.tp16::before {background: url(../img/ico_calamity_16.svg) no-repeat center center;} /* 한파 */
.leaflet p.tit.tp17::before {background: url(../img/ico_calamity_17.svg) no-repeat center center;} /* 해일 */
.leaflet > li:not(.on) .modalPop {display: none;}

.leaflet > li.wb .modalPop {bottom: 10px; width: calc(100% - 470px); height: 235px; padding: 30px 20px 18px 20px; border-color: #197EC2;}
.leaflet > li.wb .modalPop::after {border-color: #197EC2;}
.leaflet > li.wb .modalPop .btn-close {filter: invert(70%) sepia(100%) saturate(498%) hue-rotate(163deg) brightness(87%) contrast(97%);}
.leaflet > li.wb .modalPop .btn-close {filter: invert(70%) sepia(100%) saturate(498%) hue-rotate(163deg) brightness(87%) contrast(97%);}

.wb .tab {margin: 0;}
.wb .tab li button.active {background: #197EC2; border-color: #197EC2;}
.wb .tab li button.active {background: #197EC2; border-color: #197EC2;}
.wb .tab.ty02 li button {height: 34px; font-size: 14px;}
.wb .tab.ty02 li button.active {color: #197EC2; background: transparent;}
.wb .tab.ty02 li button.active::after {background: #197EC2;}
.wb li button {height: 35px; font-size: 14px; font-weight: 500; color: #464C53;}
.wb .tabBox {height: 100%; margin-top: 0;}
.wb .tabBox .tabCont {height: 100%;}
.wb .tabBox .tabCont .tabCont > li {margin-top: 0;}
.wb .tabCont > li > .tab:first-child {margin: 0;}

.wb .mainTxt {height: 88px; padding-top: 12px; overflow-y: auto;}
.wb .subTxt ul {display: flex; width: 100%; padding-top: 7px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #1E2124; border-top: 1px solid #ddd;}
.wb .subTxt ul > li {display: inline-flex; align-items: center;}
.wb .subTxt ul > li:not(:first-child) {padding-left: 10px; margin-left: 10px; border-left: 1px solid #D5D5D5;}
.wb .subTxt b {margin-left: 4px; font-weight: 700;}
.wb .subTxt span {margin-left: 2px; color: #484B51;}

.leaflet-top.leaflet-left .flex {gap: 8px;}
.markBox {position: relative; height: 36px;}
.markBox .markBtn {display: flex; justify-content: center; align-items: center; gap: 8px; width: 173px; padding: 7px 15px; font-size: 14px; font-weight: 500; line-height: 1.5; color: #1D1D1D; background: #fff; border: 1px solid #B1B8BE; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); transition: 0.4s all;}
.markBox .markBtn::after {content: ' '; display: block; width: 12px; height: 14px; background: url(../img/ico_control_arr.svg) no-repeat center; transform: rotate(180deg); transition: 0.4s all;}
.markBox .filter {position: absolute; top: calc(100% + 10px); display: flex; flex-wrap: wrap; gap: 8px; width: 354px; padding: 12px; background: #fff; border-radius: 8px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.markBox .filter .sec-body {width: 100%;}
.markBox .filter input {width: 100%; height: 36px; padding: 4px 15px; font-size: 14px; font-weight: 500;}
.markBox .filter input::placeholder {font-size: 14px; font-weight: 500; color: #6D7882;}
.markBox:nth-child(2) .filter {right: 0;}
.markBox .filter .row:not(.border) .cats > label:first-child {position: static;}
.markBox .filter .row:not(.border) .cats {padding-left: 0;}
.markBox.on .markBtn {color: #fff; background: #513EAD; border-color: #513EAD;}
.markBox.on .markBtn::after {filter: invert(1); transform: rotate(0);}
.markBox:not(.on) .filter {display: none;}

.leaflet > li.on :is(.sec-body) {display: none;}
.leaflet > li.on .tblBox {max-height: 450px;}

.tbl .pin {background: url(../img/ico_pin.svg) no-repeat center center;}

.bd {z-index: 1; position: fixed; bottom: 20px; left: 390px; width: calc(100% - 430px); transition: 0.3s all;}
.showMenu .bd {left: 610px; width: calc(100% - 650px);}
.bd > ul {display: flex; gap: 16px;}
.bd > ul > li {position: relative; flex: 1; width: 468px; padding: 34px 30px 30px 30px; background: #fff; border-radius: 8px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);border: 4px solid transparent;}
.bd > ul > li.on{border: 4px solid #E0BBE4;}
.bd .btn-close {top: 15px; right: 15px; width: 14px; height: 14px; filter: invert(0.8);}
.bd p {display: block; font-weight: 700; line-height: 1.5; color: #1E2124;}
.bd p.tit {font-size: 16px;}
.bd .ing {display: flex; align-items: center; width: 100%; margin-top: 9px;}
.bd .ing p {display: inline-flex; align-items: center; font-size: 13px; font-weight: 500; color: #484B51;}
.bd .ing p:nth-child(1)::after {content: ' '; display: inline-block; width: 18px; height: 18px; margin-left: 5px; background: #FF8113; border-radius: 30px;}
.bd .ing p.blue:nth-child(1)::after {background: #5278C6;}
.bd .ing p.yellow:nth-child(1)::after {background: #f7d600;}
.bd .ing p:nth-child(n+2) {padding-left: 10px; margin-left: 10px; border-left: 1px solid #D5D5D5;}
.bd .ing p:nth-child(2) {color: #5278C6;}
.bd .ing p:nth-child(3) {color: #6348B2;}
.bd .cont {margin-top: 5px; border-top: 1px solid #D5D5D5;}
.bd .cont > div:first-child {display: flex; flex-wrap: wrap; padding: 5px 15px; background: #F4F5F6; border-bottom: 1px solid #D5D5D5;}
.bd .cont > div:first-child > p {display: inline-block; font-size: 13px; font-weight: 400; line-height: 1.5; color: #484B51;}
.bd .cont > div:first-child > p b {font-weight: 700; color: #1E2124;}
.bd .cont > div:first-child > p:first-child {width: 100%;}
.bd .cont > div:first-child > p:nth-child(n+3) {padding-left: 10px; margin-left: 10px;}
.bd .cont > div:last-child {max-height: 120px; padding: 10px 0 5px 0; overflow-y: auto;}
.bd .cont p {font-size: 14px; font-weight: 400;}
.bd .cont + .btn-wrap button {height: 32px; margin-top: 10px; font-size: 13px; font-weight: 500; line-height: 1.5; color: #464C53;}
.bd .cont + .btn-wrap button::after {position: relative; top: -1px; width: 5px; margin-left: 5px;}

.btns button {font-size: 14px; font-weight: 500; line-height: 1.5; color: #464C53;}
.btn-search {position: static; min-width: 65px; color: #fff; background: #6D4FFF; border: 0; transform: none;}
.wrapper .container .container {position: relative; top: 0; left: 0; height: calc(100vh - 110px); padding: 0; margin: 0 -20px 0 -15px; overflow: unset;}
.leaflet-control-container {position: absolute; top: 10px; right: 15px;}


.wrapper.showMenu .leaflet .modalPop {left: 600px;}
.leafletSch > ul {position: absolute; top: calc(100% + 1px); right: 0; width: 100%; max-height: 110px; background: #fff; border: 1px solid #B1B8BE; border-radius: 4px; overflow-y: auto;}
.leafletSch > ul a {display: block; width: 100%; height: 36px; padding: 10px 15px; font-size: 16px; font-weight: 400;}
.leafletSch > ul a:hover {text-decoration: underline; background: #ecf2fe;}
.leafletSch > ul a b {font-weight: 700; color: #197ec2;}
.leafletSch ul li.active a {background-color: #f1f1f1;color: #000;font-weight: bold;}


.bd .btn-thumbtack {position: absolute; top: 15px; right: 35px; width: 14px; height: 14px;filter: invert(0.8); background: url(../img/icon_thumbtack.svg) no-repeat center; border: none;}
.bd .btn-thumbtack.on {filter: invert(0.3);}

.markBox .captureBtn { height: 100%; width: 50px; display: flex; justify-content: center; align-items: center; padding: 7px 15px; background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), #fff url(../img/icon_camera.svg) no-repeat center / 26px; border: 1px solid #B1B8BE; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); box-sizing: border-box; cursor: pointer; }

.leaflet-marker-pane > .leaflet-div-icon:not(.custom-cluster-icon):not(.custom-pin-marker):not(.distance-label) {background: #fff !important; border: 1px solid #666 !important; border-radius: 50% !important; width: 10px !important; height: 10px !important; margin-left: -5px !important; margin-top: -5px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); opacity: 1 !important;}
.leaflet-marker-pane > .leaflet-div-icon:not(.custom-cluster-icon):not(.custom-pin-marker):not(.distance-label):hover {width: 12px !important; height: 12px !important; margin-left: -6px !important; margin-top: -6px !important; background: #f357a1 !important; border-color: #fff !important;}
.leaflet-editing-icon {border-radius: 50% !important; width: 10px !important; height: 10px !important; margin-left: -5px !important; margin-top: -5px !important; background: #fff !important; border: 1px solid #666 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}


/* 251226 */
.popup .mapBox {position: relative; top: 0; left: 0; flex-direction: column-reverse; width: 100%; height: 100%; max-height: 800px;}
.popup .leaflet {width: 450px; height: 340px; padding-bottom: 0; overflow: unset;}
.popup .leaflet .selectBox {min-width: 130px;}
.popup .leaflet + .map {height: 450px;}
.popup .leaflet + .map > div {min-height: 450px;}
.popup .leaflet .titBtn {background: #5747A4;}
.popup .leaflet .tblBox {max-height: 160px;}
.popup .leaflet-control-container {position: absolute; top: 20px; right: 20px;}
.popup .bd {position: absolute; bottom: 0; left: 460px; width: calc(100% - 460px); height: 340px;}
.popup .bd > ul {height: 100%;}
.popup .bd > ul > li {height: 100%; padding: 25px 20px 17px 20px; border: 3px solid rgba(125,125,125, 0.25);}
.popup .bd .tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: auto; padding: 0; font-size: 14px; text-overflow: ellipsis; background: transparent; border-radius: 0; overflow: hidden;}
.popup .bd .ing {margin-top: 6px;}
.popup .bd .ing p {font-size: 12px;}
.popup .bd .ing p:nth-child(1)::after {width: 14px; height: 14px;}
.popup .bd .cont {max-height: none; padding: 0;}
.popup .bd .cont > div:first-child > p {display: block; width: 100%; font-size: 12px;}
.popup .bd .cont > div:first-child > p:nth-child(n+3) {padding: 0; margin: 0;}
.popup .bd .cont p {font-size: 12px;}
.popup .bd .cont > div:last-child {max-height: 150px;}
.popup .bd .cont + .btn-wrap button {height: 28px; font-size: 12px;}

.control-panel .fltOpt {padding: 3px 18px 4px 16px; margin: 5px 0 10px 0; border-radius: 4px;}
.control-panel .fltOpt p {font-weight: 500; color: #1E2124;}
.control-panel .btns .chk-visible input[type=checkbox] + span {display: flex; align-items: center; height: 36px; padding: 0 10px; border: 1px solid #B1B8BE; border-radius: 4px;}

.tab.bizCycl button.disabled {pointer-events: none; opacity: 0.5; cursor: not-allowed;}
.tab.bizCycl button.disabled.active {opacity: 1;}

.gis-popup .btn-wrap.right:has(p) {justify-content: space-between;}
.gis-popup .btn-wrap.right p {margin-top: 5px; font-size: 12px; font-weight: 300; text-align: center;}

.autocomplete-wrapper {position: relative; display: inline-block; width: 100%; min-width: 200px; font-weight: 500;}
.autocomplete-display {width: 100%; padding: 8px 30px 8px 12px; box-sizing: border-box; background-color: #fff; font-size: 16px; font-weight: 500; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}

/* 260107 */
.txtInfo.xlg {font-size: 16px; background: url(../img/ico_bullet.svg) no-repeat 0 6px;}
.txtInfo.xlg b {margin: 0 3px; font-size: 16px; line-height: 24px; font-weight: 700; color: #D63D4A;}

/* 진행단계 - 사업 목록 - ODA 기본 사업 - 사업 유형 라벨 */
.span.tp1 {background: #D1EEFB;} /* 프로젝트 */
.span.tp2 {background: #D6F6CA;} /* 프로그램 */
.span.tp3 {background: #F8DFDF;} /* 개발컨설팅 */
.span.tp4 {background: #D4DCFF;} /* 연수사업 */
.span.tp5 {background: #FFDEBB;} /* 장학지원 */
.span.tp6 {background: #BDD4D1;} /* 봉사단파견 */
.span.tp7 {background: #AAC6D9;} /* 기타기술협력 */
.span.tp8 {background: #C4BDD4;} /* 민관협력 */
.span.tp9 {background: #D4D0BD;} /* 행정비용 */
.span.tp10 {background: #BBDDCF;} /* 초청연수 */
.span.tp11 {background: #E0C1A0;} /* 다자원조 */
.span.tp12 {background: #DBDDA3;} /* 분담금 */
.span.tp13 {background: #F8C9F1;} /* 출연금 */
.span.tp14 {background: #E8E8E8;} /* 기타 */


.description {display: block; width: 100%; max-width: -webkit-fill-available; margin-top: 5px; border: 1px solid #c8c8c8; padding: 6px; background-color: #eef1ff; font-size: 13px;}
.description p {position: relative; margin-bottom: 2px; padding-left: 10px; line-height: 1.4;}
.description p:last-of-type {margin-bottom: 0;}
.description p::before {content: ''; position: absolute; top: 7px; left: 1px; width: 4px; height: 4px; background-color: #666; border-radius: 30px;}
.description .no-bullet {padding-left: 0;}
.description .no-bullet::before {display: none;}

.tipBox {position: relative; display: inline-flex; justify-content: flex-end;}
.popup .tipBox {flex: 1;}
.tipBox .tipCont {top: 50px; right: 0; left: auto;}

.fltList button:disabled {background: #e5e5e5; color: rgb(70 76 83 / 50%);}
.quick-btns .tipCont {top: 80px; left: -165px;}

.alert {position: absolute; top: 50%; left: 50%; width: 400px; min-height: 150px; padding: 30px 20px 20px 20px; background: #FFF; visibility: hidden; border: 1px solid #2D2D2D; border-radius: 10px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); transform: translateX(-50%) translateY(-50%);}
.alert .btn-close {position: absolute; top: 15px; right: 15px; filter: brightness(0);}
.alert img {display: block; width: 40px; height: 34px; margin: 0 auto 15px auto;}
.alert p {display: block; text-align: center; font-size: 18px; font-weight: 500; line-height: 1.5; color: #1E2124;}
.alert .btn-wrap {justify-content: center; padding: 20px 0 0 0; border-top: 0;}

.titBox.gray {align-items: center; padding: 5px 20px; margin-bottom: 10px; background: #f4f5f6; border: 1px solid #E2E6EA; border-radius: 5px;}

/* 260119 회원가입  휴대폰인증 */
.numberLogin {display: flex; flex-wrap: wrap; padding: 30px 45px 40px 45px; background: #fff; border: 1px solid #e2e6ea; border-radius: 8px;}
.numberLogin .tit {display: block; font-size: 16px; font-weight: 700; color: #1E2124;}
.numberLogin .tit + .tbl {margin-top: 20px;}
.login-form .login-chk span.no::before {content: none;}
.auth-input-wrap {position: relative;}
.auth-input {padding-right: 70px;}
.auth-timer {position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 14px; color: #999; pointer-events: none;}

/* 260126 */
.note {margin-right: 20px;}
.note a {position: relative; display: flex; align-items: center; padding-left: 35px; font-size: 14px; font-weight: 500; line-height: 30px; border: 0 none;}
.note a::before {position: absolute; left: 0; content: ' '; display: block; width: 14px; height: 16px; background: url(../img/ico_note.svg) no-repeat center center;}
.note a span {position: absolute; top: 3px; left: 10px; padding: 0 3px; font-size: 12px; font-weight: 700; line-height: 14px; letter-spacing: -0.4px; color: #FFF; background: #FE2200; border-radius: 10px;}
.popup .btn.sch {width: auto; min-width: 36px; height: 36px; padding: 0 10px; background: #fff;}

/* 260203 */
.btn:is(.graph, .pco, .btn-minus) {display: flex; gap: 4px;}
.btn.graph::before {content: ' '; display: block; width: 16px; height: 16px; background: url(../img/ico_graph.svg) no-repeat center;}
.btn.pco::before {content: ' '; display: block; width: 16px; height: 16px; background: url(../img/ico_flag.svg) no-repeat center;}
.btn-minus::before {content: ' '; display: block; width: 16px; height: 16px; background: url(../img/ico_grid_minus.svg) no-repeat center;}
.btn-wrap .btn-minus {width: auto;}
.btn.darkblue {color: #fff; background: #524C91; border-color: #524C91;}
.btn.gray {color: #fff; background: #584965; border-color: #584965;}
button[class^="btn"]:is(.darkblue, .navy, .green, .red, .gray)::before {filter: brightness(5);}