@charset "utf-8";

html {margin: 0;padding: 0; width:100%; height:100%;}
body {margin: 0;padding: 0; width:100%; height:100%; color:#465057; font-size: 12px; font-family: "Pretendard", sans-serif;  -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; line-height:auto; }
header, nav, article, section, aside, footer, figure {display: block;margin: 0;padding: 0;}/* html 5*/
div:not(:where([class~="note-editable"] *)), p, h1, h2, h3, h4, h5, h6, ol:not(:where([class~="note-editable"] *)), ul:not(:where([class~="note-editable"] *)), li:not(:where([class~="note-editable"] *)), dl, dt, dd, img, a, form, span, em, strong, iframe{margin: 0;padding:0;}
input, select, textarea, form, div, p, pre{font-family: "Pretendard", sans-serif;}

.ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;     /* IE, Safari */
    -o-text-overflow:ellipsis;      /* Opera under 10.7 */
    overflow:hidden;            /* "overflow" value must be different from "visible" */
    -moz-binding: url('ellipsis.xml#ellipsis');
}

input:-moz-read-only { /* For Firefox */
    background-color: #f6f6f6;
}
input:read-only {
    background-color: #f6f6f6;
}
input[readonly], input[readonly="readonly"] {
    background-color: #f6f6f6;
}
input.input_search {background: url("/img/common/ic_search.png") no-repeat 95% 50%;}


