.main {}

.myinfo_pop {padding-top:2rem;text-align:center;}
.myinfo_pop b {display:block;padding-bottom:.625rem;font-size:1rem;}
.myinfo_pop .log {padding-bottom:2rem;font-size:.6875rem;color:#858B93;}

.scrolling_wrap {min-width: 100%;overflow: auto;}
.scrolling_wrap::-webkit-scrollbar-thumb {background:#006dcb;}

/* 외부 editor */
.tx-canvas {background-color:#fff !important;}

/*---------------------------------------------------------------------------------*
										검색
*---------------------------------------------------------------------------------*/
.search_box {position:relative;display:flex;gap:.5rem;align-items:flex-start;padding:.5rem; background-color:rgba(255,255,255,0.02);  border:1px solid rgba(192, 193, 255, 0.3); border-radius:0.625rem; z-index:2;}
.search_box .fieldset_group {flex:auto;  }
/* .search_box fieldset {margin-left:-1px;} */
/* .search_box .btn_wrap {position:absolute;right:1.125rem;top:.65rem;padding:0;} */
.search_box .btn_wrap {flex:none;padding:.25rem 0; gap:0.3125rem;}
.search_box .btn_wrap .btn {height:1.875rem;}
.search_box .btn_wrap .search {width:4.5rem;}
.search_box .btn_wrap .reset {flex:none; background-color:transparent; border:1px solid rgba(255,255,255,0.2)}
.search_box .form_col .form_tit {font-size:.75rem;width:6rem;}
.search_box .form_col .form_cnt {max-width:calc(100% - 6rem)}
.search_box .btn {padding:0 0.875rem;}

/* .search_box {
    .multi_select .items, select {height:1.625rem;line-height:1.55rem;}
    [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week] {height:1.625rem;}
    .btn {height:1.625rem;}
} */

.modal .search_box {border-width:1px;}


.form_col {display:flex;}
.form_col .form_tit {flex:none;display:inline-flex;width:9rem;padding-left:1.25rem;color:#a2abda;font-size:.8125rem;font-weight:bold;align-items:center;  }
.form_col .form_tit.start {align-items: flex-start; padding-top:0.625rem;}
.essential {font-weight:bold; }
.essential:after {content:'*';padding-left:.25rem;color:#5c59ff;font-size:1.125rem;font-weight:bold;line-height:1;}
.form_col .form_cnt {position:relative; flex:auto;max-width:calc(100% - 8rem);padding:.25rem .25rem;white-space:nowrap; color:#fff; font-size:0.875rem; }
.form_col .form_cnt .set { font-size:.0.8125rem;}
.form_col .form_cnt.center {display:flex; align-items: center;} 
/* .form_col .form_cnt input[type=checkbox] + label {display:inline-block;} */
.form_col .form_cnt .input_data {display:flex;min-height:1.875rem;align-items:center;padding:.25rem .5rem;background-color:#e3e9ef ;font-weight:bold;font-size:.8125rem;word-break:keep-all;white-space:normal;}
.form_col .form_cnt .input_data.textarea {padding:.5rem;}
.form_col .form_cnt .selecteditem {display:none;gap:2px;height:1.875rem;border:1px solid #c8ced2;padding:4px 6px;background-color:#fff;align-items:center;font-size:13px;color:#2E3033;cursor:pointer;}
.form_col .form_cnt .selecteditem span {display:inline-block;overflow:hidden;}
.form_col .form_cnt:has(.fuc_editor) {max-width:100%;}
.form_col .form_cnt .text {margin: 0 0.25rem; font-size:12px; color:rgba(215, 223, 233, 0.6)}
.form_col .form_cnt p {padding:0.25rem; font-size:0.75rem; color:rgba(255,255,255,0.8)}
.form_col .form_cnt .tag {margin-right:0.5rem;font-size:0.8125rem;}

.form_group {display:flex;flex-direction:column;}
.form_group.light {background-color:#fff;}
.form_group .form_col {flex:none;display:flex;position:relative;}
.form_group .form_col.center {align-items: center;}
.form_group.flex-row {flex-direction: row; }
.form_group.verti {display:flex;flex-direction:column;gap:.5rem;}
.form_group.verti .form_col { flex-direction:column;}
.form_group.verti .form_col .form_tit {width:100%;padding-left:.5rem;}
.form_group.verti .form_col .form_cnt {max-width:100%;}
.form_group.horiz .form_col {align-items: center;}
.form_group.horiz .form_col .form_tit { padding-left:0.75rem;}
.form_group.horiz .form_col .form_cnt {padding-left:0; padding-right:0; line-height:1.625rem;}
.form_group.mini .form_col .form_tit {width:110px;padding-left:0.5rem; font-size:12px; }
.form_group.mini .form_col .form_cnt {max-width:calc(100% - 110px)}
.form_group.horiz:has(.btn.close)  .form_col .form_tit {padding-left:2rem; }
.form_group.horiz .btn.close {position: absolute; left:0; top:50%; margin-top:-0.625rem;}

.modal .form_group.horiz .form_col .form_tit {width:6rem;}
.modal .form_group.horiz .form_col .form_cnt {max-width:calc(100% - 6rem)}


/* 리포트관리 실행조건 그룹 */
.form_bundle_wrap {display:flex; flex-direction: column; gap:0.5rem;}
.form_bundle_wrap .line {display:block; width:100%; height:1px; border-top:1px dashed rgba(255,255,255,0.1); display:none;}
.form_bundle { position:relative; display:block; width:calc(100% - 0.25rem); margin-left:0.25rem;border:1px dashed rgba(255,255,255,0.15); background-color:rgba(109, 119, 180, 0.08); padding:0.3125rem; border-radius:0.5rem;}
/*
.form_bundle:before {content:''; position:absolute; left:0; top:0; width:0.5rem; border-top:1px dashed rgba(255,255,255,0.15)}
.form_bundle:after {content:''; position:absolute; left:0; bottom:0; width:0.5rem; border-bottom:1px dashed rgba(255,255,255,0.15)}
*/
.form_bundle .form_col .form_tit {width:8.25rem; padding-left:1.75rem !important}
.form_bundle .form_col .form_cnt { max-width:calc(100% - 8.25rem);}
.form_bundle .btn.close {position:absolute;left:0; top:50%; margin-top:-0.75rem; margin-left:-0.75rem; width:1.5rem !important; height:1.5rem !important; border-radius:50%; background-color:#95a6cb !important; box-shadow: 0 0 0.5rem rgba(0,0,0,0.3); z-index:10}
.form_bundle .btn.close:after {background-size:auto 40% !important; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 1.81286L16.1871 0L9 7.18714L1.81286 0L0 1.81286L7.18714 9L0 16.1871L1.81286 18L9 10.8129L16.1871 18L18 16.1871L10.8129 9L18 1.81286Z' fill='%23F9F9F9'/%3E%3C/svg%3E%0A");}



/* 팝업 폭 보강 */
.modal_body .form_col .form_cnt:has(.square.single) {max-width:100%;}

.fieldset_group {display:flex; gap:.5rem;width:100%;}
.fieldset_group.verti {flex-direction:column;}
.fieldset_group.verti .form_col .form_tit { padding-left:0.75rem;width:9.5rem;}
.fieldset_group.roundbox {padding:0.875rem; border:1px solid rgba(255,255,255,0.15); border-radius:0.625rem;}
.fieldset_group.roundbox.top {padding:0.3125rem; }
.fieldset_group.roundbox.top .form_col .form_tit {width:7rem;}
.fieldset_group.roundbox.top .form_col .form_cnt {width:calc(100% - 7rem)}


.fieldset_group .h2 {margin:0.5rem 0 0; padding:0; font-size:0.9375rem; font-family: 'pretendard'; font-weight:500; line-height:1.5em; color:#fff; }
.fieldset_group .sub_txt {font-size:13px;line-height:1.5em; color:rgba(255,255,255,0.6); }
.fieldset_group .table_header {height:2.75rem;background-color:#eff2f5;padding-top:0;}
.fieldset_group .table_header .btn {height:1.875rem;}
.fieldset_group.col2 fieldset .form_group, .fieldset_group.col3 fieldset .form_group, .fieldset_group.col4 fieldset .form_group, .fieldset_group.col5 fieldset .form_group, .fieldset_group.col6 fieldset .form_group, .fieldset_group.col7 fieldset .form_group, .fieldset_group.col8 fieldset .form_group {flex-direction:row;flex-wrap:wrap;}
.fieldset_group.flex-row fieldset .form_group {display:flex; flex-direction: row;}
.fieldset_group.col2 fieldset .form_group .form_col, .fieldset_group.col3 fieldset .form_group .form_col, .fieldset_group.col4 fieldset .form_group .form_col, .fieldset_group.col5 fieldset .form_group .form_col, .fieldset_group.col6 fieldset .form_group .form_col {display:inline-flex;flex:none;}
.fieldset_group.col2 fieldset .form_group .form_col {width:50%;}
.fieldset_group.col2 fieldset .form_group .form_col.colspan2 {width:100%;} 
.fieldset_group.col3 fieldset .form_group .form_col {width:33.33%;}
.fieldset_group.col3 fieldset .form_group .form_col.colw {width:40%;}
.fieldset_group.col3 fieldset .form_group .form_col.colspan2 {width:66.66%;}
.fieldset_group.col4 fieldset .form_group .form_col {width:25%;}
.fieldset_group.col4 fieldset .form_group .form_col.colspan2 {width:50%;}
.fieldset_group.col4 fieldset .form_group .form_col.colspan3 {width:75%;}
.fieldset_group.col5 fieldset .form_group .form_col {width:20%;}
.fieldset_group.col5 fieldset .form_group .form_col.colspan2 {width:40%;}
.fieldset_group.col5 fieldset .form_group .form_col.colspan3 {width:60%;}
.fieldset_group.col5 fieldset .form_group .form_col.colspan4 {width:80%;}
.fieldset_group.col6 fieldset .form_group .form_col {width:16.66%;}
.fieldset_group.col6 fieldset .form_group .form_col.colspan2 {width:33.32%;}
.fieldset_group.col6 fieldset .form_group .form_col.colspan3 {width:50%;}
.fieldset_group.col6 fieldset .form_group .form_col.colspan4 {width:66.6%;}
.fieldset_group.col6 fieldset .form_group .form_col.colspan5 {width:83.3%;}
.fieldset_group.col8 fieldset .form_group .form_col {width:auto;flex:none;}
.fieldset_group fieldset .form_group .form_col.w80 {width:80%;}
.fieldset_group fieldset .form_group .form_col.w70 {width:70%;}
.fieldset_group fieldset .form_group .form_col.w60 {width:60%;}
.fieldset_group fieldset .form_group .form_col.w50 {width:50%;}
.fieldset_group fieldset .form_group .form_col.w45 {width:45%;}
.fieldset_group fieldset .form_group .form_col.w40 {width:40%;}
.fieldset_group fieldset .form_group .form_col.w35 {width:35%;}
.fieldset_group fieldset .form_group .form_col.w30 {width:30%;}
.fieldset_group fieldset .form_group .form_col.w32 {width:32%;}
.fieldset_group fieldset .form_group .form_col.w25 {width:25%;}
.fieldset_group fieldset .form_group .form_col.w20 {width:20%;}
.fieldset_group fieldset .form_group .form_col.w18 {width:18%;}
.fieldset_group fieldset .form_group .form_col.w15 {width:15%;}

.fieldset_group fieldset .form_group .form_col.full {width:100% !important;}
.fieldset_group fieldset .form_group .form_col.verti {flex-direction:column;}
.fieldset_group fieldset .form_group .form_col.verti .form_tit {display:flex;width:auto;}
.fieldset_group fieldset .form_group .form_col.verti .form_cnt {padding-bottom:.5rem;} 
.fieldset_group fieldset .form_group .form_col.verti:last-of-type .form_cnt {padding-bottom:0;} 
.fieldset_group fieldset .form_footer {position:relative;padding:0 .5rem .5rem;text-align:right;}
.fieldset_group fieldset .form_footer .btn {height:2rem;padding:0 1.5rem;}

.fieldset_group .btn.close {width:1.25rem; height:1.25rem;}
.fieldset_group .btn.close:after {width:100%; height:100%; background-size:auto 100%;}

/* Question 검색 레이어팝업 */
#modal_search_question .search_box .fieldset_group.col6 .form_group .form_col {width:100% !important;}


.form-sch {display:flex; align-items: center; width:50%; min-width:15rem;  background-color: rgba(69, 81, 129, 0.2);  border-radius:0.25rem; border:1px solid rgba(255,255,255,0.1)}
.form-sch.readonly {  background-color: rgba(94, 99, 199, 0.2) !important; border:0;}
.form-sch.readonly input[readonly] {background-color:transparent !important; border:0 !important}
.form-sch input {border:0 !important; width:100%; background-color:transparent !important}
.form-sch input:focus {border:0;}
.form-sch button {background-color:transparent}
.form-sch.full {width:100%;}




.btn_wrap .txt_byte {position:absolute;left:1.5rem;top:-.5rem;font-size:.6875rem;color:#888;}

.write_wrap .btn_wrap {padding:1rem .5rem 2rem;}

.form_write {display:flex;flex-direction:column;gap:1rem;padding:0 .5rem .25rem;}
/* .form_write .fieldset_group:first-of-type {border-top:1px solid #21262C;padding-top:.25rem;} */
.form_write:last-child {padding-bottom:0;}
.form_write fieldset {flex:auto;margin-top:1.875rem; border:1px solid rgba(255,255,255,0.15); border-radius:0.625rem; /*box-shadow:1px 1px .1875rem rgba(0, 0, 0, .1);*/}
.form_write fieldset legend {display:block;position:absolute;left:0;top:-1.65rem;font-size:.8125rem;}
.form_write fieldset.nolegend {margin-top:0;}
.form_write fieldset.nolegend legend {display:none;}
.form_write .form_group {padding:.375rem;}
.form_write .form_group:has(.t_list) {padding:0;}
.form_write fieldset .t_form:before {display:none;}
.form_write fieldset .t_form .form_group .form_cnt {display:flex;align-items:center;}
.form_write fieldset .t_form tbody th {width:5rem;}
/* .form_write fieldset .form_tit {width:10.5rem;}  */
.form_write fieldset .form_cnt input {padding-left:.5rem;padding-right:.5rem;}
.form_write fieldset .form_cnt .btn {/*padding:0  0.5rem; */border-radius:0.25rem;}
.form_write fieldset .form_cnt.pass input {width:calc(100% - 5.875rem);}
.form_write fieldset .form_cnt.pass .btn {width:5.625rem; }

.form_write fieldset .t_list_wrap {border:0;}


/* 에디터 */
.form_write.editor {padding:0.5rem 0; }
.form_write.editor .form_group {padding-left:0.625rem; padding-right:0.625rem;}

/* 팝업용 */
.modal .form_write {padding-left:0;padding-right:0;}

.form_search fieldset {margin-top:0;border:0;box-shadow:none;}
.form_search fieldset legend {display:none;}
.form_search fieldset .set {padding-bottom:.5rem;}
.form_search input {width:10rem;height:2rem;border-color:#6a9bc4;}

/* 정렬 */
.btn_sort {float: left;position:relative;display:inline-block;width:7rem;z-index:1;}
.btn_sort span {display:block;padding: 0 1.25rem 0 .5rem;margin: 0 4px 0 0;line-height:2rem;font-size:.75rem;letter-spacing:-1px;text-align:right;cursor: pointer;}
.btn_sort.type2 span {background-position-x:calc(100% - 4px);background-position-y:center;background-repeat:no-repeat;background-size:auto 12px;background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33325 7.5L10.3333 12.5L15.3333 7.5' stroke='%23EEEEEE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.btn_sort:hover ul {display: block;}
.btn_sort ul {display: none;position: absolute;top:0;left:0;right:0;border:1px solid #656769; border-radius:0.375rem; background: var(--color-basic-bg); box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.15);z-index: 20; overflow: hidden;}
.btn_sort li {display:flex;line-height:24px;font-size:12px;padding:0 6px;text-align:left;cursor: pointer;font-weight: normal;}
.btn_sort li:before {content:'';width:20px;font-weight:normal;flex:none;text-align:left;}
.btn_sort li.on {/*background:#f0f0f0;*/font-weight: bold;}
.btn_sort li.on:before {content:'✓';}
.btn_sort li:hover {background:#303147;}

/* 차량리스트 */
.t_list_wrap {position:relative;min-width:100%;border:1px solid #1C202B; border-radius:0.5rem;}
.t_list_wrap .title_fixed {width:100%;overflow:hidden; }
.t_list_wrap .title_fixed .t_list {min-width:auto;}

.list_wrap {min-width:100%;overflow:auto; }
.list_wrap::-webkit-scrollbar {width:5px;height:6px;}

.t_list, .t_form {position:relative;width:100%;font-size:.875rem;z-index:0;}
/*.t_list:before, .t_form:before {content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background-color:#242633;z-index:1;}*/
.t_list {line-height:1;}
.t_list thead th {position:relative;height:2rem;padding:.5rem 0;/* background-color:#1f2331;*/ background-color:rgba(158, 170, 240, 0.15); line-height:1.3;font-size:.75rem;color:#fff; letter-spacing: 0;}
/* .t_list thead th:first-of-type {border-left:1px solid #c7ced7;} */
.t_list thead th a {display: block;position:relative;height:100%;padding-right:10px;}
.t_list thead th a:after {border-width: 5px 5px 0 5px;border-color:#242424 transparent transparent transparent;}
.t_list thead th:has(.down), .t_list thead th:has(.up) {background-color:#3c3e41;}
.t_list thead th:has(.down) a, .t_list thead th:has(.up) a {color:#000000;font-weight:bold;}
.t_list thead th a:after {top:auto;bottom:0;}
.t_list thead th a.up:before {border-color: transparent transparent #000000 transparent;}
.t_list thead th a.down:before {border-color:transparent transparent #000000 transparent;}
.t_list thead th a.down:after {border-color:#000000 transparent transparent transparent;}
.t_list thead th:first-of-type {border-radius:4px 0 0 0px;}
.t_list thead th:last-of-type {border-radius:0 4px 0px 0;}

.t_list tbody tr.disable {background-color:#2b3138 !important;opacity:.3;}
.t_list tbody tr.disable td button {display:none !important;}
.t_list tbody th, .t_list tbody td {position:relative;height:2.25rem;padding:.25rem;/*padding:.25rem .125rem;*/border-bottom:1px dashed rgba(158, 170, 240, 0.2); /*border-right:1px solid #232733; */ line-height:1.3;text-align:center;font-size:.8125rem;letter-spacing:0;}
.t_list tbody th:first-of-type {/*border-left:1px solid #e1eaef;*/  font-weight:normal;font-size:.75rem;}
.t_list tbody td:last-of-type{border-right:0;}
.t_list tbody td, .t_list tbody td * {word-break:break-all;}
.t_list tbody td .btn {padding:0 .75rem;vertical-align:middle;font-size:.75rem;}
.t_list tbody td .btn, .t_list tbody td .btn:after {height:1.5rem;}
.t_list .btn.icononly {display:inline-flex;width:1.875rem;}
.t_list .btn.icononly.toggle {width:100% !important;height:100% !important;padding:0 !important;}
.t_list tbody td .carname {text-align:left;font-size:.875rem;}
.t_list tbody td .carname.type2 {padding:.125rem 0;font-size:.9375rem;font-weight:bold;}
.t_list tbody td .carname .opt {display:flex;gap:.25rem;align-items:center;letter-spacing:-.5px;font-weight:normal;font-size:.75rem;color:#979797;word-break:keep-all;flex-wrap:wrap;}
.t_list tbody td .carname .opt span {display:inline-block;width:1px;height:.5rem;margin:0 .125rem;background-color:#e9e9e9;}
.t_list tbody td .subject {text-align:left;}
.t_list tbody td.reply .subject:before {content:'┗ ';padding-right:.5rem;line-height:1;letter-spacing:0;font-weight:bold;}
.t_list tbody td .category {width:100%;padding:0 .5rem;text-align:right;color:#007edd;font-weight:normal;}
.t_list tbody td.t_right {text-align:right;padding-right:.5rem;}
.t_list tbody td.t_left {text-align:left;padding-left:.35rem;}
.t_list tbody td.memo {width:23rem;padding:.5rem;text-align:left;line-height:1.3;}
.t_list tbody td.subject {padding-left:.5rem;text-align:left;line-height:1.5;}
.t_list tbody td.price {text-align:right;}
.t_list tbody td.price b {font-size:.875rem;color:#0070ff;line-height:1;}
.t_list tbody td .link {font-weight:bold;letter-spacing:-.5px;}
.t_list tbody td.memocount .link {display:inline-block;padding:0 .25rem;font-size:.9375rem;line-height:1;color:#ff5e00;font-weight:bold;vertical-align:baseline;}
.t_list tbody td.memocount .link:after {background-color:#ff5e00;}
.t_list tbody td.memocount .link.off {color:#000;}
.t_list tbody td.memocount .link.off:after {background-color:#555;}
.t_list tbody td.seller div {font-weight:bold;font-size:14px;}
.t_list tbody td .impact {color:#0070ff;}
.t_list tbody tr:hover {background-color:rgba(124, 127, 156, 0.08);}
.t_list tbody td b {letter-spacing:0;}
.t_list tbody td * {vertical-align:baseline;}
.t_list tbody tr.selected td {background-color:#ebf6ff;}
.t_list tbody tr.ingstate td {background-color:#ebf6ff;}
.t_list tbody td.togglebg {background-color:#f1f4f7;}
.t_list tbody tr.sum th, .t_list tbody tr.sum td {background-color:#ffebeb !important;font-weight:bold;}
.t_list tbody tr.sum td.price b {color:#ff3131;}
.t_list tbody tr.totalsum th, .t_list tbody tr.totalsum td {background-color:#feffeb !important;font-size:.8735rem;font-weight:bold;}
.t_list tbody tr.totalsum td.price b {color:#ff3131;}
.t_list tbody tr.devide th, .t_list tbody tr.devide td {border-bottom-color:#4c4d57;}
.t_list tbody tr.processok th, .t_list tbody tr.processok td {background-color:#ebfff5;} /* 표시 */
.t_list tbody tr.pricesecond td {background-color:#e3e7e6;}
.t_list tbody tr.failed td {background-color:#e7e7e7;}
.t_list tbody td.company {padding:.5rem;color:#858585;}
.t_list tbody td .subtxt {color:#858585;}
.t_list tbody td .btn_wrap {flex-wrap:wrap;padding:.5rem 0;gap:.125rem;}
.t_list tbody td .btn_wrap .btn {width:100%;padding:0 .25rem;}
.t_list tbody td .btn_wrap.col2 .btn {width:47%;}
.t_list tbody td .btn_wrap.col2 .btn.line {width:97%;}
.t_list tbody tr.notice th, .t_list tbody tr.notice td {background-color:rgb(52, 39, 126, 0.5);} /* 고정공지 */
.t_list tbody tr td.issue_memo {text-align:left;line-height:1.5 !important;text-indent:5px !important;white-space:pre-wrap !important;word-break:break-all !important;}
.t_list tbody tr td.thismonth {background-color:#ecf7f1;font-weight:bold;color:#00384f;}
.t_list tbody tr td.charttitle {background-color:#eff8fb;font-weight:bold;}
.t_list tbody td.carhistory .partwrap {display:flex;}
.t_list tbody td.carhistory .partdetail {flex:auto;text-align:left;}
.t_list tbody td.carhistory .partdetail .impact {line-height:2;}
.t_list tbody td.carhistory .part {flex:none;width:50%;}
.t_list tbody td.carhistory .part iframe {zoom:.7;}
.t_list tr td.data-empty {background-color:transparent !important}
.t_list.row3devide tr:nth-of-type(3n) td {border-bottom-color:#7b7e81 !important;}

/* .t_list.row3devide tr:nth-of-type(3n) td:first-of-type::before {content:'';position:absolute;left:0;top:0;bottom:0;background-color:#7b7e81;} */

.t_list.data tbody tr:hover {background-color:transparent;} 
.t_list.data tbody td a {cursor:default;}
.t_list.data thead th {border-right:1px solid #c5c5c5;}

/* 리포트랭킹 */
.t_list.raking tbody th {font-family: 'pretendard'; font-size:1.125rem;line-height:1.2rem; font-weight:600;padding:0.75rem 0.25rem;}


/* .info_popup > b {display:block;padding-bottom:.25rem;font-weight:normal;text-align:center;} */

/* 정보 테이블 */
.t_form_group {display:flex;}
.t_form_group .t_form {flex:1;}
.t_form_group .t_form + .t_form {border-left:1px solid rgba(157, 164, 236, 0.1);}
.t_form .form_col {width:100%;border-bottom:1px solid rgba(157, 164, 236, 0.1);}
.t_form .form_col .form_tit {width:8rem;background-color:rgba(157, 164, 236, 0.1);}
.t_form .form_col.head .form_tit {width:auto;background-color:rgba(157, 164, 236, 0.1);text-align:center;color:#50555C;font-weight:bold;}
.t_form .form_col .form_tit, .t_form .form_col .form_cnt {position:relative;border-right:1px solid rgba(157, 164, 236, 0.1);padding:.5rem .75rem;line-height:1.3;}
.t_form .form_col .form_cnt {padding:.25rem .5rem;}
.t_form .form_col .form_cnt {letter-spacing:0;font-size:.75rem;font-weight:bold;}
.t_form .form_col .form_cnt:last-of-type {border-right:0;}
.t_form.col4 .form_col .form_cnt {flex:none;width:calc(50% - 8rem);}
.t_form.col6 .form_col .form_cnt {flex:none;width:calc(33.33% - 8rem);}
.t_form.col10 .form_col .form_cnt {flex:none;width:calc(20% - 8rem);}
.t_form.col10 .form_col .form_cnt.colspan3 {width:calc(60% - 8rem);}
.t_form thead th {background-color:rgba(157, 164, 236, 0.08);border-bottom:1px solid rgba(157, 164, 236, 0.1);line-height:2rem;font-size:.75rem;}
.t_form tbody th {width:8rem;background-color:rgba(157, 164, 236, 0.08);}
.t_form tbody th, .t_form tbody td {height:2.25rem;padding:.25rem .5rem;border-right:1px solid rgba(157, 164, 236, 0.1);border-bottom:1px solid rgba(157, 164, 236, 0.1);}
.t_form tbody td:last-of-type {border-right:0;}

/* 게시판 */
.t_view {border-top:1px solid #2a2e3d; padding-top:0.5rem;}
.t_view .form_group {padding:1rem; border-radius:0.75rem; border:1px solid rgba(255,255,255,0.12); background-color:rgba(123, 121, 226, 0.04)}
.t_view .title {display:flex;align-items:center;flex-wrap:wrap;padding:.5rem 0;font-size:1.1rem;font-weight:bold;letter-spacing:-.5px;font-family:'pretendard';}
.t_view .title .category {display:inline-block;padding:0 .5rem;color:#007edd;letter-spacing:0;font-weight:normal;letter-spacing:-.5px;vertical-align:middle;font-family:'pretendard';}
.t_view .form_col .form_tit {width:9rem; padding-left:1rem; border-bottom:1px solid rgba(157, 164, 236, 0.1); font-size:0.8125rem;}
.t_view .form_col .form_cnt {padding:.875rem 1rem;border-bottom:1px solid rgba(157, 164, 236, 0.1);}
.t_view .form_col:last-of-type .form_tit, .t_view .form_col:last-of-type .form_cnt{ border-bottom:0}


/* 로그인 */
.loginpage {
    background-image:url(../images/bg_login.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;
    .wrap {padding:0; display:flex; justify-content: center; align-items: center;min-width:100%;}
    .container {height:auto; padding:0; }
    .container .content {max-width:auto;}

    .login-wrap {
        display:flex;width:26.25rem;height:100%;padding:3.75rem 3.5rem;gap:2rem;flex:none;flex-direction:column;justify-content:center;
         background-color:rgba(15,23,43,0.5); border:1px solid rgba(179, 173, 253, 0.25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius:0.75rem; box-shadow:0.5rem 0.5rem 1.5rem rgba(0,0,0,0.3);
        
        .btn.icon {width:100%;height:3rem;padding:0;}
        .btn.icon:after { display:none; 
            /* position:absolute;right:1rem;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.415 17.83L21.415 11.83L15.415 5.82996' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 11.9H21' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
        }
     
        .login_logo {display:flex; flex-direction: column; align-items: center; gap:0.75rem; color:#21262C;font-size:1.375rem;font-weight:bold; text-align:center;}
        .login_logo b {display:block;font-size:0;width:100%; height:3rem; background:url(../images/logo.svg) no-repeat center ; background-size: auto 100%;}
        .login_logo .welcome {  font-weight:700; font-size:1.125rem;font-family: 'pretendard'; letter-spacing: 0; background: linear-gradient(  90deg, #8181ff 20%, #E960C4 80% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
        .login_logo .h2 {font-size:1.25rem; color:#fff; font-weight:600;padding:0; }
        input[type=checkbox] + label { padding-left:1.625rem; }
        input[type=checkbox] + label:before { top:2px; background-color:transparent; border:1px solid rgba(255,255,255,0.3); border-radius:0.25rem; width:20px; height:20px;}
        input[type=checkbox] + label:after { left:2px; top:3.5px }
       .btn_wrap {padding-top:2rem;}
       .btn_wrap .btn {height:3rem;}
        input[type=checkbox] + label {font-size:.8125rem;}
        input {height:3rem;padding-left:1rem;border:0;background-color:transparent;font-size:.9375rem; font-family: 'pretendard';}
        .set .remain {position:absolute; right:1rem; top:0.8125rem; font-size:0.8125rem; font-weight:600; color:rgb(255, 81, 240)}
        .set .btn {height:3rem;}
        .fieldset { display:flex; flex-direction: column; gap:1rem;}
        .fieldset .txt {font-size:0.75rem; line-height:1.6; opacity: 0.6; color:#fff; letter-spacing: 0;}
        .form_tit { font-family: 'pretendard'; padding-bottom:0.5rem; font-weight:200 !important; letter-spacing: 0; color:rgba(255,255,255,0.8)}
        .form_cnt {position: relative;}
        .form_group { width:100%; padding:0 0 1px;}
        .form_group .fieldset {gap:1px;}
        .form_group.checkbox {display:flex;gap:0.5rem;}
        .form_group.checkbox .agree {display:flex; justify-content: space-between; align-items: center; }
        .form_group.checkbox .agree a {font-size:0.8125rem; color:rgba(255,255,255,0.6); text-decoration: underline;}
        .form_group.checkbox label {flex:auto;color:rgba(255,255,255,0.8)}
        .form_group.checkbox button { width:100%; font-size:.9375rem; background-color: #6031FF; border:0; border-radius:0.375rem;}
        .form_group {     
            .btn {font-size:0.9375rem; font-weight:500;}
            input { border:1px solid rgba(255,255,255,0.1); border-radius:0.375rem;}
             input:focus {border-color:#6031FF !important}
            .userid::after, .pass::after, .email::after {content:'';position:absolute; left:auto; right:.75rem;top:.5rem;width:1.875rem !important;height:1.875rem;background-position:center;background-repeat:no-repeat;background-size:auto 100%; opacity: 0.5; }
            .userid::after {background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6667 12.8333C17.6667 14.3066 16.4733 15.5 15 15.5C13.5267 15.5 12.3333 14.3066 12.3333 12.8333C12.3333 11.36 13.5267 10.1666 15 10.1666C16.4733 10.1666 17.6667 11.36 17.6667 12.8333Z' stroke='%23F1F1F1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 21.4999V20.0333C9.1 18.5399 10.3867 17.4133 11.88 17.4999H18.12C19.6133 17.4133 20.9 18.5399 21 20.0333V21.4999' stroke='%23F1F1F1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
            .pass::after {background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3334 14.1666H9.66669V21.5H20.3334V14.1666Z' stroke='%23F1F1F1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3334 14.1666L12.3333 12.1646C12.3675 11.0347 13.5573 10.1404 15 10.1672C16.4427 10.1404 17.6324 11.0347 17.6666 12.1646L17.6667 14.1666' stroke='%23F1F1F1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 16.1666V18.1666' stroke='%23F1F1F1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
            .email::after {content:"@"; font-size:1rem; display:flex; align-items: center; justify-content: center;}

        }


        .guidebox {height:1.875rem;}
        .copyright {font-size:.8125rem;color:rgba(255,255,255,0.3); text-align: center; letter-spacing: 0;}
    }
  


    /* 로그인 */
    .loginWrap {width:520px;margin:0 auto;}
    .loginWrap .fieldset {padding:30px 0;}
    .loginWrap .fieldset .unit input {padding-left:48px;}
    .loginWrap .fieldset + .agree-box {margin-top: 40px;}
    .loginWrap .form_group.checkbox {margin-top:-20px;padding-left:6px;}
    .loginWrap .form_group.checkbox input + label {color:#858B93;}
    
}

.msg-cont {display:flex; flex-direction: column; justify-content: center; align-items: center; gap:1rem; }
.msg-cont figure {width:5rem; height:5rem; padding:0.5rem; background-color:rgb(90, 61, 255,0.4); border-radius:50%;}
.msg-cont span {display:flex; width:100%; height:100%; border-radius:50%; background-color:#5a3dff;   background-repeat:no-repeat; background-position: center ; background-size:auto 2rem;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3 5.30005L8.49999 12.1L5.69999 9.30005L4.29999 10.7L8.49999 14.9L16.7 6.70005L15.3 5.30005Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");}
.msg-cont p { color:#fff; font-size:0.875rem; font-weight:400; line-height:1.5em;  }




/* 멤버선택 */
.membercheck_list li {display:flex;gap:1rem;padding:.2rem 0;align-items:center;font-size:.75rem;}
.membercheck_list li input + label {min-width:auto;height:1.875rem;}
.membercheck_list li select {flex:none;width:15rem;}
.membercheck_list li .li_cont {display:none;gap:.5rem;align-items:center;}
.membercheck_list li .li_cont input {width:12rem;}
.membercheck_list li .unit {flex:auto;}
.membercheck_list li input[name=MemberGbn]:checked + label + .li_cont {display:flex;}
.membercheck_list li .listtit {width:5rem;}
.membercheck_list.col2, .membercheck_list.col4 {display:flex;flex-wrap:wrap;}
.membercheck_list.col2 li {width:50%;display:inline-flex;}
.membercheck_list.col4 li {width:25%;display:inline-flex;padding-left:2rem;}
.membercheck_list.col4 li .listtit {width:auto;}

.bottom_padd {height:2rem;}

/* 설정 2단 */
.setting_group {display:flex;}
.setting_group .t_list_wrap {flex:auto;min-width:auto;}
.setting_group .form_write {flex:none;width:30rem;}
.setting_group .t_list_wrap .table_header {background-color:#eff2f5;border-bottom:1px solid #b3bdc7;}
.setting_group .menutree_wrap {flex:none;width:40rem;background-color:#eff2f5;border-top:1px solid #b3bdc7;border-bottom:1px solid #b3bdc7;}
.setting_group .menutree_wrap .table_header .title {flex:auto;}
.setting_group .menutree_wrap .tree {height:calc(100vh - 5.5rem);padding:.5rem;}

/* 메뉴 트리 */
.jstree-default {width:36rem;}
.jstree-default .jstree-children .jstree-children .jstree-children .jstree-node {position:relative;display:flex;align-items:center;}
.jstree-default .jstree-children .jstree-children .jstree-children .jstree-node:before {content:'';position:absolute;left:2rem;right:0;bottom:0;height:1px;background-color:#e2e7e9;}
.jstree-default .jstree-children .jstree-children .jstree-children .jstree-node a {display:inline-block;flex:auto;}




/* 프롬프트 */
.pop-prompt {width:1000px;}
.pop-prompt .h3 {font-size:0.9375rem; font-weight:400; color:#fff; padding-bottom:0.5rem;}
.pop-prompt .conts_row { flex-wrap: nowrap;}
.pop-prompt .conts_row .conts_col  {  width:100%; padding-right:1rem;}
.pop-prompt .conts_row .conts_col  + .conts_col { padding-left:1rem; padding-right:0;}
.pop-prompt .result-card { min-width:auto; height:30rem; word-break: break-all;}
.result-card {min-width:28rem; min-height:10rem; border:1px dashed rgba(185, 181, 255, 0.25); border-radius:0.5rem; padding:1rem 1.5rem; background-color:#252738; color:#fff;white-space:pre-wrap;line-height:1.5; word-break: keep-all; overflow-y: scroll;}
.pop-prompt.single {width:500px; }
.pop-prompt.single .conts_row .conts_col  {padding:0;}
.pop-prompt.single .conts_row:after,.pop-prompt.single .conts_row:before {display:none !important}



/* 메인 */
.main_wrap {
display:flex;flex-direction:column;gap:1rem; padding-top:0.25rem; font-family: 'pretendard';
.title_wrap.h3 {padding-right:0;}
.title_wrap h3 { font-family: 'pretendard'; font-weight:600; }

.t_list tbody tr:last-of-type td {border-bottom:0;}
.t_list thead th:first-of-type {border-radius:4px 0 0 4px;}
.t_list thead th:last-of-type {border-radius:0 4px 4px 0;}

.main_state ul {display:flex;gap:1em;}
.main_state ul li {flex:1;border-radius:.625rem;padding:1.125rem 1.125rem;background-color:#171B27; color:#f4f6f9;border:1px solid rgba(255,255,255,0.12); font-family: 'pretendard';}
.main_state ul li p { font-size:.8125rem;font-weight:400;color:#e0e2eb; font-family: inherit;}
.main_state ul li .row {display:flex; justify-content: space-between; align-items: flex-end; padding-top:0.625rem }
.main_state ul li .count {display:flex;align-items:flex-end;font-family: inherit;gap:0.1875rem;}
.main_state ul li .count b {font-size:1.5rem;line-height:1.25rem;color:#fff; letter-spacing: 0;  font-family: 'Pretendard';}
.main_state ul li .count i { font-size:1.125rem; line-height:1.025rem; font-family: 'Pretendard'; font-weight:300;}
.main_state ul li .count_small  {padding:0 .125rem 0;color:#fff;font-weight:normal;font-size:0.8125rem; line-height:0.8125rem;  color:#aab0b9; font-family: 'Pretendard'; letter-spacing: 0;}
.main_state ul li .count_small span {color:#01e4b3; font-family: 'Pretendard';}

.card-wrap {display:flex; gap:1rem;  width:100%;}
.card-wrap .card-item { position: relative; width:100%; background-color:transparent; border:1px solid rgba(255,255,255,0.09); background-color:rgba(255,255,255,0.01); border-radius:0.625rem; padding:1rem; }
.card-wrap .card-item .h3 { position: relative;  font-size:1rem; font-weight:600; color:#fff;padding:0 0.25rem;margin:0 ; z-index:5;}
.card-wrap .t_list {margin-top:0.75rem;}
.card-wrap .t_list tbody td {text-align:left;padding: 0.25rem 0.5rem}

/* apexcharts 속성 */
.apexcharts-tooltip {padding:0.25rem 0.25rem 0.75rem !important}
.apexcharts-tooltip-series-group{ padding:0 12px !important; gap:5px !important}
.apexcharts-tooltip-text { letter-spacing: 0 !important;}
.apexcharts-tooltip-y-group {padding:3px 0 !important}
.apexcharts-tooltip-marker {margin:0 !important}
.apexcharts-legend {margin-top:-1.625rem;}
.apexcharts-legend-marker { width:10px !important; height:10px !important;  top:1px !important; margin-right:5px !important;  }
.apexcharts-legend-marker svg {border-radius:10px  !important;}
/*X축, Y축 숫자 */
.apexcharts-yaxis-label, .apexcharts-xaxis-label { letter-spacing: 0 !important;}

.donut-chart {display:flex; justify-content: center; align-items: center;padding-top:1rem; }
.donut-chart .apexcharts-legend {margin-top:0; height:auto !important;justify-content: center !important; top:0 !important}
.donut-chart .apexcharts-legend-text {color:rgba(255,255,255,0.8) !important; font-size:14px !important; letter-spacing: 0 !important;}
.donut-chart .apexcharts-tooltip {padding:0 !important}
.donut-chart #donut-chart {width:55%; display:flex; justify-content: center;}
.custom-legend {display:flex; flex-direction: column; width:45%;  gap:0.5rem;}
.custom-legend div{ display:flex; align-items: center;  color:#fff;}
.custom-legend strong{  font-weight:700;color:#fff; font-family: 'pretendard'; font-size:1rem; letter-spacing: 0;}
.custom-legend .dot{   width:10px;height:10px;  border-radius:50%;display:inline-block;margin-right:5px;}
.custom-legend .dot1{ background:#7367F0; }
.custom-legend .dot2{ background:#EA39B8; }
.custom-legend em.title {width:4.5rem;}

.raking_category {padding :1.25rem 0.75rem 0 0.25rem; }
.raking_category ul { gap:0.75rem; }
.raking_category ul li {height:auto !important;}
.raking_category ul li .card-bar .bar { height:0.75rem;  }
} /*end .main_wrap */
#chart1, #chart2,#chart3 {width:100%;min-height:auto !important}


/* 랭킹 */
.raking_category {padding :0.5rem 0.25rem 0; }
.raking_category ul {display:flex; flex-direction: column; gap:0;}
.raking_category ul li {display:flex; align-items: center; justify-content: space-between; height:2.875rem;}
.raking_category ul li .card-title {display:flex; align-items: center;width:12rem; gap:0.5rem; font-family: 'pretendard';}
.raking_category ul li .card-title .number { display:inline-flex; align-items: center; justify-content: center; min-width:1.875rem; height:1.875rem;  text-align:center; font-size:0.875rem; font-weight:600; background-color:rgba(255,255,255,0.08); border-radius:5rem; color:#fff;}
.raking_category ul li .card-title .name { width:calc(100% - 1.875rem); font-size:0.875rem; font-weight:400;  font-family: 'pretendard';overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.raking_category ul li .card-bar {display:flex; align-items: center; width:calc(100% - 12rem); gap:0.625rem; }
.raking_category ul li .card-bar span {font-size:0.875rem; color:rgba(255,255,255,0.8); width:5rem; text-align:right; font-family: 'pretendard'; }
.raking_category ul li .card-bar .bar {position:relative; width:calc(100% - 5rem);height:0.9375rem; background-color:rgba(255,255,255,0.2) ; border-radius:3rem; overflow: hidden;}
.raking_category ul li .card-bar .process-fill {position:absolute;   width:auto; height:100%; background: linear-gradient(to right, #6055fa 30%, #d447ff 100%); border-radius:3rem; }



/* 화면분할 */
.conts_row { position:relative;  display:flex;width:100%;/*gap:.5rem;padding:0 .5rem;*/}
.conts_row:before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background-color:rgba(255,255,255,0.1)}
.conts_row:after{content:''; position:absolute; left:calc(50% + 1px); top:0; width:1px; height:100%; background-color:#000}
.conts_col { width:50%;position:relative; }
.conts_row .conts_col {padding-right:1.25rem; }
.conts_row .conts_col + .conts_col {flex:none;width:50%; padding-left:1.25rem; padding-right:0;}

.conts_row.system {gap:0;}
.conts_row.system:before { left:600px; }
.conts_row.system:after {  left:calc(600px + 1px);}
.conts_row.system .conts_col {width:600px; }
.conts_row.system .conts_col + .conts_col {width:calc(100% - 600px)}
.conts_row.system .conts_col .list_wrap {padding:0;}

.conts_row.stats {gap:0;}
.conts_row.stats:before { left:650px; }
.conts_row.stats:after {  left:calc(650px + 1px);}
.conts_row.stats .conts_col {width:650px; }
.conts_row.stats .conts_col + .conts_col {width:calc(100% - 650px)}
.conts_row.stats .conts_col .list_wrap {padding:0;}

.fieldset_group .conts_row:before, .fieldset_group .conts_row:after {display:none !important}
.fieldset_group .conts_row {gap:1.5rem; margin:0 !important;}
.conts_row.half .conts_col {padding:0 !important; width:50%;}
.conts_row.half .conts_col + .conts_col  {width:50%;}
.conts_row.half .h3 {font-size:0.875rem; line-height:1.5rem; font-weight:500; padding-bottom:0.625rem;}

.conts_row.box:before, .conts_row.box:after {display:none; }
.conts_row.box {gap:1.25rem; }
.conts_row.box .conts_col { width:calc(50% - 0.625rem); padding:0 !important; /* border:1px solid rgba(255,255,255,0.1); border-radius:0.625rem; padding:0.625rem 1.5rem 1.5rem !important */}
.conts_row.box .fieldset_group.roundbox {height:calc(100% - 2.5rem);}



.sub_code {
    .table_header {padding:0; padding-left:0.25rem;}
    .t_list_wrap {border:0;}   
}


/* 코드관리 */
.code-list>.tree-children {border-left:0;}
.code-list {display:flex; flex-direction: column; gap:0.5rem; padding-top:0.25rem;
    .tree-item{  position:relative;}
    .tree-row{position:relative; display:flex; align-items:center;justify-content: space-between; gap:5px;min-height:40px;  padding:0.75rem 0.75rem 0.75rem 0.75rem; background-color:rgba(0,0,0,0.5);  border:1px solid rgba(232, 231, 255, 0.3); border-radius:0.5rem; }
    .tree-row .btn.add { width:1.625rem; height:1.625rem; padding:0; border-radius:0.5rem; background-color:rgb(22, 205, 200, 0.9); }
    .tree-row .btn.add:after {margin:0;}
    .tree-row .label.state {padding:0 0.75rem; }
    .tree-row .clip {height:1.5rem !important; padding:0 0.125rem !important;  border-radius:0.5rem;}
   
    .tree-children .tree-row {border:0; background-color:transparent; padding-top:0.3125rem; padding-bottom: 0.3125rem; }
    .treeitem-left {display:flex; flex-direction: column; gap:0.1875rem; }
    .item-row {display:flex; align-items: flex-start; gap:0.3125rem; line-height:1.25rem;}
    .category-name {font-size:0.8125rem; color:#c6c6c9; font-family: 'pretendard'; letter-spacing: 0;}
    .treeitem-left span {margin:0 }
    .treeitem-right {display:flex; align-items: center; gap:0.5rem;}
    .tree-item .tree-row:before{ content:''; position:absolute; left:0px; top:20px; width:12px;border:1px dashed rgba(255,255,255,0.3); }
    .tree-children{position:relative; margin-left:1.25rem; border-left:1px dashed rgba(255,255,255,0.3);}
    .code-category{display:inline-flex;  font-weight:500; letter-spacing: 0; font-family: 'pretendard';font-size:1rem; color:#c7c1ff}
    .code-name {display: block;  font-weight:500; letter-spacing: 0; font-family: 'pretendard';font-size:0.9375rem; max-width:25rem;min-width: 0; white-space: normal; word-break: break-all; overflow-wrap: break-word; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
    .code-name.type{color:#06d1a5 }
    .code-sub {min-width:0; max-width:100%; font-size:0.9375rem; font-weight:400; font-family: 'pretendard'; color:#9baaff;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
    .code-count {display: inline-flex; align-items: center; justify-content: center; min-width:1.625rem; height:1.625rem; border-radius:1.5rem; background-color:rgba(255,255,255,0.15);  text-align:center; color:#fff; font-size:0.8125rem; font-family: 'pretendard'; }
    .group > .tree-row:before {display:none;}

    /* active */
    .tree-row.active {border-color:rgb(123, 109, 255); background-color:rgba(102, 85, 255, 0.12); box-shadow:0 0 0.5rem rgba(108, 92, 255, 0.5)}
    .tree-row.active .code-count {background-color:var(--color-main)}
    .tree-row.active .drag-handle{ opacity: 0.8;}
    
    /* 
    .group > .tree-children{    border-left:0;}
    .depth2 > .tree-item > .tree-row:before {display:none;}
    */
    .depth1 > .tree-row:has(.tree-toggle) {  padding-left:0.75rem;  }
    .depth2 {padding-top:0.3125rem !important;}
    .depth2 .tree-row{ padding-left:12px; }
    .depth3 .tree-row{ padding-left:15px;}
    .depth4 .tree-row{ padding-left:15px;}
}

.code-list.list-type {padding:0;
 .tree-item .tree-row:before{ display:none;}
 .tree-row {padding: 1rem 1.25rem 1rem 1.5rem; background-color:transparent; border-color:rgba(255,255,255,0.1); flex-shrink:0;}
}

#policyList  {
  .code-sub { max-width: 100%;overflow: visible; }
}



/* Question 검색 모달(#modal_search_question): modal_body padding-top:0으로 인해
   상단 직접검색(.search_box) 테두리가 스크롤 영역 상단에 바로 붙어 잘려 보이는 문제 보정 */
#modal_search_question .modal_body {padding-top:1rem;}

@media screen and ( max-width:1800px ) {
    .code-name { font-size:0.9375rem; max-width:16rem;}
}


/* prompt  */
.prompt { display:flex; flex-direction: column; gap:0.375rem; width:100%;
.row {position:relative; display:flex; align-items: center; flex-wrap: wrap;  gap:0.5rem; font-size:0.9375rem; line-height:1.4em; }
.row.between { justify-content: space-between;}
.row.end {justify-content: flex-end;}
.row-tit {flex:none; width:8rem;font-size:0.875rem;}
.row.depth1 {padding-left:1.75rem;}
.row.depth2 {padding-left:3rem;}
.row.depth3 {padding-left:4.625rem;}
.row.depth2 .btn-set {padding-left:0.5rem;}
span {color:rgba(255,255,255, 0.8); font-size:0.875rem; letter-spacing: -.02em;}
.form-sch {width:55%; }
.form-sch.full {width:100% !important}
.note {display:inline-block; width:45%;color:rgba(255,255,255, 0.8); font-size:0.75rem; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.set { width:calc(100% - 6.25rem);  gap:0.5rem; display:inline-flex; border:0}
.input {width:50%;min-width:15rem;}
textarea {border:0 !important; background-color:transparent;}
.w25rem { width:25rem;}
.row.col2 {gap:0.5rem 0; padding-left:1rem; }
.row.col2 div {width:50%; display:flex;  }
.row.col2 div input[text] {width:calc(100% - 8rem);}
.row.col2 .form_tit {width:8rem;}
.row.col2 .btn.close {position:absolute;left:0; top:50%; margin-top:-.5rem}
.functions {display:inline-flex; flex-wrap: wrap; gap:0.3125rem; align-items: center;}
.functions button { display:inline-flex;  align-items: center; height:1.75rem; line-height:1; padding:0 0.625rem; border-radius:0.3125rem; background-color:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.25); font-size:0.75rem; color:#fff;}

.btn-move {display:flex; gap:0.25rem; }
.btn-move .btn {width:1.875rem; height:1.875rem; border-radius:0.3125rem; background-color:transparent; border:1px solid rgba(255,255,255,0.3)}


}
.prompt.greeting .row {flex-wrap: nowrap;}
.prompt.greeting .set {width:100%;}



.btn-set {display:flex; gap:0.3125rem; padding:0.25rem 0}
.btn-set.end {width:100%; justify-content: flex-end;}
.btn-set .item {display:flex; flex-wrap: wrap; gap:0.3125rem; max-height:10rem;height:auto; overflow-y: auto; }
.btn-set .item .btn:hover {transform:none;} 
.btn-set.between {justify-content: space-between;}
.btn-set.column {flex-direction: column; gap:0.5rem;}


/* question */
.question {padding-top:1rem;
.title { display:inline-flex; width:auto; margin:0 0 1rem; padding:0; background-color:rgb(255, 255, 255); color:#333; font-size:1.125rem; line-height: 1.5em; padding:1rem; border-radius:0 1rem 1rem  1rem;}
.q-list {display:flex; flex-direction:column; gap:0.5rem;  padding:1.125rem; border:0px solid rgba(255,255,255,0.15) ; border-radius:1rem 1rem 0 1rem; background-color:rgba(107, 95, 219, 0.9)}
.q-list li {border:1px solid rgba(255,255,255,0.1); background-color:rgba(66, 45, 184, 0.3);  font-weight:500; border-radius:0.625rem; padding:0.5rem 1rem; font-size:1rem; font-family: 'pretendard'; }
.q-list input.date {border:0; width:calc(100% + 2rem); max-width:calc(100% + 2rem); margin-left:-1rem; margin-top:-0.5rem; margin-right:-1rem; margin-bottom:-0.5rem;}
.q-list input.time {padding:0 1rem; max-width:calc(100% + 1rem);  margin-left:-1rem; margin-top:-0.5rem; margin-right:-1rem; margin-bottom:-0.5rem;}
.q-list .multi_select .items{border:0; margin-top:-0.5rem; max-width:calc(100% + 2rem);  margin-left:-1rem; margin-right:-1rem; margin-bottom:-0.5rem; width:auto;}

.q-list .multi_select .multi_list {width:calc(100% + 2rem);margin-left:-1rem; margin-right:-1rem;margin-top:0.5rem; border:0px solid rgba(0,0,0,0.1) ; border-radius:0.5rem; background-color:rgba(0,0,0,0.7) }
.q-list .multi_select .multi_list ul li {background-color:transparent; border-radius:0;}
.q-list .multi_select .multi_list ul li:hover { color:#6f6cfd }
.q-list input[type="text"] {margin-left:-0.875rem; margin-right:-0.875rem; margin-top:-0.5rem; margin-bottom:-0.5rem;}
input[type="text"], input.date {height:2.5rem !important; padding:0 1rem !important;background-position-x: calc(100% - 1rem); border-radius:0.5rem;}
 .multi_select.onechoice input[type=radio] + label:before ,
 .multi_select.onechoice input[type=radio] + label:after {display:none;} 
 .multi_select .multi_list input[type=checkbox] + label, .multi_select .multi_list input[type=radio] + label {padding-left:0 !important}

}

#previewAnswerForm { 
    .multi_select .multi_list ul {border:1px solid rgba(255,255,255,0.1); background-color:rgba(0,0,0,.7) ; border-radius:0.5rem;}
    .q-list li input[type="text"] {border:0 !important; margin-left:-0.875rem; margin-right:-0.875rem; margin-top:-0.5rem; margin-bottom:-0.5rem;}

}


/* 기분확인 미리보기 */
.mood_preview { border:0px solid rgba(255,255,255,0.2); padding:1.5rem; border-radius:1.25rem; background-color:#341b91;
* {font-family: 'pretendard';}

.item-head {display:flex; flex-direction: column; gap:0.625rem;}
.item-head .title {font-size:1.25rem; line-height:1.4em;  font-weight: 600;}
.item-head .title p {display:block; font-size:0.875rem; font-weight:300;  }
.item-head .exp {font-size:0.875rem; line-height:1.6em; font-weight:300;opacity: 0.7; }
.item-cont {padding:1.5rem 0.125rem 0; margin-top: 1.5rem; border-top:1px solid rgba(255,255,255,0.15);}
.item-cont .row {display:flex; justify-content: space-between;}
.item-cont .row span { display:flex; flex-direction: column; gap:0.1875rem; }
.item-cont .row span i {font-size:0.8125rem; font-weight:300; opacity: 0.6; width:auto;}
.item-cont .row span b { font-weight:600; font-size:1.125rem;}
.item-cont .row span.right {text-align:right;}
.mood-bar {position:relative; height:1.75rem; margin-top:0.75rem; border-radius:5rem; background-color:rgba(255,255,255,1); overflow: hidden;}
.mood-bar .process-fill {position:absolute; left:0; width:auto; height:100%; background-color:#01e4b3}
}


/*  알림 현황*/
.alert-state {display:flex; gap:0.875rem; margin-bottom:1rem;}
.alert-state * {font-family: 'pretendard'; letter-spacing: 0; }
.alert-state .item { display:flex; justify-content: space-between; align-items: center; width:100%; padding:1.5rem 2rem; border:1px solid rgba(255,255,255,0.2); background-color:rgba(130, 131, 226, 0.03); border-radius:1rem; box-shadow: 0.1rem 0.1rem 0.5rem rgba(0,0,0,0.3);}
.alert-state span {font-size:0.9375rem; font-weight:300; opacity: 0.8;}
.alert-state strong { font-size:1.375rem; font-weight:600;}



/* drag */
.drag-handle{display:inline-flex; align-items: center; justify-content: center; width:2rem; height:2rem; text-align: center; margin-left:auto; cursor:move; color:rgba(255,255,255,0.8);font-size:0;background-repeat:no-repeat; background-position: center ; background-size:auto 1.25rem;opacity: 0.5;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7H4M20 12H4M20 17H4' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
.ui-sortable-helper{  box-shadow:0 4px 12px rgba(0,0,0,.15);}
.ui-sortable-placeholder{height:40px; border:1px dashed rgba(154, 149, 255, 0.8);visibility:visible !important; border-radius:0.5rem; box-shadow: 0.25rem 0.25rem 1rem rgba(60, 32, 221, 0.35);}
.tree-toggle{ width:1.25rem;height:1.25rem; border:0; background:none; cursor:pointer; position:relative; border:0;padding:0;}
.tree-toggle:before{ content:''; font-size:10px; width:100%; height:100%; display:flex; justify-content: center; align-items: center; color:#fff;background-repeat: no-repeat; background-position: center ; background-size:auto 55%;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19.0153L5 4.9847C4.99919 4.43078 5.15675 3.88797 5.45444 3.41908C5.75213 2.95019 6.17778 2.5744 6.68212 2.33521C7.28053 2.05521 7.94629 1.94737 8.60356 2.02397C9.26082 2.10057 9.88315 2.35853 10.3996 2.76846L18.9784 9.78376C19.2991 10.0591 19.5563 10.3994 19.7325 10.7818C19.9088 11.1642 20 11.5796 20 12C20 12.4204 19.9088 12.8358 19.7325 13.2182C19.5563 13.6006 19.2991 13.9409 18.9784 14.2162L10.3996 21.2315C9.88315 21.6415 9.26082 21.8994 8.60356 21.976C7.94629 22.0526 7.28053 21.9448 6.68212 21.6648C6.17778 21.4256 5.75213 21.0498 5.45444 20.5809C5.15675 20.112 4.99919 19.5692 5 19.0153Z' fill='white'/%3E%3C/svg%3E%0A");
}
.tree-toggle.open:before{ transform:rotate( 90deg);}

/* 연결코드 */
.connect_code {display:flex; gap:0.25rem; flex-wrap: wrap;}
.connect_code .code-id { display:inline-flex; align-items: center; justify-content: center; padding:0.375rem 1rem;color:#fff; line-height:1.3em;  border-radius:0.375rem;font-size:13px;letter-spacing: 0; border: 1px solid rgba(255, 255, 255, 0.15); background-color: rgba(69, 81, 129, 0.3); }
.connect_code .code-id.full {display: block;    width: 100%;    min-width: 0;    box-sizing: border-box;    padding: 0.375rem 1rem;    line-height: 1.5;    white-space: normal;    word-break: break-all;    overflow-wrap: anywhere;    text-align: left;}
.connect_code.data-empty {  height: 2.5rem !important;min-height: 2.125rem !important;background-color: rgba(69, 81, 129, 0.15); border-radius:0.375rem; }
.connect_code.data-empty span {padding:0 !important}
.connect_code.data-empty span:before {display:none;}


/* editor */
.ql-toolbar.ql-snow {display:flex !important; flex-wrap: wrap !important;}
.ql-toolbar.ql-snow, .ql-container.ql-snow {   border: 0px solid rgba(255,255,255,0.2) !important;}
.ql-toolbar.ql-snow {border-radius:0.375rem 0.375rem 0 0 !important; background-color:rgba(97, 97, 227, 0.4)}
.ql-toolbar.ql-snow .ql-formats {display:flex !important}
/*
.ql-snow * {color:#fff !important}
*/
.ql-snow .ql-stroke {stroke:#fff !important; }
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {fill:#fff !important}
.ql-snow .ql-picker {color:#fff !important}
.ql-editor { background-color:rgba(255,255,255,0.05);border-radius:0 0 0.375rem 0.375rem !important;}
.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before,
.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before,
.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {color:#FFF !important}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {border-color:rgba(255,255,255,0.3) !important;}
.ql-snow .ql-picker-options .ql-picker-item:hover {background-color:#482dc1 !important}
.ql-snow .ql-picker-options {background: #111119 !important;}
.ql-snow .ql-editor .ql-code-block-container {background-color:rgba(255,255,255,0.1) !important}
.ql-snow .ql-picker-label::before {vertical-align: top !important;}
.ql-snow .ql-picker {margin-top:0 !important;  }
.ql-snow .ql-picker-label {vertical-align: top !important; margin-top:-1px !important}
.ql-snow .ql-blockquote, .ql-snow .ql-code-block, .ql-snow .ql-link, .ql-snow .ql-video, .ql-snow .ql-formula, .ql-snow .ql-header, .ql-snow .ql-script, .ql-snow .ql-indent, .ql-snow .ql-direction, .ql-snow .ql-font.ql-picker, .ql-snow .ql-clean {display:none !important}
.ql-editor p em {font-style: italic !important;}

/*  게시판 view */
.ql-view {
     .ql-size-small {font-size:0.756rem !important; }
     .ql-size-large {font-size:1.5rem !important; }
     .ql-size-huge {font-size:2.5rem !important; }
     p em {font-style: italic !important;}
}

/* fileimg list */
.fileImg-list { display:flex; flex-wrap: wrap; gap:0.5rem; }
.fileImg-list.end {align-items: flex-end;}
.fileImg-list .item { position:relative; width:5.625rem; aspect-ratio: 5 / 5; border-radius:0.625rem; background-repeat: no-repeat; background-position: center ; background-size:cover; background-color:rgba(255,255,255,0.05); 
    border:1px solid rgba(255,255,255,0.1); overflow:hidden; }
.fileImg-list .close {position:absolute; right:0.25rem; top:0.25rem; width:1.25rem; height:1.25rem; border-radius:50%; background-color:rgba(0,0,0,0.3); background-repeat:no-repeat; background-position:center ; background-size:auto 70%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12L19 19M12 12L5 5M12 12L5 19M12 12L19 5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.item-upload { padding:0;}
.item-upload label {display: block;	position:relative; text-align: center;	box-sizing: border-box;width:100%;  aspect-ratio: 5 / 5;   border-radius:0.625rem;cursor: pointer;transition: all 0.2s ease-in;}
.item-upload label:before {content:""; display:block;width:100%; height:100%; background-repeat: no-repeat; background-position: center 35%; background-size:2rem;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.25 13V8.5C21.25 7.17392 20.7232 5.90215 19.7855 4.96447C18.8479 4.02678 17.5761 3.5 16.25 3.5H7.75C6.42392 3.5 5.15215 4.02678 4.21447 4.96447C3.27678 5.90215 2.75 7.17392 2.75 8.5V15.5C2.75 16.1566 2.87933 16.8068 3.1306 17.4134C3.38188 18.02 3.75017 18.5712 4.21447 19.0355C5.15215 19.9732 6.42392 20.5 7.75 20.5H14.01' stroke='%23a2abda' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.01001 17.0001L5.75001 13.8001C6.10985 13.4427 6.58212 13.2206 7.08689 13.1714C7.59166 13.1222 8.09793 13.249 8.52001 13.5301C8.94209 13.8113 9.44836 13.938 9.95313 13.8888C10.4579 13.8396 10.9302 13.6175 11.29 13.2601L13.62 10.9301C14.2895 10.2584 15.1759 9.84633 16.121 9.76757C17.0662 9.68881 18.0086 9.94844 18.78 10.5001L21.25 12.4101M8.01001 10.1701C8.228 10.1688 8.4436 10.1246 8.6445 10.0399C8.8454 9.9553 9.02766 9.83193 9.18088 9.67685C9.33409 9.52178 9.45527 9.33805 9.53748 9.13614C9.61969 8.93424 9.66132 8.71812 9.66001 8.50013C9.6587 8.28213 9.61446 8.06653 9.52982 7.86563C9.44519 7.66474 9.32181 7.48248 9.16674 7.32926C9.01166 7.17604 8.82793 7.05487 8.62603 6.97266C8.42412 6.89045 8.208 6.84881 7.99001 6.85013C7.54975 6.85278 7.12858 7.03022 6.81914 7.3434C6.50971 7.65659 6.33736 8.07987 6.34001 8.52013C6.34266 8.96039 6.5201 9.38156 6.83328 9.691C7.14647 10.0004 7.56975 10.1728 8.01001 10.1701Z' stroke='%23a2abda' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.707 15V20' stroke='%23a2abda' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M20.9999 17.1049L19.0329 15.1379C18.9902 15.095 18.9394 15.0609 18.8835 15.0377C18.8275 15.0144 18.7675 15.0024 18.7069 15.0024C18.6464 15.0024 18.5864 15.0144 18.5304 15.0377C18.4745 15.0609 18.4237 15.095 18.3809 15.1379L16.4139 17.1049' stroke='%23a2abda' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.item-upload label:after {content:'파일업로드'; position:absolute; left:0; bottom:0.75rem; width:100%; height:1.25rem; text-align:center; font-size:0.75rem; color:#a2abda;}
.item-upload label span {display: inline-block;vertical-align: top;height:32px !important; line-height:30px !important; font-size: 13px;color: #666;}
.item-upload input[type="file"] { display:none;}
.item-upload .disabled label { cursor: default; background-color: #f1f1f1 !important; }
.item-upload .disabled label span { color: #999; }

/* ── 페이징(Pager) 스타일 ── */
.tm-pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
    gap: 0.25rem;
    display:none !important;
}
.tm-pager .pager {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.tm-pager button.tm-pg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    border: 1px solid #1C202B;
    border-radius: 0.25rem;
    background-color: #171B27;
    color: #A0A5B5;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.tm-pager button.tm-pg:hover {
    background-color: #1C202B;
    color: #FFFFFF;
    border-color: #3b4252;
}
.tm-pager button.tm-pg.on {
    background-color: #6072FF;
    color: #FFFFFF;
    border-color: #6072FF;
    cursor: default;
}

/* 인쇄물 */
@media print {

    .page {page-break-after: always;page-break-before: auto;}
    @page {size: auto;margin: 10mm 10mm;}

    .wrap {min-width:auto !important;}
    .container {height:auto !important;}

}

.ai-output.chat_box * {line-height:1.8; color:#FFF}
.ai-output.chat_box br {display:none !important}
.ai-output.chat_box h2 {margin-top:1.125rem; color:#FFF !important}
.ai-output.chat_box h2 * {color:#fff;}
.ai-output.chat_box h2:first-of-type {margin-top:0;}
.ai-output.chat_box h3 {margin-top:1rem; color:#fff !important}
.ai-output.chat_box span, .ai-output.chat_box strong {display:inline-block; vertical-align: top;}


/* 에러페이지 */
.bg_error { position:relative; display: flex; justify-content: center; align-items: center;}
.bg_error * {letter-spacing: 0; font-family: 'Pretendard'; }
.bg_error:before {content:''; position:fixed; left:0; top:0; right:0; bottom:0; background:url(../images/bg_error.jpg) no-repeat center ; background-size:cover; z-index:-1;}
.bg_error .item-box {display:flex; flex-direction: column; justify-content: center; margin-top:-12rem;}
.bg_error .item-box .h2 { display:block;padding:0; margin:0; font-weight:800; font-size:18rem; line-height:18rem;  background: linear-gradient(180deg, #4a3bda 20%, transparent 80%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.5rem; opacity: 0.7;}
.bg_error .item-box dl {display:flex; flex-direction: column; align-items: center; justify-content: center; gap:0.875rem; color:#fff; text-align: center; }
.bg_error .item-box dl dt {font-size:1.5rem; font-weight:600; color:inherit; }
.bg_error .item-box dl dd {font-size:1rem; line-height:1.6em; font-weight:200; color:inherit; }
.bg_error .item-box .btn-group {display:flex; justify-content: center; gap:0.5rem; align-items: center;padding:2rem 0 0; margin:0;}
.bg_error .item-box .link {display: inline-flex; align-items: center; height:3rem; line-height:1; padding:0 2.5rem; border-radius:5rem; background-color:#6151f8; border:1px solid #6151f8; color:#FFF; font-size:1rem; font-weight:500;text-decoration: none !important; }
.bg_error .item-box .link.line {background-color:transparent;font-weight:800; color:#717aff; border-color:#6151f8; backdrop-filter: blur(0.75rem); -webkit-backdrop-filter: blur(0.75rem);}



/* metatag */
.metatag {display:flex; flex-wrap:wrap; gap:0.375rem; align-items:flex-start; }
.metatag .tag-item {display:inline-flex; align-items:center;height:1.875rem;padding:0 0.5rem 0 0.875rem;  border-radius:0.3125rem; background-color:rgba(255,255,255,0.08); border:1px dashed rgba(255,255,255,0.2); gap:0.25rem; font-size:0.8125rem; font-weight:400; color:#fff; }
.metatag .btn.close {width:1.25rem; height:1.25rem;}
.metatag .btn.close:after {background-size:auto 1rem;}
.metatag-list {position:relative; display:flex; flex-wrap:wrap; gap:0.375rem 0.3125rem; align-items:flex-start; }
.metatag-list input[type=checkbox] + label { display:inline-flex; align-items: center; height:2rem;justify-content:center;  width:calc(20% - 0.5rem); line-height:1; padding:0 1rem !important; border-radius:0.3125rem; border:1px solid rgba(255,255,255, 0.08); color:rgba(255,255,255,0.8); font-weight:300;  font-family: 'pretendard'; }
.metatag-list input[type=checkbox]:checked + label { color:#fff; color:#0fd398; border-color:rgba(15, 211, 152, 0.5); font-weight:500; }
.metatag-list input[type=checkbox] + label:before, .metatag-list input[type=checkbox] + label:after {display:none;}
.metatag-list input[type=checkbox]:disabled + label {opacity: 0.5; cursor:default !important}