@charset "utf-8";
body, body *{word-break: keep-all; word-wrap: break-word;}
/*default override*/
/* cms ui - common, helper*/
.off{display:none !important;}
img[data-enlargeable]{cursor: -webkit-zoom-in; cursor:zoom-in}
/* 0. page inner */
.page-inner{padding:0 3.2rem;}
.cms-inner{width:100%; max-width:96.4rem; padding:0 1.6rem; margin:0 auto;}

/* 1. section ui */
.sec-title{display:flex; align-items: flex-end; margin-bottom:3rem;}
.sec-title .kor{font-size:var(--font-size-3); font-weight:var(--font-weight-bold); color:var(--color-font-blueblack)}
.sec-title .eng{color:var(--color-font-bluegrey); font-size:var(--font-size-base); margin-left:9px;}
.cms-sec{display: flex; align-items: flex-start;}
.cms-sec ~ .cms-sec{padding-top:3.2rem; margin-top:3.2rem; border-top:0.1rem solid #eee;}
.cms-sec .sec-title{width:23rem; font-size:var(--font-size-2); font-weight:var(--font-weight-bold); color:var(--color-font-label); padding-right:2em;}
.cms-sec .sec-content{flex:1; min-width: 0;}
.cms-sec ~ .btns-wrapper{margin-top:60px;}
.cms-sec.bg{background:#f8f9fa; margin-left:-3.2rem; margin-right:-3.2rem; margin-bottom:calc(-3.2rem - 1px); padding-left:3.2rem; padding-right:3.2rem; padding-bottom:3.2rem; border-bottom:0.1rem solid #eee; position: relative;}

/* 2. dot title */
[class*="dot-"]{display: flex; align-items: center;}
[class*="dot-"]:before{content:""; display:block; width:1rem; height:1rem; border-radius: 50%; margin-right: 1rem;}
.dot-blue:before{background:var(--color-brand-sky)}
.dot-yellow:before{background:var(--color-brand-yellow)}
.dot-green:before{background:var(--color-brand-green)}

/* 3. badge */
[class*="bdg-"]{line-height:2.8rem; height:2.8rem; border-radius:9999px; font-size:var(--font-size-base); font-weight:var(--font-weight-semibold); display:inline-block;}
.bdg-green {border:0.1rem solid #A3E1C0; background: #EAFBF2; color:#38815B;}
.emp{color:var(--color-brand-blue); font-weight:var(--font-weight-medium); font-style: normal; font-size:inherit}
.emp.red{color:red;}
.emp.green{color:#04b573;}
.bdg-status.green{color:#04b573;}
.bdg-status.blue{color:#014DA2}
.bdg-status.red{color:red;}

/* 4. btn + btn layout */
.btns-wrapper{display:flex; align-items: flex-end; gap:0.8rem 4px;flex-wrap:wrap;}
.btns-wrapper .left{display:flex; gap:4px;flex-wrap:wrap;max-width:100%;}
.btns-wrapper .right{flex:none; margin-left:auto; display:flex; gap:4px;flex-wrap:wrap;max-width:100%;}
.btns-wrapper.center{justify-content: center;}
.btns-wrapper.right{justify-content: flex-end;}
.btns-wrapper .filter{margin:0}
.btns-wrapper .right .filter-item{justify-content: flex-end;}
.btns-wrapper.justify{justify-content: space-between;}
.btns-wrapper .cms-pager{margin-top:0;}
[class*="btn-"]{display:flex; align-items: center; justify-content: center; background:var(--color-btn-dark); color:var(--color-font-white); min-width:9.4rem; padding:0 2rem; font-weight: var(--font-weight-medium); letter-spacing: -0.04em; padding-top:2px; text-decoration: none !important; transition: none !important; cursor: pointer;}
[class*="btn-"] .icon{color:#fff; font-size:var(--icon-size-1); margin-left:-0.6rem; margin-right:0.8rem; font-weight: normal;}
[class*="btn-"][class*="-blue"]{background:var(--color-btn-blue)}
[class*="btn-"][class*="-blue"]:hover{background:var(--color-btn-blue-hover)}
[class*="btn-"][class*="-darkblue"]{background:var(--color-btn-darkblue)}
[class*="btn-"][class*="-darkblue"]:hover{background:var(--color-btn-darkblue-hover)}
[class*="btn-"][class*="-sky"]{background:var(--color-btn-sky); color:var(--color-font-black)}
[class*="btn-"][class*="-sky"]:hover{background:var(--color-btn-sky-hover)}
[class*="btn-"][class*="-green"]{background:var(--color-btn-green)}
[class*="btn-"][class*="-green"]:hover{background:var(--color-btn-green-hover)}
[class*="btn-"][class*="-red"]{background:var(--color-btn-red)}
[class*="btn-"][class*="-red"]:hover{background:var(--color-btn-red-hover)}
[class*="btn-"][class*="-white"]{background:#fff; color:var(--color-font-black); border:0.1rem solid #ddd;}
[class*="btn-"][class*="-wgrey"]{background:#f9f9f9; color:var(--color-font-black); border:0.1rem solid #ddd;}
[class*="btn-"][class*="-white"]:hover{background:#eee}
[class*="btn-"][class*="-white"] .icon{color:var(--color-font-black)}
[class*="btn-"][class*="-grey"]{background:var(--color-btn-grey); color:var(--color-font-black)}
[class*="btn-"][class*="-dark"]{background:#414D63;}
[class*="btn-"][class*="-lg"]{min-width:13rem; height:5rem;}
[class*="btn-"][class*="-md"]{min-width:9rem; height:4rem;}
[class*="btn-"][class*="-md"] .icon{font-size:2rem; margin-top:-0.2rem;}
[class*="btn-"][class*="-sm"]{min-width:6rem; height:3.2rem; display:inline-flex; white-space: nowrap; font-size:1.4rem; padding:0.2rem 1.6rem 0}
[class*="btn-"][class*="-sm"] .icon{font-size:1.8rem;}
[class*="btn-"] .icon.grey{color:#888}
[class*="btn-"].fold-btn{width:3.2rem; min-width: 0; padding:0; box-shadow: 0 0 4px rgba(0,0,0,0.05);}
[class*="btn-"].fold-btn .icon{margin:0; font-size:2rem; padding-top:0.1rem;}
[class*="btn-"].fold-btn.on{background:#2C3236; border-color: #2C3236;}
[class*="btn-"][class*="-white"].fold-btn.on:hover{background:#000}
[class*="btn-"].fold-btn.on .icon{color:#fff; transform:translateY(1px) rotate(180deg);}
[class*="btn-"].full{width:100%;}
.link-btn{font-size:1.5rem; color:#000; font-weight:600; text-decoration: underline; transition: color 0.2s;}
.link-btn:hover{text-decoration: underline; color:var(--color-brand-blue)}
.view-btn{font-size:1.5rem; color:#000; font-weight:600; text-decoration: underline; transition: color 0.2s;}
.view-btn:hover{text-decoration: underline; color:var(--color-brand-blue)}
.data-table [class*="btn-"]:hover{color:unset !important}

/* 5. form item */
.sbp-cms input[type="number"]::-webkit-outer-spin-button,
.sbp-cms input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.sbp-cms input[type="text"],
.sbp-cms input[type="password"],
.sbp-cms input[type="number"],
.sbp-cms select{width:100%; flex:1; height:4.8rem; border:0.1rem solid #ddd; position: relative; border-radius:0; color:#000; cursor: pointer; background:#fff; padding:0 1em; line-height: 1;}
.sbp-cms input[type="text"].small,
.sbp-cms input[type="password"].small,
.sbp-cms input[type="number"].small,
.sbp-cms select.small{box-shadow: var(--box-shadow-input); height:3.2rem; font-size:1.5rem}
.sbp-cms input::placeholder{color:var(--color-font-grey)}
.sbp-cms input[type="text"]:read-only, 
.sbp-cms input[type="password"]:read-only, 
.sbp-cms input[type="text"]:disabled, 
.sbp-cms input[type="password"]:disabled, 
.sbp-cms select:disabled{background-color:#f8f9fa; cursor:unset;}
.sbp-cms select.readonly{background:#f8f9fa; cursor:unset;}
.sbp-cms input.readonly{background:#f8f9fa; cursor:unset;}
.sbp-cms select option{color:#000}
.sbp-cms select{background:#fff url(../img/icon_select.svg) no-repeat right 1rem center / 2rem}
[class*="form-item"]{position: relative; display:flex; flex-wrap:wrap;max-width:100%;}
[class*="form-item"] .item-label{width:100%; font-size:var(--font-size-1); font-weight: var(--font-weight-medium); color:var(--color-font-black); margin-bottom: 1.2rem;}
[class*="form-item"] .item-label.horizen {flex:0;margin-bottom:0;align-self:center;margin-right:1.5rem;}
[class*="form-item"].off{display:none;}
input[type="text"].datepicker,
input[type="text"].datepickerToday,
input[type="text"].monthpicker{background:#fff url(../img/icon_date.svg) no-repeat right 1.6rem center / 1.6rem !important; cursor: pointer !important;}
.form-item-file .file-input{flex:1; position: relative;}
.form-item-file .file-input.full{width:100%; flex:auto; margin-bottom: 0.4rem;}
.form-item-file .file-input .del-btn{position: absolute; right:1.4rem; top:50%; transform:translateY(-50%)}
.form-item-file .file-input .del-btn .icon{font-size:var(--icon-size-1);}
.form-item-file .file-input .del-btn.off{display:none;}
.form-item-file .file-input input[type="text"]:read-only{background:#fff}
.form-item-file .file-input input[type="text"]{padding-right:5rem}
.form-item-date.form-item-select select{margin-left:0.4rem; flex: 0 0 50%;}
.form-item .reset-input{position: relative; flex:1;}
.form-item .clear-btn{position: absolute; right:1.6rem; top:50%; transform:translateY(-50%); display:none;}
.form-item .clear-btn .icon{font-size:2rem;}
.form-item .editor{width: 100%;}
.form-item.term{align-items: center;}
.form-item.term .check-item{padding-left:2rem; margin-left:2rem; position: relative;}
.form-item.term .check-item:before{content:""; display:block; width:0.1rem; height:2.4rem; background:#eee; position: absolute; left:0; top:50%; transform: translateY(-1.2rem);}
.form-item-preview .thumbnail{border:0.1rem solid #eee; width:86rem; height:46rem; position: relative;}
.form-item-preview .thumbnail.empty:before{content:"파일을 업로드해주세요"; display:block; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.form-btn{min-width:9.4rem; height:4.8rem; padding:0 1em; border:0.1rem solid #ddd; position: relative; font-weight:var(--font-weight-medium); margin-left:0.4rem; display:flex; align-items: center; justify-content: center; padding-top:0.2rem; cursor: pointer; text-decoration: none;}
.form-btn:hover{background:#eee}
.check-item-group{margin-top:1rem;}
.check-item{cursor: pointer; display:inline-flex;}
.check-item input{display:none;}
.check-item .label{padding-left:1rem; padding-top:0.2rem; color:var(--color-font-black); font-weight: var(--font-weight-medium);}
.check-item input[type="checkbox"] ~ .icon{display:block; width:2.4rem; height:2.4rem; background:url(../img/icon_check_off.svg) no-repeat center / 100%;}
.check-item input[type="checkbox"]:checked ~ .icon{background-image:url(../img/icon_check_on.svg)}
.check-item input[type="radio"] ~ .icon{display:block; width:2.4rem; height:2.4rem; background:url(../img/icon_radio_off.svg) no-repeat center / 100%;}
.check-item input[type="radio"]:checked ~ .icon{background-image:url(../img/icon_radio_on.svg)}
.check-item input[type="checkbox"],
.check-item input[type="radio"]{appearance: none;}
.check-item input[type="radio"] ~ .label{opacity: 0.5;}
.check-item input[type="radio"]:checked ~ .label{opacity: 1;}
.check-item  + .check-item{margin-left:3rem;}
.filter{display:flex; align-items: flex-end; gap:1.8rem; margin-bottom:5rem; flex-wrap: wrap;}
.filter.short{margin-bottom: 2rem;}
.filter + .filter{margin-top:-2rem;}
.filter-item.search{display:flex;}
.filter-item.right{flex:none; margin-left:auto;}
.filter-item.group{display:flex; align-items: flex-end; }
.filter-item.group .form-item-select{margin-right:-0.1rem;}
.filter-item.group .form-item-select.alone{margin-right:0.4rem;}
.filter-item.group .form-item + .form-item{margin-left:1rem;}
.filter-item .form-item-date{max-width:19rem;}
.filter-item.pophorizen .form-item-date {gap:1rem 0;}
.filter-item.pophorizen .form-item-date{max-width:none !important;}
.filter-item.pophorizen .datepicker {min-width:15rem;max-width:15rem;}
.filter-item .devider{line-height:4.8rem; padding:0 0.4rem;}
.filter-item .form-item-select{min-width:12rem;}
.filter-item.group-row{display:flex; flex-direction: column; gap:0.4rem;}
.filter-item.group-row .form-item-select{margin-right:-0.1rem;}
.filter-item .row{width:100%; display:flex;}
.filter-item.full{width: 100%;}
.filter-item:has(.check-group){margin-left:20px; margin-right:-20px;}
.filter-item .check-group{min-height:4.8rem; display:flex; align-items: center;}
.filter-item .form-item-checkbox {align-self:center;margin-right:1rem;}
.form-grid{display:flex; flex-wrap:wrap; gap:2rem; align-items: flex-start;}
.form-grid [class*="form-item"]{width:calc(50% - 1rem); margin-bottom:0.4rem;}
.form-grid [class*="form-item"].alone{margin-right:calc(50% - 1rem);}
.form-grid [class*="form-item"].full{width:100%;}
.form-grid .item-label{display:flex; justify-content: space-between;}
.form-grid .item-label label{order:2; margin-top:-0.2rem;}
.form-grid .item-label .right{flex:none; margin-left:auto;}
.form-grid .item-label .guide{font-size:var(--font-size-small); color:var(--color-font-grey); order:2; margin-left: auto; text-align: right; padding-left:2em;}
.form-grid [class*="form-item"].nec .item-label:after{content:""; display:block; width:0.6rem; height:0.6rem; border-radius: 50%; background:red; margin-left:0.6rem; margin-right: auto; margin-top: 0.2rem; order:1; flex:0 0 0.6rem}
.form-guide{display:flex; align-items: center; justify-content: flex-end; margin-bottom: 5rem; font-size:var(--font-size-1); font-weight:var(--font-weight-medium)}
.form-guide .dot{display:block; width:0.6rem; height:0.6rem; border-radius: 50%; background:red; margin-right: 1rem;}
.nec:before{display:none;}
[class*="form-item"] .error, [class*="form-item"] .alertMessage{width: 100%; padding-top:0.4em; font-size:1.4rem; color:red; display:none;}
[class*="form-item"] .success, [class*="form-item"] .successMessage{width: 100%; padding-top:0.4em; font-size:1.4rem; color:#04b573; display:none;}
[class*="form-item"] .error.on, [class*="form-item"] .success.on{display:block;}
[class*="form-item"] .period{width:100%; padding-top:0.4em; font-size:1.4rem; color:#014DA2}
[class*="form-item"] .select2{height:4.8rem !important; flex:1;}
[class*="form-item"] input ~ .select2{margin-left:0.4rem;}
.select2-results__option{line-height:1.1}
.select2-container--default .select2-selection--single{border:0.1rem solid #ddd !important}
.select2-container--default .select2-selection--single .select2-selection__arrow{right:0.2rem !important; z-index: 1;}
[class*="form-item"] .select2-container--default .select2-selection--single{height:4.8rem !important; border-radius:0 !important; border-color:#ddd !important;}
[class*="form-item"] .select2-container--default .select2-selection--single .select2-selection__arrow{height:4.8rem !important; width:4.8rem !important; border:none !important;background:url(../img/icon_select.svg) no-repeat center !important;}
[class*="form-item"] .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:4.8rem !important; padding-left:1em !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000}
[class*="form-item"] .item-email{display:flex; flex:1; gap:0.4rem;}
[class*="form-item"] .item-email input[type=text]{flex:1;}
[class*="form-item"] .item-email .devider{line-height:4.8rem; padding:0 0.4rem}

.filter-item .form-item-purchase {gap:0.4rem}
.filter-item .form-item-purchase input[type="text"] {width:15rem;background:#fff;cursor:pointer;}

/* etc - page status */
.step{font-size:1.5rem; display:flex; justify-content: space-evenly; gap:1rem; margin-right:-2em;}
.step li{width:8em; display:flex; flex-direction: column; font-size:inherit; position: relative;}
.step li:before{content:""; display:block; width:2rem; height:2rem; border-radius: 50%; border:0.4rem solid  #ddd; margin:0 auto 1rem; background:#fff;}
.step li:after{content:""; display:block; width:calc(100% + 2rem); height:0.1rem; background:#eee; position: absolute; left:50%; top:1rem; z-index: -1; transform: translateX(-50%);}
.step li:first-child:after{left:4em; transform: none;}
.step li:last-child:after{left:auto; right:4em; transform: none;}
.step li .name{color:#888; font-weight:var(--font-weight-medium); font-size:inherit; text-align: center; line-height:1.1; max-width:5em; margin:0 auto;}
.step li.on:before{border-color:var(--color-brand-blue)}
.step li.on .name{color:#000;}


/* empty list */
.empty{display:block; color:#888; font-weight:var(--font-weight-medium); text-align: center; padding:4em 0; background:var(--color-bg-light)}

/* cms content */
/* cms data table */
.board-wrapper .total{display:flex; gap:0.8rem; color:#888; align-items: center;}
.board-wrapper .total .count, .data-wrapper .total .num{font-weight:700; color:#000}
.data-wrapper .small{box-shadow: var(--box-shadow-input); height:3.2rem; font-size:inherit}
.data-wrapper .btns-wrapper{ margin-bottom:2rem;}
.data-wrapper .data-table-info{margin-bottom: 1rem;}
.data-wrapper .data-table{table-layout: fixed; width:100%; position: relative; border-collapse: collapse; margin-bottom:2rem;}
.data-wrapper .data-table:before{content:""; display:block; width:100%; height:0.1rem; background:#a5a2a2; position: absolute; top:0; left:0;}
.data-wrapper th, .data-wrapper td{border:0.1rem solid #eee; color:var(--color-font-black)}
.data-wrapper th{border-bottom:none; font-size:1.5rem; font-weight:var(--font-weight-bold);}
.data-wrapper thead tr:first-child th {border-top:none;}
.data-wrapper td{font-size:1.5rem; text-align: center;}
.data-wrapper .data-table .emp{font-size:inherit}
.data-wrapper .data-table th{background:#f8f9fa; height:5rem; padding:0.4rem 0}
.data-wrapper .data-table tbody th{border-bottom:0.1rem solid #eee;}
.data-wrapper .data-table td{padding:0.4rem 0.6rem; height:5rem;}
.data-wrapper .data-table td .tippyObjTd {padding:0.4rem 0.6rem;}
.data-wrapper .data-table th:first-child, .data-wrapper .data-table td:first-child{border-left: none;}
.data-wrapper .data-table th:last-child, .data-wrapper .data-table td:last-child{border-right: none;}
.data-wrapper .data-table .focus td{background:#f8f9fa}
.data-wrapper .data-table td.left{text-align: left; padding-left:1em; padding-right:1em;}
.data-wrapper .data-table td.tl{text-align: left; padding-left:1em;}
.data-wrapper .data-table .empty{padding:3em 0}
.data-wrapper .data-table .no-result{padding:2em 0}
.data-wrapper .data-table .no-result .ment{padding:0.5em 0 1em;}
.data-wrapper .data-table .no-result .emp{color:var(--color-brand-blue); font-weight:var(--font-weight-bold)}
.data-wrapper .left{text-align: left;}
.data-wrapper .list-title{display:flex; align-items: center;}
.data-wrapper .list-title a{text-decoration: none; color:var(--color-font-black); font-weight:var(--font-weight-bold); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right:0.6rem;}
.data-wrapper .list-title.center {justify-content:center;}
.data-wrapper .line-2{display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.5rem;}
.data-wrapper .notice .list-title a span{font-weight:700}
.data-wrapper .list-title .txt{font-size:1.5rem}
.data-wrapper tr:hover .list-title a{text-decoration: underline; color:#000}
.data-wrapper .list-title .icon-file{flex:0; width:2.4rem; height:2.4rem;}
.data-wrapper .list-title .reply{flex:0; color:var(--color-brand-blue); font-size:1.4rem;}
.data-wrapper .one{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; max-width: 100%; padding-top:0.6rem;}
.data-wrapper .check-item{display:block;}
.data-wrapper .check-item .icon{margin:0 auto;}
.data-wrapper .data-table .fold{display:none;}
.data-wrapper .data-table .fold.on{display:table-row;}
.data-wrapper .data-table .btns-wrapper {margin:0; justify-content: space-evenly;}
.data-wrapper .data-table .btns-wrapper [class*="btn-"]{font-size:1.4rem; width:50%; white-space: nowrap; max-width:12rem}
.data-wrapper .data-table .thumbnail{max-width:20remx; margin:0 auto;}
.data-wrapper .data-table .thumbnail img{width:100%; height: auto;}
.data-wrapper .data-table td.date{color:#888; letter-spacing: -0.02em;}
.detail-info{text-align: left; padding:2.8rem;}
.detail-info .info-header{font-size:1.5rem; font-weight:var(--font-weight-bold); color:var(--color-font-black); padding-bottom:1.6rem; margin-bottom:2rem; border-bottom:0.1rem solid #eee; position: relative; padding-left:1.4rem;}
.detail-info .info-header:before{content:""; display:block; width:0.3rem; height:1.4rem; background:var(--color-brand-blue); position: absolute; left:0; top:0.2rem}
.detail-info .info-body{display:flex; background:#f8f9fa; border-radius:0.4rem; padding:2rem; gap:1rem}
.detail-info .info-body .info-col{width:50%; padding:3rem 2.4rem; background:#fff; border-radius:0.4rem; box-shadow:0 0 1rem rgba(0,0,0,0.02)}
.detail-info .info-body .item-title, .detail-info .info-body .row-title{color:var(--color-font-grey-2)}
.detail-info .info-body .item-exp{font-weight:var(--font-weight-bold); color:var(--color-font-black)}
.detail-info .info-body .info-row + .info-row{margin-top:2.4rem;}
.detail-info .info-body .row-title{margin-bottom:1.4rem; display:flex; gap:1.4rem;}
.detail-info .info-body .row-content{display:flex; gap:0.2rem;}
.detail-info .info-body .item{background:var(--color-bg-light); flex:1; min-width: 0; padding:1.6rem 2rem; border-radius: 0.4rem; border:0.1rem solid #eee}
.detail-info .info-body .item-title{margin-bottom:0.6rem;}
.detail-info .info-body .row-table{flex-wrap:wrap; gap:4px;}
.detail-info .info-body .row-table .item{width:calc(33.333% - 2.667px); flex:auto; background:none; display:flex; gap:4px; align-items:stretch; padding:0; height:3.2rem; border:none;}
.detail-info .info-body .row-table .item.full{width:100%;}
.detail-info .info-body .row-table .item-title{background:#EBF0F6; color:#014DA2; padding:0 20px; min-width:100px; margin:0; font-size:1.5rem; font-weight: var(--font-weight-medium); text-align: center; display:flex; align-items: center; justify-content: center;}
.detail-info .info-body .row-table .item-exp{border:0.1rem solid #eee; padding:0 8px; flex:1; font-size:var(--font-size-base); font-weight: var(--font-weight-normal); display:flex; align-items: center; padding-top:2px;}
.detail-info .data-table{margin:0; text-align: center;}
.detail-info .link-list{display:flex; flex-wrap:wrap; gap:1.4rem; padding:0 0.4em; }
.detail-info .link-list a{font-size:1.5rem;}
.data-table-scroll{max-height:20.2rem; min-height:17.4.detail-info ; overflow-y:auto; border:0.1rem solid #444; margin-bottom:1rem;}
.data-wrapper .data-table-scroll .data-table{margin-bottom: 0;}
.data-wrapper .data-table-scroll .data-table:before{display: none;}
.data-wrapper .data-table-scroll .data-table thead{position: sticky; top:0; z-index: 1;}
.data-wrapper .data-table-scroll .data-table th{position: relative; height:4rem; font-size:1.4rem}
.data-wrapper .data-table-scroll .data-table td{height:4rem; font-size:1.4rem}
.data-wrapper .data-table-scroll .data-table th:after{content:""; display:block; width:100%; height:0.1rem; background:#eee; position: absolute; bottom:-1px; left:0;}
.sbp-cms .data-wrapper .btns-wrapper select{width:14rem; height:4rem; font-size:1.5rem;}
.mobile-filter{display:none;}
.data-wrapper .data-table .check-item input[type="checkbox"] ~ .icon {width:1.6rem;height:1.6rem;}
.data-wrapper .data-table.sideline {border-left:1px solid #eee;border-right:1px solid #eee;}

.board .board-table{width: 100%; table-layout: fixed; border-bottom:0.1rem solid #eee; border-top:2px solid #000; margin-bottom:1.6rem;}
.board .board-table th, .board .board-table td{padding:1.8rem 1.2rem;}
.board .board-table thead th{background:#f8f9fa; color:var(--color-font-black); font-weight:var(--font-weight-bold)}
.board .board-table tbody tr{border-top:0.1rem solid #eee;}
.board .board-table tbody td{text-align: center;}

.rspn-table .m-row-title{display: none;}
.rspn-table .m-row-content{font-size:inherit; color:inherit}

.board-inner{max-width:86rem; margin:0 auto;}
.board-view{margin-bottom:2.4rem;}
.board-view .view-header{border-top:0.1rem solid #000;}
.board-view .view-header .top{background:#f8f9fa; padding:1.6rem 2.4rem; border-bottom:0.1rem solid #eee; display:flex; align-items: flex-start; justify-content: space-between;}
.board-view .view-header .title{font-size:2rem; font-weight:var(--font-weight-bold);}
.board-view .view-header .bottom{border-bottom:0.1rem solid #eee; padding:3rem 2.4rem;}
.board-view .view-header .etc{border-bottom:0.1rem solid #eee;  padding:1.6rem 2.4rem;}
.board-view .view-header .meta-list{display:flex; flex-wrap:wrap; margin:-0.6rem 0 0 -3rem;}
.board-view .view-header .top .meta-list:first-child{flex:0 1 60%}
.board-view .view-header .meta-list ~ .meta-list{margin-left:auto; justify-content: flex-end;}
.board-view .view-header .meta-list li{margin:0.6rem 0 0 3rem}
.board-view .view-header .meta-list li span{font-size:1.5rem;}
.board-view .view-header .meta-list .label{color:#888}
.board-view .view-header .meta-list .content{color:#000; font-weight:var(--font-weight-bold); padding-left:1rem;}
.board-view .view-body{margin-bottom: 1.6rem;}
.board-view .view-body img{max-width:100% !important; text-align: center;}
.cms-pager{margin-top:3rem; display:flex; align-items: center; justify-content: center; gap:0.4rem; flex-wrap:wrap;}
.cms-pager .item{width:4rem; height:4rem; display:flex; align-items: center; justify-content: center; border:0.1rem solid #ddd; color:var(--color-font-black); font-size:var(--font-size-1); font-weight:var(--font-weight-medium); line-height: 1;}
.cms-pager .item.more{border:none;}
.cms-pager .icon{font-size:var(--icon-size-1)}
.cms-pager .item.on{color:var(--color-brand-blue); border:0.1rem solid var(--color-brand-blue); background:rgba(148,193,255,0.34);font-weight: var(--font-weight-bold);}
.board-view .file-wrapper{display:flex; gap:4rem; padding:1.6rem 2.4rem; border-bottom:0.1rem solid #eee;}
.board-view .file-list{display:flex; gap:0.4rem; flex-wrap: wrap;}
.board-view .file-list .file-item{display:inline-flex; align-items: center; justify-content: center; white-space: nowrap; height:3.6rem; border:0.1rem solid #777; padding:0.6rem 1.2rem;}
.board-view .file-list .file-item .icon{font-size:2.4rem; margin-right:1rem;}
.board-view .file-list .file-item .name{font-size:1.4rem;}
.board-view .file-list .file-item .size{font-size:1.2rem; font-weight:500; color:#888; padding-left:1.2rem; margin-left:1.2rem; position: relative;}
.board-view .file-list .file-item .size:before{content:""; width:0.1rem; height:1rem; background:#ddd; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.board-view .file-list-group{display:table-row;}
.board-view .file-list-group .file-list-title{display:table-cell; padding-right:1.5em; vertical-align: middle; padding-bottom:0.6rem; font-size:1.5rem; font-weight:500}
.board-view .file-list-group .file-list-title:before{content:"-"; display:inline; margin-right:0.8rem;}
.board-view .file-list-group .file-list{display:table-cell; padding-bottom:0.6rem;}
.board-view .view-item{display:table; border-bottom:0.1rem solid #eee; width: 100%; padding:2rem 2.4rem; table-layout: fixed;}
.board-view .view-item .item-title{display:table-cell; width:6.4em; color:#888; vertical-align: top; word-break: keep-all; font-size:1.5rem;}
.board-view .view-item .item-content{display: table-cell; padding-left:1em;}
.board-view .view-item.title .item-content{font-size:2rem; font-weight:700}
.board-view .view-item.file .item-title{padding-top:0.7rem; padding-right:1em;}
.board-view .view-item.content{min-height:300px;}

.board-write .write-table{text-align: left; table-layout: fixed; width:100%;}
.board-write .write-table > tbody > tr > th{height:5rem; font-size:1.5rem; font-weight:500; color:#000; background:#f8f9fa; border:0.1rem solid #ddd; border-left:none; padding:1.6rem 2.6rem}
.board-write .write-table > tbody > tr > th[rowspan]{padding:0 2rem;}
.board-write .write-table > tbody > tr > th[rowspan]:after{display:none; padding:0;}
.board-write .write-table .nec > th:after{content:""; display:inline-block; width:0.6rem; height:0.6rem; border-radius: 50%; background:#EA3521; vertical-align: text-top; margin-left:0.6rem;}
.board-write .write-table .nec .no-nec:after{display:none !important;}
.board-write .write-table > tbody > tr > td{height:5rem; border:0.1rem solid #ddd; border-right:none; padding:1rem 2rem}
.board-write .write-table td textarea{width:100%; resize: none; height:13rem; border-radius:0; font-size:1.5rem; padding:2rem;}
.board-write .write-table .check-group{display:flex; align-items: center;}
.board-write .write-table .check-group.wrap {flex-wrap:wrap;gap:1rem;}
.board-write .write-table .check-group button{margin-left:2rem;}
.board-write .write-table .check-group .flexN {flex:none;width:100%;}
.board-write .guide{color:#888; font-size:1.4rem;}
.board-write .veryshort{max-width:8rem;}
.board-write .short{max-width:24rem;}
.board-write .date-group{display:flex; gap:0.4rem; align-items: center;}
.board-write .date-group .datepicker{max-width:20rem;}
.board-write .date-group .time{max-width:8rem; text-align: center;}
.board-write .date-group .devider{padding:0 0.4em;}
.board-write .write-table ~ .btns-wrapper{margin-top:2rem;}
.board-write .write-table form ~ .btns-wrapper{margin-top:2rem;}
.board-write .guide{margin-top: 0.6rem;}
.single-upload-module .item-panel{position: relative; flex:0 1 40rem;}
.single-upload-module .item-panel input[type="text"]{padding-right:4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.single-upload-module .item-panel .reset-btn{position: absolute; right:1.2rem; top:50%; transform: translateY(-50%); display:none;}
.single-upload-module .item-panel .reset-btn.on{display:block;}
.single-upload-module .item-panel .reset-btn .icon{font-size:2.2rem;}


.board-wrapper .check-item{align-items: center;}
.board-wrapper .check-item input[type="checkbox"] ~ .icon{width:1.6rem; height:1.6rem; background-image: url(../img/icon_check_off_s.svg);}
.board-wrapper .check-item input[type="checkbox"]:checked ~ .icon{background-image: url(../img/icon_check_on_s.svg);}
.board-wrapper .check-item input[type="radio"] ~ .icon{width:1.8rem; height:1.8rem; background-image: url(../img/icon_radio_off_s.svg);}
.board-wrapper .check-item input[type="radio"]:checked ~ .icon{background-image: url(../img/icon_radio_on_s.svg);}
.board-wrapper .check-item input[type="radio"] ~ .label{opacity: 1;}
.board-wrapper .check-item .label{color:#8B8E91; font-weight: 400;}
.board-wrapper .check-item input:checked ~ .label{color:#000;}

.board-wrapper .cp-list{display:flex; gap:0.4rem; flex-wrap:wrap;}
.board-wrapper button ~ .cp-list{margin-top:6px;}
.board-wrapper button ~ .cp-list:empty {margin-top:0;}
.board-wrapper .cp-list .cp-item{display:inline-flex; align-items: center; justify-content: center; height:3.4rem; border:0.1rem solid #777; padding:0 1.2rem 0 1.6rem; white-space: nowrap;}
.board-wrapper .cp-list .cp-item .name{font-size:1.4rem;}
.board-wrapper .cp-list .cp-item .del-btn{width:2rem; height:2rem; display:flex; align-items: center; justify-content: center; margin-left:1.2rem;  margin-top:-0.2rem; text-decoration: none;}
.board-wrapper .cp-list .cp-item .icon{font-size:2rem;}

.board-wrapper .emp-list{display:flex; gap:0.4rem; flex-wrap:wrap;}
.board-wrapper button ~ .emp-list{margin-top:6px;}
.board-wrapper button ~ .emp-list:empty {margin-top:0;}
.board-wrapper .emp-list .cp-item{display:inline-flex; align-items: center; justify-content: center; height:3.4rem; border:0.1rem solid #777; padding:0 1.2rem 0 1.6rem; white-space: nowrap;}
.board-wrapper .emp-list .cp-item .name{font-size:1.4rem;}
.board-wrapper .emp-list .cp-item .del-btn{width:2rem; height:2rem; display:flex; align-items: center; justify-content: center; margin-left:1.2rem;  margin-top:-0.2rem; text-decoration: none;}
.board-wrapper .emp-list .cp-item .icon{font-size:2rem;}

.board-wrapper .chmcl-list{display:flex; gap:0.4rem; flex-wrap:wrap; height:200px; overflow-y:auto; border:0.1rem solid #ddd; padding:1em; align-content: flex-start;}
.board-wrapper button ~ .chmcl-list{margin-top:6px;}
.board-wrapper button ~ .chmcl-list:empty {margin-top:0;}
.board-wrapper .chmcl-list .chmcl-item{display:inline-flex; align-items: center; justify-content: center; height:3.4rem; border:0.1rem solid #777; padding:0 1.2rem 0 1.6rem; white-space: nowrap;}
.board-wrapper .chmcl-list .chmcl-item .name{font-size:1.4rem;}
.board-wrapper .chmcl-list .chmcl-item .del-btn{width:2rem; height:2rem; display:flex; align-items: center; justify-content: center; margin-left:1.2rem;  margin-top:-0.2rem; text-decoration: none;}
.board-wrapper .chmcl-list .chmcl-item .icon{font-size:2rem;}

.row-link tbody tr{cursor:pointer;}
.row-link tbody tr:hover{background:#f8f9fa}

.pic-table{border:0.1rem solid #ddd; table-layout: fixed; width:100%;}
.pic-table th, .pic-table  td{border:0.1rem solid #ddd; text-align: center;}
.pic-table th{background:#f3f3f3; font-size:1.4rem; font-weight:700; height:4rem;}
.pic-table td{vertical-align: top; padding:2.8rem 2rem;}
.pic-table td.left{text-align: left;}
.board-write .pic-table td{padding:2rem 2rem;}
.pic-control{margin:1.2rem 0 1rem;}
.pic-table .pic-list{display:flex; margin:-3rem 0 0 -1.8rem; flex-wrap: wrap;}
.pic-table .pic-list li{margin:3rem 0 0 1.8rem; width:calc(50% - 1.8rem);}
.pic-table .pic-list .pic-frame{width:100%; border:0.1rem solid #777; background:#f8f9fa; margin-bottom:1rem; position: relative;}
.pic-table .pic-list .pic-frame:before{width:100%; padding-bottom:55.55%; content:""; display:block; height:0;}
.pic-table .pic-list .pic-frame img{object-fit: cover; width:100%; height:100%; position: absolute; left:0; top:0;}
.pic-table .pic-list .pic-frame.default{background:#f8f9fa url(../img/icon_default_file.svg) no-repeat center; border:0.1rem solid #ddd}
.pic-table .pic-list .pic-name{text-align: left; display:inline-flex; white-space: nowrap; max-width:100%; gap:3px;}
.pic-table .pic-list .pic-name span{font-size:1.4rem; text-align: left; font-weight: 500;}
.pic-table .pic-list .pic-name .name{overflow: hidden; text-overflow: ellipsis;}
.pic-table .pic-list .pic-name:hover span{color:#014DA2}

.excel-control{margin:1.2rem 0 1rem;}
.excel-table .sheet-area{width:100%;}
.excel-table .sheet-area table{width:100%; table-layout: fixed;}
.excel-table .sheet-area table thead *{text-align: center !important;}
.excel-table .sheet-area table thead .nec{display:inline-block; width:4px; height:4px; border-radius: 50%; background:red;vertical-align: text-top; margin-left:4px;}
.excel-table .sheet-area table td{height:4rem;  white-space: normal;  word-break: break-all;}
.excel-table .jexcel_row{width:50px;}
.excel-table .jcontextmenu > div a, .jcontextmenu > div span{font-size:1.4rem;}
.excel-search{display: flex; gap:0.4rem; margin-bottom:0.4rem;}
.jexcel_textarea{width:0.1rem !important; height: 0.1rem !important;}
.jexcel_overflow > tbody > tr > td{border-top: 0.1rem solid #ccc; border-left: 0.1rem solid #ccc; border-right: 0.1rem solid transparent; border-bottom: 0.1rem solid transparent;   padding: 0.4rem;}
.sbp-cms .excel-search input[type="text"]{height:4rem; font-size:1.4rem; max-width:30rem;}

/* popup common*/
.popup-wrapper{border-top:1.6rem solid var(--color-brand-blue); padding:4rem}
.popup-wrapper .popup-header{padding-bottom:1.6rem; margin-bottom:3.6rem; border-bottom:0.2rem solid #000; display:flex; align-items: center; justify-content: space-between;}
.popup-wrapper .popup-title{font-size:var(--font-size-3); font-weight:var(--font-weight-bold)}
.popup-wrapper .data-wrapper td{font-size:var(--font-size-1);}
.popup-wrapper .filter{margin-bottom:2rem; margin-top:-2rem;}
.popup-wrapper.fixed-header{padding-bottom:0; position: sticky; top:0; background:#fff; z-index: 1; padding-bottom:0.1rem;}
.popup-wrapper.fixed-header.on{box-shadow: 0 0.4rem 1rem rgba(0,0,0,0.1);}
.popup-wrapper.fixed-content{border:none; padding-top:0;}

/* guide list */
.guide-list{margin-bottom:1em;}
.guide-list li{padding-left:1.2rem; position: relative; font-size:1.5rem; color:#666;}
.guide-list li:before{content:""; width:0.4rem; height:0.4rem; border-radius:50%; background:#2C3236; position: absolute; left:0; top:0.5em;}

/* term ui */
.term-item{width:100%;}
.term-item .term-header{display:flex; justify-content: space-between; margin-bottom:2rem;}
.term-item .term-header .check-item{display:flex;}
.term-item .term-header .etc{color:var(--color-font-grey-2)}
.term-item .term-body{height:18rem; overflow-y:scroll; background:var(--color-bg-light); border:0.1rem solid #ddd; padding:1.6em;}

/* help ment ui */
.help{display:flex; gap:0.8rem; margin-top:1rem;}
.help .icon{font-size:2rem; color:var(--color-brand-yellow);}
.help .ment{font-size:1.5rem; color:#666; padding-top:0.3rem;}
.help .ment.red{color:red; }
/*sbp page*/
/*h-title : 왼쪽에 바가 있는 타이틀형태*/
.h-title{font-size:1.6rem;font-weight:700;color:#000;padding-left:1.2rem;position: relative;line-height: 1.3; margin-bottom:2.4rem;}
.h-title:before{content:""; display:block; width:0.3rem; height:1.6rem; background:var(--color-brand-blue); position: absolute; left:0; top:calc(50% - 0.1rem); transform:translateY(-50%)}

/* login module*/
.login-page, .login-page body, .login-page .sbp-cms{height:100%;}
.sbp-cms .sbp-login input{border:none; height: 100%;}
.sbp-login{background:url(../img/login_bg.jpg) no-repeat center; background-size:cover; display:table; width: 100%; height:100%;}
.sbp-login .login-inner{width:100%; display:table-cell; vertical-align: middle; padding:8rem 0 4rem;}
.sbp-login .login-box{background:#fff; padding:6.8rem 6rem 6rem; border-radius: 1rem; box-shadow: 0 0 1.8rem rgba(0,0,0,0.03);  max-width:46rem; margin:0 auto;}
.sbp-login .login-box.wide{max-width:96rem;}
.sbp-login .login-module .module-header{border-bottom:0.1rem solid #eee; padding-bottom:3.2rem; margin-bottom:3rem;}
.sbp-login .input{border:0.1rem solid #eee;height:4.8rem;display:flex;align-items: center;padding:0 1.6rem;}
.sbp-login .input + .input{margin-top:0.4rem;}
.sbp-login .input .label{padding-right:1.6rem; position: relative; display:flex; align-items: center;}
.sbp-login .input .label i{color:#000; font-size:2.4rem;}
.sbp-login .input.focus .label i{color:var(--color-brand-blue)}
.sbp-login .input input{min-width: 0;}
.sbp-login .input .label:after{content:""; display:block; width:0.1rem; height:1.8rem; background:#eee; position: absolute; right:0; top:50%; margin-top:-0.9rem;}
.sbp-login .input.focus{border-color: var(--color-brand-blue); box-shadow: 0 0 1rem rgba(0,0,0,0.09);}
.sbp-login .input.focus .label{color:var(--color-brand-blue);}
.sbp-login .btns-wrapper{flex-wrap: wrap; margin:3rem 0;}
.sbp-login .module-footer{text-align: center;}
.sbp-login .module-footer .module-title{text-align: center; position: relative;}
.sbp-login .module-footer .module-title:after{content:""; display:block; width:100%; height:0.1rem; background:#eee; position: absolute; top:calc(50% - 0.1rem); left:0;}
.sbp-login .module-footer .module-title span{padding:0 1em; background: #fff; position: relative; z-index: 1; color:#888; font-size:1.4rem;}
.sbp-login .module-footer .link-btn{display:inline-block; margin:2.5rem 0 0;}
.sbp-login .login-footer{text-align: center; color:#000; opacity: 0.35; margin-top:3.6rem;}
.sbp-login .login-footer .f-logo{font-size:1.5rem; line-height: 1; font-weight:500; letter-spacing: -0.04em;}
.sbp-login .login-footer .f-logo b{font-weight:700}
.sbp-login .login-footer .f-copy{font-size:1.3rem; margin-top: 0.8em;}
.sbp-login .error{display: flex; align-items: flex-start; gap:0.8rem; padding-top:1rem; display:none}
.sbp-login .error.on{display:flex;}
.sbp-login .error span{padding-top:0.2rem; font-size:1.5rem; font-weight:500; color:var(--color-font-red);}
.sbp-login .error .icon{color:var(--color-brand-yellow); font-size:1.6rem;}

.sbp-login .login-box .contacts-wrap {text-align:center;margin-top:3rem;position:relative;}
.sbp-login .login-box .contacts-pop {background:none;border:none;padding:0;min-width:0;box-shadow:none;z-index:1;padding-bottom:4rem;right:auto;left:50%;transform:translateX(-50.2%);}
.sbp-login .login-box .contacts-pop-inbox {max-width:calc(100dvw - 4rem);position:relative;background:#fff; border-radius:12px; border:1px solid #ddd; padding:24px; min-width:100%; box-shadow:0 3px 14px rgba(0,0,0,0.09);overflow:auto;}
.sbp-login .login-box .contacts-pop:after {right:calc(50% - 7px);}
.sbp-login .login-box .contacts-list .person-item .person-name {flex:none;}
.sbp-login .login-box .contacts-list .person-name {max-width:none;}

	@media screen and (max-width:400px)
	{
		.sbp-login .login-box .contacts-pop-inbox {width:calc(100dvw - 4rem);}
		.sbp-login .login-box .contacts-list .person-item {flex-wrap:wrap;}
		.sbp-login .login-box .contacts-list .person-item .email {width:100%;text-align:left;padding-left:23px;}
	}


.mypage-wrapper.sbp-login{background:none; }
.mypage-wrapper.sbp-login .login-box{border:0.1rem solid #eee}
.mypage-wrapper .module-exp{font-size:1.5rem; color:#888; margin-bottom:1em;}
.mypage-wrapper .h-title{margin-bottom:1em;}
/* member ui : join / find */
.sbp-member .member-body .nec-ment{text-align: right; margin-bottom:1.8rem;}
.sbp-member .member-body .nec-ment span{position: relative; font-size:1.4rem; color:#2C3236;}
.sbp-member .member-body .nec-ment span:before{content:""; display:block; width:0.6rem; height:0.6rem; background:#EA3521; border-radius:50%; position: absolute; left:-1.4rem; top:50%; margin-top:-0.3rem;}
.sbp-member .write-form{border-top:0.3rem solid #000; padding-top:4.2rem;}
.final-wrapper{text-align: center; padding:8rem 0; max-width:40rem; margin:0 auto;}
.final-wrapper .final-icon{margin-bottom:2.4rem;}
.final-wrapper .final-alert{font-size:1.8rem; color:var(--color-brand-blue); font-weight:700; margin-bottom:1.6rem}
.final-wrapper .final-title{font-size:3.2rem; color:#000; font-weight:700; line-height: 1.2;}
.final-wrapper .final-content{font-size:1.8rem; color:#888; border-top:0.1rem solid #eee; padding-top:3rem; margin-top:3rem; margin-bottom:4rem;}

/* sub page common ui*/
.cms-view .page-title{border-bottom:0.1rem solid #ddd; margin-bottom:4.5rem; display:flex; justify-content: space-between; align-items: flex-end; padding-bottom:1.6rem; position:relative;}
.cms-view .page-title .title{font-size:2rem; font-weight:700; position: relative;}
.cms-view .page-title .title:after{content:""; display:block; width:100%; height:0.3rem; background: var(--color-brand-blue); position: absolute; left:0; bottom:-1.7rem;}
.cms-view .page-title .site-name{color:#888; font-size:1.4rem; }
.cms-view .page-title .site-name span{font-weight:700; color:#000; padding-right:0.6rem; letter-spacing: -0.05em;}
.cms-view .page-title .site-name span i{font-weight:700;color:var(--color-brand-blue); font-style: normal; letter-spacing: -0.05em;}
.cms-view .page-title ~ .secret-ment{display:flex; margin:-1.8em 0 2.4em;}
.cms-view .page-title ~ .secret-ment .icon{color:var(--color-brand-blue); font-size:2rem;}
.cms-view .page-title ~ .secret-ment span{display:block; padding-left:10px; padding-top:5px; margin-left:10px; position:relative; font-size:1.5rem; color:var(--color-brand-blue)}
.cms-view .page-title ~ .secret-ment span:after{content:""; display:block; width:1px; height:10px; background:#eee; position:absolute; left:0; top:50%; margin-top:-5px;}

/* reply board */
.reply-wrapper .empty{background:none; border-bottom:1px solid #ddd; }
.reply-wrapper{margin:7rem 0 3rem;}
.reply-wrapper .reply-header{padding-bottom:2.4rem; border-bottom:0.1rem solid #000; margin-bottom: 0.1rem;}
.reply-wrapper .reply-header .title{font-size:2rem; font-weight: 700;}
.reply-wrapper .reply-item{border-bottom:0.1rem solid #eee; padding:2.4rem; display:flex; flex-wrap: wrap; position: relative;}
.reply-wrapper .reply-item .item-content{flex:1; padding-right:1.6rem; position: relative; min-width:0}
.reply-wrapper .reply-item .item-control{display:flex; gap:0.4rem;}
.reply-wrapper .reply-item .item-meta{margin-bottom:2rem; display: flex; align-items: center;}
.reply-wrapper .reply-item .item-meta .name{font-size:1.5rem; font-weight:500; color:#000;}
.reply-wrapper .reply-item .item-meta .cp{font-size:1.5rem; font-weight:500; color:#034EA2; padding-left: 0.6rem;}
.reply-wrapper .reply-item .item-meta .date{font-size:1.4rem; letter-spacing: 0; color:#888; padding-left:1.6rem; margin-left:1.6rem; position: relative;}
.reply-wrapper .reply-item .item-meta .date:after{content:""; display:block; width:0.1rem; height:1.2rem; background: #ddd; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.reply-wrapper .reply-list .reply-list .reply-item{background:#f8f9fa; padding-left:6.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-item{padding-left:10.4rem;}
.reply-wrapper .reply-list .reply-list .reply-item .item-meta:before{content:""; display:block; width:2rem; height:2rem; background:url(../img/icon_reply.svg) no-repeat center; position: absolute; left:-3.2rem; top:0}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:14.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:18.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:22.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:26.4rem;}
.reply-wrapper .reply-list .reply-item.on:before{content:""; display:block; width:100%; height:100%; border:0.1rem solid #034EA2; pointer-events: none; position: absolute; left:0; top:0}
.reply-wrapper .reply-list .reply-item.on .reply-btn{background:#034EA2; border-color: #034EA2; color:#fff;}
.reply-wrapper .reply-list .reply-item.on ~ .reply-form:before{content:""; display:block; width:100%; height:100%; border:0.1rem solid #034EA2; pointer-events: none; position: absolute; left:0; top:0}
.reply-wrapper .reply-list .reply-item.on-modify:before{content:""; display:block; width:100%; height:100%; border:0.1rem solid #034EA2; pointer-events: none; position: absolute; left:0; top:0}
.reply-wrapper .reply-list .reply-item.on-modify .modify-btn{background:#034EA2; border-color: #034EA2; color:#fff;}
.reply-wrapper .reply-list .reply-item.on-modify ~ .reply-form:before{content:""; display:block; width:100%; height:100%; border:0.1rem solid #034EA2; pointer-events: none; position: absolute; left:0; top:0}
.reply-form{background:#f8f9fa; padding:3rem 2.4rem; width: 100%; border-bottom:0.1rem solid #eee; position: relative; margin-top:-0.2rem}
.reply-form .form-item + .form-item{margin-top:1rem;}
.reply-form .item-content{flex:1;}
.reply-form .form-item{display:flex;}
.reply-form .name input{width:100%; max-width:30rem; font-size:1.5rem;}
.reply-form .content textarea{width:100%; height:8rem; resize: none; font-size:1.5rem; border-radius:0;}
.reply-form [class*="form-item"] .item-label{width:7rem; padding-right:1rem; font-size:1.5rem;}
.reply-footer{margin-top:3rem; border-bottom:0.1rem solid #eee; border-top:0.1rem solid #000}
.reply-footer .footer-top{background:#f8f9fa; padding:0 2.4rem; height:5.5rem; display:flex; align-items: center; font-size:1.5rem; font-weight:600; border-bottom:0.1rem solid #eee;}
.reply-footer .reply-form{background:none; border:none;}

/* upload module */
.upload-module .upload-wrapper{background:#F8F9FA; border:0.1rem solid #ddd;}
.upload-module .upload-wrapper.hover{border-color:#014DA2}
.upload-module .upload-wrapper.hover *{pointer-events: none !important;}
.upload-module .upload-wrapper *{pointer-events: none;}
.upload-module .upload-wrapper button,.upload-module .upload-wrapper a{pointer-events:initial;}
.upload-module .upload-list{display:flex; flex-direction: column; gap:0.2rem}
.upload-module .prev-list{display:flex; flex-direction: column; gap:0.2rem; border-bottom:0.1rem solid #ddd; padding-bottom:1rem;}
.upload-module .upload-list li{width:calc(100% - 2rem); margin:0 1rem;}
.upload-module .upload-list li:first-child{margin-top:1rem;}
.upload-module .prev-list li{width:calc(100% - 2rem); margin:0 1rem;}
.upload-module .prev-list li:first-child{margin-top:1rem;}
.upload-module .file-item{display:flex; align-items: center; white-space: nowrap; height:3.6rem; border:0.1rem solid #777; padding:0.6rem 1.2rem; background:#fff;}
.upload-module .file-item .icon{font-size:2.4rem; margin-right:1rem;}
.upload-module .file-item .name{font-size:1.4rem; overflow:hidden; text-overflow: ellipsis; max-width:100%; padding-right:0.2rem;}
.upload-module .file-item .size{font-size:1.2rem; font-weight:500; color:#888; padding-left:1.2rem; margin-left:1.2rem; margin-right:2rem; position: relative;}
.upload-module .file-item .size:before{content:""; width:0.1rem; height:1rem; background:#ddd; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.upload-module .file-item .del-btn{margin-left:auto; margin-right:0; text-decoration: none; display:flex; align-items: center; justify-content: center;}
.upload-module .file-item .del-btn .icon{margin:0;}
.upload-module .upload-zone{text-align: center;}
.upload-module .upload-zone .info{height:100%; display:flex; flex-direction: column; align-items: center; justify-content:center; padding:2.8rem;}
.upload-module .upload-zone .info .icon{font-size:2.4rem; margin-bottom:0.5rem;}
.upload-module .upload-zone .info .title{font-size:1.6rem; font-weight:600; margin-bottom:0.4rem}
.upload-module .upload-zone .info .exp{font-size:1.5rem; color:#888; margin-bottom:1.6rem;}
.upload-module .upload-zone .info ~ .upload-btn{display:none;}
.upload-module .upload-zone .info.off ~ .upload-btn{display:block; margin:1rem auto;}
.upload-module .size-info{margin-top:1.5rem;}
.upload-module .size-info .size-bar{display:flex; align-items: center; gap:1.6rem;}
.upload-module .size-info .size-bar .label{display:flex; font-size:1.5rem; color:#888}
.upload-module .size-info .size-bar .txt{display:flex; gap:.4rem; font-size:1.4rem; letter-spacing: -0.04em; color:#000; font-weight:500}
.upload-module .size-info .size-bar .txt *{font-size:inherit; font-weight: inherit;}
.upload-module .size-info .size-bar .bar-bg{border-radius: 9999px; width:10rem; height:0.8rem; position: relative; background:#eee; overflow: hidden;}
.upload-module .size-info .size-bar .bar{position: absolute; left:0; top:0; height:100%; min-width:0.2rem; background:#034EA2; border-radius: 9999px;}

#ui-datepicker-div{z-index:99 !important}

.error-page{text-align:center;padding: 8em 4em 4em;max-width:600px;margin:4em auto;border:1px solid #ddd;box-shadow:0 0 0 8px #f2f2f2;border-radius:4px;background: url(../img/mo-logo.svg) no-repeat 4rem 4rem / 200px auto;}
.error-page .error-title{font-size:2rem; font-weight:700; margin-bottom:1rem;}
.error-page .error-content{ color:#888; margin-bottom:3rem;}
.error-page .error-control{display:flex; justify-content:center;}


/* dashboard */
.dashboard{margin-left:-5rem; margin-right:-5rem;}
.dashboard > [class^="sec-"]{padding:0 5rem;}
.dashboard .sec-latest{padding-bottom:4rem; margin-bottom:4rem; border-bottom:8px solid #f9f9f9}
.dashboard .dashboard-title{background:#f8f9fa; border:0.1rem solid #ddd; height:6.4rem; border-radius: 8px; margin-bottom:1.8rem;}
.dashboard .sec-latest .h-scroll-wrapper,
.dashboard .sec-latest .drag-zone,
.dashboard .sec-latest .h-scroll-container{height:100%;}
.dashboard .sec-latest .h-scroll-wrapper{position: relative;}
.dashboard .sec-latest .tab-nav{display:flex; align-items: center; justify-content: space-between;padding:0 2.8rem; }
.dashboard .sec-latest .more{position: relative;}
.dashboard .sec-latest .more .name{display:flex; align-items: center; height:26px; font-size:1.4rem; font-weight:500; color:#000; white-space: nowrap;}
.dashboard .sec-latest .more .name:before{content:""; display:block; width:6px; height:10px; background:url(../img/icon_dot.svg) no-repeat center; margin-right:8px}
.dashboard .sec-latest .more .name:after{content:""; display:block; width:26px; height:26px; background:url(../img/icon_more.svg) no-repeat center; margin-left:12px}
.dashboard ul[role="tablist"]{display:flex;height:100%; gap:2.8rem;}
.dashboard ul[role="tablist"] a{display:flex; align-items: center; justify-content: center; height:100%; text-align: center; position: relative; min-width: 5.4rem;}
.dashboard ul[role="tablist"] .name{font-weight:500; color:#989898; font-size:1.7rem}
.dashboard ul[role="tablist"] [aria-selected="true"] .name{font-weight:700; color:#000}
.dashboard ul[role="tablist"] [aria-selected="true"]:after{content:""; display:block; width:100%; height:4px; position: absolute; left:0; bottom:0; background:#034EA2} 
.dashboard .feed-list{display:flex; flex-wrap:wrap; gap:12px}
.dashboard .feed-list .empty-list{padding:3em 0; text-align:center; width:100%;}
.dashboard .feed-list .empty-list .empty-ment{color:#888}
.dashboard .feed-list .list-item{width: calc(25% - 9px);}
.dashboard .feed-list .list-item .list-card{display:block; box-shadow: 0 0 17px rgba(0,0,0,0.07); border-radius: 4px; background:#fff; overflow: hidden; position: relative; padding:3.2rem 2.8rem 2.8rem 2.8rem; transition: all 0.2s;}
.dashboard .feed-list .list-item .list-card:before{content:""; display:block; width:100%; height:4px; background:#034EA2; position: absolute; left:0; top:0;}
.dashboard .feed-list .list-category{font-size:1.4rem; color:#034EA2; font-weight:600; margin-bottom:0.4em}
.dashboard .feed-list .list-title{white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-weight:600; color:#000; margin-bottom:1.1em;}
.dashboard .feed-list .list-info{display:flex; gap:1.6rem; margin-bottom:0.8em;}
.dashboard .feed-list .list-info li{position: relative;}
.dashboard .feed-list .list-info li:before{content:""; display:block; width:1px; height:10px; margin-top:-5px; top:50%; left:-0.8rem; position: absolute; background:#ddd}
.dashboard .feed-list .list-info li:first-child:before{display:none;}
.dashboard .feed-list .list-info .label{font-size:1.4rem; font-weight:500; color:#888}
.dashboard .feed-list .list-info .content{font-size:1.4rem; font-weight:600; color:#000}
.dashboard .feed-list .list-meta{display:flex; justify-content: space-between; flex-wrap: wrap;}
.dashboard .feed-list .list-meta .writer .cp{font-size:1.4rem; font-weight:500; color:#034EA2}
.dashboard .feed-list .list-meta .writer .name{font-size:1.4rem; font-weight:500; color:#000; padding-left:6px;}
.dashboard .feed-list .list-meta .date span{color:#888; font-size:1.4rem; font-weight:500}
.dashboard .sec-popupzone{display:flex; gap:5rem}
.dashboard .sec-popupzone > [class$=-zone]{width:calc(50% - 2.5rem)}
.dashboard .sec-popupzone .popupzone-title{background:#f8f9fa; border:0.1rem solid #ddd; height:6.4rem; border-radius: 8px; margin-bottom:1.8rem; display:flex; align-items: center; justify-content: space-between; padding:0 2.8rem; min-width:0}
.dashboard .sec-popupzone .popupzone-title .title{display:flex; align-items: center; gap:2rem; flex:1;min-width:0}
.dashboard .sec-popupzone .popupzone-title .title .icon{font-size:2.4rem; position: relative; color:#034EA2}
.dashboard .sec-popupzone .video-zone .popupzone-title .title .icon{color:#DF4646}
.dashboard .sec-popupzone .popupzone-title .title .icon:after{content:""; display:block; width:1px; height:10px; position: absolute; right:-1rem; top:50%; margin-top:-5px; background:#ddd;}
.dashboard .sec-popupzone .popupzone-title .title .name{position: relative; font-size:1.6rem; font-weight:600; color:#000; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.dashboard .sec-popupzone .swiper-pagination-bullets{display:flex; gap:6px; margin-left:10px;}
.dashboard .sec-popupzone .swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; background:#ddd; display:block; opacity: 1;}
.dashboard .sec-popupzone .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#034EA2}
.dashboard .sec-popupzone .swiper-slide{border-radius: 8px; overflow: hidden;}
.dashboard .sec-popupzone .swiper-slide img{width:100%;}
.dashboard .sec-popupzone .popupzone-content{position: relative;}
.dashboard .sec-popupzone .arrow{position: absolute; top:50%; transform: translateY(-50%); width:36px; height:36px; border-radius: 50%; background:#fff; z-index: 20;}
.dashboard .sec-popupzone .arrow.prev{left:-16px;}
.dashboard .sec-popupzone .arrow.next{right:-16px;}
/* .dashboard .sec-popupzone .video{position: relative;}
.dashboard .sec-popupzone .video:before{content:""; display:block; padding-bottom:56%; height:0;} */
.dashboard .sec-popupzone .video video, .dashboard .sec-popupzone .video iframe{position: absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.dashboard .ratio-frame{position: relative; background:#f8f9fa; cursor:pointer;}
.dashboard .ratio-frame:before{content:""; display:block; padding-bottom:56.25%; height:0;}
.dashboard .ratio-frame img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
/*term*/
.cms-term{line-height: 1.4;}
.cms-term *{line-height: inherit; word-break: keep-all;}
.cms-term .term-title{font-weight:700; color:#000; margin-bottom: 2em;}
.cms-term .term-content{}
.cms-term .term-chapter{margin-bottom: 1em; }
.cms-term .term-chapter + .term-chapter{margin-top:3em;}
.cms-term .term-article{}
.cms-term .term-article + .term-article{margin-top:1em;}
.cms-term .chapter-title{font-weight:700; color:#000; margin-bottom: 1.4em;padding-bottom:1em; border-bottom:1px solid #ddd;}
.cms-term .chapter-content{}
.cms-term .article-title{margin-bottom: 0.8em;}
.cms-term .article-content{opacity: 0.9;}
.cms-term .article-content .bold{font-weight:700; color:#000}
.cms-term .article-content p + ul{margin-top:1em;}
.cms-term .article-content > ul > li > * + *{margin-top:1em;}
.cms-term .article-content > ul > li + li{margin-top: 0.8em;}
.cms-term .article-content > ul.short > li + li{margin-top: 0.3em;}
.cms-term .article-content > ul > li > ul{margin-top:0.4em; padding-left:1em;}
.cms-term .article-content > ul > li > ul.short {padding-left:0;}
.cms-term .article-content > ul > li > ul > li + li{margin-top: 0.2em;}
.cms-term .article-content > ul > li > ul > li > ul{padding-left:1em; margin-top:0.3em;}
.cms-term .article-content em{font-style: normal; font-size:1.2rem;}
.cms-term .article-content table{table-layout:fixed; width:100%; border:0.1rem solid #ddd; margin-top:10px}
.cms-term .article-content table thead th{background:#eee; text-align:center; border:0.1rem solid #ddd; padding:10px}
.cms-term .article-content table tbody td{background:#fff; text-align:center; border:0.1rem solid #ddd; padding:10px}
.cms-term .article-content .name-card{border:0.1rem solid #ddd; background:#fff; padding:20px; margin-top:10px}
.cms-term .article-content .name-card .card-title{font-weight:600; color:#000; margin-bottom:0.8em;}
.cms-term .article-content .name-card .card-content li + li {margin-top:0.4em}

.cms-term.rule .term-article + .term-article{margin-top:1.6em;}
.cms-term.rule .article-title{font-weight:600; color:#000}


/* 고도화 수정 추가 */
.alignSelfCt {align-self:center;}

.arcrateList {margin-bottom:5rem;border-bottom:1px solid #eee;padding-bottom:2.5rem;}
.arcrateList .arcrate-item {display:flex;flex-wrap:wrap;gap:1.2rem;}
.arcrateList .arcrate-title {width:100%; font-size:var(--font-size-1); font-weight: var(--font-weight-medium); color:var(--color-font-black); margin-bottom: 1.2rem;}
.arcrateList .arcrate-item a {display:flex;flex-wrap:wrap;width:24rem;height:15rem;padding:2rem;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0px 9px 16px rgba(0, 0, 0, 0.06);position:relative;}
.arcrateList .arcrate-item .tit {width:100%;font-size:1.8rem;font-weight:600;padding-right:3rem;}
.arcrateList .arcrate-item .num {width:100%;font-size:4.6rem;font-weight:600;margin-top:auto;text-align:right;line-height:100%;}
.arcrateList .arcrate-item .num .percent {font-size:2.4rem;font-weight:600;margin-left:0.2em;font-style:normal;}
.arcrateList .arcrate-item .arrow {display:block;position:absolute;top:2rem;right:2rem;}
.arcrateList .arcrate-item .arrow .ico {position:relative;}
.arcrateList .arcrate-item .arrow .ico:before {content:"";display:block;width:2.2rem;height:2.2rem;border-radius:50%;opacity:0.17}
.arcrateList .arcrate-item .arrow .ico:after {content:"";display:bloack;width:4px;height:7px;position:absolute;top:50%;left:50%;margin:-4px 0 0 -2px;}
.arcrateList .arcrate-item a {background: linear-gradient(to bottom, #fff, #F5FFFA);}
.arcrateList .arcrate-item a.red {background: linear-gradient(to bottom, #fff, #FFF9F3);}
.arcrateList .arcrate-item .num,
.arcrateList .arcrate-item .num .percent {color:#2CBF7D;}
.arcrateList .arcrate-item a.red .num,
.arcrateList .arcrate-item a.red .num .percent {color:#FF4D0A;}
.arcrateList .arcrate-item .arrow .ico:before {background:#2CBF7D;}
.arcrateList .arcrate-item a.red .arrow .ico:before {background:#FF7C0A;}
.arcrateList .arcrate-item .arrow .ico:after {background:url(/cms/img/arcrateList-arrow.svg) no-repeat center center}
.arcrateList .arcrate-item a.red .arrow .ico:after {background:url(/cms/img/arcrateList-arrow_red.svg) no-repeat center center}


.tbl-downloadBtn {position:relative;font-size:0;display:inline-block;vertical-align:middle;}
.tbl-downloadBtn:before {content:"";display:inline-block;width:16px;height:16px;background-image:url(/cms/img/icon-download.svg);background-repeat:no-repeat;background-position:center center;line-height:0;transition:all .3s;}
.tbl-downloadBtn:hover:before,
.tbl-downloadBtn:focus:before {background:url(/cms/img/icon-download_on.svg)}

.form-classSelbox {max-width:60rem;display:flex;flex-wrap:wrap;gap:0.4rem;}
.form-classSelbox .form-classSelect {width:24rem;flex:none;}
.form-classSelbox .form-classTxt {flex:1;}

.data-wrapper .data-table td:has(.item-green),
.data-wrapper .data-table td:has(.item-red) {padding:0;}
table .item-green{position:relative;height:100%;background:url(../../cms/img/icon-y.svg) #fff no-repeat center; color:#2CBF7D;}
table .item-red{position:relative;width:100%;height:100%;background:url(../../cms/img/icon-n.svg) #FFF1E4 no-repeat center; color:#FF4D0A}
table .no-bg{background-color:transparent}

table.smPd td {padding:1rem !important;}

.ip-list {display:flex;flex-wrap:wrap;gap:2rem;}
.ip-list li {display:flex;align-items:center;gap:1rem;}
.ip-list li input[type="text"] {width:8rem;}
.ip-list:has(.txt) {gap:1rem 4rem;}
.ip-list:has(.txt) li{position:relative;}
.ip-list:has(.txt) li:before {content:"";position:absolute;top:50%;right:-2rem;margin-top:-0.6rem;display:block;width:1px;height:1.2rem;background:#ddd;}
.ip-list:has(.txt) li:last-child:before {display:none;}


/* 순회점검 팝업 */
.crctChck-popprint {padding:1.5cm;position:relative;min-width:120rem;}
.crctChck-popprint h2 {text-align:center;font-size:3rem;margin-bottom:4rem;font-weight:600;}
.crctChck-popprint .date {text-align:right;margin:2rem 0;}
.crctChck-popprint .compInfo.title + .compInfo {margin-top:1rem;}
.crctChck-popprint .compInfo + .compInfo {margin-top:0.5rem;}

.crctChck-popprint table {border:0.1rem solid #ddd; table-layout: fixed; width:100%;}
.crctChck-popprint table th, 
.crctChck-popprint table td{border:0.1rem solid #ddd; text-align: center;}
.crctChck-popprint table tr,
.crctChck-popprint table th,
.crctChck-popprint table td {page-break-inside:avoid; page-break-after:auto;padding:1rem 1.2rem;}
.crctChck-popprint table th{background:#f3f3f3; font-size:1.4rem; font-weight:700;}
.crctChck-popprint table td{vertical-align: middle;}
.crctChck-popprint table td.left{text-align: left;}
.crctChck-popprint table .pic-list{display:flex; margin:-3rem 0 0 -1.8rem; flex-wrap: wrap;}
.crctChck-popprint table .pic-list li{margin:3rem 0 0 1.8rem; width:calc(50% - 1.8rem);}
.crctChck-popprint table .pic-list .pic-frame{width:100%; border:0.1rem solid #777; background:#f8f9fa; margin-bottom:1rem; position: relative;}
.crctChck-popprint table .pic-list .pic-frame:before{width:100%; padding-bottom:55.55%; content:""; display:block; height:0;}
.crctChck-popprint table .pic-list .pic-frame img{object-fit: cover; width:100%; height:100%; position: absolute; left:0; top:0;}
.crctChck-popprint table .pic-list .pic-frame.default{background:#f8f9fa url(../img/icon_default_file.svg) no-repeat center; border:0.1rem solid #ddd}
.crctChck-popprint table .pic-list .pic-name{text-align: left; display:inline-flex; white-space: nowrap; max-width:100%; gap:3px;}
.crctChck-popprint table .pic-list .pic-name span{font-size:1.4rem; text-align: left; font-weight: 500;}
.crctChck-popprint table.pic-list .pic-name .name{overflow: hidden; text-overflow: ellipsis;}
.crctChck-popprint table .pic-list .pic-name:hover span{color:#014DA2}
.crctChck-popprint table .pic-frame {width:100%; border:0.1rem solid #777; background:#f8f9fa; margin-bottom:0; position: relative;}
.crctChck-popprint table .pic-frame:before {width:100%; padding-bottom:55.55%; content:""; display:block; height:0;}
.crctChck-popprint table .pic-frame img{object-fit: cover; width:100%; height:100%; position: absolute; left:0; top:0;}

.html2pdf__container .crctChck-popprint {min-width:0;}
.html2pdf__container .crctChck-popprint h2 {font-size:20pt;margin-bottom:0.5cm;}
.html2pdf__container .crctChck-popprint .date {margin:9pt 0;font-size:9pt;}
.html2pdf__container .crctChck-popprint {padding:0;}
.html2pdf__container .crctChck-popprint table th{font-size:9pt;padding:0.5em 0.7em}
.html2pdf__container .crctChck-popprint table td{font-size:9pt;padding:0.5em 0.7em;}
.html2pdf__container .crctChck-popprint table th *,
.html2pdf__container .crctChck-popprint table td * {font-size:9pt;}

.crctChck-popprint table.small th,
.crctChck-popprint table.small td {font-size:1.4rem;padding:0.6rem 0.8rem}
.crctChck-tblbox:after {content:"";display:block;clear:both;}
.crctChck-tblbox > table {width:53%;float:left;margin-right:2rem;}
.crctChck-tblbox-inner {float:right;width:calc(47% - 3rem);}
.crctChck-tblbox table + table {margin-top:3rem;}

.crctChck-chartbox {margin-top:8rem;}
.crctChck-chartbox .chartbox {page-break-inside:avoid; page-break-after:auto;}
.crctChck-chartbox .chartbox + .chartbox {margin-top:10rem;}
.crctChck-chartbox .chartbox h3 {width:100%;display:block;font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:1.5rem;}
.crctChck-chartbox .chart {height:35rem;position:relative;margin:0 auto;max-width:100%;}
.crctChck-chartbox .chart canvas {width:100%;max-height:100%;}
.crctChck-chartbox .chart:has(#chart2) {height:40rem;}
.crctChck-chartbox .chart canvas#chart2 {width:10cm;}

.html2pdf__container {max-width:100%;}
.html2pdf__container .crctChck-popprint table.small th,
.html2pdf__container .crctChck-popprint table.small td {font-size:8pt;padding:0.3em 0.3em}
.html2pdf__container .crctChck-popprint table.small th *,
.html2pdf__container .crctChck-popprint table.small td * {font-size:8pt;}
.html2pdf__container .crctChck-tblbox > table {margin-right:10pt;}
.html2pdf__container .crctChck-tblbox-inner {width:calc(47% - 12pt);}
.html2pdf__container .crctChck-tblbox table + table {margin-top:12pt;}
.html2pdf__container .crctChck-chartbox {margin-top:20pt;}
.html2pdf__container .crctChck-chartbox .chartbox + .chartbox {margin-top:40pt;}
.html2pdf__container .crctChck-chartbox .chartbox h3 {margin-bottom:10pt;font-size:12pt;}


/* responsive css */
@media screen and (min-width:1200px){
	.dashboard .sec-latest .more:hover{text-decoration: underline;}
	.dashboard .feed-list .list-item .list-card:hover, .dashboard .feed-list .list-item .list-card:focus{transform: translateY(-5px);  box-shadow: 0 30px 40px 0px rgb(22 54 73 / 20%);}
}

@media screen and (max-width:1700px){
	.scroll-table:has(.pic-table){overflow-x: auto; margin-bottom: 2rem; padding-bottom:2px;}
	.scroll-table:has(.pic-table):before{content:"↔ 양옆으로 드래그해주세요"; display:block; width:100%; background:#E5F5F0; margin-bottom:1rem; border-radius: 4px; padding:0.52em 1.4em; font-size:1.3rem; text-align: center; color:#71C5AE; font-weight:500; position: sticky; left:0;}
	.scroll-table .pic-table {width:1200px;}
}

@media screen and (max-width:1400px){
	.dashboard .feed-list .list-item{width: calc(50% - 6px)}
}

@media screen and (max-width:1200px){
	.filter-item.right{flex:1; margin-left:0}

	.dashboard{margin-left:-5rem; margin-right:-5rem; margin-top: -3rem;}
	.dashboard > [class^="sec-"]{padding:0 1.6rem;}
	.dashboard .sec-latest{padding-bottom:4rem;}
	.dashboard .sec-popupzone .popupzone-title{margin-bottom:1rem;}
	.dashboard .sec-popupzone{flex-direction: column;}
	.dashboard .sec-popupzone > [class$=-zone]{width:100%;}
	.dashboard .sec-popupzone .arrow.prev{left:-10px;}
	.dashboard .sec-popupzone .arrow.next{right:-10px;}
	
	.arcrateList .arcrate-item a {width:calc(33.33% - 0.8rem);}
}

@media screen and (max-width:1024px){
	/* section ui */
	.cms-sec{display:block;}
	.cms-sec .sec-title{margin-bottom:3rem; font-size:1.6rem;}

	/* form item */
	.form-grid{gap:3.2rem;}
	.form-grid .item-label{font-size:1.45rem; margin-bottom:1rem;}
	.form-grid .item-label .guide{font-size:1.4rem;}

	/* member ui : join / find */
	.sbp-member{padding-top:5rem}
	.sbp-member .member-header{margin-bottom: 2rem;}
	.sbp-member .member-header .logo{margin-bottom:5rem;}
	.sbp-member .member-header .title{font-size:2rem}
	.sbp-member .member-header .exp{font-size:1.5rem;}
	.sbp-member .write-form{padding-top:2.4rem;}
	.sbp-member .member-body .nec-ment{margin-bottom: 1rem;}

	/* cms board */
	.board-view .view-header .top{padding:1.6rem 1rem; flex-direction: column;}
	.board-view .view-header .etc{padding:1.6rem 1rem; flex-direction: column;}
	.board-view .view-header .meta-list ~ .meta-list{margin:0rem 0 0 -3rem; justify-content: flex-start;}
	.board-view .view-item{display:block; padding:2.0rem 1rem}
	.board-view .view-item .item-content{display:block; padding-left:0;}
	.board-view .view-item .item-title{display:block; margin-bottom:1.0rem; width:100%; white-space: nowrap;}
	.board-view .view-item .item-title br{display:none;}	
	
	.rspn-table, .rspn-table tbody{display:block}
	.rspn-table tbody{padding-top:1rem;}
	.rspn-table thead{display:none;}
	.rspn-table tr{display:flex; flex-wrap: wrap; border:0.1rem solid #ddd; margin:0.4rem 0; box-shadow: 0 2px 11px 0px rgb(0 40 114 / 14%); padding:2rem 1.6rem 1.5rem; background: #fff; border-radius: 3px; cursor: pointer; position: relative; z-index: 1;}	
	.rspn-table tr:has(.cmstippyObj) {z-index:auto;}
	.rspn-table tr.notice{background:#FAFBFD; border-color:#014DA2; position: relative;}
	.rspn-table tr.notice:before{content:""; display:block; width:2.4rem; height:2.4rem; border-radius: 50%; background:url(../img/icon_notice.svg) no-repeat center / 100% auto; position: absolute; right:1rem; top:1rem;}
	.data-wrapper .data-table.rspn-table tr.notice .number{display:none;}
	.data-wrapper .data-table.rspn-table td{padding:0 1rem 0 0; margin:0 1rem 0.5rem 0; position: relative;}
	.data-wrapper .data-table.rspn-table td.mo-hide{display:none;}
	.data-wrapper .data-table.rspn-table td:after{content:""; display:block; width:0.1rem; height:1rem; background:#ddd; position: absolute; right:0; top:50%; transform:translateY(-50%)}
	.data-wrapper .data-table.rspn-table td.title{order:-1; width:100%; padding:0 0 1.2rem 0; margin:0 0 1.2rem 0; border-bottom: 0.1rem solid #eee;}	
	.data-wrapper .data-table.rspn-table td.title:after, .data-wrapper .data-table.rspn-table td:last-child:after{display:none;}
	.data-wrapper .data-table.rspn-table .list-title .txt{ font-size:1.5rem;}
	.data-wrapper .data-table.rspn-table td{border:none; height: auto;}
	.rspn-table .m-row-title{display: block;}
	.rspn-table .m-row-title.empty{display: none;}
	.rspn-table .m-row{display:flex; font-size:1.3rem;}
	.rspn-table .m-row .m-row-title{font-size:inherit; margin-right:1rem; color:#888;}
	.rspn-table .m-row .m-row-content{font-size:inherit; font-weight:500; max-width: 100%;}
	.reply-wrapper .reply-item .item-content{width:100%; flex:auto; padding-right:0;}

	.board-write .write-table{display:block; padding-top:1.2rem;}
	.board-write .write-table > colgroup{display:none;}
	.board-write .write-table > tbody,
	.board-write .write-table > tbody > tr,
	.board-write .write-table > tbody > tr > th,
	.board-write .write-table > tbody > tr > td{display:block; padding:0; margin:0; border:none; height: auto;}
	.board-write .write-table > tbody > tr{border-bottom:0.1rem solid #eee; padding-bottom:2rem; margin-bottom:2rem;}
	.board-write .write-table > tbody > tr > th{background: none; margin-bottom:1.6rem;}

	.scroll-table{overflow-x: auto; margin-bottom: 2rem; padding-bottom:2px;}
	.scroll-table:before{content:"↔ 양옆으로 드래그해주세요"; display:block; width:100%; background:#E5F5F0; margin-bottom:1rem; border-radius: 4px; padding:0.52em 1.4em; font-size:1.3rem; text-align: center; color:#71C5AE; font-weight:500; position: sticky; left:0;}
	.data-wrapper .scroll-table table,
	.scroll-table table,
	.excel .scroll-table table,
	.excel-table .sheet-area table{width:1200px}
	.data-wrapper .scroll-table table.w1400 {width:1400px;}
	.pic-control{position: sticky; left:0;}

	/* reply board */
	.reply-wrapper .reply-item{flex-direction: column; gap:2rem; padding:1.8rem;}
	.reply-wrapper .reply-item .item-meta{margin-bottom:1.2rem}
	.reply-wrapper .reply-list .reply-list .reply-item{padding-left:4rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-item{padding-left:7.4rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:10remx;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:14rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:18rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item{padding-left:22rem;}
	.reply-footer .footer-top{padding:0 1.2rem;}
	.reply-footer .reply-form{padding:1.6rem 1.2rem}

	.excel-table{position: relative}
	.excel-search{position: sticky; left:0;}

	.dashboard{margin-left:-1.6rem; margin-right:-1.6rem; margin-top:0}
	.dashboard > [class^="sec-"]{padding:0 1.6rem 2rem;}
	.dashboard .feed-list .list-item .list-card{padding:2.2rem 2rem 1.8rem 2rem}
}

@media screen and (max-width:768px){
	.form-grid{gap:2rem}
	.form-grid .item-label .guide{font-size:1.3rem;}

	.cms-view .page-title{margin-bottom:2rem; }
	.cms-view .page-title ~ .secret-ment{margin:-0.8em 0 0.4em; }
	.cms-view .page-title .title{font-size:1.6rem;}
	.sbp-member .member-header .logo img{display:none}
	.sbp-member .member-header .logo a{display:block; height:5.4rem; width:24rem; background:url(../img/mo-logo.svg) no-repeat left top 0.3rem / auto 92%; }
	.sbp-login{background:none;}
	.sbp-login .login-module .module-header{border:none;}
	.sbp-login .login-box{max-width: 100%; border-radius: 0; box-shadow: none; padding:0 2rem}
	.sbp-login .h-title{display:none;}

	.rspn-filter{background:#f8f9fa; margin: 0.1rem -2rem 0; padding:2rem; display:none; border-top: 0.1rem solid #eee;}
	.mobile-filter.on ~ .rspn-filter{display:block;}
	.rspn-filter ~ .board-list{margin-top:2rem;}
	.mobile-filter{margin-bottom:2rem;}
	.mobile-filter.on{margin-bottom:0;}
	.rspn-filter{margin-bottom:2rem;}
	.rspn-filter .filter-item.group{width:100%; flex-wrap: wrap;}
	.rspn-filter .filter-item.group .form-item{width:100% !important;}
	.rspn-filter .filter-item + .filter-item{margin-top: 1.8rem;}
	.rspn-filter .filter-item .form-item-date {flex:1; max-width: 100%;}
	.rspn-filter .form-btn{width:100%; margin:0.4rem 0 0 0; height:3.8rem; font-size:1.5rem; background:#fff;}
	.filter-item:has(.check-group){margin:0;}
	.sbp-cms .rspn-filter input[type="text"], 
	.sbp-cms .rspn-filter input[type="password"], 
	.sbp-cms .rspn-filter input[type="number"], 
	.sbp-cms .rspn-filter select{height:3.8rem; font-size:1.5rem;}	
	.rspn-filter [class*="form-item"] .item-label{font-size:1.4rem; margin-bottom:1rem;}
	.rspn-filter .sbp-cms select{background-position-x: right 0.8rem;}
	.rspn-filter .form-item-checkbox {margin-right:0rem;margin-bottom:1rem;}
	.sbp-cms .rspn-filter .filter-item.group .form-item-select.alone,
	.sbp-cms .rspn-filter .form-item-select{width:100%; margin: 0 0 0.4rem 0}
	.sbp-cms .rspn-filter .filter-item .devider{line-height: 3.8rem;}
	.sbp-cms .rspn-filter .form-item-date input[type="text"].datepicker{background:#fff !important;}
	.sbp-cms .rspn-filter [class*="form-item"] .select2,
	.sbp-cms .rspn-filter [class*="form-item"] .select2-container--default .select2-selection--single{height:3.8rem !important}
	.sbp-cms .rspn-filter [class*="form-item"] .select2-container--default .select2-selection--single .select2-selection__arrow{width:3.8rem !important; height:3.8rem !important;}
	.sbp-cms .rspn-filter [class*="form-item"] .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:3.8rem !important; font-size:1.5rem;}
	
	.data-wrapper .btns-wrapper.top{flex-direction: column; align-items: flex-start; gap:1.8rem;}
	.data-wrapper .btns-wrapper.top [class*="btn-"][class*="-md"]{height:3.8rem; font-size:1.4rem}
	.sbp-cms .data-wrapper .btns-wrapper select{height:3.8rem;}

	.mobile-filter{display:flex; justify-content: space-between; align-items: center; height:5rem; border-bottom:0.1rem solid #eee; cursor:pointer;}
	.mobile-filter .filter-title{font-weight:500; color:#000; font-size:1.5rem;}
	.mobile-filter .icon{width:3rem; height:3rem; display:flex; align-items: center; justify-content: center;}
	.mobile-filter .icon i{font-size:2rem; }

	.data-wrapper .total, .data-wrapper .total .num{font-size:1.4rem}
	
	.reply-form .form-item{flex-direction: column;}
	.reply-form .form-item + .form-item{margin-top:2rem;}

	.scroll-table [class*="btn-"][class*="-sm"] .icon{display:none;}

	.dashboard .dashboard-title{background:none; height:auto; border:none;}
	.dashboard .sec-latest .tab-nav{padding:0; flex-direction: column; align-items: flex-start;}
	.dashboard .sec-latest .more{margin-left:auto; margin-top:2.2rem;}
	.dashboard ul[role="tablist"]{gap:4px; flex-wrap: wrap; }
	.dashboard ul[role="tablist"] a{border-radius: 9999px; border:1px solid #ddd; padding:6px 16px;}
	.dashboard ul[role="tablist"] [aria-selected="true"]{background:#034EA2; border-color:#034EA2; }
	.dashboard ul[role="tablist"] .name{color:#555; font-size:14px;}
	.dashboard ul[role="tablist"] [aria-selected="true"] .name{color:#fff}
	.dashboard ul[role="tablist"] [aria-selected="true"]:after{display:none}
	.dashboard .feed-list .list-item{width: 100%}
	
	/* 고도화 수정 추가 */
	.form-classSelbox {max-width:100%;}
	.form-classSelbox .form-classSelect {width:100%;}
	.form-classSelbox .form-classTxt {width:100%;}	
	
	.arcrateList .arcrate-item a {width:calc(50% - 0.6rem);height:12rem;}
	.arcrateList .arcrate-item .num {font-size:3rem;}
}
@media screen and (max-width:600px){
	.board-write .single-upload-module.rspsBtn .form-item {gap:0.5rem;}
	.board-write .single-upload-module.rspsBtn .item-panel {width:100%;flex:none;}
	.board-write .single-upload-module.rspsBtn button {flex:1;margin:0;}
}

@media screen and (max-width:500px){
	.popup-wrapper{padding:3rem 2rem}
	
	.data-wrapper .btns-wrapper .crctChck {flex-wrap:wrap;width:100%;}
	.data-wrapper .btns-wrapper .crctChck [class*="btn-"] {flex:1;}
	.data-wrapper .btns-wrapper .crctChck select {width:100%;flex:auto;}
	
	.arcrateList .arcrate-item a {height:auto;}
	.arcrateList .arcrate-item .tit {margin-bottom:1.5rem;}
	.arcrateList .arcrate-item .num {margin-top:auto;}
}

@media screen and (max-width:380px){
	.dateHorizen input[type="text"].datepicker {padding-left:0.7rem !important;padding-right:30px !important;background-position:right 10px center !important;}
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width:1201px) {
	.scroll-table:before{display: none;}
	.scroll-table table,
	.excel .scroll-table table,
	.excel-table .sheet-area table{width:100%}
}

.jexcel > tbody > tr > td.jexcel_dropdown{padding-right:1.5rem;}

.super-pop-wrapper{height:100%; display:flex; flex-direction:column;}
.super-pop-wrapper .pop-img img{max-width:100%}
.super-pop-wrapper .pop-body{flex:1;}
.super-pop-wrapper .pop-footer{background:#eee;display:flex;align-items: center;justify-content: flex-end;padding:8px;position: sticky;bottom: 0;}
.super-pop-wrapper .pop-footer label{display:flex; align-items: center; gap:5px; cursor: pointer;}
.super-pop-wrapper .pop-footer .label{font-size:13px; color:#333}
.super-pop-wrapper .pop-footer a{margin-left:20px;}

.cntsInfo{display: flex; align-items: flex-end; gap: 0.8rem 4px; flex-wrap: wrap;}
.cntsCount, .chckCntsCount{text-align:right; color:darkgray; flex:auto}

/* 대시보드 고도화 */
.full-page .cms-view-inner{position:relative; padding-top:2.8rem;}
.full-page .cms-view-inner:after{content:""; display:block; width:100%; height:30rem; position:absolute; left:0; top:0; background:#F8F9FA}
.dashboard-wrapper{display:flex; gap:5rem; position:relative; z-index:1;}
.dashboard-wrapper .dashboard{width:calc(100% - 30.2rem);}
.dashboard-panel{width:33.2rem;}
.dashboard .sec-latest{border:none; padding-bottom:0;}
.dashboard .dashboard-title{border:none; border-bottom:3px solid #eee; border-radius:0;}
.dashboard ul[role="tablist"] [aria-selected="true"]:after{bottom:-3px; height:3px;}
.dashboard .feed-list .list-item .list-card{padding:3.3rem 2.2rem 2.2rem; box-shadow:0 3px 6px rgba(0,0,0,0.08)}
.dashboard .feed-list .list-category{font-size:1.5rem;}
.dashboard .feed-list .list-title{font-size:1.7rem; min-height:2em; margin-bottom:3.4rem;}
.dashboard .feed-list .list-meta{flex-direction:column; padding-top:1.3rem; border-top:1px solid #eee;}
.dashboard .feed-list .list-meta .date span{font-size:1.3rem;}
.dashboard .sec-popupzone .popupzone-title{background:none; padding:0; border:none; margin-bottom:1rem;}
.dashboard .sec-popupzone .popupzone-title .title{gap:1.3rem;}
.dashboard .sec-popupzone .arrow{box-shadow:0 3px 6px rgba(0,0,0,0.08)}
.dashboard-panel .panel-inner{background:#F1F3F5; border:1px solid rgba(10,39,72,0.09); border-radius:16px; padding:9px; box-shadow:0 15px 19px rgba(0,29,62,0.09); display:flex; flex-direction:column; gap:9px;}
.sbp-panel{background:#fff; box-shadow:0 3px 6px rgba(223,228,235,1); padding:2.8rem 2.8rem 3.4rem; border-radius:12px;}
.dashboard-panel .contacts{background:#fff; box-shadow:0 3px 6px rgba(223,228,235,1); border-radius:12px;}
.dashboard-panel .contact-btn{height:6rem; display:flex; gap:6px; align-items:center; padding:1.8rem 2.2rem; font-size:1.6rem; font-weight:600; position:relative;}
.dashboard-panel .contact-btn img{margin-top:-2px;}
.dashboard-panel .contact-btn:after{content:""; display:block; width:3.4rem; height:3.4rem; background:url(../img/btn-arrow.svg) no-repeat center; border-radius:50%; flex:none; margin-left:auto; margin-right:-8px;}
.dashboard-panel .contact-btn.on:after{transform: rotate(90deg);}
.dashboard-panel .contact-btn:hover:after{background-color:#eee;}
.dashboard-panel .contacts-panel{padding:0 2.2rem 2.4rem; display:none;}
.dashboard-panel .contacts-inner{border-top:1px solid #eee; padding-top:1.6rem;}
.dashboard-panel .contacts-title{font-size:1.5rem; font-weight:600; margin-bottom:1.5rem}
.sbp-panel-header{display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #eee; padding-bottom:2rem; margin-bottom:2rem;}
.sbp-panel-header .cp-name{width:100%; font-size:2.4rem; font-weight:600; line-height:1.3; color:#000; margin-bottom:6px;}
.sbp-panel-header .cp-part{font-size:1.6rem; color:#777;}
.sbp-panel-header .modify-btn{background:url(../img/icon-setting.svg) no-repeat; width:18px; height:18px; display:block;}
.dashboard-panel .panel-title{display:flex; align-items:center; gap:9px; font-size:1.5rem; color:#777; margin-bottom:1.6rem;}
.dashboard-panel .cp-status{display:flex; padding-top:1rem; flex-wrap:wrap; gap:2.4rem 0;}
.dashboard-panel .cp-status li{width:33.333%; text-align:center;}
.dashboard-panel .cp-status .item-count{width:6rem; height:6rem; border-radius:50%; background:#E9F9F2; display:flex; align-items:center; justify-content:center; font-size:2rem; font-weight:600; color:#2CBF7D; margin:0 auto 1rem; line-height:6rem;}
.dashboard-panel .cp-status .item-name{color:#444; font-size:1.5rem;}
.dashboard-panel .cp-status .item-error .item-count{background:#FFF1E4; color:#FF4D0A; font-size:3.2rem;}
.dashboard-panel .cp-status .item-error .item-name{color:#ff4d0a; font-weight:500}
.dashboard-panel .cp-status .item-error-txt .item-count{background:#FFF1E4; color:#FF4D0A; font-size:2rem;}
.dashboard-panel .cp-status .item-error-txt .item-name{color:#ff4d0a; font-weight:500}
.dashboard-panel .cp-status .item-none .item-count{background:#f8f8f8; color:#bbb; font-size:2rem;}
.dashboard-panel .cp-status .item-none .item-name{color:#bbb; font-weight:500}
.dashboard-panel .sbp-panel-footer{border-top:1px solid #eee; padding-top:2rem; margin-top:2rem;}
.dashboard-panel .cp-info li{display:flex; justify-content:space-between; font-size:1.4rem;}
.dashboard-panel .cp-info li + li{margin-top:2px;}
.dashboard-panel .cp-info .info-title{color:#777; font-size:1.4rem;}
.dashboard-panel .cp-info .info-content{color:#000; font-weight:500; font-size:1.4rem;}

@media screen and (max-width:768px){
	/* 대쉬보드 반응형 수정 */
	.dashboard-wrapper {flex-wrap:wrap;}
	.dashboard-panel {width:100%;}
	.dashboard-wrapper .dashboard {width:calc(100% + 3.2rem);}
	.dashboard .dashboard-title {border-bottom:none;}
}

.filter-header{display:flex; justify-content:space-between; margin-bottom:16px;}
.filter-header [class^="result-"]{font-size:14px; font-weight:600}
.filter-header .result-list{display:flex;}
.filter-header .result-list li{display:flex; gap:6px; align-items:center;}
.filter-header .result-list li + li{padding-left:10px; margin-left:10px; position:relative;}
.filter-header .result-list li + li:before{content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; left:0; top:5px;}
.filter-header .result-list .result-label{opacity:0.48}
.filter-header .result-list .count-error{color:#FF7C0A}
.filter-header .result-btn{display:flex; align-items:center; gap:8px; font-weight:500}
.filter-search{height:52px; border:1px solid #ddd; border-radius:12px; background:#fff; position:relative; margin-bottom:12px; overflow:hidden;}
.filter-search input{width:100%; height:100%; background:transparent; padding:0 36px 0 18px; font-size:14px; border:none !important;}
.filter-search .search-icon{width:30px; height:30px; position:absolute; right:12px; top:50%; margin-top:-15px}
.filter-search .search{background:url('/cms/img/icon-filter-search.svg') no-repeat center;}
.filter-search .clear{background:url('/cms/img/icon-filter-clear.svg') no-repeat center; display:none;}
.filter-search input.filled ~ .search{display:none;}
.filter-search input.filled ~ .clear{display:block;}
.sbl-list{overflow-x:hidden; overflow-y:auto; height:500px;scrollbar-gutter: stable;}
.sbl-list::-webkit-scrollbar{display:none;}
.sbl-list-wrapper{position:relative; overflow:hidden;}
.sbl-list-wrapper:before{content:""; width:100%; height:30px; background: linear-gradient(0deg, rgba(241,243,245,0) 0%, rgba(241,243,245,1) 100%); position:absolute; top:0; left:0; display:none;}
.sbl-list-wrapper:after{content:""; width:100%; height:30px; background: linear-gradient(180deg, rgba(241,243,245,0) 0%, rgba(241,243,245,1) 100%); position:absolute; bottom:0; left:0;}
.sbl-list-wrapper .down-btn{width:36px; height:36px; background:url('/cms/img/icon-list-more.svg') no-repeat center; border-radius:50%; box-shadow:0 3px 6px rgba(0,0,0,0.16); position:absolute; bottom:10px; left:50%; margin-left:-18px; z-index:1;}
.sbl-list-wrapper.scroll-start:before{display:block}
.sbl-list-wrapper.scroll-end:after{display:none}
.sbl-list-wrapper.scroll-end .down-btn, .sbl-list-wrapper.scroll-less .down-btn{display:none;}
.sbl-list {margin-top:-9px}
.sbl-list > li{margin-top:9px;}
.sbl-list .sbl-item{background:#fff; border-radius:12px; box-shadow:0 3px 6px rgba(223,228,235,1); border:1px solid #fff;}
.sbl-list .sbl-item.off{display:none;}
.sbl-list .sbl-item .item-btn{display:flex; align-items:center; height:80px; padding:10px 20px 10px 28px; border-radius:12px; }
.sbl-list .sbl-item:hover{border-color:#ddd;}
.sbl-list .sbl-item .item-detail{padding:0 28px;}
.sbl-list .cp-info{flex:1; min-width:0;}
.sbl-list .cp-name{width:100%; font-size:1.8rem; font-weight:600; line-height:1.3; color:#000; margin-bottom:2px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px;}
.sbl-list .cp-subcontract {font-size:1.4rem; color:#777; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px;}
.sbl-list .cp-part{font-size:1.4rem; color:#777; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px;margin-bottom:1.5rem;}
.sbl-list .cp-count{padding-right:18px; margin-right:10px; position:relative; font-size:2rem; color:#FF4D0A; font-weight:600}
.sbl-list .cp-count:after{content:""; display:block; width:1px; height:18px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-9px;}
.sbl-list .cp-more{width:3.4rem; height:3.4rem; border-radius:50%;  background:transparent url('/cms/img/icon-sbl-more.svg') no-repeat center; margin-right:-8px;}
.sbl-list .item-btn:hover .cp-more{background-color:#eee}
.sbl-list .item-btn.open .cp-more{transform:rotate(90deg);}
.sbl-list .sbp-panel-info{border-top:1px solid #eee; padding:18px 0;}
.sbl-list .item-detail{display:none;}

.upload-history-wrapper{padding-top:14px; margin-top:14px; border-top:1px solid #eee; }
.upload-history-wrapper .history-header{display:flex; align-items: center; width: 100%; flex:1; gap:30px;} 
.upload-history-wrapper .single-upload-module{flex:1;} 
.upload-history-wrapper .history-info{padding-top:10px;}
.excel-btn{background: var(--color-btn-green); display:flex; gap:10px; border:none; color:#fff;}
.excel-btn:hover{background: var(--color-btn-green-hover);}
.excel-btn i{color:#fff; font-size:2rem; margin-top:-0.2rem}
.grid-find-user{font-size:1.3rem; background:#414D63; padding:0 1em; height:24px; color:#fff;}
.link-btn{width: 100%; height:100%;}
.grid-modify-btn{display:block; width:100%; height:100%; background:url(/cms/img/icon-modify.svg) no-repeat center / 20px auto; opacity: 0.5; }
.grid-modify-btn:hover{opacity: 1;}
.grid-view-btn{display:block; width:100%; height:100%; background:url(/cms/img/icon-view.svg) no-repeat center / 20px auto; opacity: 0.5; }
.grid-view-btn:hover{opacity: 1;}

/**/
.daterange {max-width:25rem !important;background:#fff url(../img/icon_date.svg) no-repeat right 1.6rem center / 1.6rem !important; cursor: pointer !important;}
.daterangeToday {max-width:25rem !important;background:#fff url(../img/icon_date.svg) no-repeat right 1.6rem center / 1.6rem !important; cursor: pointer !important;}


/* 툴팁 */
.cmstippyObj {display:inline;}
.cmstippyObjMb {width:13px;height:13px;border-radius:50%;background:#333;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;text-align:center;}
.cmstippyObjMb:before {content:"!";display:block;color:#fff;font-size:10px;margin:1px 0 0 0;padding:0;}
.tippy-box[data-theme~='wcon'] .tippy-content {font-size:1.4rem;}
.gridtippyObj {font-weight:600;}
.gridtippyObj .cmstippyObjMb {margin-right:5px;}
	
	@media screen and (max-width:1200px)
	{
		.cmstippyObjMb {width:17px;height:17px;}
		.cmstippyObjMb:before {font-size:12px;}
	}
	
/* MSDS 상세 */
.subtit {width:100%; font-size:var(--font-size-1); font-weight: var(--font-weight-medium); color:var(--color-font-black); margin-bottom: 1.2rem;}
.gapContent + .gapContent {margin-top:6rem;}
.contTbl{table-layout: fixed; width:100%; position: relative; border-collapse: collapse;}
.contTbl:before{content:""; display:block; width:100%; height:0.1rem; background:#a5a2a2; position: absolute; top:0; left:0;}
.contTbl th, 
.contTbl td{border:0.1rem solid #eee; color:var(--color-font-black)}
.contTbl th{border-bottom:none; font-size:1.5rem; font-weight:var(--font-weight-bold);}
.contTbl thead tr:first-child th {border-top:none;}
.contTbl td{font-size:1.5rem; text-align: center;}
.contTbl th{background:#f8f9fa; height:5rem; padding:0.4rem 0}
.contTbl tbody th{border-bottom:0.1rem solid #eee;}
.contTbl td{padding:0.4rem 0.6rem; height:5rem;}
.contTbl td .tippyObjTd {padding:0.4rem 0.6rem;}
.contTbl .focus td{background:#f8f9fa}
.contTbl td.left{text-align: left; padding-left:1em; padding-right:1em;}
.contTbl td.tl{text-align: left; padding-left:1em;}

.msdsRspsTh {width:20rem;}

.harmfulBox {display:flex;gap:6rem 4rem;flex-wrap:wrap;}
.harmful-item {width:calc(50% - 3rem);display:flex;flex-direction:column;}
.harmful-imgbox {padding:2rem;border:1px solid #eee;flex:1;display:flex;flex-wrap:wrap;gap:2rem;}
.harmful-imgbox figure {max-width:20rem;}
.harmful-imgbox figure img {max-width:100%;}
	
	@media screen and (max-width:1000px)
	{
		.harmful-item {width:100%;}
	}
	@media screen and (max-width:580px)
	{
		.msdsRspsTh {width:12rem;}
	}
	
/* 협력업체 정보관리 */
.peopleLst {line-height:180%;}

/* 안전보건 정보제공 */
.flexbox {display:flex;}

/* 보호구 지급대장 */
.onLst {display:flex;gap:1rem 0.4rem;margin-bottom:5rem;}
.onLst li {width:calc(20% - 0.32rem);padding:1rem 2rem;border-radius:4px;text-align:center;display:flex;align-items:center;justify-content:center;color:#aaa;border:1px solid #eee;background:#f3f3f3;}
.onLst li.on {color:var(--color-brand-blue);border-color:var(--color-brand-blue);border-left-width:4px;background:#fff;}

	@media screen and (max-width:1200px)
	{
		.onLst {flex-wrap:wrap;}
		.onLst li {width:100%;text-align:left;justify-content:flex-start;}
		.onLst li br {display:none;}
	}
	
/* 협력업체 직원정보 관리 */
.necPos-lst {margin-bottom:5rem;}
.necPos-lst .title {width:100%; font-size:var(--font-size-1); font-weight: var(--font-weight-medium); color:var(--color-font-black); margin-bottom: 1.2rem;}
.necPos-lst ul {display:flex;gap:1rem 0.4rem;}
.necPos-lst ul li {width:calc(20% - 0.32rem);padding:1.5rem 1.5rem;border:1px solid #ddd;border-radius:4px;display:flex;flex-wrap:wrap;}
.necPos-lst ul li .num {margin-left:auto;flex:none;}
.necPos-lst ul li .num strong {color:var(--color-bg-blue)}
	
	@media screen and (max-width:1200px)
	{
		.necPos-lst ul {flex-wrap:wrap;}
		.necPos-lst ul li {width:100%;}
	}
	
/* 작업종류 */
.check-item.tofb-detail {display:flex;gap:1rem;}
.check-item.tofb-detail .icon {flex:none;margin:0.2em 0 0;}

.lineboxchk-wrap {display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem;}
.lineboxchk-wrap .check-item {width:20rem;border:1px solid #ddd;margin-left:0;padding:1rem 2rem;max-width:calc(50% - 0.25rem);}
.lineboxchk-wrap .check-item:has(input:checked) {border-color:var(--color-brand-blue);} 
.lineboxchk-wrap .check-item input[type="radio"] ~ .icon {width:1.3rem;height:1rem;background-image:url(/cms/img/lineboxchk.svg)}
.lineboxchk-wrap .check-item input[type="radio"]:checked ~ .icon {background-image:url(/cms/img/lineboxchk_on.svg)}
.lineboxchk-wrap .check-item input[type="radio"]:checked ~ .label {color:var(--color-brand-blue)}

.etcTr {display:none;}

.necitem-lst {display:flex;flex-wrap:wrap;gap: 1rem;}
.necitem-lst:has(+ div) {margin-bottom:4rem;}
.necitem-lst > li {display:flex;flex-direction:column;width:calc(14.28% - 0.86rem);border:1px solid #ddd;padding:1.5rem;border-radius:6px;}
.necitem-lst .tit {height:90px;border-radius:6px;padding:1rem;min-height:7rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;color:#aaa;background:#f3f3f3;text-align:center;text-decoration:none !important;}
.necitem-lst > li ol {flex:1;border-radius:6px;}
.necitem-lst > li ol li {position:relative;padding-left:12px;}
.necitem-lst > li ol li,
.necitem-lst > li ol li * {color:#aaa;}
.necitem-lst > li ol li:before {content:"";position:absolute;top:0.6em;left:0;display:block;width:4px;height:1px;background:#aaa;}
.necitem-lst > li ol li + li {margin-top:1rem;}
.necitem-lst > li.on .tit {background:var(--color-brand-blue);color:#fff;}
.necitem-lst > li.on ol li,
.necitem-lst > li.on ol li * {color : #222;}
.necitem-lst > li.on ol li:before {background:#222;}
.necitem-lst .filedown {position:relative;}
.necitem-lst .filedown .txt:has( + .icon) {margin-right:0.5rem;}
.necitem-lst .filedown .icon {display:none;width:12px;height:14px;background:url(/cms/img/necitemLst_download.svg) no-repeat center center /100% 100%;}
.necitem-lst > li.on .filedown .icon {display:inline-block;}
.necitem-lst a.tit:hover,
.necitem-lst a.tit:focus {color:#aaa !important;}
.necitem-lst > li.on > a.tit:hover,
.necitem-lst > li.on > a.tit:focus {color:#fff !important;}

	@media screen and (max-width:1200px)
	{
		.necitem-lst > li {width:calc(25% - 0.75rem);}
	}
	@media screen and (max-width:780px)
	{
		.necitem-lst > li {width:calc(50% - 0.5rem);}
	}
	@media screen and (max-width:480px)
	{
		.necitem-lst > li {width:100%;}
	}
	
	@media screen and (max-width:360px)
	{
		.lineboxchk-wrap .check-item {max-width:none;width:100%;} 
	}
	
/* 개인정보처리방침, 이용약관 페이지 추가 */
.cms-term-pop {padding:4rem;}
.cms-term-wrap {background:#f8f9fa;border-radius:20px;padding:4rem;}
.cms-term-bigtitle {padding:0 4rem;font-size:2rem;font-weight:600;margin-bottom:2rem;}