div:not(:where([class~="note-editable"] *)), ul:not(:where([class~="note-editable"] *)), ol:not(:where([class~="note-editable"] *)) {list-style:none;}
table {width: 100%; border-collapse: collapse;margin: 0;padding: 0;border: 0;border-spacing: 0;}
th, td {margin:0;padding:0;border-spacing:0;}
legend, caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {border:0 none;vertical-align:middle;}
a{color:#505050;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis; -webkit-tap-highlight-color : transparent !important;}
a:link,a:hover,a:active{text-decoration:none;}
address {font-style: normal;}
/*hr {display: none;}*/

strong {font-weight:normal;}
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input, select, textarea {font-size:12px;}
input {vertical-align:middle;border:none;}
select {vertical-align:middle; border:1px solid #e6e6e6; height: 28px; /*min-width: 100px;*/ width:100%; box-sizing: border-box; border-radius: 4px; padding: 0px 8px; /*appearance: none; -webkit-appearance: none; -moz-appearance: none;*/}
/*select::after{content: ''; position: absolute; z-index: 1; right:20px; top:10px; width:10px; height:10px; background: url('/img/common/btn_down_arrow.png') no-repeat; background-size: 10px;}*/

select::-ms-expand {display: none;}
input[type=text],
input[type=password],
input[type=file],
input[type=datetime-local],
input[type=time],
input[type=number],
input[type=month],
input[type=date] {width: 100%; height: 28px; border:1px solid #e6e6e6; padding:2px 8px; box-sizing: border-box; border-radius: 4px;}
input[type=file]{border:none; background:none; padding:2px 0px;}
input::placeholder,
textarea::placeholder{color:#bbb;}

textarea:not(.comment_inbox_text){display:block; width:100%; height:100%;  padding:12px; box-sizing: border-box; border:1px solid #e6e6e6;}

input.input-datetime {border: 1px solid #e6e6e6; border-radius: 4px; padding: 8px 16px; margin: 0 5px;}

select:focus,
input:focus,
textarea:focus{outline: 1px solid #44B98E; }

/* 스크롤바 */
body *::-webkit-scrollbar {width:4px;}
body *::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb:hover {background-color:#bbb; border-radius:6px;}
body *::-webkit-scrollbar-track {background-color:#ddd;}

.none {display: none;}
.flex {display: flex;}
.flex.al-c {align-items: center !important;}
.flex-start {display: flex !important; justify-content: flex-start !important;}
.flex-end {display: flex !important; justify-content: flex-end !important;}
.flex-center {display: flex !important; justify-content: center !important;}
.flex-between {display: flex !important; justify-content: space-between !important; align-items: center !important;}
.flex-around {display: flex !important;; justify-content: space-around !important;}
.flex-vertical {display: flex !important; flex-direction: column;}
.flex-row {display: flex !important; flex-direction: row; height: 100% !important;}

/* input/select 높이 */
.i-wrap.h-42 input,
.i-wrap.h-42 select{height:42px;}
.i-wrap.h-48 input,
.i-wrap.h-48 select{height:48px;}

/*========================================================================
768px
========================================================================*/
@media screen and (max-width: 768px) {
    input[type=text] {
        font-size:12px;
    }
    input, select, textarea {font-size:12px;}
}


/*========================================================================
common btn
========================================================================*/
.com-btn{display:inline-block; box-sizing: border-box; min-width:125px; padding:18px 10px; font-size:12px; line-height:120%; font-weight:400; text-align:center; border-radius:4px;}
.com-btn.small {padding: 5px 10px; min-width: 60px;}
.com-btn.small2 {padding: 6px 12px; min-width: 60px;}
.com-btn.n-bd {border: none;}
.com-btn{background:#787879; color:#ffffff;}
.com-btn.sky{background:#cce0ef; color:#3f5c93;}
.com-btn.gray{background:#f3f3f6; color:#465057;}
.com-btn.red{background:#f7d1d1; color:#e66464;}
.com-btn.orange{background:#FFA512; color:#ffffff;}
.com-btn.green{background:#44B98E; color:#ffffff;}

.com-btn.h-42{min-width:80px; padding:11px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-34{min-width:80px; padding:7px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-30{min-width:80px; padding:5px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-28{min-width:80px; padding:4px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-26{min-width:80px; padding:3px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.h-20{min-width:50px; padding:0px 10px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}

.com-btn.empt{font-size:12px; min-height:15px; line-height:20px; border-radius:4px;}
.com-btn.icn{min-width:auto; padding:5px 10px 5px 34px; font-size:12px; min-height:15px; line-height:20px; border-radius:4px; color:#465057; background:#f3f3f6 url('/img/common/btn_edit.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.edit{background:#f3f3f6 url('/img/common/btn_edit.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.calendar{background:#f3f3f6 url('/img/common/btn_calendar.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.download{background:#f3f3f6 url('/img/common/btn_download.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.sms{background:#f3f3f6 url('/img/common/btn_sms.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.more{background:#f3f3f6 url('/img/common/btn_more.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.search{background:#f3f3f6 url('/img/common/btn_search.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.refresh{background:#f3f3f6 url('/img/common/btn_refresh.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.plus{background:#f3f3f6 url('/img/common/btn_plus.png') 10px 8px no-repeat; background-size:14px auto;}
.com-btn.minus{background:#f3f3f6 url('/img/common/btn_minus.png') 10px 8px no-repeat; background-size:14px auto;}
.com-btn.delete{background:#f3f3f6 url('/img/common/btn_delete.png') 10px 6px no-repeat; background-size:16px auto;}
.com-btn.receipt{background:#f3f3f6 url('/img/common/btn_receipt.png') 10px 6px no-repeat; background-size:16px auto;}
.com-btn.refund{background:#f3f3f6 url('/img/common/btn_refund.png') 10px 6px no-repeat; background-size:16px auto;}
.com-btn.btn-yellow {border: #FFA512 solid 1px; background-color: #FFA512;}

/*========================================================================
common tab
========================================================================*/
.com-tab{position:relative; border-bottom:1px solid #b7c4cf; }
.com-tab>ul{display:table;}
.com-tab>ul>li{float:left;}
.com-tab>ul>li>a{display:block; padding:0 25px 12px; font-size:14px; color:#596670; font-weight:400; text-align: center; border-bottom:1px solid #fff;}
.com-tab>ul>li>a:hover,
.com-tab>ul>li>a.on{color:#465057; font-weight:600; border-bottom:1px solid #465057;}

/* ASP com-tab-01 공통 탭 */
.com-tab-01{width:100%; height:37px; border-bottom:1px solid #888;}
.com-tab-01::after{content:''; display:block; clear:both;}
.com-tab-01>li{float:left; padding:0 5px 0 0;}
.com-tab-01>li:first-child{padding-left:0;}
.com-tab-01>li>a{display:inline-block; min-width:126px; height:16px; padding:10px; font-size:13px; color:#333; text-align:center; border:1px solid #888; border-top-left-radius:3px; border-top-right-radius:3px; background:#eee;}
.com-tab-01>li>a:hover,
.com-tab-01>li>a.on{color:#333; font-weight:600; border:1px solid #888; border-bottom:1px solid #fff; background:#fff;}

/*========================================================================
common check box
========================================================================*/
.check-wrap{border:1px solid #d9e1e7; background:#fff; border-radius:6px; overflow:hidden;}
.check-head{padding:10px 14px; border-bottom:1px solid #e3e9ee; background:#f3f3f6;}
.check-list{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:8px 14px; padding:14px;}
.guide-box{padding:18px 20px; border:1px solid #e4e9ee; background:#fbfcfd;}
.page-guide-card{padding:18px 22px; border:1px solid #e3e7eb; border-radius:10px; background: linear-gradient(180deg, #f8f8f8 0%, #f3f3f6 100%);}
.page-guide-card__title{display:block; font-size:15px; font-weight:700; line-height:1.5; color:#1f2933;}
.page-guide-card__text{margin-top:0; font-size:13px; line-height:1.6; color:#66707a;}
.page-guide-card__title + .page-guide-card__text,
.page-guide-card__text + .page-guide-card__text{margin-top:6px;}

/*========================================================================
common color
========================================================================*/
.c-blue{color:#44B98E;}
.c-red{color:#e66464;}
.c-gray{color:#465057;}
.c-light-gray{color:#999999;}
.c-white{color:#fff;}
.c-black{color:#000;}
.c-green{color:#44B98E;}

/*========================================================================
common img
========================================================================*/
img.android {content:url('/img/ico/Android.png'); width: 40px;}
img.ios {content:url('/img/ico/ios.png'); width: 40px;}

/*========================================================================
common background color
========================================================================*/
.bgc-yellow{background-color:#ffe600 !important;}
/*========================================================================

common list
========================================================================*/
.com-list{}
.com-list>li{/*padding-bottom:5px;*/}
.com-list>li:last-child{/*padding-bottom:0px;*/}

.com-list > ul > li { margin: 0 0 6px 6px; list-style:disc; }


/*========================================================================
common tbl
========================================================================*/
table.list-tbl{background:#fff; border:1px solid #e6e6e6; border-radius: 10px; overflow: hidden; border-collapse: separate; border-spacing: 0;}
table.list-tbl th{border-bottom:1px solid #e6e6e6; padding:7px 10px; height:30px; line-height:normal; font-size:12px; background:#f3f3f6; text-align:center; }
table.list-tbl td{border-bottom:1px solid #e6e6e6; padding:7px 10px; height:30px; line-height:normal; font-size:12px; text-align:center; }
table.list-tbl td a:hover{text-decoration:underline;}
table.list-tbl .board-comment-count,
.gallery-list .board-comment-count{display:inline-block; margin-left:4px; color:#e60012; font-weight:700; vertical-align:middle;}
table.list-tbl tr.current td{background-color: #dcedfb;}
table.list-tbl .brd-r{border-right:1px solid #e6e6e6;}
table.list-tbl tbody tr:last-child th,
table.list-tbl tbody tr:last-child td{border-bottom:none;}

table.list-tbl tfoot {background: #f3f3f6;}

table.list-tbl.type2{border-left:1px solid #e6e6e6;}
table.list-tbl.type2 th{border-right:1px solid #e6e6e6;}
table.list-tbl.type2 td{border-right:1px solid #e6e6e6;}

table.list-tbl tr.focus:hover {background-color: #e6e6e6;}
table.list-tbl tr.pointer:hover {cursor: pointer}

.table-scroll-wrap{position:relative; width:100%; overflow-x:auto; clear:both;}
.table-scroll-wrap > .list-tbl{min-width:var(--table-scroll-min-width, 1000px);}

table.thin th, table.thin td {padding: 0 !important;}

table.view-tbl{background:#fff; border:1px solid #e6e6e6; border-radius: 10px; overflow: hidden; border-collapse: separate; border-spacing: 0;}
table.view-tbl th{border-bottom:1px solid #e6e6e6; padding:7px 10px; line-height:normal; font-size:12px; height:30px; background:#f3f3f6; text-align:center; line-height:160%;}
table.view-tbl td{border-bottom:1px solid #e6e6e6; padding:7px 20px; line-height:normal; font-size:12px; height:30px; text-align:left; line-height:160%;}
table.view-tbl tr:last-child th,
table.view-tbl tr:last-child td{border-bottom:none;}

table.view-tbl td a:hover{text-decoration:underline;}
table.view-tbl td .board-con{position:relative; padding:20px 20px; min-height:100px; line-height:160%;}
table.view-tbl td .board-con img{max-width:100%; height:auto !important;;}
table.view-tbl .brd-r{border-right:1px solid #e6e6e6;}

table.view-tbl.disabled td{color:#999999;}
table.view-tbl.blue th{background:#D9E5F8; font-size:13px; border-bottom:1px solid #c2c5e9;}
table.view-tbl.blue th:last-child{border-bottom:none;}
table.view-tbl.blue td{font-size:13px;}

table.view-tbl-card{border:0; border-collapse:separate; border-spacing:0 10px; background:transparent;}
table.view-tbl-card col:first-child{width:180px;}
table.view-tbl-card th,
table.view-tbl-card td{height:auto; border-bottom:0; box-sizing:border-box; letter-spacing:0;}
table.view-tbl-card th{width:180px; padding:16px 18px; border:1px solid #e5ebf0; border-right:0; border-radius:8px 0 0 8px; background:#f8fafb; color:#26313d; font-size:13px; font-weight:800; line-height:1.4; text-align:left; vertical-align:middle;}
table.view-tbl-card th::before{display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:#44B98E; content:""; vertical-align:2px;}
table.view-tbl-card td{padding:16px 20px; border:1px solid #e5ebf0; border-left:0; border-radius:0 8px 8px 0; background:#fff; color:#3a4652; font-size:13px; font-weight:600; line-height:1.55; box-shadow:0 10px 26px rgba(20, 31, 48, 0.05); vertical-align:middle;}
table.view-tbl-card td p{margin:0;}
table.view-tbl-card .sel-wrap,
table.view-tbl-card .i-wrap{max-width:100%;}
table.view-tbl-card select,
table.view-tbl-card input[type="text"]{min-height:36px; border:1px solid #dce5ea; border-radius:6px; background-color:#fff; color:#26313d; font-size:13px; font-weight:700; box-sizing:border-box;}
table.view-tbl-card input[readonly]{background-color:#f8fafb; color:#008f69; font-weight:800;}
table.view-tbl-card .locker-list{display:flex; flex-wrap:wrap; gap:8px 14px; margin:0; padding:0;}
table.view-tbl-card .locker-list li{margin:0;}

.common-choice-group{display:flex; flex-wrap:wrap; gap:8px;}
.common-choice-group--grid-6{display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:8px; width:min(100%, 780px);}
.common-choice-field{position:relative; margin:0;}
.common-choice-radio{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;}
.common-choice-check{display:inline-flex; align-items:center; gap:8px; color:#26313d; font-size:12px; font-weight:700; line-height:1.25; cursor:pointer;}
.common-choice-check input[type="checkbox"]{margin:0;}
.common-choice-button,
.common-choice-label{display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:7px 20px; border:1px solid #dce5ea; border-radius:8px; background:#fff; color:#26313d; cursor:pointer; font-size:12px; font-weight:700; line-height:1.25; letter-spacing:0; text-align:center; white-space:nowrap; box-sizing:border-box;}
.common-choice-button--stretch,
.common-choice-label--stretch{width:100%; min-width:0; padding-inline:10px;}
.common-choice-label--wide{min-width:200px;}
.common-choice-button:hover,
.common-choice-label:hover{border-color:#b8c6ce; background:#f8fafb;}
.common-choice-button.is-selected,
.common-choice-radio:checked + .common-choice-label{border-color:#44B98E; background:#44B98E; color:#fff;}
.common-choice-button:disabled,
.common-choice-radio:disabled + .common-choice-label{border-color:#e5ebf0; background:#f8fafb; color:#a7b1ba; cursor:not-allowed;}
.common-choice-button.is-unavailable{border-color:#e5ebf0; background:#f8fafb; color:#a7b1ba; cursor:not-allowed;}
.common-choice-button:focus,
.common-choice-radio:focus + .common-choice-label{outline:2px solid rgba(68, 185, 142, 0.24); outline-offset:2px;}

@media (max-width:640px){
    .common-choice-button{flex:1 1 calc(50% - 4px); min-width:0;}
}

@media (min-width:641px) and (max-width:1080px){
    .common-choice-group--grid-6{grid-template-columns:repeat(4, minmax(0, 1fr)); width:100%;}
}


table.schedule-tbl{color:#656565; background:#fff; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#465057;}
table.schedule-tbl th{border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:5px 10px; height:40px; line-height:normal; font-size:12px; background:#f3f3f6; text-align:center; }
table.schedule-tbl td{border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:5px 20px; height:50px; line-height:normal; font-size:12px; text-align:center; }
table.schedule-tbl td a:hover{text-decoration:underline;}

table.schedule-tbl tbody tr td dl{}
table.schedule-tbl tbody tr td dl dt{font-size:12px;}
table.schedule-tbl tbody tr td dl dd{font-size:10px; color:#999; display:none; font-weight:300;}
table.schedule-tbl tbody tr td:first-child dl dd{display:block;}

table.schedule-tbl tbody tr td.close{background-color:#f1f1f1;}
table.schedule-tbl tbody tr td.close dl dt,
table.schedule-tbl tbody tr td.close dl dd{color:#999;}

table.schedule-tbl tbody tr td.check{background-color:#5388ff;}
table.schedule-tbl tbody tr td.check dl dt,
table.schedule-tbl tbody tr td.check dl dd{color:#fff;}

table.schedule-tbl tbody tr td.possible{cursor: pointer;}


/*========================================================================
Search
========================================================================*/
.search-wrap{}

.simple-search-wrap{position:relative;}
.simple-search-wrap .i-wrap{}
.simple-search-wrap .i-wrap.dp-ib{margin-right:5px;}
.simple-search-wrap .i-wrap input.search{background:url('/img/common/btn_search.png') 12px center no-repeat; background-size:18px auto; padding-left:40px;}


.search-wrap{position:relative;}
.search-wrap .i-wrap{}
.search-wrap .i-wrap.dp-ib{margin-right:5px;}
.search-wrap .i-wrap input.search{background:url('/img/common/btn_search.png') 12px center no-repeat; background-size:18px auto; padding-left:40px;}

/* ASP search-option-box 공통 스타일 */
.search-wrap:has(.search-option-box) {border: 1px solid #cfcfcf; border-radius: 10px; padding: 10px 20px;}
.search-wrap .search-option-box{position:relative; margin:0 auto; padding:20px 0; text-align:center;}
.search-wrap .search-option-box .so-txt{display:inline-block; min-width:110px; margin-right:20px; padding-right:20px; border-right:1px solid #999; font-size:13px; font-weight:600; vertical-align:middle;}
.search-wrap .search-option-box .so-txt.yellow{color:#fb7d00;}
.search-wrap .search-option-box a.btn{display:inline-block; min-width:60px; text-align:center; padding:3px 8px 4px; border:1px solid #ccc; border-radius:4px; color:#333; font-weight:600; vertical-align:middle; background:#fff;}
.search-wrap .search-option-box a.btn.auto-width{min-width:40px; padding:5px 10px;}
.search-wrap .search-option-box a.btn.on,
.search-wrap .search-option-box a.btn:hover,
.search-wrap .search-option-box a.btn.auto-width:hover{color:#fff; background:#fb7d00;}
.search-wrap .search-option-box .com-tbl{display:table; width:100%; padding:7px 0; border-bottom:1px solid #eee;}
.search-wrap .search-option-box .com-tbl:last-child{border-bottom:none;}
.search-wrap .search-option-box .com-tbl .com-cell{display:table-cell; text-align:left; vertical-align:middle;}
.search-wrap .search-option-box .com-tbl .com-cell:first-child{width:110px; padding-right:30px; text-align:right;}
.search-wrap .search-option-box .com-tbl .com-cell.so-txt{border-right:none; margin-right:0; padding-right:0; font-size:13px; font-weight:600;}


/*=============================================================
Paging
=============================================================*/
.new-paging{clear:both; position:relative; padding-bottom:20px; text-align:center;}
.new-paging a{display:inline-block; min-width:25px; height:25px; line-height:25px; font-size:13px; color:#656565; text-align:center; vertical-align:top; margin-right:4px; }
.new-paging strong{display:inline-block; min-width:25px; height:25px; line-height:25px; font-size:13px; color:#004174; margin-right:4px; font-weight: 600;}
.new-paging a:hover, .new-paging a.on{color:#004174; font-weight: 600;}
.new-paging a img{vertical-align:top; margin-top:0px;}
.new-paging a.no-hover{background:none; border:1px solid #d9d9d9;}

/*=================================================================================
Error
=================================================================================*/
#error-info{position:relative; width:90%; margin:80px auto; text-align:center; }
#error-info .notice{margin-bottom:20px;}
#error-info .notice .logo{margin-bottom:20px;}
#error-info .notice h3{font-size:16px;}
#error-info .notice .desc{font-size:12px; margin:20px 0;}

table.error-tbl{color:#616161; border-top:1px solid #bcbcbc; margin-bottom:10px; width:100%;}
table.error-tbl th{text-align:left; border-bottom:1px solid #e4e4e4; padding:10px 5px;  line-height:18px; font-size:12px; font-weight:normal; width:120px; background:#f4f4f4;}
table.error-tbl td{text-align:left; border-bottom:1px solid #e4e4e4; line-height:18px; padding:10px 5px;}


/*========================================================================
Etc
========================================================================*/
.rsps-bg{position:relative;}
.rsps-bg iframe{width:100%; height:100%;}

.com-tbl{display:table; width:100%;}
.com-tbl.h-100{height:100%;}
.com-tbl>.cell{display:table-cell;}
.com-tbl>.cell.center{text-align:center; vertical-align:middle;}

#pre-loader{position:fixed; top:50%; left:50%; z-index:999999; display:none; width:82px; height:82px; margin:-41px 0 0 -41px; border-radius:50%; _background:rgba(255,255,255,.92); _box-shadow:0 14px 36px rgba(18,35,61,.28); box-sizing:border-box;}
#pre-loader::before{position:absolute; inset:17px; z-index:1; border-radius:50%; _background:#fff; _box-shadow:0 6px 18px rgba(18,35,61,.14); content:"";}
#pre-loader .pre-loader-ring{position:absolute; inset:5px; border-radius:50%; background:conic-gradient(from 0deg, rgba(68,185,142,0) 0deg, rgba(68,185,142,.10) 205deg, rgba(68,185,142,.72) 292deg, #20b985 330deg, rgba(68,185,142,0) 360deg); -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px)); mask:radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px)); animation:pre-loader-spin .82s linear infinite;}
#pre-loader .pre-loader-image{position:absolute; top:50%; left:50%; z-index:2; width:46px; height:46px; transform:translate(-50%, -50%); object-fit:contain;}
#pre-loader .blind-text{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
@keyframes pre-loader-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){
    #pre-loader .pre-loader-ring{animation:none;}
}
#blind{position:fixed; z-index:9997; display:none; background-color:#000; top:0; left:0; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.mobile-menu-blind{position:fixed; z-index:9997; display:none; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}


/*========================================================================
Layout
====0====================================================================*/
#wrapper{position:relative; width:100%; min-width: 1400px;}

#header{position:relative; z-index:1000; width:100%; height:170px; background-color: #424242; display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
#header .gnb-logo{position:relative; width: 200px; height: 100%}
#header .gnb-logo img{height:100%;}

#header .gnb-wrapper {width: calc(100% - 410px);display: flex;height: 100%;flex-direction: row;justify-content: space-between;}

/*#header .gnb{position:absolute; right:40px; top:20px;}*/
#header .gnb {display: flex; flex-direction: column; height: 100%; min-width: 600px;}
#header .gnb .login-info {flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px;}
#header .gnb .login-info .id {color: #FFFFFF; padding-left: 30px; font-weight: 700;}
#header .gnb .login-info .login-actions {display: flex; align-items: center; gap: 5px;}
#header .gnb .login-info .login-campus{display:flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,0.14); color:#fff;}
#header .gnb .login-info .login-campus__label{font-size:11px; font-weight:600; color:rgba(255,255,255,0.72);}
#header .gnb .login-info .login-campus__value{font-size:13px; font-weight:700; color:#fff;}
#header .gnb .login-info .login-actions .com-btn {padding: 8px 16px; min-width: 70px; background-color: #9E9E9E; color: #ffffff; font-weight: 700;}
#header .gnb .login-info .login-actions .com-btn.campus-change{/*background-color:#44B98E;*/}
#header .gnb .top-menu {height: 100px; display: flex; align-items: center; margin-top: auto;}
#header .gnb .top-menu .top-menu-list{display:flex; align-items:center; height:100%; margin:0; padding:0; list-style:none;}
#header .gnb .top-menu .top-menu-list>li{display:flex; align-items:center; justify-content:center; width:100px; max-width:100px; height:100%; text-align:center; border: 1px solid #757575; box-sizing: border-box; margin-left:-1px;}
#header .gnb .top-menu .top-menu-list>li a{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; font-size:14px; line-height:1.2; text-decoration:none; font-weight:400;}
#header .gnb .top-menu .top-menu-list>li a.selected{background:#44B98E; font-weight:700;}
#header .gnb .top-menu .top-menu-icon img{display:block; width:28px; height:28px; object-fit:contain;}
#header .gnb .top-menu .top-menu-text {margin-top: 6px;}
/*#header .gnb>ul{float:left; margin-top:10px;}
#header .gnb>ul>li{float:left; text-align:right; margin-right:40px;}
#header .gnb>ul>li>a{font-size:16px; color:#465057;}
#header .gnb>ul>li>a.selected{font-weight: bold; background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(110, 20, 220, 0.15) 50%, rgba(110, 20, 220, 0.15) 100%);}*/
/*#header .gnb a.id{float:right; min-width: 50px; height:40px; padding:11px 13px; font-size: 12px;}*/
/*#header .gnb a.id{}*/
#header .gnb a.id .icn-schedule{display: inline-block; width:16px; height:16px; background:url('/img/common/ic_schedule.png') no-repeat; background-size: cover; margin:0px 7px; cursor: pointer;}

#header .header-test-links{flex:0 0 auto; width:clamp(150px, 12vw, 190px); height:100%; margin-left:auto; padding:20px 20px 20px 0; box-sizing:border-box; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:8px;}
#header .header-test-links a{display:flex; align-items:center; justify-content:center; height:34px; border:1px solid rgba(255,255,255,0.35); border-radius:5px; background:rgb(66 66 66); color:#fff; font-size:12px; font-weight:700; line-height:1; text-decoration:none; white-space:nowrap;}
#header .header-test-links a:hover{background:#44B98E; border-color:#44B98E; text-decoration:none;}

#header .floating-box { width: 30%; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 0 10px; }
#header .floating-box a:hover {text-decoration: underline;}
#header .floating-box .top-box { display: flex; flex-direction: row; justify-content: flex-end; gap: 10px; }
#header .floating-box .top-box div { padding: 8px 20px; border-radius: 5px; }
#header .floating-box .top-box div a {position: relative; padding-left: 20px; color: #fff; }
#header .floating-box .top-box div a span.new {display: none; position: absolute; top: 1px; right: -12px; width: 5px; height: 5px; border-radius: 10px; background: #ff0000;}
#header .floating-box .top-box div.staff-note {background: #6CC8A6 url('/img/admin/common/icn_write.png') 10px 6px no-repeat;}
#header .floating-box .top-box div.hq-notice {background: #6CC8A6 url('/img/admin/common/icn_letter.png') 10px 6px no-repeat;}
#header .floating-box .top-box div.today-status{display:none; background:#6CC8A6;}
#header .floating-box .today-status-toggle{position:relative; display:block; border:0; padding:0 0 0 20px; background:transparent; color:#fff; font-family:inherit; font-size:12px; line-height:14px; cursor:pointer; white-space:nowrap;}
#header .floating-box .today-status-toggle::before{position:absolute; left:0; top:0; width:14px; height:14px; background:url('/img/common/btn_calendar.png') center no-repeat; background-size:14px auto; filter:brightness(0) invert(1); content:"";}
#header .floating-box .bottom-box { display: flex; flex-direction: row; gap: 10px; justify-content: space-evenly; }
#header .floating-box .bottom-box .box-left { width: 100%; }
#header .floating-box .bottom-box .box-left table  { text-align: center; height: 100%; }
#header .floating-box .bottom-box .box-left table th {background-color: #f3f3f6;color:#757575; font-size:11px;}
#header .floating-box .bottom-box .box-left table td {background-color: #FFFFFF; color:#757575; font-size:11px;}
#header .floating-box .bottom-box .box-right { width: 100%; }
#header .floating-box .bottom-box .box-right table { text-align: center; height: 100%; }
#header .floating-box .bottom-box .box-right table th {background-color: #f3f3f6; color:#757575;}
#header .floating-box .bottom-box .box-right table td {background-color: #FFFFFF; color:#757575;}

#header .floating-box .bottom-box .box-left table,
#header .floating-box .bottom-box .box-right table {width:100%; table-layout:fixed; text-align: center; height: 100%; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;}

#header .floating-box .bottom-box .box-left table th,
#header .floating-box .bottom-box .box-left table td,
#header .floating-box .bottom-box .box-right table th,
#header .floating-box .bottom-box .box-right table td {padding:5px 4px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:11px; white-space:nowrap;}


#body-contents{position:relative; display:flex; min-width:1200px; }
#left-menu{position:static; background:#F7F7F7; width:200px; min-width:200px; flex:0 0 200px; box-sizing: border-box;}
#left-menu .lnb{position:relative;}
#left-menu .lnb .menu{}
#left-menu .lnb .menu a{color:#596670; font-size:12px; line-height:18px; display:block; width:100%;}
#left-menu .lnb .menu h5{font-size:14px; line-height:120%; font-weight:400; background:url('') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.menu-title{ padding: 20px 0 20px 12px; position: relative; background: #9E9E9E; color: #ffffff; font-weight: 700; }
#left-menu .lnb .menu h5.menu-title.active{background:#9E9E9E;}

#left-menu .lnb .menu h5.menu-title span.icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #596670; }
#left-menu .lnb .menu h5.menu-title.active span.icon { background-color: #0162AF; }

#left-menu .lnb .menu h5.menu-title span.arrow { position: absolute; left: 10px; top: 50%; width: 16px; height: 16px; background-image: url('/img/common/btn_next.png'); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%); }
#left-menu .lnb .menu h5.menu-title.on span.arrow { transform: translateY(-50%) rotate(90deg); }

#left-menu .lnb .menu h5.ic-1 {background:url('/img/lnb/icn_penalty.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-2 {background:url('/img/lnb/icn_reregist.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-3 {background:url('/img/lnb/icn_tr_user.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-4 {background:url('/img/lnb/icn_user.png') left top no-repeat; background-size:24px 24px;}
#left-menu .lnb .menu h5.ic-5 {background:url('/img/lnb/icn_user_log.png') left top no-repeat; background-size:24px 24px;}

#left-menu .lnb .menu ul { display: block; }
#left-menu .lnb .menu ul{}
#left-menu .lnb .menu ul>li{padding: 10px 0 10px 26px; }
#left-menu .lnb .menu ul>li>a.on,
#left-menu .lnb .menu ul>li>a:hover{color:#44B98E;}
#left-menu .lnb .menu ul>li:has(> a.selected){background:#44B98E;}
#left-menu .lnb .menu ul>li>a.selected{color:#fff; font-weight:600; background:transparent;}
#left-menu .lnb .menu ul>li:last-child{margin-bottom:0px;}
#left-menu .lnb .main-menu .menu{display: none;}
#left-menu .lnb .main-menu.active .menu{display: block;}

#contents-wrap{position:relative; width:calc(100% - 410px); box-sizing: border-box; padding:18px 0 40px 37px; /*overflow-y: auto;*/}
#contents-wrap .con-header{width:100%;}
#contents-wrap .con-header .title {font-size:24px; color:#465057; font-weight:600; line-height:160%; margin-bottom:10px; _padding-left: 26px; _background: url('/img/admin/common/ico_title.gif') no-repeat left center};


#contents-wrap h2{font-size:24px; color:#465057; font-weight:600; line-height:120%; margin-bottom:20px;}
#contents-wrap h3{font-size:16px; color:#465057; font-weight:600; line-height:120%; margin-bottom:15px;}
#contents-wrap h4{font-size:15px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}
#contents-wrap h5{font-size:13px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}

#contents-wrap .btn-wrap{position:relative; text-align:right; padding-top:20px;}
#contents-wrap .btn-wrap.ta-l{text-align:left;}
#contents-wrap .btn-wrap::after{display: table; width:100%; content: '';}


#contents-wrap .cont-wrap{position:relative;}
#contents-wrap .cont-wrap .row-box{position:relative; margin-bottom:30px;}
#contents-wrap .cont-wrap .row-box:last-child{margin-bottom:0px;}
#contents-wrap .cont-wrap .row-box .c-box{position:relative; margin-bottom:24px;}
#contents-wrap .cont-wrap .row-box .c-box:last-child{margin-bottom:0px;}
#contents-wrap .cont-wrap .row-box .msg-box{display:inline-block; box-sizing: border-box; font-size:12px; line-height:15px; color:#465057; padding:13px 16px; border:1px solid #e6e6e6; border-radius:4px;}

#contents-wrap div::-webkit-scrollbar,
#contents-wrap ul::-webkit-scrollbar { width: 6px; /*스크롤바의 너비*/ }
#contents-wrap div::-webkit-scrollbar-thumb,
#contents-wrap ul::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 6px; /*스크롤바의 색상*/ }
#contents-wrap div::-webkit-scrollbar-track,
#contents-wrap ul::-webkit-scrollbar-track { background-color: #ddd; /*스크롤바 트랙 색상*/ }

.scroll-box{clear:both; position: relative; box-sizing: border-box; background-color: #fafafa; border:1px solid #e6e6e6; padding:16px 24px; height:150px; overflow-x: hidden; overflow-y: scroll;}


/*========================================================================
Elements
========================================================================*/
.i-wrap{position:relative;}
.i-wrap input{margin:0px;}
.i-wrap label{vertical-align:middle; padding-left:5px;}
.i-wrap.dp-ib{/*padding-right:25px;*/ margin-left:-2px;}
.i-wrap.dp-ib:last-child{padding-right:0px;}

/* 일반 체크박스와 라벨 문구 사이의 공통 간격 */
label:not(.switch-button) > input[type=checkbox]{margin-right:5px;}
.i-wrap.c-filter label > input[type=checkbox],
.i-wrap.c-check label > input[type=checkbox]{margin-right:0;}

.i-wrap.c-filter { position: relative; display: inline-block; box-sizing: border-box;}
.i-wrap.c-filter label{background:#efefef; padding:8px 8px; border-radius:4px; cursor: pointer; display:inline-block; margin:2px 0px; line-height:14px;}
.i-wrap.c-filter input { opacity: 0; width: 0; height: 0; }
.i-wrap.c-filter input:checked + label{ background-color: #cce0ef; color:#44B98E;}
.i-wrap.c-filter label > input:checked { background-color: #cce0ef; color:#44B98E;}

.i-wrap.c-filter.type-2 { position: relative; display: inline-block; box-sizing: border-box;}
.i-wrap.c-filter.type-2 label{background:#fff; border:1px solid #e6e6e6; font-size:12px; line-height:14px; color:#465057; padding:9px 16px; border-radius:4px; cursor: pointer; display:inline-block; margin:2px 0px; text-align:center;}
.i-wrap.c-filter.type-2 input { opacity: 0; width: 0; height: 0; }
.i-wrap.c-filter.type-2 input:checked + label{border:1px solid #44B98E; color:#44B98E; background:#fff;}
.i-wrap.c-filter.type-2 label > input:checked {border:1px solid #44B98E; color:#44B98E; background:#fff;}
.i-wrap.c-filter.type-2.big label{padding:13px 16px;}
.i-wrap.c-filter.type-2.small label{padding:6px 16px;}

.i-wrap.c-check input[type=checkbox] {display:none;}
.i-wrap.c-check input[type=checkbox] + label {cursor: pointer; display:inline-block; padding-left: 34px; min-height: 24px; line-height: 24px; background: url('/img/common/checkbox_off.png') left top no-repeat; background-size:24px auto; font-size:14px;}
.i-wrap.c-check input[type=checkbox]:checked + label {background-image: url('/img/common/checkbox_on.png');}
.i-wrap.c-check label > input[type=checkbox]:checked {background-image: url('/img/common/checkbox_on.png');}
.i-wrap.c-check input[type=checkbox]:disabled + label {background-image: url('/img/common/checkbox_on.png');}
.i-wrap.c-check label > input[type=checkbox]:disabled {background-image: url('/img/common/checkbox_on.png');}

.switch-button { position: relative; display: inline-block; width: 56px; height: 25px; box-sizing: border-box;}
.switch-button input { opacity: 0; width: 0; height: 0; }
.switch-button .onoff-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:20px; background-color: #b5b5b5; -webkit-transition: .4s; transition: .4s; }
.switch-button .onoff-switch:before { position: absolute; content: ""; height: 21px; width: 21px; left: 3px; bottom: 2px; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius:20px; }
.switch-button input:checked + .onoff-switch { background-color: #44B98E; }
.switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
.switch-button input:disabled + .onoff-switch { opacity: 0.5; }


.i-wrap.c-select select{appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.i-wrap.c-select::after{content: ''; position: absolute; z-index: 1; right:10px; top:0px; width:18px; height:100%; background: url('/img/common/btn_down_arrow.png') left center no-repeat; background-size: 18px auto; pointer-events: none;}

/*========================================================================
popup
========================================================================*/
.pop-form{position:relative; width:1100px; margin:30px auto; padding:30px 30px 30px 30px; background:#fff; border-radius:12px; box-shadow:0px 0px 20px #555; color:#465057; /*box-sizing: border-box;*/}
.pop-form.page{width:auto; border-radius: 0; box-shadow: none;}
.pop-form.max-1800{max-width:1800px;}
.pop-form.max-1600{max-width:1600px;}
.pop-form.max-1400{max-width:1400px;}
.pop-form.max-1200{max-width:1200px;}
.pop-form.max-1000{max-width:1000px;}
.pop-form.max-900{max-width:900px;}
.pop-form.max-800{max-width:800px;}
.pop-form.max-700{max-width:700px;}
.pop-form.max-600{max-width:600px;}
.pop-form.max-500{max-width:500px;}
.pop-form.max-400{max-width:400px;}
.pop-form.max-300{max-width:300px;}
.pop-form.max-200{max-width:200px;}
.pop-form h2{font-size:24px; color:#465057; font-weight:600; line-height:120%; margin-bottom:20px;}
.pop-form h3{font-size:16px; color:#465057; font-weight:600; line-height:120%; margin-bottom:15px;}
.pop-form h4{font-size:14px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}
.pop-form h5{font-size:13px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}
.pop-form .h-desc{font-size:12px; margin-bottom:15px;}
.pop-form .sec{position:relative;}

.pop-form .sec{position:relative;}
.pop-form .sec .cont-wrap{position:relative;}
.pop-form .sec .cont-wrap .row-box{position:relative; margin-bottom:24px;}
.pop-form .sec .cont-wrap .row-box:last-child{margin-bottom:0px;}
.pop-form .sec .cont-wrap .row-box .c-box{position:relative; margin-bottom:24px;}
.pop-form .sec .cont-wrap .row-box .c-box:last-child{margin-bottom:0px;}
.pop-form .sec .cont-wrap .row-box .c-box .box{font-size:13px;}
.pop-form .sec .btn-wrap{position:relative; padding-top:50px; text-align:right;}
.pop-form .sec .btn-wrap::after{display: table; width:100%; content: '';}

.pop-form .sec .cont-wrap .i-wrap{height:28px; line-height:28px;}
.pop-form .sec .cont-wrap .i-wrap input[type=text],
.pop-form .sec .cont-wrap .i-wrap input[type=date],
.pop-form .sec .cont-wrap .i-wrap input[type=datetime-local],
.pop-form .sec .cont-wrap .i-wrap input[type=file],
.pop-form .sec .cont-wrap .i-wrap input[type=password],
.pop-form .sec .cont-wrap .i-wrap label,
.pop-form .sec .cont-wrap .i-wrap select{height:100%;}

.pop-form .sec .cont-wrap .i-wrap.h-34{height:34px;}
.pop-form .sec .cont-wrap .i-wrap.h-26{height:26px;}


.pop-form .sec .cont-wrap .i-wrap label{display: inline-block;}

.pop-form .sec .cont-wrap .i-wrap label.switch-button{height:25px;}
.pop-form .sec .cont-wrap .i-wrap.c-filter{height:auto; line-height:auto;}
.pop-form .sec .cont-wrap .i-wrap.c-filter label{height:auto; line-height:auto;}

.pop-form.user-modify-form .user-management-memo{height:auto; line-height:normal;}
.pop-form.user-modify-form .user-management-memo label{display:block; width:100%; height:auto;}
.pop-form.user-modify-form .user-management-memo textarea{width:100%; min-width:100%; max-width:100%; min-height:80px; height:80px; resize:vertical; overflow:auto;}
.pop-form.user-modify-form .user-management-memo--member textarea{min-height:100px; height:100px;}


.pop-form div::-webkit-scrollbar,
.pop-form ul::-webkit-scrollbar { width: 6px; /*스크롤바의 너비*/ }
.pop-form div::-webkit-scrollbar-thumb,
.pop-form ul::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 6px; /*스크롤바의 색상*/ }
.pop-form div::-webkit-scrollbar-track,
.pop-form ul::-webkit-scrollbar-track { background-color: #ddd; /*스크롤바 트랙 색상*/ }

.custom-pop{position:fixed; z-index:9999; left:0px; top:0px; width:100%; height:100%; padding:20px 0; background:rgba(0, 0, 0, 0.7); overflow:hidden; box-sizing:border-box;}
.custom-pop .cp-flex{display:flex; height:100%; flex-wrap:wrap; align-items:center; justify-content:center;}
.custom-pop .cp-wrap{max-width:calc(100vw - 40px); max-height:100%; box-sizing:border-box;}
.custom-pop .cp-wrap > .pop-form{box-sizing:border-box;}
.custom-pop .cp-wrap > .pop-form.cp-layout-ready{display:flex; flex-direction:column; max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); margin:0 auto; overflow:hidden;}
.custom-pop .cp-popup-header{position:relative; z-index:1; flex:0 0 auto; background:#fff;}
.custom-pop .cp-popup-header > h1,
.custom-pop .cp-popup-header > h2{padding-right:44px;}
.custom-pop .cp-popup-body{min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#bbb transparent;}
.custom-pop .cp-popup-body::-webkit-scrollbar{width:4px;}
.custom-pop .cp-popup-body::-webkit-scrollbar-thumb{background-color:#bbb; border-radius:6px;}
.custom-pop .cp-popup-body::-webkit-scrollbar-track{background-color:transparent;}
.custom-pop .cp-popup-footer{position:relative; z-index:1; flex:0 0 auto; padding-top:16px; background:#fff; text-align:right;}
.custom-pop .cp-popup-footer::after{display:table; width:100%; content:'';}
.custom-pop .cp-wrap > .pop-form.max-1800{max-width:min(1800px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-1600{max-width:min(1600px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-1400{max-width:min(1400px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-1200{max-width:min(1200px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-1100{max-width:min(1100px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-1000{max-width:min(1000px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-900{max-width:min(900px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-800{max-width:min(800px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-700{max-width:min(700px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-600{max-width:min(600px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-500{max-width:min(500px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-400{max-width:min(400px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-300{max-width:min(300px, calc(100vw - 40px));}
.custom-pop .cp-wrap > .pop-form.max-200{max-width:min(200px, calc(100vw - 40px));}
.custom-pop .cp-close{z-index:2; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #333; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;}
.custom-pop .cp-button{display: flex; justify-content: flex-end; padding-top: 20px;}
.custom-pop .cp-button a {cursor: pointer;}
.custom-pop #commonUserSearchPopup .sec{overflow-x:auto;}
.custom-pop #commonUserSearchPopup .list-tbl{min-width:900px;}
#custom-temp{display:none;}


/*========================================================================
calendar
========================================================================*/
.calendar-wrap{position:relative; color:#465057;}
.calendar-wrap:not(:first-child) {margin-top: 15px;}

.calendar-wrap .search-date{position:relative; margin-bottom:30px;}
.calendar-wrap .search-date strong{vertical-align:top; display:inline-block; font-size:16px; font-weight:600; line-height:120%; padding:0 5px;}
.calendar-wrap .search-date a.cal{position:absolute; margin-left:10px; margin-top:-1px; display:inline-block; width:18px; height:18px; background:url('/img/common/btn_calendar.png') center no-repeat; background-size:cover; text-indent:-999999px; overflow:hidden;}
.calendar-wrap .search-date .ui-datepicker-trigger{opacity: 0; width:0px !important; height:0px; margin:0px !important; margin-top:0px !important;   /*width:18px !important; margin-top:-1px !important; margin-left:-20px !important;*/}
.calendar-wrap .search-date a.btn{vertical-align:top; display:inline-block; width:18px; height:18px; background:url('') no-repeat center; background-size:auto 14px;}
.calendar-wrap .search-date a.prev{background-image:url('/img/common/btn_prev.png');}
.calendar-wrap .search-date a.next{background-image:url('/img/common/btn_next.png');}

.calendar-wrap .month{font-size:15px; font-weight:600; margin-bottom:16px;}
.calendar-wrap>ul{display:table; width:100%;}
.calendar-wrap>ul>li{position:relative; float:left; width:14.28%; text-align:center; font-size:13px; line-height:18px; padding:0px 0px 15px;  }
.calendar-wrap>ul>li a{font-size:13px; color:#465057;}
.calendar-wrap>ul.week{border-bottom:1px solid #465057;}
.calendar-wrap>ul>li.gray{color:#bcbcbc;}
.calendar-wrap>ul>li.gray a{color:#bcbcbc;}
.calendar-wrap>ul.week>li{font-weight:600;}
.calendar-wrap>ul.day{}
.calendar-wrap>ul.day li{min-height:140px; box-sizing: border-box; padding:10px 0px 0px 15px; text-align:left; border-bottom:1px solid #e6e6e6;}
.calendar-wrap>ul.day li.bg-1{/*background:#f3f3f6 !important;*/}

.calendar-wrap>ul.day li span{display:block; padding-bottom:5px;}
.calendar-wrap>ul.day li .sch-class{font-size:12px;}
.calendar-wrap>ul.day li .sch-class>dl{margin-bottom:3px; padding:0 5px; border-radius:3px;}
.calendar-wrap>ul.day li .sch-class>dl.bg-1{background:#5388ff; color:#fff;}
.calendar-wrap>ul.day li .sch-class>dl>dt{display: inline-block; margin-right:10px;}
.calendar-wrap>ul.day li .sch-class>dl>dd{display: inline-block; font-size:10px;}

.reserve-time{position:relative;}
.reserve-time::after{content:''; display: table; width: 100%;}
.reserve-time .time-line{float:left; width:100px; border:1px solid #ddd; border-right:none;}
.reserve-time .time-line:last-child{border-right:1px solid #ddd;}
.reserve-time .time-line>li{height:20px; line-height:20px; border-bottom:1px solid #ddd; box-sizing: border-box; text-align:center;}
.reserve-time .time-line>li:last-child{border-bottom:0px;}
.reserve-time .time-line.head>li,
.reserve-time .time-line.body>li:first-child{height:40px; line-height:40px;}
.reserve-time .time-line.body{width:200px;}
.reserve-time .time-line.body li.reserve{background:#cce0ef; border-bottom:1px solid #cce0ef;}
.reserve-time .time-line.body li.reserve a{display:block; height:100%;}


/*========================================================================
teacher-wrap
========================================================================*/
/*범례*/
.teacher-wrap .legend{position:relative; text-align:left; padding-bottom:30px;}
.teacher-wrap .legend span{display:inline-block; color:#465057; font-size:12px; margin-right:20px; vertical-align:middle;}
.teacher-wrap .legend span:last-child{margin-right:0px;}
.teacher-wrap .legend span .rect{display:inline-block; vertical-align:middle; width:18px; height:18px; border-radius:4px; margin-right:5px; margin-top:-2px; border:2px solid #747f8a; box-sizing: border-box;}
.teacher-wrap .legend.brd-n span .rect{border:none;}
.teacher-wrap .legend.brd-n span .rect.s-use{border:1px solid #bcbcbc;}

/*집중 상태*/
.teacher-wrap .b-concen{border-color:#00aa73 !important;}
.teacher-wrap .b-absence{border-color:#e66464 !important;}
.teacher-wrap .s-disabled{border-color:#fff !important;}

/*좌석 상태*/
.teacher-wrap .s-empty{background:#e6e6e6 !important;}
.teacher-wrap .s-use{background:#fff !important;}
.teacher-wrap .s-late{background:#fff5a3 !important;}
.teacher-wrap .s-disabled {background: #848484 !important;}
.teacher-wrap .s-disabled .top-st {color: #e6e6e6;}

.teacher-wrap .con-wrap .s-wrap{position:relative; display:inline-block; margin-right:-4px; vertical-align:top;}
.teacher-wrap .con-wrap .s-wrap.x1{width:110px;}
.teacher-wrap .con-wrap .s-wrap.x2{width:220px;}
.teacher-wrap .con-wrap .s-wrap.x3{width:330px;}
.teacher-wrap .con-wrap .s-wrap.x4{width:440px;}
.teacher-wrap .con-wrap .s-wrap.x5{width:550px;}
.teacher-wrap .con-wrap .s-wrap.x6{width:660px;}
.teacher-wrap .con-wrap .s-wrap.x7{width:770px;}
.teacher-wrap .con-wrap .s-wrap.x8{width:880px;}
.teacher-wrap .con-wrap .s-wrap.x9{width:990px;}
.teacher-wrap .con-wrap .s-wrap.x10{width:1100px;}

.teacher-wrap .con-wrap .door{position:absolute; z-index:2;}
.teacher-wrap .con-wrap .door.angle-0{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.teacher-wrap .con-wrap .door.angle-45{-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.teacher-wrap .con-wrap .door.angle-90{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.teacher-wrap .con-wrap .door.angle-135{-webkit-transform:rotate(135deg); -ms-transform:rotate(135deg);}
.teacher-wrap .con-wrap .door.angle-180{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.teacher-wrap .con-wrap .door.angle-225{-webkit-transform:rotate(225deg); -ms-transform:rotate(225deg);}
.teacher-wrap .con-wrap .door.angle-270{-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg);}
.teacher-wrap .con-wrap .door.angle-315{-webkit-transform:rotate(315deg); -ms-transform:rotate(315deg);}

/* 21.08.31 - 추가 */
.teacher-wrap .con-wrap .room{position:relative; display:table; margin-bottom:30px;}
.teacher-wrap .con-wrap .room span{float:left; min-width:100px; height:30px; padding:7px 0px; background:#fff;}
.teacher-wrap .con-wrap .room span a{display:block; height:100%; text-align:center; line-height:30px; font-size:14px; color:#ccc; padding:0 10px; border-right:1px solid #ddd;}
.teacher-wrap .con-wrap .room span:last-child a{border-right:0px solid #ddd;}
.teacher-wrap .con-wrap .room span a.on{color:#777; font-weight:600;}

/* 인지 경로 통계 */
.marketing-wrap{position: relative;}
.marketing-wrap .m-box{position: relative; margin-bottom:20px;}
.marketing-wrap .m-box .name{font-size: 14px; margin-bottom: 6px; font-weight:bold;}
.marketing-wrap .m-box .bar{position: relative; width:100%; height:20px; background: #bbb; border-radius: 10px; overflow: hidden}
.marketing-wrap .m-box .bar .inner-bar{height:100%; background: #44B98E; border-radius: 10px; }
.marketing-wrap .m-box .bar .num{position: absolute; z-index: 1; color:#fff; text-align:center; line-height:20px; width:100%; height:100%; top:0px; left:0px;}


/*========================================================================
locker-wrap
========================================================================*/
.locker-wrap{position:relative;}
/*.locker-wrap .search-wrap{border: 1px solid #cfcfcf; border-radius: 10px; padding: 20px 50px;}*/
/*.locker-wrap .search-wrap .search-option-box{width: 92%;}*/
.locker-wrap .l-header{position:relative;}
.locker-wrap .l-header .status{position:relative; text-align:left; padding-bottom:30px;}
.locker-wrap .l-header .status span{display:inline-block; color:#000000; font-size:12px; margin-right:20px; vertical-align:middle;}
.locker-wrap .l-header .status span:last-child{margin-right:0px;}
.locker-wrap .l-header .status span>i{text-decoration: none; color:#44B98E; font-style: normal;}
.locker-wrap .l-header .legend{position:relative; text-align:left; padding-bottom:30px;}
.locker-wrap .l-header .legend span{display:inline-block; color:#465057; font-size:12px; margin-right:20px; vertical-align:middle;}
.locker-wrap .l-header .legend span:last-child{margin-right:0px;}
.locker-wrap .l-header .legend span .rect{display:inline-block; vertical-align:middle; width:18px; height:18px; border-radius:4px; margin-right:5px; margin-top:-2px;}
.locker-wrap .bg-empty{background:#e6e6e6;}
.locker-wrap .bg-used{background:#fff; border:1px solid #dcdcdc;}
.locker-wrap .bg-unavailable{background:#bcbcbc;}
.locker-wrap .bg-yellow{background:#fad278;}
.locker-wrap .bg-orange{background:#faae78;}
.locker-wrap .bg-red{background:#e66464;}
.locker-wrap .bg-purple{background:#c19bcb;}
.locker-wrap .bg-pink{background:#e8aaaa;}
.locker-wrap .bg-green{background:#62cfa6;}

.locker-wrap .l-body{position:relative;}
.locker-wrap .l-body::after{content: ''; display: table; width: 100%;}
.locker-wrap .l-body .l-box{position:relative; font-size:12px; width:160px; text-align:center; float:left; margin-left:-1px; margin-top:-1px;}
.locker-wrap .l-body .l-box .no{background:#444b53; color:#fff; height:26px; line-height:26px; border:1px solid #444b53;}
.locker-wrap .l-body .l-box .cont{position:relative; color:#000; height: 100px; box-sizing: border-box; padding:5px 5px; border:1px solid #dcdcdc; border-top:none; font-size:11px;}
.locker-wrap .l-body .l-box .cont .name{font-size:12px;}
.locker-wrap .l-body .l-box .cont .cell{vertical-align: middle; padding-top:0px;}
.locker-wrap .l-body .l-box .cont .btn-tool{position:absolute; top:5px; right:5px; width:16px; height:16px; background:url('/img/common/btn_more.png') center no-repeat; background-size: 16px auto;}
.locker-wrap .l-body .l-box .cont .tool-box{position:absolute; width:150px; top: 35px; margin-left:-25px; z-index: 1; border-radius: 4px; background:#fff; box-sizing: border-box; border:1px solid #ccc; box-shadow: 4px 4px 8px #666;}
.locker-wrap .l-body .l-box .cont .tool-box p{border-bottom:1px solid #ccc;}
.locker-wrap .l-body .l-box .cont .tool-box p:last-child{border-bottom:none; text-align:center;}
.locker-wrap .l-body .l-box .cont .tool-box p a{display:block; height:32px; line-height: 32px; font-size:12px; color:#000;}
.locker-wrap .l-body .l-box .cont .tool-box p a:hover{background:#f2f2f2;}
.locker-wrap .l-body .l-box.charge .cont .cell::before{content:'유료'; position:absolute; top:3px; left:3px; padding:0 5px; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; background-color:#44B98E; border-radius: 4px;}
.locker-wrap .l-body .l-box.reregist .cont .cell::after{content:'재등록완료'; position:absolute; bottom:3px; left:5px; padding:0 5px; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; background-color:#66bb6a; border-radius: 4px;}
.locker-wrap .l-body .l-box.rechange .cont .cell::after{content:'재등록완료(요금제변경)'; position:absolute; bottom:3px; left:5px; padding:0 5px; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; background-color:#42a5f5; border-radius: 4px; letter-spacing: -0.5px;}


/*========================================================================
pay-quick-wrap
========================================================================*/
.pay-quick-wrap{position:absolute; left:850px; top:100px; width:350px; background:#fff;}
.pay-quick-wrap .pq-box{position:relative; padding:24px; border-radius:8px; box-sizing: border-box; border:1px solid #e6e6e6; background-color: #fafafa;}
.pay-quick-wrap .pq-box dl{display:table; width:100%; font-size:12px; line-height:15px; margin-bottom:36px;}
.pay-quick-wrap .pq-box dl:last-child{margin-bottom:0px;}
.pay-quick-wrap .pq-box dl dt{display: table-cell; width:100px; color:#666;}
.pay-quick-wrap .pq-box dl dd{display: table-cell; color:#465057; text-align:right;}
.pay-quick-wrap .pq-box dl dd ul{margin-top:15px;}
.pay-quick-wrap .pq-box dl dd ul li{color:#999999; margin-bottom:6px;}
.pay-quick-wrap .pq-box dl dd ul li:last-child{margin-bottom:0px;}
.pay-quick-wrap .pay-amount{position:relative; margin-top:50px;}
.pay-quick-wrap .pay-amount h3{}
.pay-quick-wrap .pay-amount p{position:absolute; top:0px; right:0px; color:#44B98E; font-size:20px; font-weight: 600;}
.pay-quick-wrap .btn-box{position:relative; margin-top:30px;}
.pay-quick-wrap .btn-box .com-btn{width:100%;}



/*========================================================================
dl-list
========================================================================*/
.discount-list{position:relative; padding:5px 0px;}
.discount-list .sum{padding-bottom:5px; color:#e66464;}
.discount-list dl{display: table; width:100%; }
.discount-list dl:first-of-type{border-top:1px dashed #ccc;}
.discount-list dl dt{display: table-cell; padding:5px 0px;}
.discount-list dl dd{display: table-cell; width:100px; text-align:right; padding:5px 0px; color:#e66464;}

.dl-list{position:relative; border-top:1px dashed #ccc; padding-top:10px; margin-top:10px;}
.dl-list dl{display: table; width:100%; }
.dl-list dl dt{display: table-cell; padding:5px 0px;}
.dl-list dl dd{display: table-cell; text-align:right; padding:5px 0px; color:#e66464;}
.dl-list dl dd.va-md{vertical-align: middle;}
.dl-list dl dd input[type=text]{text-align:right;}
.dl-list.pd-2{}
.dl-list.pd-2 dl dt{padding:2px 0px;}
.dl-list.pd-2 dl dd{padding:2px 0px;}

.ul-list{position:relative; border-top:1px dashed #ccc; padding-top:10px; margin-top:10px;}
.ul-list li{}
.ul-list.max-h-150{max-height:150px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-200{max-height:200px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-250{max-height:250px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-300{max-height:300px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-350{max-height:350px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-400{max-height:400px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-450{max-height:450px; overflow-x:hidden; overflow-y:scroll;}
.ul-list.max-h-500{max-height:500px; overflow-x:hidden; overflow-y:scroll;}

.code-list li{margin-bottom:10px}
.code-list li:last-child{margin-bottom:0px}
.code-list li .disabled{background-color: #f6f6f6;}


/* Login */
#wrapper.login{display:table; width:100%; height:100%;}
#wrapper.login .inner{display:table-cell; width:100%; height:100%; vertical-align: middle;}
.login-wrap{position:relative; max-width:400px; color:#465057; margin:0 auto; text-align:left; padding:60px 150px 70px 150px; background:#fff; border-radius:20px; box-shadow:0px 0px 30px #999;}
.login-wrap h1{height:40px; background:url('/img/common/logo_login.png') top center no-repeat; background-size:auto 30px; text-indent: -999999px; overflow: hidden; margin-bottom:40px;}
.login-wrap p.sub{font-size:1rem; line-height:30px; font-weight: 600; margin-bottom:84px;}
.login-wrap .form{margin-bottom:24px;}
.login-wrap .form dl{margin-bottom:12px;}
.login-wrap .form dl:last-child{margin-bottom:0px;}
.login-wrap .form dl dt{font-size:13px; line-height:160%; font-weight: 600; margin-bottom:5px;}
.login-wrap .form dl dd{}
.login-wrap .btn-box{text-align:right;}

#wrapper.login.login-admin{background: url('/img/admin/login/login_bg.png') center center / cover no-repeat;}
.login-admin-wrap{background:#44B98E; color:#ffffff; text-align:center; border-radius:8px; box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2); width:600px; height:600px; max-width:90vw; max-height:90vh; box-sizing:border-box;}
.login-admin-wrap .login-admin-title{background:none; height:auto; margin-bottom:26px; text-indent:0; overflow:visible;}
.login-admin-logo{display:block; width:27px; height:auto; margin:0 auto;}
.login-admin-title-text{margin-top:30px; font-size:2.5rem; font-weight:800; letter-spacing:2px; line-height:1.1; color:#ffffff;}
.login-admin-wrap .login-admin-sub{font-size:12px; font-weight:400; margin-bottom:24px; color:#FFFFFF;}
.login-admin-label{display:none;}
.login-admin-input{background:#97D9C0; border:0; border-radius:6px; text-align:center; color:#ffffff; width:300px; max-width:100%; display:block; margin:0 auto; font-weight: 700;}
.login-admin-input::placeholder{color:#FFFFFF; opacity:1; }
.login-admin-input:focus{outline:1px solid #ffffff;}
.login-admin-btn{background:#ffffff !important; color:#44B98E !important; border-radius:24px; padding:14px 10px; font-weight:600;}
.login-admin-wrap .btn-box{text-align:center;}
.login-admin-wrap .error-message .error{color:#ffffff; background:rgba(255, 255, 255, 0.2); border-radius:6px; padding:6px 10px; font-size:12px; line-height:1.4; margin-top: 10px;}

/* Auth code popup */
.auth-popup{padding:50px 80px; border-radius:8px; box-sizing:border-box; text-align:center; max-width:460px; width:90vw; min-width:0; box-shadow:none;}
.auth-popup .auth-card{background:#ffffff; border-radius:14px; box-sizing:border-box;}
.auth-popup .auth-logo img{width:27px; height:auto;}
.auth-popup .auth-title{margin-top:20px; font-size:1.3rem; font-weight:700; color:#44B98E !important;}
.auth-popup .auth-desc{margin-top:8px; font-size:0.9rem; line-height:1.3; color:#00AA73;}
.auth-popup .auth-row{margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.auth-popup .auth-phone{flex:1; background:#f3f3f3; border-radius:6px; padding:18px 12px; font-size:13px; color:#707070; text-align:center;}
.auth-popup .auth-send-btn{display:inline-flex; align-items:center; justify-content:center; width:54px; height:51px; background:#44B98E; color:#ffffff; border-radius:8px; font-size:11px; line-height:1.1; font-weight:600;}
.auth-popup .auth-help{margin-top:8px; font-size:11px; color:#8fb3a8;}
.auth-popup .auth-code-wrap{margin-top:14px; position:relative;}
.auth-popup .auth-code-input{width:100%; height:52px; border:1px solid #44B98E; border-radius:8px; text-align:center; font-size:13px; color:#465057; padding-right:54px;}
.auth-popup .auth-code-input::placeholder{color:#9bc9bb; opacity:1;}
.auth-popup .auth-timer{position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:12px; color:#44B98E; pointer-events:none;}
.auth-popup .auth-actions{margin-top:16px;}
.auth-popup .auth-actions .auth-confirm-btn{display:block; width:auto; background:#44B98E; color:#ffffff; border-radius:8px; padding:16px 10px; font-size:1rem; font-weight:700;}
.auth-popup .auth-actions .auth-close-btn{display:inline-block; margin-top:10px; font-size:12px; color:#7aa59a;}
.auth-popup .result-msg{margin-top:10px; font-size:12px;}


.login-wrap .sns-form{position: relative; padding-top:30px; margin-top:30px; border-top:1px solid #ccc;}
.login-wrap .sns-form a.com-btn.kakao{display: block; background: #ffeb3b; color:#000; line-height: 54px; height:54px; padding:0 10px;}
.login-wrap .sns-form a.com-btn.kakao span{display: inline-block; padding-left:50px; background: url('/img/ico/kakao_icon.png') left no-repeat; background-size: 40px auto;}
.login-wrap .sns-form a.com-btn.naver{display: block; background: #06bd34; color:#fff; line-height: 54px; height:54px; padding:0 10px;}
.login-wrap .sns-form a.com-btn.naver span{display: inline-block; padding-left:50px; background: url('/img/ico/naver_icon.png') left no-repeat; background-size: 40px auto;}

.receive-wrap{height:150px; overflow-y: scroll;}
.receive-list{}
.receive-list li{margin-bottom:5px}
.receive-list li:last-child{margin-bottom:0px}
.receive-list li span.user{padding:0 10px;}
.sms-send-popup .receive-wrap{height:auto; max-height:90px; padding-right:4px; overflow-y:auto;}



#find-place{position:relative;}
#find-place .place-box{position:absolute; display:none; z-index:3; margin-top:5px; background:#fff; width:100%;height: 200px; box-shadow:0px 0px 8px #ccc; border-radius:5px; overflow-y:auto;}

#find-place .place-box #place-list li {list-style: none;}
#find-place .place-box #place-list .item {position:relative;border-bottom:1px solid #dfdfdf; overflow: hidden;cursor: pointer;min-height: 65px;}
#find-place .place-box #place-list .item:hover{background:#f2f2f2;}
#find-place .place-box #place-list .item span {display: block;margin-top:4px;}
#find-place .place-box #place-list .item h5{font-size:13px;}
#find-place .place-box #place-list .item .info {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#find-place .place-box #place-list .item .info{padding:10px 0 10px 45px;}
#find-place .place-box #place-list .info .gray {color:#8a8a8a;}
#find-place .place-box #place-list .info .jibun {padding-left:30px;background:url(//t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) 0px 0px no-repeat;}
#find-place .place-box #place-list .info .tel {color:#009900;}
#find-place .place-box #place-list .item .markerbg {float:left;position:absolute;width:36px; height:37px;margin:10px 0 0 10px;background:url(/img/common/location.png) no-repeat; background-size:22px auto;}
#find-place .place-box #pagination {margin:10px auto;text-align: center;}
#find-place .place-box #pagination a {display:inline-block;margin-right:10px;}
#find-place .place-box #pagination .on {font-weight: bold; cursor: default;color:#777;}


.camp-info {width:100%; border-top:1px solid #333; border-bottom:1px solid #333}
.camp-info table {width:100%; table-layout:fixed}
.camp-info table thead th {padding:12px 0; background:#f6fbff; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#666; font-size:11px;}
.camp-info table thead th:first-child {border-left:0}
.camp-info table tbody th {padding:12px 0; background:#fff; border-bottom:1px solid #e6e6e6; color:#666; font-size:11px;}
.camp-info table tbody th strong {display:block; color:#333; font-size:11px; font-weight:400}
.camp-info table tbody th em {display:block; color:#999; font-size:10px; font-weight:300}
.camp-info table tbody td {text-align:center; background:#fff; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#666; font-size:11px; height: 73px;}
.camp-info table tbody td div.total {padding: 8px; font-size: 13px; font-weight: 600; border-bottom: 1px solid #e6e6e6;}
.camp-info table tbody td div.detail {display: flex; justify-content: space-around; padding: 4px 0;}
.camp-info table tbody td div.detail div {display: flex; flex-direction: column; justify-content: space-around; width: 100%;}
.camp-info table tbody td div.detail div:first-child {border-right: 1px solid #e6e6e6;}
.camp-info table tbody td.end {background:#f1f1f1}

.div-note {overflow: auto; padding: 16px 0;}


/*========================================================================
file-list
========================================================================*/
ul.file-list.campus-file {padding-right: 10px;}
ul.file-list.campus-file>li {border: 1px solid #f3f3f6; border-radius: 1rem; background-color: #f3f3f6; padding: 1rem;}
ul.file-list.campus-file>li:first-child {border: 5px solid #44B98E; margin-bottom: 20px !important;}
ul.file-list.campus-file>li:first-child:before {content:'대표 이미지\A'; font-size: 17px; white-space: pre; display: block; margin-bottom: 15px; color: #44B98E; font-weight: 600;}
ul.file-list.campus-file>li:nth-child(2):before {content:'상세 이미지\A'; font-size: 17px; white-space: pre; display: block; margin-bottom: 15px; color: #44B98E; font-weight: 600;}
ul.file-list a.file-download-icon,
ul.file-list a.file-download-icon:hover {display:inline-block; vertical-align:middle; line-height:1; text-decoration:none;}


.goods-empty{display:inline-block; width:294px; height:129px; background: url('/img/common/img_goods_empty.png') no-repeat;}
.icn-yes{display:inline-block; color:#0162AF; padding-left:20px; background: url('/img/ico/ico_yes.png') left no-repeat; height:15px; line-height: 15px;}
.icn-no{display:inline-block; color:#999999; padding-left:20px; background: url('/img/ico/ico_no.png') left no-repeat; height:15px; line-height: 15px;}



/* 지점 설치 사진 */
.photo-list{position:relative; border-top:1px solid #e5e5e5; padding:15px 0px; display:table; width:100%;}
.photo-list li{position:relative; float:left; width:150px; height:150px; padding:0px 0;}
.photo-list li .item-box{position:relative; height:100%; margin:0 auto; text-align:center; border:1px solid #e6e6e6;}
.photo-list li .item-box .thumb{position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; height:100%; }
.photo-list li .item-box .thumb a{position:absolute; z-index:2; display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden; opacity:0; background-repeat:no-repeat; background-position:center; background-size:300px auto; }
.photo-list li .item-box .thumb a:hover{opacity:1; transition:all .4s ease-in-out;  -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;}


/* sns 로그인 연동 */
.sns-box{position: relative; display: flex; flex-direction: row; justify-items: left; margin-bottom: 5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.sns-box:last-child{margin-bottom:0px; padding-bottom: 0px; border-bottom:none;}
.sns-box .icon{padding-right:10px;}
.sns-box .icon img{width:50px; height:auto;}
.sns-box .info{padding-top:5px}
.sns-box .info .date{margin-bottom:3px;}
.sns-box .info .btn{}
.sns-box .info .btn a{color:blue;}
.sns-box .info .btn a.red{color:red;}


/* lnb 회원 정보 */
#left-menu .user-info{display:none; position:fixed; width:320px; height:160px; left:0px; top:0px; padding:40px 30px 20px; background: #020202; color:#fff; z-index: 2; box-sizing: border-box;}
#left-menu .user-info .campus{margin-bottom:20px;}
#left-menu .user-info .campus p{line-height: 160%; font-size:13px;}
#left-menu .user-info .campus p:first-child{margin-bottom:5px;}
#left-menu .user-info .user-name{font-weight:800;}
#left-menu .user-info .user-role{color:rgba(255, 255, 255, 0.72);}
#left-menu .user-info .campus-name span{display:inline-block; margin-right:8px; color:rgba(255, 255, 255, 0.72);}
#left-menu .user-info .campus-name strong{font-weight:800; color:#fff;}
#left-menu .user-info .btns{display: flex; flex-direction: row; justify-content: space-between;}
#left-menu .user-info .btns .com-btn{min-width:0;}
#left-menu .user-info .btns .com-btn.icn{padding-right:20px;}
#left-menu .user-info a.btn-change{position:absolute; right:30px; top:70px; z-index: 2; text-decoration: underline; font-size:13px; color:#fff;}
#left-menu .user-info a.btn-close{position:absolute; right:15px; top:15px; z-index: 2; text-indent: -99999px; overflow: hidden; width:16px; height:16px; background: url('/img/common/btn_close_w.png') no-repeat; background-size: 16px auto;}
#left-menu .lnb  .menu-wrap{position: relative;}
.mobile-top-menu{display:none;}

#left-menu .lnb .dep1-name{border-bottom:1px solid #dedede; background: #eee;}
#left-menu .lnb .dep1-name a{display:block; font-size:14px; line-height:20px; font-weight: 800; color:#333; padding:15px 20px; background: url('/img/common/btn_next.png') no-repeat right 15px center; background-size: 16px auto;}
.top-mobile-menu{display:none; position:absolute; right:15px; top:18px; z-index: 2; width:24px; height:24px; border:0; background: url('/img/common/btn_menu.png') no-repeat; background-size: cover; text-indent: -999999px; overflow: hidden; cursor:pointer; appearance:none; filter:brightness(0) invert(1);}

/* 반응형 처리 테스트 */
@media only screen and (max-width:1440px) {
    #header .floating-box { position:relative; flex:0 0 300px; width:300px; justify-content:flex-start; padding-top:20px; }
    #header .floating-box .top-box div.today-status{display:block;}
    #header .floating-box .bottom-box { display:none; position:absolute; top:56px; right:0; z-index:1001; width:430px; max-width:calc(100vw - 24px); padding:10px; border-radius:8px; background:#424242; box-shadow:0 14px 34px rgba(0, 0, 0, 0.24); box-sizing:border-box; }
    #header .floating-box.status-open .bottom-box { display:flex; }
    #header .floating-box .top-box { gap:6px; }
    #header .floating-box .top-box div { padding: 8px 12px; }
    #header .gnb .top-menu .top-menu-list>li {max-width: 80px;}

    #header .floating-box .bottom-box table th,
    #header .floating-box .bottom-box table td {padding: 5px; font-size: 10px;}
}

@media only screen and (max-width:1320px) {
    #header .gnb{min-width:560px;}
    #header .floating-box { flex-basis:280px; width:280px; }
    #header .floating-box .top-box div { padding: 8px 10px; }
    #header .gnb .top-menu .top-menu-list>li {width:72px; max-width:72px;}
    #header .gnb .top-menu .top-menu-list>li a{font-size:12px;}
    #header .gnb .top-menu .top-menu-icon img{width:24px; height:24px;}
}

@media only screen and (max-width:768px){

    body{min-width:auto;}
    body.mobile-menu-open{overflow:hidden;}
    body:has(#left-menu:target){overflow:hidden;}
    #wrapper{min-width:auto;}

    #header{min-width:auto; width:100%; height:60px; justify-content:center;}
    #header .gnb-logo{position:absolute; top:0; left:15px; width:auto; height:60px; display:flex; align-items:center;}
    #header .gnb-logo a{display:block; height:100%;}
    #header .gnb-logo img{width:auto; height:100%; object-fit:contain;}
    #header .gnb-wrapper{display:none;}
    #header .gnb>ul{display:none;}
    #header .gnb .top-menu .top-menu-list>li {max-width: 60px;}
    #header .header-test-links{display:none;}

    #menuDiv{display: none !important;}

    .flex {display: flex; flex-wrap: wrap;}

    #left-menu{position:fixed; display:flex; flex-direction:column; height:100dvh; top:0; left:0; width:min(320px, 86vw); min-width:0; z-index:9998; overflow:hidden; padding:0; flex:none; transform:translateX(-100%); transition:transform .18s ease;}
    body.mobile-menu-open #left-menu{transform:translateX(0);}
    #body-contents #left-menu:target{transform:translateX(0);}
    #left-menu:target + .mobile-menu-blind{display:block;}
    #left-menu .user-info{display:block; position:relative; width:100%; height:auto; min-height:154px; padding:24px 20px 18px; box-sizing:border-box;}
    #left-menu .user-info .campus{margin-bottom:16px; padding-right:20px;}
    #left-menu .user-info .btns{gap:6px; flex-wrap:nowrap;}
    #left-menu .user-info .btns .com-btn{flex:1 1 0; min-width:0; padding:5px 6px; font-size:11px; white-space:nowrap;}
    #left-menu .user-info .btns .com-btn.logout{background:#f3f3f6; color:#465057;}
    #left-menu .lnb{flex:1 1 auto; min-height:0; height:auto; overflow-y:auto;}
    #left-menu .lnb .menu-wrap{padding:12px 0 24px;}
    #left-menu .desktop-left-menu{display:none;}
    #left-menu .mobile-top-menu{display:block; padding:0 14px 14px;}
    #left-menu .mobile-top-menu-list{display:flex; flex-direction:column; gap:8px;}
    #left-menu .mobile-top-menu-list>li{min-width:0;}
    #left-menu .mobile-top-menu-list>li.selected{overflow:hidden; border:1px solid #44B98E; border-radius:8px; background:#fff;}
    #left-menu .mobile-top-menu-list>li>a{display:flex; align-items:center; gap:8px; min-height:42px; padding:9px 10px; border:1px solid #e1e6eb; border-radius:8px; background:#fff; color:#465057; box-sizing:border-box;}
    #left-menu .mobile-top-menu-list>li>a.selected{border:0; border-radius:0; background:#44B98E; color:#fff; font-weight:800;}
    #left-menu .mobile-top-menu-icon{flex:0 0 auto; width:20px; height:20px;}
    #left-menu .mobile-top-menu-icon img{display:block; width:20px; height:20px; object-fit:contain;}
    #left-menu .mobile-top-menu-list>li>a.selected .mobile-top-menu-icon img{filter:brightness(0) invert(1);}
    #left-menu .mobile-top-menu-text{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    #left-menu .mobile-selected-left-menu{background:#fff;}
    #left-menu .mobile-selected-left-menu .menu h5.menu-title{padding:13px 14px; border-top:0; border-bottom:1px solid #e7ecef; background:#f7f8f8;}
    #left-menu .mobile-selected-left-menu .menu h5.menu-title.active{background:#e8f7f1; color:#1d7a5d;}
    #left-menu .mobile-selected-left-menu .menu ul{padding:6px 0;}
    #left-menu .mobile-selected-left-menu .menu ul>li>a{padding-left:24px;}
    #left-menu .lnb .menu{padding:0;}
    #left-menu .lnb .menu h5{color:#000;}
    #left-menu .lnb .menu h5.menu-title{padding:14px 20px; background:#f3f3f6; color:#26313d; font-size:13px; border-top:1px solid #e5e5e5;}
    #left-menu .lnb .menu h5.menu-title.active{background:#44B98E; color:#fff;}
    #left-menu .lnb .menu ul{margin:0; padding:8px 0;}
    #left-menu .lnb .menu ul>li{margin-bottom:0; padding:0;}
    #left-menu .lnb .menu ul>li>a{padding:10px 24px 10px 34px; box-sizing:border-box;}
    #left-menu .lnb .menu a{font-size:13px; line-height: 130%;}

    .com-btn.logout{background:#f3f3f6 url('/img/common/btn_logout.png') 10px 6px no-repeat; background-size:18px auto;}
    #left-menu .user-info .btns .com-btn.logout{background-image:none;}
    .top-mobile-menu{display:block;}


    #contents-wrap{width:auto; padding:30px 15px 40px;}
    #contents-wrap h2{font-size:18px; margin-bottom:15px;}
    #contents-wrap .con-header{padding-bottom:10px;}
    #contents-wrap .con-header p{font-size:11px;}

    #body-contents{display:block; min-width:auto;}

    #header .gnb a.id{font-size:11px; padding:4px 6px; height:30px;}

    .table-wrap{position:relative; width:100%; overflow-x:scroll; clear:both; margin-bottom:20px;}
    .table-wrap > .list-tbl{width:1000px;}
    .table-scroll-wrap > .table-wrap > .list-tbl{width:var(--table-scroll-min-width, 1000px);}

    table.list-tbl th{padding:4px 4px; font-size:11px;}
    table.list-tbl td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;}

    /*table.view-tbl th{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;} */
    /*table.view-tbl td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;}*/
    /*table.view-tbl td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px;}*/

    /*table.view-tbl tr th,*/
    /*table.view-tbl tr td{padding:4px 4px; font-size:11px; letter-spacing: -0.5px; height:auto;}*/

    /*table.view-tbl:not(.no-resp){display: block; width:auto; clear: both; border-top:none;}*/
    /*table.view-tbl:not(.no-resp) thead,*/
    /*table.view-tbl:not(.no-resp) tbody,*/
    /*table.view-tbl:not(.no-resp) tr,*/
    /*table.view-tbl:not(.no-resp) tr th,*/
    /*table.view-tbl:not(.no-resp) tr td{display: block; width:auto; text-align:left;}*/
    /*table.view-tbl:not(.no-resp) tr th,*/
    /*table.view-tbl:not(.no-resp) tr td{padding:10px 10px; font-size:12px; letter-spacing: -0.5px; height:auto; border-bottom:none;}*/

    table.view-tbl{display: block; width:auto; clear: both; border-top:none; padding:15px 10px; border:1px solid #ddd; border-radius: 4px;}
    table.view-tbl > thead,
    table.view-tbl > tbody,
    table.view-tbl > tfoot,
    table.view-tbl > * > tr,
    table.view-tbl > * > tr > th,
    table.view-tbl > * > tr > td{display: block; width:auto; text-align:left; background: none;}
    table.view-tbl > * > tr{/*padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;*/}
    table.view-tbl > * > tr > th{padding:3px 5px; font-size:13px; letter-spacing: -0.5px; height:auto; border-bottom:none;}
    table.view-tbl > * > tr > td{padding:3px 5px; margin-bottom:20px; font-size:12px; letter-spacing: -0.5px; height:auto; border-bottom:none;}
    table.view-tbl > * > tr:last-child > td:last-child{margin-bottom:0px;}

    /* 웹 에디터 추가 */
    table.view-tbl .div-note table tr{height:auto !important; margin-bottom:20px;}
    table.view-tbl .div-note table td{height:auto !important;}

    table.view-tbl-card{display:block; width:100%; padding:0; border:0; border-spacing:0;}
    table.view-tbl-card tbody,
    table.view-tbl-card tr,
    table.view-tbl-card th,
    table.view-tbl-card td{display:block; width:100%;}
    table.view-tbl-card tr{margin-bottom:10px;}
    table.view-tbl-card tr th{padding:13px 16px; border-right:1px solid #e5ebf0; border-radius:8px 8px 0 0; background:#f8fafb; font-size:13px; letter-spacing:0; height:auto;}
    table.view-tbl-card tr td{padding:15px 16px; border-top:0; border-left:1px solid #e5ebf0; border-radius:0 0 8px 8px; margin-bottom:0; background:#fff; font-size:13px; letter-spacing:0; height:auto;}
    table.view-tbl-card .sel-wrap,
    table.view-tbl-card .i-wrap,
    table.view-tbl-card select,
    table.view-tbl-card input[type="text"]{width:100% !important;}
    .common-choice-group--grid-6{grid-template-columns:repeat(2, minmax(0, 1fr)); width:100%;}
    .common-choice-label--wide{width:100%; min-width:0;}



    .pop-form{width:96% !important; max-width: 96% !important; box-sizing: border-box; padding:25px 15px; min-width:360px;}
    .pop-form h2{font-size:16px; margin-bottom:20px;}

    .login-wrap{max-width:360px; width:80%; padding:20px; border-radius:10px; box-sizing: border-box}
    .login-wrap h1{ background-size: auto 28px; height:28px; margin:20px 0 30px;}
    .login-wrap p.sub{font-size:20px; margin-bottom:30px;}
    .login-admin-wrap{width:90vw; height:auto; max-width:90vw; max-height:none; padding:24px 20px;}
    .login-admin-title-text{font-size:18px;}
    .login-admin-sub{font-size:11px; margin-bottom:20px;}
    .login-admin-input{width:100%;}

    .pop-form.auth-popup{width:85vw !important; padding:10px; max-width:85vw; min-width:0;}
    .auth-card{padding:22px 18px;}
    .auth-popup .auth-desc {font-size: 0.8rem;}

    .search-wrap .wd-120{width:100px !important;}
    .search-wrap .wd-150{width:120px !important;}
    .search-wrap .wd-200{width:140px !important;}
    .search-wrap .i-wrap.dp-ib {min-width:60px; margin-bottom:3px;}

}

/* 구분 */
div.division {height: 1px; background-color: #E6E6E6; margin: 20px 0;}
/* 구분 */

/* 텍스트 박스 */
div.text-box {padding: 10px; border: 1px solid #E6e6E6; border-radius: 5px;}
div.text-box.fill {background-color: #F9FAFA;}
/* 텍스트 박스 */

/* 이미지 첨부파일 */
#attachment-box {}
#attachment-box ul.image-box {display: flex; justify-content: flex-start;}
#attachment-box ul.image-box li {width: 100px; height: 100px; text-align: center; border: 1px solid #E6E6E6; border-radius: 8px; overflow: hidden;}
#attachment-box ul.image-box li img {width: 100%; object-fit: contain;}
/* 이미지 첨부파일 */


/* 아이템 박스 */
#item-box {position: relative;}
#item-box ul {display: flex; flex-direction: row; flex-wrap: wrap;}
#item-box ul li {padding: 6px 10px; border: 1px solid #F9F6FD; border-radius: 8px; background-color: #F9F6FD; margin-right: 8px; margin-bottom: 8px;}
/* 아이템 박스*/

/* 하단 버튼 */
#bottom-box {position:relative; display: flex; justify-content: space-around; text-align: center;}
#bottom-box div.box {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; background-color: #CCE0EF; border: 1px solid #CCE0EF; border-radius: 4px; padding: 10px 0; color: #0162AF; font-size: 14px; font-weight: 500;}
#bottom-box div.box.anchor {cursor: pointer;}
#bottom-box div.box.gray {background-color: #F3F3F6; color: #465057; border: 1px solid #F3F3F6;}
#bottom-box div.box.red {background-color: #FF8080; color: #FFFFFF; border: 1px solid #FF8080;}
#bottom-box div.box:first-child {margin-right: 5px;}
#bottom-box div.box:last-child {margin-left: 5px;}
/* 하단 버튼 */



.status-label {display:inline-block; box-sizing: border-box; padding:2px 4px; text-align:center; border-radius:4px; min-width: 30px; font-weight: bold;background:#44B98E; color:#ffffff;}
.status-label.sky{background:#cce0ef; color:#44B98E;}
.status-label.gray{background:#f3f3f6; color:#465057;}
.status-label.red{background:#f7d1d1; color:#e66464;}
.status-label.orange{background:#FFA512; color:#ffffff;}
.status-label.green{background:#44B98E; color:#ffffff;}

.new-label {display:inline-block; box-sizing: border-box; padding: 1px 2px; text-align:center; border-radius:4px; font-weight: bold; background:#f7d1d1; color:#e66464;}


.h-tit-box{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:5px;}
.h-tit-box .left-box h2,
.h-tit-box .left-box h3,
.h-tit-box .left-box h4,
.h-tit-box .left-box h5{margin-bottom:0px !important; margin-top:0px !important;}

.ul-list-2{position:relative; padding-top:10px;}

/* 게시판 수신자 */
.receiver-wrap{position:relative; padding:10px 0px;}
.receiver-wrap .batch-select{margin-bottom:5px;}
.receiver-wrap .batch-select p{display:inline-block; margin-right:20px; }
.receiver-wrap .self-select{border:1px solid #ccc; border-radius:10px; padding:20px 10px;}
.receiver-wrap .self-select ul{position:relative; display:table; width:100%;}
.receiver-wrap .self-select ul>li{float:left; width:17%; padding-right:1%; margin-right:1%; border-right:1px solid #ccc; margin-bottom:4px;}
.receiver-wrap .self-select ul>li:nth-child(1n){padding-left:1%;}
.receiver-wrap .self-select ul>li:nth-child(5n){padding-right:0%; margin-right:0%; border-right:none;}
.receiver-wrap .self-select ul>li p{float:left; width:25%; text-align:center;}
.receiver-wrap .self-select ul>li p.campus{width:50%; text-align:left;}


/* summernote */
.custom-pop .note-editor.note-frame.fullscreen {
    background: #fff;
}

body .note-editor .note-toolbar {
    padding: 0 0 4px 4px;
}

body .note-editor .note-toolbar > .note-btn-group {
    margin-top: 4px;
    margin-right: 4px;
}

body .note-editor .note-toolbar > .note-btn-group > .note-btn,
body .note-editor .note-toolbar > .note-btn-group > .note-btn-group > .note-btn {
    padding: 4px 7px;
    font-size: 13px;
}

.note-editor .note-toolbar .note-btn-group.open .note-emoji-menu {
    display: grid;
    grid-template-columns: repeat(6, 36px);
    max-height: 220px;
    overflow-y: auto;
}

.note-editor .note-toolbar .note-emoji-menu .note-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    font-size: 22px;
}

.note-modal .note-modal-footer .note-btn.note-btn-primary:not(:disabled):not(.disabled) {
    background: #44B98E !important;
    border-color: #44B98E !important;
    color: #fff !important;
    opacity: 1 !important;
}

.note-modal .note-modal-footer .note-btn.note-btn-primary:not(:disabled):not(.disabled):hover,
.note-modal .note-modal-footer .note-btn.note-btn-primary:not(:disabled):not(.disabled):focus {
    background: #329f76 !important;
    border-color: #329f76 !important;
    color: #fff !important;
}

.note-modal .note-modal-footer .note-btn.note-btn-primary:disabled,
.note-modal .note-modal-footer .note-btn.note-btn-primary.disabled {
    background: #f3f3f6 !important;
    border-color: #e1e4e8 !important;
    color: #a7b1ba !important;
    opacity: 1 !important;
}

.note-editor .note-editing-area .note-editable,
.editor-content.note-editable {
    font-size: 10pt;
    line-height: 1.6 !important;
}

.editor-content.note-editable {
    display: flow-root;
    color: inherit;
    word-break: break-word;
    user-select: text;
}

.editor-content.note-editable * {
    box-sizing: border-box;
    max-width: 100%;
}

.note-editable p,
.note-editable div,
.note-editable li,
.note-editable h1,
.note-editable h2,
.note-editable h3,
.note-editable h4,
.note-editable h5,
.note-editable h6 {
    line-height: inherit !important;
    margin-top: 0 !important;
    margin-bottom: .6em !important;
}


.note-editable ul {
    list-style: disc;
    padding-left: 24px;
}

.note-editable ul ul {
    list-style: circle;
}

.note-editable ul ul ul {
    list-style: square;
}

.note-editable ol {
    list-style: decimal;
    padding-left: 24px;
}

.note-editable ol ol {
    list-style: lower-roman;
}

.note-editable ol ol ol {
    list-style: lower-alpha;
}

.note-editable li > ul,
.note-editable li > ol {
    margin-top: .35em !important;
    margin-bottom: 0 !important;
    padding-left: 24px;
}

.note-editable li {
    display: list-item;
}

.editor-content.note-editable ul li,
.editor-content.note-editable ol li {
    list-style-position: outside !important;
}

.editor-content.note-editable strong,
.editor-content.note-editable b {
    font-weight: 700 !important;
}

.editor-content.note-editable em,
.editor-content.note-editable i {
    font-style: italic !important;
}

.editor-content.note-editable h1,
.editor-content.note-editable h2,
.editor-content.note-editable h3,
.editor-content.note-editable h4,
.editor-content.note-editable h5,
.editor-content.note-editable h6 {
    font-family: inherit;
    font-weight: 700;
}

.editor-content.note-editable a {
    color: #337ab7;
    text-decoration: underline;
}

.editor-content.note-editable img {
    height: auto;
}

.editor-content.note-editable table {
    width: auto;
    max-width: 100%;
    border-collapse: collapse;
}

.editor-content.note-editable table td,
.editor-content.note-editable table th {
    border: 1px solid #ececec;
    padding: 5px 3px;
}

.note-editor .note-editing-area .note-editable table.summernote-fixed-table,
.note-editor .note-editing-area .note-editable table.summernote-resizable-table,
.editor-content.note-editable table.summernote-fixed-table,
.editor-content.note-editable table.summernote-resizable-table,
.editor-content.note-editable table[style*="table-layout: fixed"] {
    width: 100%;
    border: 1px solid #ececec;
    table-layout: fixed !important;
}

.note-editor .note-editing-area .note-editable table.summernote-fixed-table td,
.note-editor .note-editing-area .note-editable table.summernote-fixed-table th,
.note-editor .note-editing-area .note-editable table.summernote-resizable-table td,
.note-editor .note-editing-area .note-editable table.summernote-resizable-table th,
.editor-content.note-editable table.summernote-fixed-table td,
.editor-content.note-editable table.summernote-fixed-table th,
.editor-content.note-editable table.summernote-resizable-table td,
.editor-content.note-editable table.summernote-resizable-table th,
.editor-content.note-editable table[style*="table-layout: fixed"] td,
.editor-content.note-editable table[style*="table-layout: fixed"] th {
    overflow-wrap: anywhere;
}

.note-editor .note-editing-area .note-editable table.summernote-fixed-table > colgroup > col,
.note-editor .note-editing-area .note-editable table.summernote-resizable-table > colgroup > col,
.editor-content.note-editable table.summernote-fixed-table > colgroup > col,
.editor-content.note-editable table.summernote-resizable-table > colgroup > col,
.editor-content.note-editable table[style*="table-layout: fixed"] > colgroup > col {
    max-width: none;
}

@media only screen and (max-width:768px) {
    /* 모바일 상세 카드 규칙이 본문 내부 표의 행과 셀을 세로로 풀지 않도록 유지한다. */
    .editor-content.note-editable table.summernote-fixed-table,
    .editor-content.note-editable table.summernote-resizable-table,
    .editor-content.note-editable table[style*="table-layout: fixed"] {
        display: table !important;
        width: 100% !important;
    }

    .editor-content.note-editable table.summernote-fixed-table thead,
    .editor-content.note-editable table.summernote-resizable-table thead,
    .editor-content.note-editable table[style*="table-layout: fixed"] thead {
        display: table-header-group !important;
    }

    .editor-content.note-editable table.summernote-fixed-table tbody,
    .editor-content.note-editable table.summernote-resizable-table tbody,
    .editor-content.note-editable table[style*="table-layout: fixed"] tbody {
        display: table-row-group !important;
    }

    .editor-content.note-editable table.summernote-fixed-table tfoot,
    .editor-content.note-editable table.summernote-resizable-table tfoot,
    .editor-content.note-editable table[style*="table-layout: fixed"] tfoot {
        display: table-footer-group !important;
    }

    .editor-content.note-editable table.summernote-fixed-table tr,
    .editor-content.note-editable table.summernote-resizable-table tr,
    .editor-content.note-editable table[style*="table-layout: fixed"] tr {
        display: table-row !important;
        margin-bottom: 0 !important;
    }

    .editor-content.note-editable table.summernote-fixed-table th,
    .editor-content.note-editable table.summernote-fixed-table td,
    .editor-content.note-editable table.summernote-resizable-table th,
    .editor-content.note-editable table.summernote-resizable-table td,
    .editor-content.note-editable table[style*="table-layout: fixed"] th,
    .editor-content.note-editable table[style*="table-layout: fixed"] td {
        display: table-cell !important;
        width: auto !important;
        height: auto !important;
        margin-bottom: 0 !important;
    }
}


/*========================================================================
사물함 관리
========================================================================*/
.locker-wrap {display:flex; flex-direction:column; gap:16px;}
.locker-header {display: flex; flex-direction: row; gap: 10px; justify-content: space-between; align-items: center;}
.locker-status {font-size:13px; color:#333; display:flex; flex-wrap:wrap; gap:8px;}
.locker-status .badge {
    display:inline-block; padding:5px 10px; border-radius:5px;
    border:1px solid #ccc; background:#ddd;
}
.color-info-list {display:flex; flex-wrap:wrap; gap:8px 14px;}
.color-info-list li {list-style:none;}
.color-box {display:flex; align-items:center; gap:6px; font-size:12px;}
.color-box span {display:inline-block; width:15px; height:15px; border-radius:3px; border:1px solid #ccc;}

.day-color-ing {background:#95b3d7;}
.day-color-possible {background:#f9f9f9;}
.day-color-end {background:#7D002D;}
.day-color-move {background:#e8aaaa;}
.next-seat-locker {background:#ea2d2d;}
.day-color-pickup {background:#007af3;}
.day-color-3 {background:#ff8f34;}
.day-color-5 {background:#ffec1b;}
.day-color-manager {background:#AF00D6;}
.day-color-black {background:#323232;}

.locker-columns {display:flex; flex-wrap:wrap; gap:0;}
.locker-list-column {
    width:calc((100% - 0px) / 6);
    min-width:160px;
    list-style:none;
    padding:0;
    margin-bottom: 30px;
}
.locker-list-column li {list-style:none; margin:0; padding:0;}
.locker-box {
    border:2px solid #ddd; border-radius:8px; min-height:120px;
    position:relative; background:#fff; overflow:hidden;
    text-align: center;
}
.locker-main-link {display:block; color:inherit; text-decoration:none;}
.locker-box .number {font-weight:700; font-size:16px; background-color: #777; color: #fff; margin: 0 auto;}
.locker-box .name {font-size:13px; font-weight:700; margin-bottom:3px;}
.locker-box .desc {font-size:12px; color:#666; line-height:1.4;}
.locker-box .info {display:table; width:100%; min-height:80px;}
.locker-box .info-cell {display:table-cell; vertical-align:middle;}
.locker-box .possible {font-size:13px; font-weight:700; margin:0; text-align:center;}
.locker-box .grade {font-size:12px; margin:0; line-height:1.4;}
.locker-box .tool-link {
    position:absolute; left:8px; z-index:2; display:inline-block;
    padding:2px 6px; border-radius:3px; background:rgba(0, 0, 0, 0.65); color:#fff;
    font-size:11px; line-height:15px; text-decoration:none;
    display:none;
}
.locker-box .use-log {top:20px;}
.locker-box .use-memo {top:40px;}
.locker-box .disable {top:60px;}
.locker-box .pickup {top:80px;}
.locker-box .use-log {background:#333;}
.locker-box .use-memo {background:#44B98E;}
.locker-box .disable {background:#EE4848;}
.locker-box .pickup {background:#007af3;}
.locker-list-column > li .locker-box:hover a.use-log,
.locker-list-column > li .locker-box:hover a.use-memo,
.locker-list > li .locker-box:hover a.use-log,
.locker-list > li .locker-box:hover a.use-memo {display:block;}
.locker-list-column > li .locker-box.day-color-possible:hover a.disable,
.locker-list-column > li .locker-box.day-color-possible:hover a.pickup,
.locker-list > li .locker-box.day-color-possible:hover a.disable,
.locker-list > li .locker-box.day-color-possible:hover a.pickup {display:block;}
.locker-flag {
    position:absolute; right:8px; z-index:2; display:inline-block;
    padding:2px 6px; border-radius:3px; font-size:11px; line-height:15px; color:#fff;
}
.locker-flag.paid {top:20px; background:#4472c4;}
.locker-flag.campus-move {bottom:8px; background:#ffeb3b; color:#000;}

.locker-box.day-color-ing {background:#95b3d7; color:#fff;}
.locker-box.day-color-possible {background:#f9f9f9;}
.locker-box.day-color-end {background:#7D002D; color:#fff;}
.locker-box.day-color-move {background:#e8aaaa; color:#fff;}
.locker-box.next-seat-locker {background:#ea2d2d; color:#fff;}
.locker-box.day-color-pickup {background:#007af3; color:#fff;}
.locker-box.day-color-3 {background:#ff8f34; color:#fff;}
.locker-box.day-color-5 {background:#ffec1b;}
.locker-box.day-color-manager {background:#AF00D6; color:#fff;}
.locker-box.day-color-black {background:#323232; color:#fff;}
.locker-box.day-color-end .desc,
.locker-box.day-color-pickup .desc,
.locker-box.next-seat-locker .desc,
.locker-box.day-color-manager .desc,
.locker-box.day-color-black .desc {color:#fff;}

@media (max-width: 1280px) {
    .locker-list-column {width:calc((100% - 30px) / 4);}
}

@media (max-width: 900px) {
    .locker-list-column {width:calc((100% - 10px) / 2);}
}

@media (max-width: 600px) {
    .locker-list-column {width:100%;}
}

/*========================================================================
지정석 관리
========================================================================*/
.seat-fix-wrap .fixed-tit {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.seat-fix-wrap .locker-header {
    justify-content: flex-end;
}

.seat-fix-wrap .locker-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.seat-fix-wrap .locker-list > li {
    position: relative;
    float: left;
    width: 129px;
    list-style: none;
}

.seat-fix-wrap .locker-list > li .locker-box {
    position: relative;
    height: auto;
}

.seat-fix-wrap .locker-list > li .locker-box .info {
    height: 90px;
}

.seat-fix-wrap .locker-list > li .locker-box .info .info-cell p {
    line-height: 150%;
    margin: 0;
    font-weight: 600;
}

/*========================================================================
좌석 현황
========================================================================*/
.seat-status-wrap .seat-status-head-wrap {background:#fff; border:1px solid #e6ebf0; border-radius:10px; overflow:hidden;}
.seat-status-wrap .seat-status-head {display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:#f3f3f6; border-bottom:1px solid #e6ebf0;}
.seat-status-wrap .seat-status-head .title {font-size:16px; font-weight:700; color:#2f3b47;}
.seat-status-wrap .seat-status-head .selected-hall {display:flex; align-items:center; gap:8px;}
.seat-status-wrap .seat-status-head .selected-hall span {font-size:12px; color:#7a8794;}
.seat-status-wrap .seat-status-head .selected-hall strong {font-size:14px; font-weight:700; color:#2f3b47;}
.seat-status-wrap .seat-status-statistics ul {display:grid; grid-template-columns:repeat(3, minmax(120px, 1fr));}
.seat-status-wrap .seat-status-statistics li {padding:14px 6px; border-right:1px solid #eef2f6; text-align:center;}
.seat-status-wrap .seat-status-statistics li:last-child {border-right:none;}
.seat-status-wrap .seat-status-statistics dt {font-size:12px; color:#7a8794; margin-bottom:5px;}
.seat-status-wrap .seat-status-statistics dd {font-size:20px; font-weight:700; color:#2f3b47;}
.seat-status-wrap .seat-status-filter-box {margin-top:14px; padding:12px 16px; border:1px solid #dfe6ec; border-radius:10px; background:#f3f3f6;}
.seat-status-wrap .hall-list {position:relative; border:1px solid #d6e0ea; border-radius:6px; overflow:hidden; background:#fff;}
.seat-status-wrap .hall-list ul {display:flex; flex-wrap:wrap; width:100%;}
.seat-status-wrap .hall-list ul > li {float:none; width:auto; margin:0;}
.seat-status-wrap .hall-list ul > li a {display:block; min-width:72px; padding:8px 12px; border-right:1px solid #d6e0ea; border-bottom:1px solid #d6e0ea; text-align:center; font-size:13px; font-weight:600; color:#596670; background:#fff;}
.seat-status-wrap .hall-list ul > li a.on,
.seat-status-wrap .hall-list ul > li a:hover {background:#787879; color:#fff;}
.seat-status-wrap .seat-status-legend-box {display:flex; flex-direction:column; gap:8px; margin-top:14px; padding:12px 16px; border:1px solid #dfe6ec; border-radius:10px; background:#fff;}
.seat-status-wrap .seat-status-legend-row {display:flex; align-items:flex-start; gap:12px;}
.seat-status-wrap .seat-status-legend-row .legend-title {flex:0 0 70px; line-height:22px; font-size:13px; font-weight:700; color:#465057;}
.seat-status-wrap .color-info-list {display:flex; flex:1; flex-wrap:wrap; gap:8px 14px;}
.seat-status-wrap .color-info-list li {list-style:none;}
.seat-status-wrap .color-box {display:flex; align-items:center; gap:6px;}
.seat-status-wrap .color-box span {display:inline-block; width:12px; height:12px; border-radius:2px;}

.seat-status-wrap .seat-status-kind-legend .color-box span.fix {color:#fff; background:#004429;}
.seat-status-wrap .seat-status-kind-legend .color-box span.free {color:#222; background:#F4F0E8;}
.seat-status-wrap .seat-status-kind-legend .color-box span.used {background:#95b3d7;}
.seat-status-wrap .seat-status-kind-legend .color-box span.out {background:#ff8f34;}
.seat-status-wrap .seat-status-kind-legend .color-box span.exit {background:#ee4848;}
.seat-status-wrap .seat-status-kind-legend .color-box span.disable {background:#999;}
.seat-status-wrap .seat-status-kind-legend .color-box span.manager {background:#AF00D6;}
.seat-status-wrap .seat-status-info-legend .color-box span.mega {background:#bbb;}
.seat-status-wrap .seat-status-info-legend .color-box span.crammer {background:#777;}
.seat-status-wrap .seat-status-info-legend .color-box span.class {background:#000;}
.seat-status-wrap .seat-status-info-legend .color-box span.adult {background:#7ce774;}
.seat-status-wrap .seat-status-info-legend .color-box span.free {background:#ebb41c;}
.seat-status-wrap .seat-status-info-legend .color-box span.notebook {background:#286f11;}
.seat-status-wrap .seat-status-info-legend .color-box span.notebook.end {background:#a22801;}
.seat-status-wrap .seat-status-info-legend .color-box span.memo {background:#d76109;}
.seat-status-wrap .seat-status-info-legend .color-box span.sleep {background:#2667df;}

.seat-status-wrap h4.hall-title {font-size:20px; border-bottom:1px solid #333; border-top:1px solid #333; padding:8px; margin-top:24px;}
/*.seat-status-wrap.layout-not-configured h4.hall-title::after {content:'(배치도 미적용)'; display:inline-block; margin-left:8px; color:#28b386; font-size:12px; font-weight:600; vertical-align:middle;}*/
.seat-status-wrap .seat-status-temp-layout-alert {display:flex; align-items:center; gap:12px; margin-top:18px; padding:14px 18px; border:2px solid #f08b25; border-radius:8px; background:#fff6e8; color:#7a3e00; box-shadow:0 2px 6px rgba(240, 139, 37, 0.16);}
.seat-status-wrap .seat-status-temp-layout-alert strong {flex:0 0 auto; font-size:16px; font-weight:800; color:#c65300;}
.seat-status-wrap .seat-status-temp-layout-alert span {font-size:13px; font-weight:600; line-height:1.5;}
.seat-status-wrap .adm-room-wrap {position:relative; text-align:center; clear:both; min-height:680px;}
.seat-status-wrap .adm-room-wrap .seat-area {position:relative; display:table;}
.seat-status-wrap .adm-room-wrap .seat-area span.box {position:relative; float:left; width:80px; height:70px;}
.seat-status-wrap .adm-room-wrap .seat-area span.box a {position:relative; display:block; width:96%; height:60px; padding:3px 0; line-height:19px; text-align:center; font-size:13px; font-weight:600; color:#fff; background-color:#333; border-radius:2px; margin-left:2%;}
.seat-status-wrap .adm-room-wrap .seat-area span.box a strong {display:block; font-weight:600;}
.seat-status-wrap .adm-room-wrap .seat-area span.box a em {display:block; font-style:normal; height:19px; overflow:hidden;}
.seat-status-wrap .adm-room-wrap .seat-area span.box.fix a {color:#fff; background-color:#004429;}
.seat-status-wrap .adm-room-wrap .seat-area span.box.free a {color:#fff; background-color:#5b3b23;}

.seat-status-wrap .seat-area span.box.used a {color:#fff; background-color:#95b3d7 !important;}
.seat-status-wrap .seat-area span.box.out a {color:#fff; background-color:#ff8f34 !important;}
.seat-status-wrap .seat-area span.box.exit a {color:#fff; background-color:#ee4848 !important;}
.seat-status-wrap .seat-area span.box.disable a {color:#fff; background-color:#999 !important;}
.seat-status-wrap .seat-area span.box.manager a {color:#fff; background-color:#AF00D6 !important;}
.seat-status-wrap .seat-area span.box.over a {color:#fff; background-color:#0006C9 !important;}

.seat-status-wrap .seat-status-layout-wrap {margin-top:18px; border:1px solid #dfe6ec; border-radius:10px; background:#fff; overflow:hidden;}
.seat-status-wrap .seat-status-layout-empty {padding:100px 0; text-align:center; color:#666; font-size:16px; font-weight:700;}
.seat-status-wrap .seat-status-layout-content {background:#fff;}
.seat-status-wrap .seat-status-layout-scroll {position:relative; width:100%; overflow-x:auto; overflow-y:hidden; background:#fff;}
.seat-status-wrap .seat-status-layout-toolbar {display:flex; align-items:center; gap:7px; width:100%; height:44px; padding:8px 14px; box-sizing:border-box; border-bottom:1px solid #dfe6ec; background:#fff;}
.seat-status-wrap .seat-status-layout-toolbar #seatStatusZoomText {width:58px; height:28px; border:1px solid #ccc; border-radius:3px; background:#fff; color:#333; text-align:center;}
.seat-status-wrap .seat-status-layout-toolbar #seatStatusZoomText:focus {border-color:#00aa73; outline:0; box-shadow:0 0 0 2px rgba(0, 170, 115, 0.16);}
.seat-status-wrap .seat-status-layout-toolbar .seat-status-seat-scale-btn {display:none; min-width:76px; height:28px; padding:5px 10px; line-height:18px;}
.seat-status-wrap .seat-status-layout-toolbar .seat-status-seat-scale-btn.available {display:inline-block;}
.seat-status-wrap .seat-status-layout-toolbar .seat-status-seat-scale-btn.on {background:#00aa73; color:#fff;}
.seat-status-wrap .seat-status-layout-stage {position:relative; margin:18px; overflow:hidden;}
.seat-status-wrap .seat-status-layout-canvas {position:relative; display:block; background:#fff; box-shadow:0 0 0 2px #dfe6ec inset; transform-origin:left top;}
.seat-status-wrap .seat-status-layout-object {position:absolute; display:block; z-index:2; transform-origin:center center; pointer-events:none;}
.seat-status-wrap .seat-status-layout-object img {display:block; width:100%; height:100%; user-select:none; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas span.box {position:absolute; float:none; z-index:5; transform-origin:center center;}
.seat-status-wrap .seat-status-layout-canvas span.box a {position:relative; display:block; width:100%; height:100%; margin:0; padding:0; box-sizing:border-box; overflow:visible; color:#fff; background:transparent !important; border-radius:0; line-height:1.2; text-align:center; font-size:12px; font-weight:600;}
.seat-status-wrap .seat-area.seat-status-layout-canvas span.box a {background:transparent !important;}
.seat-status-wrap .seat-status-layout-canvas span.box.fix a {color:#fff;}
.seat-status-wrap .seat-status-layout-canvas span.box.free a {color:#fff;}
.seat-status-wrap .seat-status-layout-canvas span.box.free:not(.used):not(.out):not(.exit):not(.disable):not(.manager):not(.over) a {color:#222;}
.seat-status-wrap .seat-status-layout-canvas span.box a .seat-status-shape {position:absolute; inset:0; z-index:1; display:block; transform:rotate(var(--seat-degree, 0deg)); transform-origin:center center; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas span.box a .seat-status-shape img {position:relative; z-index:1; display:block; width:100%; height:100%; user-select:none; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas span.box a .seat-status-face {position:absolute; left:var(--seat-face-left, 0); top:var(--seat-face-top, 0); z-index:4; display:block; width:var(--seat-face-width, 100%); height:var(--seat-face-height, 100%); overflow:hidden; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas span.box a .seat-status-face-bg {position:absolute; inset:0; z-index:1; display:block; background:#333;}
.seat-status-wrap .seat-status-layout-canvas span.box.fix a .seat-status-face-bg {background:#004429;}
.seat-status-wrap .seat-status-layout-canvas span.box.free a .seat-status-face-bg {background:#F4F0E8;}
.seat-status-wrap .seat-status-layout-canvas span.box.used a .seat-status-face-bg {background:#95b3d7;}
.seat-status-wrap .seat-status-layout-canvas span.box.out a .seat-status-face-bg {background:#ff8f34;}
.seat-status-wrap .seat-status-layout-canvas span.box.exit a .seat-status-face-bg {background:#ee4848;}
.seat-status-wrap .seat-status-layout-canvas span.box.disable a .seat-status-face-bg {background:#999;}
.seat-status-wrap .seat-status-layout-canvas span.box.manager a .seat-status-face-bg {background:#AF00D6;}
.seat-status-wrap .seat-status-layout-canvas span.box.over a .seat-status-face-bg {background:#0006C9;}
.seat-status-wrap .seat-status-layout-canvas span.box a .seat-status-info-face {position:absolute; left:var(--seat-info-face-left, 0); top:var(--seat-info-face-top, 0); z-index:4; display:block; width:var(--seat-info-face-width, 100%); height:var(--seat-info-face-height, 100%); overflow:visible; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas span.box a .seat-status-face-content {position:absolute; left:0; top:0; z-index:2; display:block; width:var(--seat-content-size, 100%); height:var(--seat-content-size, 100%); transform:scale(var(--seat-content-scale, 1)); transform-origin:top left; color:inherit; overflow:visible; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas span.box a .seat-status-label {position:absolute; left:50%; top:30%; z-index:4; display:block; width:calc(100% - 4px); transform:translate(-50%, -50%); transform-origin:center center; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas span.box a strong {display:block; width:100%; height:20px; color:inherit; font-size:15px; font-weight:700; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:clip;}
.seat-status-wrap .seat-status-layout-canvas span.box a em {display:block; width:100%; height:17px; color:inherit; font-size:12px; font-style:normal; font-weight:600; line-height:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.seat-status-wrap .seat-status-layout-canvas span.box a em:empty {display:none;}
.seat-status-wrap .seat-area .c-state {position:absolute; left:0; top:0; background:#00aa73; color:#fff; width:18px; height:18px; font-size:9px; letter-spacing:-1px;}
.seat-status-wrap .seat-area .c-state.red {background:#ee4848;}
.seat-status-wrap .seat-area .m-wrap {position:absolute; left:0; top:20px; width:18px; height:18px;}
.seat-status-wrap .seat-area .m-wrap .mobile {position:absolute; left:0; top:0; width:18px; height:18px; background:url('/img/training/icn_moile_x.png') 3px 0 no-repeat;}
.seat-status-wrap .seat-area .m-wrap .mobile.y {background:url('/img/training/icn_moile_y.png') no-repeat;}
.seat-status-wrap .seat-area .m-wrap .mobile.n {background:url('/img/training/icn_moile_n.png') no-repeat;}
.seat-status-wrap .seat-area .m-wrap .mobile.no {background:url('/img/training/icn_moile_no.png') no-repeat;}
.seat-status-wrap .seat-area .m-wrap .mobile.base {background:url('/img/training/icn_moile_base.png') no-repeat;}
.seat-status-wrap .seat-area .c-wrap {position:absolute; right:0; top:0; width:18px; height:18px;}
.seat-status-wrap .seat-area .c-wrap .cal {position:absolute; left:0; top:0; width:18px; height:18px; background:url('/img/training/icn_calendar_on.png') no-repeat;}
.seat-status-wrap .seat-area .c-wrap .cal.no {opacity:0.2; background:url('/img/training/icn_calendar.png') no-repeat;}
.seat-status-wrap .seat-area .mngt-wrap {position:absolute; right:0; top:22px;}
.seat-status-wrap .seat-area .mngt-wrap i {color:#000; font-size:11px; font-style:normal;}

.seat-status-wrap .seat-area .icn-box {position:absolute; left:0; bottom:0; width:100%;}
.seat-status-wrap .seat-area .icn-box span {display:block; float:left; width:18.25px; height:17px; text-align:center; line-height:17px; font-size:10px; letter-spacing:-2px; margin-right:1px; overflow:hidden;}
.seat-status-wrap .seat-area .icn-box .mega {background:#bbb; color:#000;}
.seat-status-wrap .seat-area .icn-box .crammer {background:#777; color:#fff;}
.seat-status-wrap .seat-area .icn-box .class {background:#000; color:#fff;}
.seat-status-wrap .seat-area .icn-box .notebook {background:#286f11; color:#fff;}
.seat-status-wrap .seat-area .icn-box .notebook.end {background:#a22801;}
.seat-status-wrap .seat-area .icn-box .memo {background:#d76109; color:#fff;}
.seat-status-wrap .seat-area .icn-box .sleep {background:#2667df; color:#fff;}
.seat-status-wrap .seat-area .icn-box .free {background:#ebb41c; color:#fff; margin-right:0;}
.seat-status-wrap .seat-area .icn-box .adult {color:#000; background-color:#7ce774;}
.seat-status-wrap .seat-status-layout-canvas .c-state {left:0; top:0; z-index:5; width:23px; height:20px; line-height:20px; font-size:10px; letter-spacing:-1px;}
.seat-status-wrap .seat-status-layout-canvas .m-wrap {left:0; top:20px; z-index:5;}
.seat-status-wrap .seat-status-layout-canvas .c-wrap {right:0; top:0; z-index:5;}
.seat-status-wrap .seat-status-layout-canvas .mngt-wrap {right:0; top:22px; z-index:5;}
.seat-status-wrap .seat-status-layout-canvas .mngt-wrap i {font-size:12px;}
.seat-status-wrap .seat-status-layout-canvas .icn-box {left:50%; bottom:3px; z-index:5; display:flex; flex-wrap:wrap-reverse; align-content:flex-start; justify-content:center; align-items:center; gap:2px; width:calc(100% - 6px); height:auto; max-height:40px; overflow:visible; transform:translateX(-50%); transform-origin:center center; pointer-events:none;}
.seat-status-wrap .seat-status-layout-canvas .icn-box span {display:block; flex:0 0 auto; float:none; min-width:22px; max-width:100%; width:auto; height:18px; padding:0 4px; box-sizing:border-box; border-radius:0; text-align:center; line-height:18px; font-size:10px; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:clip;}
.seat-status-wrap .seat-status-layout-canvas .seat-status-face-content:has(.icn-box span:nth-child(3)) .seat-status-label {top:27%;}
.seat-status-wrap .seat-status-layout-canvas .icn-box:has(span:nth-child(3)) {bottom:1px; gap:1px 2px;}
.seat-status-wrap .seat-status-layout-canvas .icn-box:has(span:nth-child(3)) span {min-width:18px; height:15px; padding:0 1px; line-height:15px; font-size:9px;}
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="90"] .mngt-wrap,
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="270"] .mngt-wrap {right:1px; max-width:22px; height:12px; overflow:hidden; white-space:nowrap; text-align:right;}
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="90"] .mngt-wrap i,
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="270"] .mngt-wrap i {display:block; max-width:22px; overflow:hidden; font-size:10px; line-height:12px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;}
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="90"] .seat-status-label,
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="270"] .seat-status-label {top:43%;}
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="90"] .seat-status-face-content:has(.icn-box span:nth-child(3)) .seat-status-label,
.seat-status-wrap .seat-status-layout-canvas span.box[data-seat-degree="270"] .seat-status-face-content:has(.icn-box span:nth-child(3)) .seat-status-label {top:29%;}

.seat-status-wrap .door-wrap {position:absolute;}
.seat-status-wrap .door-wrap span.door {display:inline-block; width:84px; height:83px;}
.seat-status-wrap .door-wrap span.door.left {background:url('/img/common/img_door_left.png');}
.seat-status-wrap .door-wrap span.door.right {background:url('/img/common/img_door_right.png');}

#seatTodayUseLogPopup .now-use-layout {display:flex; align-items:stretch; gap:16px; margin:10px 0 20px;}
#seatTodayUseLogPopup .now-use-main {flex:1 1 auto; min-width:0;}
#seatTodayUseLogPopup .now-use-info {display:flex; align-items:center; gap:18px; box-sizing:border-box; width:100%; min-height:48px; margin-bottom:10px; padding:10px 14px; background:#f3f3f6; border:1px solid #dfe6ec; border-radius:10px; font-size:16px; font-weight:600; line-height:24px;}
#seatTodayUseLogPopup .now-use-info > div {float:none; text-align:left; margin-right:0;}
#seatTodayUseLogPopup .now-use-info .seat {flex:0 0 auto; min-width:180px;}
#seatTodayUseLogPopup .now-use-info .user {flex:1 1 auto; min-width:0;}
#seatTodayUseLogPopup .now-use-info strong {color:#2000e2; font-size:18px;}
#seatTodayUseLogPopup .now-use-info a.btn-close {display:none;}
#seatTodayUseLogPopup .now-use-info a.btn-warning {display:none;}
#seatTodayUseLogPopup .now-use-side {flex:0 0 132px; display:flex; flex-direction:column; align-items:center; gap:10px; box-sizing:border-box; padding:10px; justify-content: space-around;}
#seatTodayUseLogPopup .now-use-side a.btn-warning {display:block; box-sizing:border-box; width:100%; background:#fad921; color:#333; font-weight:600; text-align:center; line-height:125%; font-size:13px; padding:12px 10px; border-radius:2px; border:1px solid #aaa;}
#seatTodayUseLogPopup .now-use-side .teacher-pos {position:relative; z-index:2; width:110px; font-size:12px; font-weight:400; line-height:normal;}
#seatTodayUseLogPopup .now-use-side .teacher-wrap {position:relative; width:100%;}
#seatTodayUseLogPopup .now-use-side .teacher-wrap .pos-box {position:relative; display:inline-block; margin:0;}
#seatTodayUseLogPopup .now-use-side .teacher-pos .seat-box {width:90px; height:90px; margin:3px 0 0; padding:5px; border-radius:5px; font-size:12px; font-weight:400; line-height:normal;}
#seatTodayUseLogPopup .now-use-side .teacher-pos .seat-box p {margin:0;}
#seatTodayUseLogPopup .now-use-side .teacher-pos .seat-box .top {height:20px; line-height:20px; margin-bottom:5px;}
#seatTodayUseLogPopup .now-use-side .teacher-pos .seat-box .top .now-seat {font-weight:600; color:#00aa73; font-size:11px;}
#seatTodayUseLogPopup .now-use-side .teacher-pos .seat-box .bottom .st a {display:inline-block; width:52px; font-size:11px; color:#333333; font-weight:600; padding-right:15px; background:url('/img/admin/training/icn_arrow.png') right no-repeat;}
#seatTodayUseLogPopup .now-use-detail {width:100%; margin-top:0;}

@media only screen and (max-width:768px) {
    #seatTodayUseLogPopup .now-use-layout {flex-direction:column; gap:12px; margin:4px 0 16px;}
    #seatTodayUseLogPopup .now-use-info {align-items:flex-start; flex-direction:column; gap:6px; padding:10px 12px; font-size:14px;}
    #seatTodayUseLogPopup .now-use-info .seat {min-width:0;}
    #seatTodayUseLogPopup .now-use-info .user {display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; width:100%;}
    #seatTodayUseLogPopup .now-use-info strong {font-size:16px; line-height:22px; word-break:keep-all;}
    #seatTodayUseLogPopup .now-use-member-detail {flex:0 0 auto; margin-left:auto;}
    #seatTodayUseLogPopup .now-use-detail {table-layout:fixed;}
    #seatTodayUseLogPopup .now-use-detail th,
    #seatTodayUseLogPopup .now-use-detail td {padding:10px 6px; word-break:keep-all;}
    #seatTodayUseLogPopup .now-use-side {flex:0 0 auto; display:grid; grid-template-columns:110px minmax(0, 1fr); align-items:center; gap:12px; width:100%; padding:0;}
    #seatTodayUseLogPopup .now-use-side .teacher-pos {grid-column:1; width:110px;}
    #seatTodayUseLogPopup .now-use-side a.btn-warning {grid-column:2; margin:0; padding:14px 10px;}
    #seatTodayUseLogPopup .now-use-actions {padding-top:20px; border-top:1px solid #e5e9ed;}
    #seatTodayUseLogPopup .now-use-actions-list {float:none !important; display:flex; flex-direction:column; gap:8px; width:100%;}
    #seatTodayUseLogPopup .now-use-actions-list > .com-btn {display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; margin:0 !important; padding:8px 10px; word-break:keep-all;}
}


.campus-list{position:relative; padding:10px 0px;}
.campus-list p{font-size:12px; font-weight:600; padding:10px 3% 10px 0px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.campus-list ul{display:table; width:100%;}
.campus-list ul>li{ float:left; width:17%; font-size:12px; padding:2px 3% 2px 0px;}

.tit-gv-1{font-size:15px; line-height:110%; font-weight:bold; margin:20px 0 15px; color:#555; /*padding-left:10px; border-left:3px solid #32B8B5;*/ }

/* 웹 회원리스트 */
.profile-wrap{position:relative;}
.profile-wrap .select-tab{padding:10px 0px; border-bottom:1px solid #ccc;}
.profile-wrap .select-tab label{font-weight:bold;}

.profile-wrap .profile{padding:10px 0px;}
.profile-wrap .profile .character-list{width:100%; display:table;}
.profile-wrap .profile .character-list>li{float:left; padding:6px;}

.character-box{position:relative; width:120px; height:120px; border-radius:120px; border:1px solid #ddd; background:url('') center no-repeat; background-size:cover; cursor:pointer;}
.character-box:hover,
.character-box.on{background-color:#00aa73;}



/*=============================================
com-infobox
=============================================*/
.com-infobox-01{line-height:18px; border-top:1px dotted #cfcfcf; padding:0px 10px 0px; margin-top:10px;}
.com-infobox-01 .icn-01{background:url('/img/admin/common/icn_info_01.png') left center no-repeat; padding:10px 22px;}

/*=============================================
common-file-upload
=============================================*/

/*=============================================
common-inline-components
=============================================*/
.adm-room-wrap .seat-area span.box{width:60px !important;}
.adm-room-wrap.hall-box-70 .seat-area span.box{width:70px !important;}

.campus-check-wrap,
.option-check-wrap{border:1px solid #e2e6ea; border-radius:6px; background:#fff; overflow:hidden;}
.campus-check-head,
.option-check-head{display:flex; align-items:center; min-height:44px; padding:0 16px; border-bottom:1px solid #e2e6ea; background:#f3f3f6;}
.campus-check-list{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:10px 16px; padding:16px;}
.option-check-list{display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:10px 16px; padding:16px;}
.option-check-list.option-check-list-160{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));}
.campus-check-item,
.option-check-item{display:flex; align-items:center; min-height:20px;}
.campus-check-item input,
.option-check-item input{margin-right:6px;}

.com-tab a.is-disabled{cursor:default; color:#999;}
.memo-btn-wrap{display:flex; justify-content:center;}
.memo-ellipsis{display:inline-block; max-width:130px; vertical-align:bottom;}

.sale-cancel-row{background-color:#fff3f3; color:#b31b1b;}
.sale-status-red{color:#d93025; font-weight:600;}
.sale-status-blue{color:#1a73e8; font-weight:600;}

/*=============================================
work-note
=============================================*/
.work-note-detail-box {padding:20px;}
.work-note-detail-box .full-contents {/* padding:20px; *//* background:#fff; */text-align: left;padding-bottom: 20px;}
.work-note-detail-box .contents.view {/* border:1px solid #e5e5e5; *//* background:#fff; */}
.work-note-detail-box .title-box {padding:14px 18px; font-size:15px; font-weight:700; border-bottom:1px solid #e5e5e5;}
.work-note-detail-box .cont-box {padding:18px; min-height:120px; line-height:1.75; word-break:break-word;}
.work-note-detail-box .btns {padding:0 18px 18px; text-align:right;}
.work-note-detail-box .btns a {color:#666;}
.work-note-detail-box .attach-file-form {margin-top:12px;padding:16px 18px;/* border:1px solid #e5e5e5; *//* background:#fff; *//* padding-bottom: 20px; */}
.work-note-detail-box .attach-file-form h4 {margin-bottom:10px;font-size:14px;font-weight:700;border-bottom: 1px solid #e5e5e5;}
.work-note-detail-box .note-cmt-wrap {margin-top:18px;padding:18px;/* border:1px solid #e5e5e5; *//* background:#fff; */text-align: left;}
.work-note-detail-box .note-cmt-wrap h4 {margin-bottom:14px;font-size:14px;font-weight:700;border-bottom: 1px solid #e5e5e5;}
.work-note-detail-box .note-cmt {padding:12px 0; border-top:1px solid #eee; background-repeat:no-repeat;}
.work-note-detail-box .note-cmt:first-child {border-top:0;}
.work-note-detail-box .note-cmt .info {display:flex; align-items:center; justify-content:space-between; gap:10px;}
.work-note-detail-box .note-cmt .writer .name {font-weight:700;}
.work-note-detail-box .note-cmt .writer .date {margin-left:10px; color:#777;}
.work-note-detail-box .note-cmt .btns a {color:#666;}
.work-note-detail-box .note-cmt .con {margin-top:8px; line-height:1.7; word-break:break-word;}
.work-note-detail-box .note-cmt-form {margin-top:12px; text-align:right;}

.work-note-message .message-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding:16px 20px; background:#f6f6f6; border:1px solid #d9d9d9;}
.work-note-message .message-top .left {font-size:16px; line-height:1.7; color:#333;}
.work-note-message .message-top .right {display:flex; align-items:center;}
.work-note-message .star-box {display:flex; gap:2px; justify-content:center;}
.work-note-message .star {width:12px; height:12px; background:#d6d6d6; clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);}
.work-note-message .star.on {background:#ffa512;}
.work-note-message .notice-row td {background:#f6f6f6; font-weight:bold; color:red;}
.work-note-message .notice-row td a {color:red;}
.work-note-message .important-row td {font-weight:bold; color:#000;}
.work-note-message .detail-row {display:none;}
.work-note-message .detail-row td {padding:0; background:#fafafa;}
.work-note-message .cmt-cnt {color:#e66464; font-weight:600;}
.work-note-message .file-cnt::before {content:''; display:inline-block; width:13px; height:13px; margin-left:6px; vertical-align:middle; background:url('/img/admin/common/ico_file.gif') no-repeat center center;}
.work-note-message .receive-lock {font-size:18px; color:#999;}
.work-note-message .txt-link.lock {color:#666; text-decoration:none;}
.work-note-message .txt-link.lock:hover {text-decoration:none;}
.work-note-message .title-text {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}

.work-note-list .work-note-period-buttons {display:inline-flex; flex-wrap:wrap; gap:5px; vertical-align:middle;}
.work-note-list .work-note-period-buttons .com-btn {min-width:60px; margin:0;}
.work-note-list .work-note-date-range {display:inline-flex; align-items:center; gap:5px; margin-left:10px; vertical-align:middle;}
.work-note-list .work-note-date-range .i-wrap {margin:0;}
.work-note-list .work-note-search-fields {display:inline-flex; align-items:center; gap:10px; width:min(650px, calc(100% - 80px)); max-width:100%; vertical-align:middle;}
.work-note-list .work-note-search-fields .i-wrap {margin:0;}
.work-note-list .work-note-search-fields .wd-150 {flex:0 0 150px;}
.work-note-list .work-note-search-fields .wd-50p {flex:1 1 auto; width:auto;}
.work-note-mobile-list {display:none;}
#workNotePopup {box-sizing:border-box;}
#workNotePopup .work-note-desktop-list .list-tbl {table-layout:fixed;}
#workNotePopup .work-note-detail-box {min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain;}
#workNotePopup .work-note-detail-box .note-cmt,
#workNotePopup .work-note-detail-box .note-cmt .con {min-width:0; max-width:100%; overflow-wrap:anywhere; word-break:break-word;}

@media only screen and (max-width:768px) {
    #workNotePopup {width:calc(100vw - 32px) !important; max-width:calc(100vw - 32px) !important; min-width:0; padding:20px 12px;}
    #workNotePopup .search-wrap {margin-bottom:12px;}
    #workNotePopup .search-wrap .view-tbl {padding:12px; border-color:#e1e6eb; border-radius:8px;}
    #workNotePopup .search-wrap .view-tbl > * > tr > th {padding:2px 0 7px; color:#26313d; font-size:12px; font-weight:700;}
    #workNotePopup .search-wrap .view-tbl > * > tr > td {padding:0; margin-bottom:16px;}
    #workNotePopup .work-note-period-buttons {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); width:100%; gap:6px;}
    #workNotePopup .work-note-period-buttons .com-btn {width:100%; min-width:0; padding:6px 2px; font-size:11px;}
    #workNotePopup .work-note-date-range {display:grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); width:100%; margin:8px 0 0; gap:5px;}
    #workNotePopup .work-note-date-range .i-wrap {width:100% !important; min-width:0;}
    #workNotePopup .work-note-date-range input[type="date"] {min-width:0; padding:2px 5px; font-size:11px;}
    #workNotePopup .work-note-search-fields {display:grid; grid-template-columns:1fr; width:100%; gap:6px;}
    #workNotePopup .work-note-search-fields .wd-150,
    #workNotePopup .work-note-search-fields .wd-50p {width:100% !important;}
    #workNotePopup .work-note-search-fields + .com-btn {width:100%; margin-top:6px;}

    #workNotePopup .work-note-desktop-list {display:none;}
    #workNotePopup .work-note-mobile-list {display:flex; flex-direction:column; gap:8px;}
    #workNotePopup .work-note-mobile-card {padding:12px; border:1px solid #e1e6eb; border-radius:8px; background:#fff; box-shadow:0 3px 10px rgba(38, 49, 61, .04);}
    #workNotePopup .work-note-mobile-card.notice-row {border-color:#f4d8d8; background:#fffafa;}
    #workNotePopup .work-note-mobile-card__header {display:flex; align-items:center; gap:6px; min-width:0;}
    #workNotePopup .work-note-mobile-card__number {flex:0 0 auto; color:#64717d; font-size:11px; font-weight:700;}
    #workNotePopup .work-note-mobile-card__topic {min-width:0; padding:2px 5px; border-radius:4px; background:#f3f5f6; color:#5f6b76; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    #workNotePopup .work-note-mobile-card .star-box {display:flex; gap:2px; margin-left:auto;}
    #workNotePopup .work-note-mobile-card__title {display:block; margin-top:8px; color:#26313d; font-size:13px; font-weight:700; line-height:1.45; overflow-wrap:anywhere; word-break:break-word;}
    #workNotePopup .work-note-mobile-card__title.lock {color:#6d7882;}
    #workNotePopup .work-note-mobile-card.notice-row .work-note-mobile-card__number,
    #workNotePopup .work-note-mobile-card.notice-row .work-note-mobile-card__title {color:#e53935;}
    #workNotePopup .work-note-mobile-card__meta {display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin-top:7px; color:#7a8590; font-size:10px; line-height:1.4;}
    #workNotePopup .work-note-mobile-card__meta > * {min-width:0; overflow-wrap:anywhere;}
    #workNotePopup .work-note-mobile-card__meta > span:not(:last-child)::after {margin-left:8px; color:#d0d6da; content:"|";}
    #workNotePopup .work-note-mobile-card__meta a {font-weight:700;}
    #workNotePopup .work-note-mobile-card__meta .is-unconfirmed {color:#e53935;}
    #workNotePopup .work-note-mobile-detail {display:none; margin-top:10px; border-top:1px solid #e7ecef;}
    #workNotePopup .work-note-mobile-list__empty {margin:0; padding:28px 12px; border:1px solid #e1e6eb; border-radius:8px; color:#7a8590; text-align:center;}
    #workNotePopup .work-note-detail-box {padding:8px;}
    #workNotePopup .work-note-detail-box .title-box,
    #workNotePopup .work-note-detail-box .cont-box,
    #workNotePopup .work-note-detail-box .attach-file-form,
    #workNotePopup .work-note-detail-box .note-cmt-wrap {padding-right:8px; padding-left:8px;}
    #workNotePopup .btn-wrap {display:flex; flex-direction:column; gap:8px; padding-top:14px;}
    #workNotePopup .btn-wrap .fl-l,
    #workNotePopup .btn-wrap .fl-r {float:none; width:100%;}
    #workNotePopup .btn-wrap .com-btn,
    #workNotePopup .btn-wrap .i-wrap,
    #workNotePopup .btn-wrap select {width:100% !important;}
}


/*=============================================
deferred-check-popup
=============================================*/
.layer-wrap .HGGGothic,
.layer-wrap .HGGGothic * {font-family:'HGGGothic', sans-serif !important;}
.layer-wrap .ul-t1{max-height:240px; overflow-y:auto;}
.layer-wrap.deferred-check-popup {display:none; position:fixed; z-index:10000; left:50% !important; top:50% !important; transform:translate(-50%, -50%); border:1px solid rgba(0, 0, 0, 0.08); border-radius:18px; background:#fff; width:min(860px, calc(100vw - 48px)); min-width:720px; max-width:860px; box-shadow:0 24px 80px rgba(15, 23, 42, 0.22);}
.layer-wrap.deferred-check-popup .popup-list {max-height:240px; overflow-y:auto; margin:0; padding-left:0; list-style:none;}
.layer-wrap.deferred-check-popup .popup-list li + li {margin-top:8px;}
.layer-wrap.deferred-check-popup .popup-actions {text-align:center;}
.layer-wrap.deferred-check-popup .popup-actions .com-btn + .com-btn {margin-left:16px;}

@media (max-width: 767px) {
    .layer-wrap.deferred-check-popup {min-width:0;}
}



.campus-check-wrap {
    border: 1px solid #e2e6ea;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.campus-check-head {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 16px;
    border-bottom: 1px solid #e2e6ea;
    background: #f3f3f6;
}

.campus-check-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px 16px;
    padding: 16px;
}

.campus-check-item {
    display: flex;
    align-items: center;
    min-height: 20px;
}

.campus-check-item input {
    margin-right: 6px;
}