@charset "UTF-8";
/*********************
*   version : v4
*   수정불가 (수정이 필요할 시 common.css에 override 형식으로 수정)
**********************/
/* 기본요소(form & 텍스트 / 버튼 & 태그 / 테이블 / 탭 / 팝업 / 기타(안내메시지, 메시지박스)) css */

@import 'root.css';
@import 'reset.css';
@import url('../fonts/pretendard/pretendard-gov-subset.css');
@import url('../lib/remixicon/remixicon.css');


/*** skip ***/
#skipnavi {overflow: hidden;position: relative;width: 100%;z-index: 2;}
#skipnavi a {display: block;overflow: hidden;width: 0rem;height: 0rem;margin: 0 -0.1rem -0.1rem 0;font-size: 0;line-height: 0;text-align: center;}
#skipnavi:focus {overflow: hidden;height: 10rem;font-size: 1.4rem;font-weight: 700;background: #0d2f51;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width: auto;height: 3rem;margin: 0;padding: 0.8rem 0 0 1.5rem;font-size: 1.4rem;font-weight: bold;line-height: 1;color: #fff;background: #0d2f51;}



/*** form ***/
/* select, input, textarea */
input[type=text], input[type=tel], input[type=password], input[type=file], input[type=number], input[type=email], input[type=date], input[type=search], textarea, a {    -webkit-tap-highlight-color: transparent;}
select,
input:not([type="checkbox"], [type="radio"], [type="hidden"]),
textarea {width: auto;max-width: 100%;height: 4.8rem;border: 1px solid var(--bdr);border-radius: 0.8rem;font-family: inherit;font-size: 1.7rem;line-height: inherit;color: var(--dark);letter-spacing: -0.03em;transition: 0.1s color, 0.1s border-color, 0.1s box-shadow;}
input:not([type="checkbox"], [type="radio"]) {padding: 0 1.6rem;}
textarea {padding: 1.6rem; display: block;width: 100%;min-height: 15rem;height: auto;}
select::placeholder,
input::placeholder,
textarea::placeholder {color: var(--plholder-font);}
select:focus,
input:focus,
textarea:focus {border-color: var(--bdr-focus);box-shadow: inset 0 0 0 1px var(--bdr-focus);}
select {min-width: 13rem;padding: 0 3.2rem 0 1.6rem;background: #fff url(../images/icon/ico_sel.svg) no-repeat right 1.2rem center / 1.3rem;appearance: none; position: relative;}
select:not(:disabled) {cursor: pointer;}
input[type="password"] {letter-spacing: 0;}
input[readonly],
textarea[readonly] {background-color: var(--disabled-bg); color: var(--disabled-font); border-color: var(--disabled-bd);}
input[readonly]:focus,
textarea[readonly]:focus {border-color: var(--primary);}
select[disabled],
input[disabled],
textarea[disabled] {color: var(--disabled-font2);background-color: var(--disabled-bg);  border-color: var(--disabled-bd);}
select[disabled] {opacity: 1;}
select.auto,
input.auto {width: auto !important;}
select.err,
input:not([type="checkbox"], [type="radio"]).err,
textarea.err {border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
select.err:focus-visible,
input:not([type="checkbox"], [type="radio"]).err:focus-visible,
textarea.err:focus-visible {border-color: var(--bdr-focus);box-shadow: inset 0 0 0 1px var(--bdr-focus);}

/* custom select */
.selectbox {display: inline-block;position: relative;}
.selectbox .selected {display: inline-block;min-width: 13rem;width: auto;max-width: 100%;height: 4.8rem;padding: 0 3.2rem 0 1.6rem;border: 1px solid var(--bdr);border-radius: 0.8rem;font-family: inherit;font-size: 1.7rem;line-height: 4.6rem;color: var(--dark);letter-spacing: -0.03em;background: #fff;transition: 0.1s color, 0.1s border-color;}
.selectbox .selected::after {content: '';display: block;position: absolute;right: 1.2rem;top: 0;width: 1.3rem;height: 100%;background: url(../images/icon/ico_sel.svg) no-repeat center / 1.3rem; transition: all 0.1s;}
.selectbox.on .selected::after {transform: rotate(180deg);}
.selectbox.on .selected,
.selectbox.err .selected {border-color: var(--bdr-focus); border-width: 2px; padding: 0 3.1rem 0 1.5rem;}
.selectbox:not(.disabled, .err) .selected:focus-visible {outline-color: var(--bdr-focus);}
.selectbox .selectoptions {width: 100%;display: none;position: absolute;left: 0rem;top: 3.6rem;padding: 0.5rem 0 0.3rem;border: 2px solid var(--bdr-focus);border-top: 0;border-radius: 0rem 0rem 0.8rem 0.8rem;background: #fff;z-index: 99;}
.selectbox .selectoptions .option a {display: block;width: 100%;height: 100%;padding: 0.6rem 1.6rem;font-size: 1.6rem;color: var(--dark);}
.selectbox .selectoptions .option a:hover,
.selectbox .selectoptions .option a:focus,
.selectbox .selectoptions .option.on {font-weight: bold;text-decoration: underline;}
.selectbox.disabled .selected {color: var(--disabled-font2);background-color: var(--disabled-bg);  border-color: var(--disabled-bd); cursor: default;}
.selectbox.err .selected,
.selectbox.err .selectoptions {border: 2px solid var(--err-bdr);}
.selectbox.err .selectoptions {border-top: 0;}

/* multi select */
.multiSelect {display: inline-block;position: relative;width: 18rem;}
.multiSelect .multi_text {display: inline-block;min-width: 13rem;width: 18rem;max-width: 18rem;height: 4.8rem;padding: 1.2rem 3.2rem 0 1.6rem;border: 1px solid var(--bdr);border-radius: 0.8rem;font-family: inherit;font-size: 1.7rem;color: var(--dark);letter-spacing: -0.03em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: #fff;transition: 0.1s color, 0.1s border-color;}
.multiSelect .multi_text::after {content: '';display: block;position: absolute;right: 1.2rem;top: 0;width: 1.3rem;height: calc(100% - 0.6rem);background: url(../images/icon/ico_sel.svg) no-repeat center / 1.3rem; transition: all 0.1s;}
.multiSelect .multi_text:focus-visible {outline: none;border-color: var(--primary);box-shadow: inset 0 0 0 1px var(--primary);}
.multiSelect.on .multi_text {border-color: var(--bdr-focus);box-shadow: inset 0 0 0 1px var(--bdr-focus);}
.multiSelect.on .multi_text::after {transform: rotate(180deg);}
.multiSelect .multi_option {display: none;position: absolute;left: 0rem;top: 4.1rem;width: 100%;padding: 0.5rem 0 0.3rem;border: 2px solid var(--bdr-focus);border-top: 0;border-radius: 0rem 0rem 0.8rem 0.8rem;background: #fff;z-index: 99;}
.multiSelect .multi_option li {padding: 0.6rem 1.2rem;}
.multiSelect .multi_option li label {font-size: 1.6rem;color: var(--dark);word-wrap: break-word;word-break: break-all;cursor: pointer;}
.multiSelect .multi_option li label:hover,
.multiSelect .multi_option li input:focus ~ label {font-weight: bold;text-decoration: underline;}
.multiSelect .multi_text span[class^="multi_group"] {position: relative;margin-right: 0.7rem;padding-right: 0.2rem;}
.multiSelect .multi_text span[class^="multi_group"]:last-child {margin-right: 0;padding-right: 0;}
.multiSelect .multi_text span[class^="multi_group"]::after {content: ',';}
.multiSelect .multi_text span[class^="multi_group"]:last-child::after {content: '';}

/* input, select size */
input:not([type="checkbox"], [type="radio"]).sml, select.sml, .selectbox.sml .selected, .multiSelect.sml .multi_text {height: 4rem; border-radius: 0.6rem; font-size: 1.5rem;}
.selectbox.sml .selectoptions {border-radius: 0 0 0.6rem 0.6rem;}
input:not([type="checkbox"], [type="radio"]).md, select.md, .selectbox.md .selected, .multiSelect.md .multi_text {height: 4.8rem; border-radius: 0.8rem; font-size: 1.7rem;}
input:not([type="checkbox"], [type="radio"]).lg, select.lg, .selectbox.lg .selected, .multiSelect.lg .multi_text {height: 5.6rem; font-size: 1.9rem;}
input:not([type="checkbox"], [type="radio"]).xlg, select.xlg, .selectbox.xlg .selected, .multiSelect.xlg .multi_text {height: 8rem; font-size: 2.5rem;}
select.sml, .selectbox.sml .selected::after, .multiSelect.sml .multi_text::after {background-size: 1.1rem;}
select.md, .selectbox.md .selected::after, .multiSelect.md .multi_text::after {background-size: 1.3rem;}
select.lg, .selectbox.lg .selected::after, .multiSelect.lg .multi_text::after {background-size: 1.5rem;}
select.xlg, .selectbox.xlg .selected::after, .multiSelect.xlg .multi_text::after {background-size: 1.7rem;}
.selectbox.sml .selected {line-height: 3.8rem;}
.selectbox.md .selected {line-height: 4.6rem;}
.selectbox.lg .selected {line-height: 5.4rem;}
.selectbox.xlg .selected {line-height: 7.8rem;}
.selectbox.sml .selected::after, .multiSelect.sml .multi_text::after {width: 1.1rem;}
.selectbox.md .selected::after, .multiSelect.md .multi_text::after {width: 1.3rem;}
.selectbox.lg .selected::after, .multiSelect.lg .multi_text::after {width: 1.5rem;}
.selectbox.xlg .selected::after, .multiSelect.xlg .multi_text::after {width: 1.7rem;}
.selectbox.sml .selectoptions .option a {font-size: 1.5rem;}
.selectbox.md .selectoptions .option a {font-size: 1.6rem;}
.selectbox.lg .selectoptions {top: 5rem;}
.selectbox.lg .selectoptions .option a {font-size: 1.8rem;}
.selectbox.xlg .selectoptions {top: 7.3rem;}
.selectbox.xlg .selectoptions .option a {font-size: 2.2rem;}
.multiSelect.sml .multi_option {top: 3.6rem;}
.multiSelect.sml .multi_option li label {font-size: 1.5rem;}
.multiSelect.sml .multi_text {padding: 1rem 3.2rem 0 1.6rem;}
.multiSelect.sml.on .multi_text {padding: 0.9rem 3.1rem 0 1.5rem;}
.multiSelect.md .multi_option li label {font-size: 1.6rem;}
.multiSelect.lg .multi_option li label {font-size: 1.8rem;}
.multiSelect.lg .multi_option {top: 5rem;}
.multiSelect.lg .multi_text {padding: 1.4rem 3.2rem 0 1.6rem;}
.multiSelect.lg.on .multi_text {padding: 1.3rem 3.1rem 0 1.5rem;}
.multiSelect.xlg .multi_option li label {font-size: 2.2rem;}
.multiSelect.xlg .multi_option {top: 7.3rem;}
.multiSelect.xlg .multi_text {padding: 2rem 3.2rem 0 1.6rem;}
.multiSelect.xlg.on .multi_text {padding: 1.9rem 3.1rem 0 1.5rem;}

/* chk */
.chk {display: inline-flex;flex-wrap: wrap;gap: 1.6rem;}
div.chk {display: flex;}
div.chk + div.chk {margin-top: 0.5rem;}
.chk input {overflow: hidden !important;position: absolute !important;width: 1px !important;height: 1px !important;margin: -1px !important;padding: 0 !important;border: 0 !important;white-space: nowrap !important;clip: rect(0, 0, 0, 0) !important;}
.chk > span {display: inline-block;}
.chk label {display: inline-flex;gap: 0.8rem;position: relative; cursor: pointer;}
.chk label::before {flex-shrink: 0;}
/* size */
.chk.sml {font-size: 1.5rem;}
.chk.md {font-size: 1.7rem;}
.chk.lg {font-size: 1.9rem;}

/* chk checkbox */
.chk .cbx label::before {content: '\EB7B';font-family: 'remixicon';display: inline-flex;justify-content: center;align-items: center;position: relative;width: 2rem;height: 2rem;margin-top: 0.1rem;border: 1px solid var(--bdr);border-radius: 0.4rem;font-size: 1.2rem;font-weight: 900;line-height: 1;color: transparent;text-align: center;background: #FFFFFF;}
.chk .cbx input:focus + label,
.chk .cbx input:focus-visible + label {outline: 0.2rem solid var(--primary);outline-offset: 0.2rem;}
.chk .cbx input:checked + label::before {border-color: var(--primary);color: #FFFFFF;background: var(--primary);}
.chk .cbx input:disabled + label {color: #8E8E8E;cursor: auto;}
.chk .cbx input:disabled + label::before {border-color: #C6C6C6;background: #E4E4E4;}
.chk .cbx input:disabled[checked] + label::before {color: #C6C6C6;}
.chk .cbx input.err + label::before {border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
.chk .cbx input.err:checked + label::before {border-color: var(--primary);background: var(--primary);box-shadow: none;}
/* cbx - size */
.chk.sml .cbx label::before {width: 1.6rem; height: 1.6rem; top: -0.1rem; line-height: 1.4rem;}
.chk.sml .cbx input:checked + label::before {font-size: 1rem;}
.chk.md .cbx label::before {width: 2rem; height: 2rem; line-height: 1.8rem;}
.chk.md .cbx input:checked + label::before {font-size: 1.2rem;}
.chk.lg .cbx label::before {width: 2.4rem; height: 2.4rem;line-height: 2.2rem;}
.chk.lg .cbx input:checked + label::before {font-size: 1.4rem;}
/* chk.round checkbox */
.chk.round .cbx{margin-right: 0}
.chk.round .cbx label{display: inline-block; padding: 0.8rem 1.2rem; font-size: 1.6rem; border-radius: 0.7rem; border: 0.1rem solid #DDDDDD; background: #fff;}
.chk.round .cbx label::before{border: 0; width: auto; height: auto; background: transparent !important; color: #fff; margin-right: 0.5rem; display: none;}
.chk.round .cbx input:checked ~ label{border-color: var(--primary); background: var(--btn-bd-blue-hover); color: var(--primary);}
.chk.round .cbx input:checked ~ label::before{color: var(--primary); display: inline-block;}
.chk.round .cbx input:disabled ~ label{background: #E4E4E4;}
.chk.round .cbx input:disabled[checked] ~ label{color: #8E8E8E; border-color: #DDDDDD;}
.chk.round .cbx input:disabled[checked] ~ label::before{color: #8E8E8E;}
.chk.round .cbx input.err + label{border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
.chk.round .cbx input.err:checked + label{border-color: var(--primary); background: var(--btn-bd-blue-hover); color: var(--primary); box-shadow: none;}

/* chk radio */
.chk .radio label::before {content: '';display: inline-block;position: relative;width: 2rem;height: 2rem;border: 1px solid var(--bdr);border-radius: 50%;background: #FFFFFF;top: 0.1rem;}
.chk .radio input:focus + label,
.chk .radio input:focus-visible + label {outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
.chk .radio input:checked + label::before {background: var(--primary); box-shadow: inset 0 0 0 4px #fff; border-color: var(--primary);}
.chk .radio input:disabled + label {color: #8E8E8E;cursor: auto;}
.chk .radio input:disabled + label::before {border-color: #C6C6C6;background: #E4E4E4;}
.chk .radio input:disabled[checked] + label::before {box-shadow: inset 0 0 0 4px #E4E4E4; border-color: #C6C6C6; background: #C6C6C6;}
.chk .radio input.err + label::before {border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
.chk .radio input.err:checked + label::before {border-color: var(--primary);box-shadow: inset 0 0 0 4px #fff;}
/* radio - size */
.chk.sml .radio label::before {width: 1.6rem; height: 1.6rem; top: -0.1rem;}
.chk.sml .radio input:checked +label::before {box-shadow: inset 0 0 0 3px #fff;}
.chk.sml .radio input:disabled[checked] + label::before {box-shadow: inset 0 0 0 3px #E4E4E4;}
.chk.lg .radio label::before {width: 2.4rem; height: 2.4rem; }
/* chk.round radio */
.chk.round .radio{margin-right: 0}
.chk.round .radio label{display: inline-block; padding: 0.8rem 1.2rem; font-size: 1.6rem; border-radius: 0.7rem; border: 0.1rem solid #DDDDDD; background: #fff;}
.chk.round .radio label::before,
.chk.round .radio label::after{display: none;}
.chk.round .radio input:checked ~ label{border-color: var(--primary); background: var(--btn-bd-blue-hover); color: var(--primary);}
.chk.round .radio input:disabled ~ label{background: #E4E4E4;}
.chk.round .radio input:disabled[checked] ~ label{color: #8E8E8E; border-color: #DDDDDD;}
.chk.round .radio input.err + label{border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
.chk.round .radio input.err:checked + label{border-color: var(--primary); background: var(--btn-bd-blue-hover); color: var(--primary); box-shadow: none;}

/* on/off */
.chk .tgl label {font-size: 1.9rem;}
.chk .tgl input:focus + label,
.chk .tgl input:focus-visible + label {outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
.chk .tgl label::before {content: '';display: inline-block;position: relative;width: 4rem;height: 2.4rem;border-radius: 100rem;background: #B4C4D6; top: 0.3rem;}
.chk .tgl label::after {content: '';position: absolute;left: 0.3rem;top: 0.5rem;width: 2rem;height: 2rem;border-radius: 100rem;background: #FFFFFF;transition: 0.3s ease;}
.chk .tgl input:checked + label::before {background: var(--primary);}
.chk .tgl input:checked + label::after {left: 1.7rem;}
.chk .tgl input:disabled + label {color: var(--bdr);cursor: auto;}
.chk .tgl input:disabled + label::before {background: #E4E4E4;}
.chk .tgl input:disabled + label::after {background: #C6C6C6;}
.chk .tgl input.err + label::before {background: var(--err-bdr);}
.chk .tgl input.err:checked + label::before {background: var(--primary);}
.chk.md .tgl label {font-size: 1.7rem;}
.chk.md .tgl label::before {width: 3.2rem; height: 2rem; top: 0.1rem;}
.chk.md .tgl label::after {top: 0.3rem; width: 1.6rem; height: 1.6rem; left: 0.3rem;}
.chk.md .tgl input:checked+label::after {left: 1.4rem;}
/* 텍스트 변경될때 */
.chk .tgl label b{font-weight: 400; min-width: 2.7rem;}
.chk .tgl label b.on{display: none;}
.chk .tgl input:checked + label b.off{display: none;}
.chk .tgl input:checked + label b.on{display: inline-block;}

/* calendar */
.calendar_input {display: inline-block;position: relative;width: 16rem;}
.calendar_input.time {width: 24rem;}
.calendar_input input {width: 100%;padding-right: 3.8rem;background: #fff;}
.calendar_input .ui-datepicker-trigger {position: absolute;right: 1.3rem;top: 0;width: 1.8rem;height: 100%;background: url(../images/icon/ico_cal.svg) no-repeat center / 1.5rem;cursor: pointer;}
.calendar_input input[disabled] {color: var(--disabled-font2);background-color: var(--disabled-bg);  border-color: var(--disabled-bd);}
.calendar_input input[readonly] {background-color: var(--disabled-bg); color: var(--disabled-font); border-color: var(--disabled-bd);}
.calendar_input input[readonly]:focus-visible {border-color: var(--primary);}
/* size */
.calendar_input.sml {width: 15rem;}
.calendar_input.md {width: 16rem;}
.calendar_input.lg {width: 18rem;}
.calendar_input.xlg {width: 22rem;}
.calendar_input.sml input {height: 4rem; border-radius: 0.6rem; font-size: 1.5rem;}
.calendar_input.md input {height: 4.8rem; border-radius: 0.8rem; font-size: 1.7rem;}
.calendar_input.lg input {height: 5.6rem; font-size: 1.9rem;}
.calendar_input.xlg input {height: 8rem; font-size: 2.5rem;}
.calendar_input.sml .ui-datepicker-trigger {width: 1.5rem; background-size: 1.4rem;}
.calendar_input.md .ui-datepicker-trigger {width: 1.8rem; background-size: 1.5rem;}
.calendar_input.lg .ui-datepicker-trigger {width: 1.8rem; background-size: 1.5rem;}
.calendar_input.xlg .ui-datepicker-trigger {width: 2rem; background-size: 1.8rem;}
.calendar_input.sml.time {width: 22rem;}
.calendar_input.md.time {width: 24rem;}
.calendar_input.lg.time {width: 26rem;}

/** calendar **/
#ui-datepicker-div.ui-widget.ui-widget-content {width: 36rem;border: 1px solid #C6C6C6 !important;background: #fff;border-radius: 0.8rem;padding: 0;overflow: hidden;font-family: 'Pretendard';}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-header {margin: 0; padding:0;  line-height: 1; height: 6.4rem;background: transparent; font-family: inherit;}
.ui-datepicker .ui-datepicker-title {display: flex; align-items: center; justify-content: center;}
.ui-datepicker .ui-datepicker-header {background: #edf1f5;border: 0 !important;padding: 0 !important;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-prev {left: 1.2rem; }
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next {right: 1.2rem; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {border-color: transparent; background-color: #fff !important;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {cursor: pointer; width: 4rem; height: 4rem; background: url(../images/icon/ico_cal_move.svg) no-repeat center; top: 1.1rem; border-radius: 100rem;}
.ui-datepicker .ui-datepicker-next {transform: rotate(180deg);}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {min-width: calc(50% - 5rem);width: auto !important;line-height: normal; height: 3.8rem; border: 1px solid transparent; font-size: 1.9rem; background-color: transparent; font-family: inherit; background-size: 1rem;}
#ui-datepicker-div.ui-datepicker select:hover {background-color:#CDD7E4 !important;}
#ui-datepicker-div.ui-datepicker select:focus {padding: 0 3.2rem 0 1.6rem;}
.ui-datepicker .ui-datepicker-header .m {position: absolute; visibility: hidden;}

.ui-datepicker table {width: calc(100% - 2.4rem); margin: 0 auto;}
.ui-datepicker th {padding: 0; height: 5.2rem; font-size: 1.7rem;}
.ui-datepicker td {padding: 0 !important;border: 0; background: #FFFFFF; height: 4.8rem; font-size: 1.7rem;}
.ui-datepicker td span,
.ui-datepicker td a {line-height: 4.6rem !important; border-radius: 100rem; padding: 0; border: 1px solid transparent;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {border: 0;}

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default,
#ui-datepicker-div .ui-button,
html #ui-datepicker-div .ui-button.ui-state-disabled:hover,
html #ui-datepicker-div .ui-button.ui-state-disabled:active {border: 0 !important;line-height: 1;text-align: center;background: none !important;}
/* ui-state-highlight : 오늘 / ui-state-active : 선택된날 */
#ui-datepicker-div .ui-state-highlight {color: var(--dark) !important; background: transparent !important; border: 1px solid var(--bdr) !important;}
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div.ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div.ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-focus,
#ui-datepicker-div .ui-button:hover,
#ui-datepicker-div .ui-button:focus {color: var(--primary) !important;}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div.ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
#ui-datepicker-div a.ui-button:active,
#ui-datepicker-div .ui-button:active,
#ui-datepicker-div .ui-button.ui-state-active:hover {color: #fff !important; background: var(--primary) !important; border: 1px solid var(--primary) !important;}
#ui-datepicker-div .ui-state-highlight.ui-state-hover {color: var(--dark) !important; }
#ui-datepicker-div .ui-state-highlight.ui-state-hover.ui-state-active {color: #fff !important;}
.ui-widget select {color: #222;}

#ui-datepicker-div .ui-timepicker-div {border-top: 1px solid #C6C6C6; padding: 1rem 0 0.5rem; background: #f2f2f2;}
#ui-datepicker-div .ui-timepicker-div dl {font-size:1.5rem; display: flex; align-items: center; justify-content: center; gap: 0 0.5rem;}
#ui-datepicker-div .ui-timepicker-div dl dt {float: none; padding: 0 0.5rem;}
#ui-datepicker-div .ui-timepicker-div select.ui-state-default {border: 1px solid var(--bdr) !important; width: 7rem !important; min-width: 0; height: 3.5rem; border-radius: 0.6rem; text-align: left; background: #fff url(../images/icon/ico_sel.svg) no-repeat right 1.2rem center / 1.3rem !important;}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {font-size: 0; padding-right: 0.5rem;}
.ui-datepicker .ui-datepicker-buttonpane {margin: 0;border: 0;background: #f2f2f2 !important;display: flex;align-items: center;justify-content: flex-end;}
.ui-datepicker .ui-datepicker-buttonpane button {font-size: 1.3rem; display: inline-block; padding: 0.6rem 1rem; border-radius: 0.4rem; font-family: inherit;}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-priority-secondary {border: 1px solid var(--primary) !important; background-color: #fff !important; color: var(--primary); font-weight:400;}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-priority-primary {background-color: var(--primary) !important; color: #fff !important; font-weight:400;}
.ui_tpicker_hour_slider::after,
.ui_tpicker_minute_slider::after,
.ui_tpicker_second_slider::after {content: '시'; display: inline-block; padding-left: 0.3rem;}
.ui_tpicker_minute_slider::after {content: '분';}
.ui_tpicker_second_slider::after {content: '초';}

/* flatpickr */
.flatpickr-current-month { display: flex !important; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 0.4rem;}
.flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year{min-width: 0 !important;border-radius: 0.6rem !important;width: 7rem !important;text-align: center !important;display: block !important;margin: 0 !important;padding: 0 !important;font-size: 1.6rem !important;}
.datepicker_wrap{position: relative;}
.datepicker_button{position: absolute; right: 0.8rem; top: 1.2rem; background: transparent;}

/* input_slider_wrap */
.input_slider_wrap{display: flex; align-items: center; gap: 0 1rem;}
.input_slider_wrap .slider {display: inline-block;position: relative; width: 20rem;}
.input_slider_wrap .slider .input_range {-webkit-appearance: none;width: 100%;height: 0.7rem;border-radius: 100rem;background: #ccc;outline: none;padding: 0;border: 0;background: linear-gradient(to right, var(--blue) var(--progress), #D9E1E5 var(--progress));}
.input_slider_wrap .slider .input_range::-webkit-slider-thumb { -webkit-appearance: none;  appearance: none; width:1.5rem; height:1.5rem; border-radius:90.9rem; background:var(--blue); cursor: pointer;}
.input_slider_wrap .slider .input_range::-moz-range-thumb {width:1.5rem; height:1.5rem; border-radius:90.9rem; background:var(--blue); cursor: pointer;}
.input_slider_wrap .slider .input_range:focus{box-shadow: none;}
.input_slider_wrap span{font-size: 1.7rem;}
.input_slider_wrap b{font-size: 1.7rem; margin-left: 1rem;}

/* l/r side, gap(~) */
.lside, .rside {font-size: 1.7rem;color: var(--dark);}
.lside {margin-right: 0.5rem;}
.rside {margin-left: 0.5rem;}
.gap {margin: 0 0.2rem;vertical-align: middle;}

/* field */
.field {display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;word-break: break-word;max-width: 100%;}
.field + .field {margin: 0.5rem 0 0 0 !important;}
/* .field > div:not(.selectbox) {width: 100%;} */
/* .field > *, .field .btn + .btn, .field .gap {margin: 0;} */
th .field {padding: 0;}
/* phone & email & addr field style */
.phone {flex-wrap: nowrap;}
.phone input, .phone select,
.email input, .email select {width: calc(100% / 3);max-width: min(calc(100% / 3), 13rem);}
.addr input {width: 100%;}
.addr span {display: flex;align-items: center;gap: 0.5rem;max-width: 100%;word-break: break-word;}
.addr span input {width: 15rem;margin-top: 0;}
.addr span .btn {min-width: 9rem;}


/* interval */
td .btn + .btn {margin-left: 0.3rem;}
/* td > *:not(.gap):not([class$="_txt"]):not(div) ~ *:not(.gap):not([class$="_txt"]):not(div) {margin-left: 0.5rem;} */
td > .gap + *:not(.gap) {margin-left: 0 !important;}
td .chk + input:not([type="hidden"]),
td .chk + select {margin-left: 1rem;}

/* custom file */
.filebox {display: inline-flex;flex-wrap: wrap;gap: 1rem 0.5rem;}
.filebox input[type="file"] {overflow: hidden;position: absolute;width: 0;height: 0;padding: 0;border: 0;}
.filebox .upload_name {min-width: 30rem;width: auto;max-width: 100%;text-overflow: ellipsis; overflow: hidden;}
.filebox .upload_name{background: #fff; color: var(--dark);}
.filebox .info_txt {display: block;width: 100%;font-size: 1.7rem;}
.filebox .info_txt::before {content: "\EE59"; font-family: 'remixicon'; font-size: 1.8rem; margin-right: 0.5rem; vertical-align: -0.1rem;}
.filebox input[type="file"]:focus + .btn,
.filebox input[type="file"]:focus-visible + .btn {border-color: var(--btn-primary-hover);background-color: var(--btn-primary-hover);outline: 0.2rem solid var(--primary);outline-offset: 0.2rem;}

/* file */
.file_wrap {position: relative;text-align: left;}
.file_wrap .file_upload {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4rem; border-radius: 1.2rem; border: 1px dashed #C6C6C6; background: #F0F0F0; padding: 6.4rem 4rem;}
.file_wrap .file_upload p {font-size: 1.9rem; text-align: center;}
.file_wrap .file_upload_result {margin-top: 2.4rem;}
.file_wrap .upload_top {display: flex; justify-content: space-between; align-items: center;}
.file_wrap .upload_top .total {font-weight: 700;}
.file_wrap .upload_top .total .current {color: var(--primary);}
.file_wrap .upload_top .total span {font-weight: normal; padding-left: 1rem;}
.file_wrap .btn_delete {background: none; font-size: 1.7rem; border: 0;border-radius: 0.5rem;}
.file_wrap .btn_delete i {vertical-align: 0.1rem;margin-right: 0.3rem;font-size: 1.5rem;}
.file_wrap .btn_delete:focus,
.file_wrap .btn_delete:focus-visible {outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
.file_wrap .upload_list {margin-top: 2.4rem;}
.file_wrap .upload_list .btn_area {margin: 0;}
.file_wrap .upload_list li {padding: 1.2rem 1.6rem; border-radius: 0.6rem; border: 1px solid #d8d8d8;}
.file_wrap .upload_list li + li {margin-top: 1.6rem;}
.file_wrap .upload_list li > div {display: flex; align-items: center; justify-content: space-between; gap: 1.6rem;}
.file_wrap .upload_list li.err {border: 2px solid var(--red); background: #FDF2F3;}
.file_wrap .upload_list li.err .err_txt {color: var(--red); border-top: 1px solid #d8d8d8; padding-top: 1.6rem; margin-top: 1.6rem;}
.file_wrap .upload_list li.err .btn_area .ri-error-warning-fill {color: var(--red); font-size: 2rem; margin-right: 1.2rem; vertical-align: -0.2rem;}
.file_wrap .upload_list .file_input,
.file_wrap .file_upload .file_input{opacity: 0; position: absolute; width: 1px; height: 1px;}


/* file img */
.file_thum::after {content: '';display: table;clear: both;}
.file_thum li {float: left;position: relative;width: 24rem;margin-right: 1rem;margin-bottom: 1rem;border: 1px solid #e1e1e1;border-radius: 0.8rem;overflow: hidden;}
.file_thum li:nth-child(5n) {margin-right: 0;}
.file_thum .file_img {width: 100%;height: 20rem;}
.file_thum .file_img img {width: 100%;height: 100%;}
.file_thum .file_btns_box {height: 5rem;padding: 1rem 1.2rem;border-top: 1px solid #e1e1e1;}
.file_thum .fr {text-align: right;vertical-align: baseline;}
.file_thum .btn {min-width: 0;width: 3rem;height: 3rem;padding: 0;background: none;border-radius: 0.5rem;font-size: 0;gap: 0;}
.file_thum .btn::before {font-size: 1.7rem;font-weight: 300;line-height: 3rem;}
.file_wrap .fake_btn::before {content: "\F250";font-family: 'remixicon';}
.file_wrap .btn_file_del {border-color: var(--red);}
.file_wrap .btn_file_del::before {content: "\F4C8";font-family: 'remixicon';font-size: 1.3rem;font-weight: bold;color: var(--red);vertical-align: top;}
.file_wrap .btn_file_del:hover, .file_wrap .btn_file_del:focus {background-color: var(--btn-bd-red-hover); border-color: var(--btn-red-hover); color: var(--btn-red-hover);}
.file_thum .fake_file {display: inline-block;position: relative;width: 3rem;height: 3rem;}
.file_thum .fake_btn {width: 100%;height: 100%;cursor: pointer; }
.file_thum .hidden_file {opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0;cursor: pointer;filter: alpha(opacity=0);-moz-opacity: 0;}
.file_thum .file_btns_box .file_name {display: inline-block;max-width: 80%;padding-right: 0.6rem;font-size: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: -0.6rem;}
.file_thum .btn_file_del {margin-left: 0 !important;}
.file_thum + .info_txt {font-size: 1.7rem; }
.file_thum + .info_txt::before {content: "\EE59"; font-family: 'remixicon'; font-size: 1.8rem; margin-right: 0.5rem; vertical-align: -0.1rem;}
.file_thum .img_file_input{opacity: 0; position: absolute; width: 1px; height: 1px;}


/* input_wrap */
.input_wrap {display: inline-flex;position: relative;border: 1px solid var(--bdr);border-radius: 0.8rem;background: #fff;}
.input_wrap select,
.input_wrap input {border-color: transparent;}
.input_wrap select:focus,
.input_wrap input:focus {border-color: var(--primary);box-shadow: 0 0 0 1px var(--bdr-focus);z-index: 0;}
.input_wrap .btn.ic {width: 4.8rem;height: 4.8rem;border-radius: 0 0.8rem 0.8rem 0;box-shadow: 0 0 0 1px var(--primary);}
.input_wrap .btn.ic:focus,
.input_wrap .btn.ic:focus-visible {box-shadow: 0 0 0 1px var(--btn-primary-hover);outline-offset: 0.3rem;}
.input_wrap .btn.ic i {font-size: 2rem;}


/*** icon ***/
/* 기본 아이콘 */
i[class^='ico_']{display: inline-flex; width: 2.4rem; height: 2.4rem; background-color: var(--dark); forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.ico_blog{mask-image : url(../images/icon/basic/ico_blog.svg); -webkit-mask-image : url(../images/icon/basic/ico_blog.svg);}
.ico_facebook{mask-image : url(../images/icon/basic/ico_facebook.svg); -webkit-mask-image : url(../images/icon/basic/ico_facebook.svg);}
.ico_instagram{mask-image : url(../images/icon/basic/ico_instagram.svg); -webkit-mask-image : url(../images/icon/basic/ico_instagram.svg);}
.ico_sns_x{mask-image : url(../images/icon/basic/ico_sns_x.svg); -webkit-mask-image : url(../images/icon/basic/ico_sns_x.svg);}
.ico_youtube{mask-image : url(../images/icon/basic/ico_youtube.svg); -webkit-mask-image : url(../images/icon/basic/ico_youtube.svg);}
.ico_join{mask-image : url(../images/icon/basic/ico_join.svg); -webkit-mask-image : url(../images/icon/basic/ico_join.svg);}
.ico_login{mask-image : url(../images/icon/basic/ico_login.svg); -webkit-mask-image : url(../images/icon/basic/ico_login.svg);}
.ico_login_certify_go{mask-image : url(../images/icon/basic/ico_login_certify_go.svg); -webkit-mask-image : url(../images/icon/basic/ico_login_certify_go.svg);}
.ico_login_certify_type_01{mask-image : url(../images/icon/basic/ico_login_certify_type_01.svg); -webkit-mask-image : url(../images/icon/basic/ico_login_certify_type_01.svg);}
.ico_login_certify_type_02{mask-image : url(../images/icon/basic/ico_login_certify_type_02.svg); -webkit-mask-image : url(../images/icon/basic/ico_login_certify_type_02.svg);}
.ico_login_certify_type_03{mask-image : url(../images/icon/basic/ico_login_certify_type_03.svg); -webkit-mask-image : url(../images/icon/basic/ico_login_certify_type_03.svg);}
.ico_login_certify_type_04{mask-image : url(../images/icon/basic/ico_login_certify_type_04.svg); -webkit-mask-image : url(../images/icon/basic/ico_login_certify_type_04.svg);}
.ico_login_certify_type_05{mask-image : url(../images/icon/basic/ico_login_certify_type_05.svg); -webkit-mask-image : url(../images/icon/basic/ico_login_certify_type_05.svg);}
.ico_login_certify_type_06{mask-image : url(../images/icon/basic/ico_login_certify_type_06.svg); -webkit-mask-image : url(../images/icon/basic/ico_login_certify_type_06.svg);}
.ico_logout{mask-image : url(../images/icon/basic/ico_logout.svg); -webkit-mask-image : url(../images/icon/basic/ico_logout.svg);}
.ico_my{mask-image : url(../images/icon/basic/ico_my.svg); -webkit-mask-image : url(../images/icon/basic/ico_my.svg);}
.ico_download{mask-image : url(../images/icon/basic/ico_download.svg); -webkit-mask-image : url(../images/icon/basic/ico_download.svg);}
.ico_file{mask-image : url(../images/icon/basic/ico_file.svg); -webkit-mask-image : url(../images/icon/basic/ico_file.svg);}
.ico_file_figma{background-image : url(../images/icon/basic/ico_file_figma.svg);background-color: transparent !important;}
.ico_file_html{background-image : url(../images/icon/basic/ico_file_html.svg); background-color: transparent !important;}
.ico_file_hwp{background-image : url(../images/icon/basic/ico_file_hwp.svg); background-color: transparent !important;}
.ico_file_pdf{background-image : url(../images/icon/basic/ico_file_pdf.svg); background-color: transparent !important;}
.ico_file_sketch{background-image : url(../images/icon/basic/ico_file_sketch.svg); background-color: transparent !important;}
.ico_file_xd{background-image : url(../images/icon/basic/ico_file_xd.svg);background-color: transparent !important;}
.ico_print{mask-image : url(../images/icon/basic/ico_print.svg); -webkit-mask-image : url(../images/icon/basic/ico_print.svg);}
.ico_upload{mask-image : url(../images/icon/basic/ico_upload.svg); -webkit-mask-image : url(../images/icon/basic/ico_upload.svg);}
.ico_checkbox_checked{mask-image : url(../images/icon/basic/ico_checkbox_checked.svg); -webkit-mask-image : url(../images/icon/basic/ico_checkbox_checked.svg);}
.ico_expand{mask-image : url(../images/icon/basic/ico_expand.svg); -webkit-mask-image : url(../images/icon/basic/ico_expand.svg);}
.ico_foldable{mask-image : url(../images/icon/basic/ico_foldable.svg); -webkit-mask-image : url(../images/icon/basic/ico_foldable.svg);}
.ico_step_done{mask-image : url(../images/icon/basic/ico_step_done.svg); -webkit-mask-image : url(../images/icon/basic/ico_step_done.svg);}
.ico_swiper_play{mask-image : url(../images/icon/basic/ico_swiper_play.svg); -webkit-mask-image : url(../images/icon/basic/ico_swiper_play.svg);}
.ico_swiper_stop{mask-image : url(../images/icon/basic/ico_swiper_stop.svg); -webkit-mask-image : url(../images/icon/basic/ico_swiper_stop.svg);}
.ico_switch_off{mask-image : url(../images/icon/basic/ico_switch_off.svg); -webkit-mask-image : url(../images/icon/basic/ico_switch_off.svg);}
.ico_switch_on{mask-image : url(../images/icon/basic/ico_switch_on.svg); -webkit-mask-image : url(../images/icon/basic/ico_switch_on.svg);}
.ico_tooltip{mask-image : url(../images/icon/basic/ico_tooltip.svg); -webkit-mask-image : url(../images/icon/basic/ico_tooltip.svg);}
.ico_view_mode{mask-image : url(../images/icon/basic/ico_view_mode.svg); -webkit-mask-image : url(../images/icon/basic/ico_view_mode.svg);}
.ico_complete_fill{background-image : url(../images/icon/basic/ico_complete_fill.svg); background-color: transparent !important;}
.ico_error_fill{background-image : url(../images/icon/basic/ico_error_fill.svg); background-color: transparent !important;}
.ico_help{background-image : url(../images/icon/basic/ico_help.svg); background-color: transparent !important;}
.ico_help_fill{background-image : url(../images/icon/basic/ico_help_fill.svg); background-color: transparent !important;}
.ico_information{background-image : url(../images/icon/basic/ico_information.svg); background-color: transparent !important;}
.ico_information_fill{background-image : url(../images/icon/basic/ico_information_fill.svg); background-color: transparent !important;}
.ico_information_fill_high_contrast{background-image : url(../images/icon/basic/ico_information_fill_high_contrast.svg);background-color: transparent !important;}
.ico_notice_fill{background-image : url(../images/icon/basic/ico_notice_fill.svg); background-color: transparent !important;}
.ico_notice_fill_blue{background-image : url(../images/icon/basic/ico_notice_fill_blue.svg); background-color: transparent !important;}
.ico_notice_fill_high_contrast{background-image : url(../images/icon/basic/ico_notice_fill_high_contrast.svg); background-color: transparent !important;}
.ico_success_fill{background-image : url(../images/icon/basic/ico_success_fill.svg); background-color: transparent !important;}
.ico_urgent_badge_danger{mask-image : url(../images/icon/basic/ico_urgent_badge_danger.svg); -webkit-mask-image : url(../images/icon/basic/ico_urgent_badge_danger.svg);}
.ico_urgent_badge_info{background-image : url(../images/icon/basic/ico_urgent_badge_info.svg); background-color: transparent !important;}
.ico_urgent_badge_ok{background-image : url(../images/icon/basic/ico_urgent_badge_ok.svg); background-color: transparent !important;}
.ico_warning_fill{background-image : url(../images/icon/basic/ico_warning_fill.svg); background-color: transparent !important;}
.ico_call{mask-image : url(../images/icon/basic/ico_call.svg); -webkit-mask-image : url(../images/icon/basic/ico_call.svg);}
.ico_email{mask-image : url(../images/icon/basic/ico_email.svg); -webkit-mask-image : url(../images/icon/basic/ico_email.svg);}
.ico_share{mask-image : url(../images/icon/basic/ico_share.svg); -webkit-mask-image : url(../images/icon/basic/ico_share.svg);}
.ico_angle{mask-image : url(../images/icon/basic/ico_angle.svg); -webkit-mask-image : url(../images/icon/basic/ico_angle.svg);}
.ico_angle_disabled{mask-image : url(../images/icon/basic/ico_angle_disabled.svg); -webkit-mask-image : url(../images/icon/basic/ico_angle_disabled.svg);}
.ico_angle_disabled_inverse{mask-image : url(../images/icon/basic/ico_angle_disabled_inverse.svg); -webkit-mask-image : url(../images/icon/basic/ico_angle_disabled_inverse.svg);}
.ico_angle_inverse{mask-image : url(../images/icon/basic/ico_angle_inverse.svg); -webkit-mask-image : url(../images/icon/basic/ico_angle_inverse.svg);}
.ico_arrow_dropdown{mask-image : url(../images/icon/basic/ico_arrow_dropdown.svg); -webkit-mask-image : url(../images/icon/basic/ico_arrow_dropdown.svg);}
.ico_bread_home{mask-image : url(../images/icon/basic/ico_bread_home.svg); -webkit-mask-image : url(../images/icon/basic/ico_bread_home.svg);}
.ico_flow_arrow{mask-image : url(../images/icon/basic/ico_flow_arrow.svg); -webkit-mask-image : url(../images/icon/basic/ico_flow_arrow.svg);}
.ico_go{mask-image : url(../images/icon/basic/ico_go.svg); -webkit-mask-image : url(../images/icon/basic/ico_go.svg);}
.ico_go_top{mask-image : url(../images/icon/basic/ico_go_top.svg); -webkit-mask-image : url(../images/icon/basic/ico_go_top.svg);}
.ico_logo_krds{background-image : url(../images/icon/basic/ico_logo_krds.svg); background-color: transparent !important;}
.ico_logo_krds_high_contrast{background-image : url(../images/icon/basic/ico_logo_krds_high_contrast.svg); background-color: transparent !important;}
.ico_reset{mask-image : url(../images/icon/basic/ico_reset.svg); -webkit-mask-image : url(../images/icon/basic/ico_reset.svg);}
.ico_sch{mask-image : url(../images/icon/basic/ico_sch.svg); -webkit-mask-image : url(../images/icon/basic/ico_sch.svg);}
.ico_sch_plus{mask-image : url(../images/icon/basic/ico_sch_plus.svg); -webkit-mask-image : url(../images/icon/basic/ico_sch_plus.svg);}
.ico_filter{mask-image : url(../images/icon/basic/ico_filter.svg); -webkit-mask-image : url(../images/icon/basic/ico_filter.svg);}
.ico_setting{mask-image : url(../images/icon/basic/ico_setting.svg); -webkit-mask-image : url(../images/icon/basic/ico_setting.svg);}
.head_ico_font_sample{mask-image : url(../images/icon/basic/head_ico_font_sample.svg); -webkit-mask-image : url(../images/icon/basic/head_ico_font_sample.svg);}
.head_ico_font_sample_white{mask-image : url(../images/icon/basic/head_ico_font_sample_white.svg); -webkit-mask-image : url(../images/icon/basic/head_ico_font_sample_white.svg);}
.ico_all{mask-image : url(../images/icon/basic/ico_all.svg); -webkit-mask-image : url(../images/icon/basic/ico_all.svg);}
.ico_calendar{mask-image : url(../images/icon/basic/ico_calendar.svg); -webkit-mask-image : url(../images/icon/basic/ico_calendar.svg);}
.ico_close{mask-image : url(../images/icon/basic/ico_close.svg); -webkit-mask-image : url(../images/icon/basic/ico_close.svg);}
.ico_delete{mask-image : url(../images/icon/basic/ico_delete.svg); -webkit-mask-image : url(../images/icon/basic/ico_delete.svg);}
.ico_delete_fill{background-image : url(../images/icon/basic/ico_delete_fill.svg); background-color: transparent !important;}
.ico_ellipsis{mask-image : url(../images/icon/basic/ico_ellipsis.svg); -webkit-mask-image : url(../images/icon/basic/ico_ellipsis.svg);}
.ico_faq{mask-image : url(../images/icon/basic/ico_faq.svg); -webkit-mask-image : url(../images/icon/basic/ico_faq.svg);}
.ico_flag{background-image : url(../images/icon/basic/ico_flag.svg); background-color: transparent !important;}
.ico_global{mask-image : url(../images/icon/basic/ico_global.svg); -webkit-mask-image : url(../images/icon/basic/ico_global.svg);}
.ico_like{mask-image : url(../images/icon/basic/ico_like.svg); -webkit-mask-image : url(../images/icon/basic/ico_like.svg);}
.ico_more{mask-image : url(../images/icon/basic/ico_more.svg); -webkit-mask-image : url(../images/icon/basic/ico_more.svg);}
.ico_plus{mask-image : url(../images/icon/basic/ico_plus.svg); -webkit-mask-image : url(../images/icon/basic/ico_plus.svg);}
.ico_pw_visible_off{mask-image : url(../images/icon/basic/ico_pw_visible_off.svg); -webkit-mask-image : url(../images/icon/basic/ico_pw_visible_off.svg);}
.ico_pw_visible_on{mask-image : url(../images/icon/basic/ico_pw_visible_on.svg); -webkit-mask-image : url(../images/icon/basic/ico_pw_visible_on.svg);}
.ico_scrap{mask-image : url(../images/icon/basic/ico_scrap.svg); -webkit-mask-image : url(../images/icon/basic/ico_scrap.svg);}
/* 첨부파일 아이콘 */
i[class^='i_file_']{display: inline-flex; width: 2.4rem; height: 2.4rem; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.ico_file_excel{background-image: url(../images/icon/file/ico_file_excel.svg); background-color: transparent !important;}
.ico_file_hwp{background-image: url(../images/icon/file/ico_file_hwp.svg);}
.ico_file_img{background-image: url(../images/icon/file/ico_file_img.svg);}
.ico_file_pdf{background-image: url(../images/icon/file/ico_file_pdf.svg);}
.ico_file_ppt{background-image: url(../images/icon/file/ico_file_ppt.svg);}
.ico_file_word{background-image: url(../images/icon/file/ico_file_word.svg);}
.ico_file_zip{background-image: url(../images/icon/file/ico_file_zip.svg);}

/*** button ***/
.btn_area {margin-top: 2rem;text-align: right;}
.btn_area.left {text-align: left;}
.btn_area.center {text-align: center;}
.btn_area .btn + .btn {margin-left: 0.3rem;}

/* button size */
.btn {display: inline-flex;justify-content: center;align-items: center;gap: 0.6rem;min-width: 9rem;height: 4.8rem;margin: 0;padding: 0 1.6rem;border: 1px solid var(--btn-bdr);border-radius: 0.8rem;font-size: 1.7rem;color: var(--dark);text-align: center;background-color: #fff;cursor: pointer;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.btn:hover, .btn:focus {/*border-color: var(--black);*/background-color: var(--btn-hover);}
.btn:focus,
.btn:focus-visible {outline: 0.2rem solid var(--primary);outline-offset: 0.2rem;}
.btn.xsml {min-width: 4rem;height: 3.2rem;padding: 0 1rem;border-radius: 0.6rem;font-size: 1.5rem;}
.btn.sml {min-width: 5rem;height: 4rem;padding: 0 1.2rem;border-radius: 0.6rem;font-size: 1.7rem;}
.btn.md {min-width: 9rem;height: 4.8rem;padding: 0 1.6rem;border-radius: 0.8rem;font-size: 1.7rem;} /* basic btn size */
.btn.lg {min-width: 11rem;height: 5.6rem;padding: 0 2rem;border-radius: 0.8rem;font-size: 1.9rem;}
.btn.xlg {min-width: 13rem;height: 6.4rem;padding: 0 2.4rem;border-radius: 0.8rem;font-size: 1.9rem;}

/* only icon button */
.btn.ic {min-width: 4rem;width: 4rem;height: 4rem;padding: 0;border: 1px solid var(--bdr);border-radius: 0.6rem;}
.btn.ic:hover, .btn.ic:focus {background-color: var(--basic-bg);}
.btn.ic i {bottom: 0;font-family: 'remixicon';font-size: 1.6rem;letter-spacing: 0;}
.btn.ic.xsml {min-width: 2.8rem; width: 2.8rem; height: 2.8rem;border-radius: 0.4rem;}
.btn.ic.sml {min-width: 3.5rem; width:3.5rem; height:3.5rem;border-radius: 0.4rem;}
.btn.ic.md {min-width: 4rem; width:4rem; height:4rem;border-radius: 0.6rem;}
.btn.ic.lg {min-width: 5rem; width:5rem; height:5rem;border-radius: 0.8rem;}
.btn.ic.lg i {font-size: 1.9rem;}
.btn.ic.xlg {min-width: 6rem;  width:6rem; height:6rem;border-radius: 0.8rem;}
.btn.ic.xlg i {font-size: 2.1rem;}

/* link button */
.btn.link{padding: 0; border: 0; color: var(--blue); height: auto; border-radius: 0;}
.btn.link span{text-decoration: underline;}
.btn.link:hover,
.btn.link:active,
.btn.link:focus{background: none;}
.btn.link::after{content: ''; font-family: 'remixicon';}
.btn.link.external::after{content: "\ECAF";}
.btn.link.internal::after{content: "\EA6E";}

/** set button color **/
/* primary */
.btn.primary {border-color: var(--primary);color: #FFFFFF;background-color: var(--primary);}
.btn.primary:hover, .btn.primary:focus {border-color: var(--btn-primary-hover);background-color: var(--btn-primary-hover);}

/* secondary */
.btn.secondary {border-color: var(--primary);color: var(--primary); background-color: var(--secondary);}
.btn.secondary:hover, .btn.secondary:focus {background-color: var(--btn-secondary-hover);}

/* blue */
.btn.blue, .btn.btn_save, .btn.btn_write {border-color: var(--blue);color: #FFFFFF;background-color: var(--blue);}
.btn.blue:hover, .btn.btn_save:hover, .btn.btn_write:hover,
.btn.blue:focus, .btn.btn_save:focus, .btn.btn_write:focus {border-color: var(--btn-blue-hover);background-color: var(--btn-blue-hover);}

/* red */
.btn.red, .btn.btn_del {border-color: var(--red);color: #FFFFFF;background-color: var(--red);}
.btn.red:hover, .btn.btn_del:hover,
.btn.red:focus, .btn.btn_del:focus {border-color: var(--btn-red-hover);background-color: var(--btn-red-hover);}

/* green */
.btn.green {border-color: var(--green);color: #FFFFFF;background-color: var(--green);}
.btn.green:hover, .btn.green:focus {border-color: var(--btn-green-hover);background-color: var(--btn-green-hover);}

/* yellow */
.btn.yellow {border-color: var(--yellow);color: var(--dark);background-color: var(--yellow);}
.btn.yellow:hover, .btn.yellow:focus {border-color: var(--btn-yellow-hover);background-color: var(--btn-yellow-hover); color: #fff;}

/* gray */
.btn.gray, .btn.btn_cancel, .btn.btn_list {border-color: var(--gray);color: #FFFFFF;background-color: var(--gray);}
.btn.gray:hover, .btn.btn_cancel:hover, .btn.btn_list:hover,
.btn.gray:focus, .btn.btn_cancel:focus, .btn.btn_list:focus {border-color: var(--btn-gray-hover);background-color: var(--btn-gray-hover);}

/* gray light */
.btn.gray.light {border-color: var(--gray-light);color: var(--dark);background-color: var(--gray-light);}
.btn.gray.light:hover, .btn.gray.light:focus {border-color: var(--btn-gray-light-hover);background-color: var(--btn-gray-light-hover);}

/* dark */
.btn.black {color: #FFFFFF;background-color: var(--black); border-color: var(--black);}
.btn.black:hover, .btn.black:focus {background-color: var(--dark);}

/* function button */
.btn.btn_excel {padding-left: 5.4rem; padding-right:2.5rem; background: url(../images/icon/file/ico_file_excel.svg) no-repeat 2.4rem 50% / auto 2.2rem;}
.btn.btn_excel:hover, .btn.btn_excel:focus {background-color: var(--btn-hover);}

/* button border */
.btn.bd {background-color: transparent;}
.btn.bd.red {border-color: var(--red);color: var(--red);}
.btn.bd.red:hover, .btn.bd.red:focus {background-color: var(--btn-bd-red-hover); border-color: var(--btn-red-hover); color: var(--btn-red-hover);}
.btn.bd.green {border-color: var(--green);color: var(--green);}
.btn.bd.green:hover, .btn.bd.green:focus {background-color: var(--btn-bd-green-hover); border-color: var(--btn-green-hover); color: var(--btn-green-hover);}
.btn.bd.blue {border-color: var(--blue);color: var(--blue);}
.btn.bd.blue:hover, .btn.bd.blue:focus {background-color: var(--btn-bd-blue-hover); border-color: var(--btn-blue-hover); color: var(--btn-blue-hover);}
.btn.bd.yellow {border-color: var(--yellow);color: var(--yellow);}
.btn.bd.yellow:hover, .btn.bd.yellow:focus {background-color: var(--btn-bd-yellow-hover); border-color: var(--btn-yellow-hover); color: var(--btn-yellow-hover);}
.btn.bd.gray {border-color: var(--gray);color: var(--gray);}
.btn.bd.gray:hover, .btn.bd.gray:focus {background-color: var(--btn-bd-gray-hover); border-color: var(--btn-gray-hover); color: var(--btn-gray-hover);}

.btn.btn_rewrite {border-color: var(--blue);color: var(--blue);background-color: transparent;}
.btn.btn_rewrite:hover,
.btn.btn_rewrite:focus {background-color: var(--btn-bd-blue-hover);}
.btn.btn_del {border-color: var(--red);color: var(--red);background-color: transparent;}
.btn.btn_del:hover,
.btn.btn_del:focus {background-color: var(--btn-bd-red-hover);}

/** // set button color **/

/* icon button */
.btn i {position: relative;font-size: 1.6rem;color: inherit;}
.btn.xsml i {font-size: 1.4rem;}
.btn.sml i {font-size: 1.5rem;}
.btn.md i {font-size: 1.6rem;}
.btn.lg i {font-size: 1.7rem;}
.btn.xlg i {font-size: 1.9rem;}

/* disabled */
.btn:disabled, .btn.disabled, .btn.bd:disabled, .btn.bd.disabled {border: 1px solid var(--btn-disabled-bg) !important;color: var(--btn-disabled-font) !important;background-color: var(--btn-disabled-bg) !important; cursor: default !important;}

/* sidebyside */
.sidebyside {display: flex;justify-content: space-between;align-items: center;position: relative;}
.sidebyside > .left {display: flex;justify-content: flex-start;align-items: center;gap: 0.5rem;}
.sidebyside > .right {display: flex;justify-content: flex-end;align-items: center;gap: 0.5rem;text-align: right;}
.sidebyside .btn_area {display: inline-block;margin: 0;}

/* badge */
.badge {display: inline-block;min-width: 7rem;height: 3.8rem;padding: 0 1.5rem;border-radius: 100rem;font-size: 1.6rem;font-weight: 400;line-height: 3.6rem;color: #FFFFFF;letter-spacing: -0.03em;text-align: center;border: 1px solid transparent;}
.badge.red {background-color: var(--badge-red);}
.badge.green {background-color: var(--badge-green);}
.badge.blue {background-color: var(--badge-blue);}
.badge.gray {background-color: var(--badge-gray);}
.badge.black {background-color: var(--badge-black);}
.badge.bd {background: #fff;}
.badge.bd.red {border-color: var(--badge-red); color:var(--badge-red);}
.badge.bd.green {border-color: var(--badge-green); color:var(--badge-green);}
.badge.bd.blue {border-color: var(--badge-blue); color:var(--badge-blue);}
.badge.bd.gray {border-color: var(--badge-gray); color:var(--badge-gray);}
.badge.bd.black {border-color: var(--badge-black); color:var(--badge-black);}



/*** tooltip ***/
.tooltip {display: none;position: fixed;max-width: 36rem;padding-left: 1rem;word-break: break-all;transform: translateY(-50%);z-index: 100;}
.tooltip:hover {z-index: 9000;}
/* btn_ttip */
.btn_ttip:not(.btn) {border: 0;border-radius: 0.6rem;line-height: inherit;color: inherit;text-align: inherit;background: none;}
.btn_ttip:not(.btn):focus,
.btn_ttip:not(.btn):focus-visible {outline: 0.2rem solid var(--primary);outline-offset: 0.2rem;}
.btn_ttip:not(.btn) i {position: relative;top: 0.1rem;color: var(--primary);font-size: 1.7rem;}
/* txt_wrap */
.tooltip .txt_wrap {position: relative;border-radius: 0.4rem;box-shadow: 0.3rem 0 0.5rem rgba(0, 0, 0, 0.05);}
.tooltip .txt_wrap p {font-size: 1.5rem;font-weight: 400;letter-spacing: -0.025em;}
.tooltip .txt_wrap::after {content: '';position: absolute;right: calc(100% - 0.5rem);top: calc(50% - 0.5rem);width: 1rem;height: 1rem;transform: rotate(45deg);}
/* type - black */
.tooltip .txt_wrap {padding: 0.4rem 1.2rem;background: #1e2124;}
.tooltip .txt_wrap p {color: #fff;}
.tooltip .txt_wrap::after {background: #1e2124;}
.tooltip:not(.box) .txt_wrap p {white-space: nowrap;}
/* type - box */
.tooltip.box .txt_wrap {padding: 1.2rem 1.6rem;border: 1px solid #b1b8be;background: #fff;}
.tooltip.box .txt_wrap p {color: #727272;}
.tooltip.box .txt_wrap::after {border: 1px solid #b1b8be;border-width: 0 0 1px 1px;background: #fff;}
/* position - vertical + top */
.tooltip.vrtcl,
.tooltip.top {padding: 0 0 1rem;transform: translate(-50%, -100%);}
.tooltip.vrtcl .txt_wrap::after,
.tooltip.top .txt_wrap::after {left: calc(50% - 0.5rem);top: calc(100% - 0.5rem);border-width: 0 1px 1px 0;}
/* position - btm */
.tooltip.btm {padding: 1rem 0 0;transform: translateX(-50%);}
.tooltip.btm .txt_wrap::after {left: calc(50% - 0.5rem);top: calc(0% - 0.5rem);border-width: 1px 0 0 1px;}



/*** table ***/
table .no_data {text-align: center !important;}
table tr:hover .no_data {background: inherit !important;}
table .asterisk {margin-left: -1rem;}
td img {vertical-align: middle;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
table a.ellipsis {display: inline-block;max-width: 95%;vertical-align: middle;}
table a.ellipsis + i {vertical-align: middle;}

/* asterisk(*) + form guide */
.asterisk {margin-right: 0.3rem;font-size: 0;}
.asterisk::before {content: '*';display:inline-block;font-size: 1.4rem;font-weight: 600;color: var(--red);}
.form_guide {margin-bottom: 1rem;font-size: 1.6rem;font-weight: 400;text-align: right;}
.tbl_top .form_guide {margin-bottom: 0;}

/* table top */
.tbl_top {display: table;table-layout: fixed;width: 100%;margin-bottom: 1rem;}
.tbl_left {display: table-cell;color: #666666;vertical-align: middle;}
.tbl_right {display: table-cell;text-align: right;vertical-align: bottom;}
.tbl_right select + select,
.tbl_right .btn + select,
.tbl_right .btn + .btn {margin-left: 0.5rem;}

/* table style */
.data_tbl {border-top: 1px solid var(--black);}
.data_tbl > * > tr > th,
.data_tbl > * > tr > td {position: relative;height: 5.6rem;padding: 0.8rem 1rem;border-bottom: 1px solid var(--tbl-bdr);font-size: 1.7rem;font-weight: 400;color: var(--dark);text-align: center;background: #FFFFFF;}
.data_tbl > * > tr > th {font-weight: 500;background: var(--tbl-th);}
.data_tbl > * > tr > *:not(:last-child) {border-right: 1px solid var(--tbl-bdr);}
.data_tbl > tbody > tr > td + td[rowspan] {border-left: 1px solid var(--tbl-bdr);}
.data_tbl:not(.form) > tbody > tr:hover > td:not(.no_data){background: var(--form-tbl-hover-bg);}
.data_tbl.no_hover > tbody > tr:hover > td{background: #fff !important;}

/* table border */
.data_tbl .bdt {border-top: 1px solid var(--tbl-bdr);}
.data_tbl .bdr {border-right: 1px solid var(--tbl-bdr);}
.data_tbl .bdb {border-bottom: 1px solid var(--tbl-bdr);}
.data_tbl .bdl {border-left: 1px solid var(--tbl-bdr);}

/* table form */
.data_tbl.form > * > tr > th,
.data_tbl.form > * > tr > td {height: 5.6rem;}
.data_tbl.form input[type="text"], .data_tbl.form input[type="password"], .data_tbl.form select {width: 100%;}
.data_tbl.form .btn {min-width: 5rem;}

/* scroll table */
.tbl_scroll {position: relative;}
.tbl_scroll tbody + tfoot tr:first-child td {border-top: 1px solid var(--tbl-bdr);}

/* horizontal scroll table */
.tbl_scroll.scr_h {overflow-x: auto;position: relative;}

/* vertical scroll table */
.tbl_scroll.scr_v {overflow-y: auto;position: relative;}
.tbl_scroll.scr_v table {border-collapse: separate;border-top: 0;}
.tbl_scroll.scr_v thead {position: sticky;left: 0;top: 0;z-index: 1;}
.tbl_scroll.scr_v thead tr:first-child th {border-top: 1px solid var(--black);}

/* horizontal + vertical scroll table */
.tbl_scroll.scr_hv {overflow: auto;position: relative;}
.tbl_scroll.scr_hv table {border-collapse: separate;border-top: 0;}
.tbl_scroll.scr_hv thead {position: sticky;left: 0;top: 0;z-index: 1;}
.tbl_scroll.scr_hv thead tr:first-child th {border-top: 1px solid var(--black);}

/* thead th + tbody th fix scroll table */
.tbl_scroll.scr_hv02 {overflow: auto;position: relative;}
.tbl_scroll.scr_hv02 table {border-collapse: separate;border-top: 0;}
.tbl_scroll.scr_hv02 thead {position: sticky;left: 0;top: 0;z-index: 2;}
.tbl_scroll.scr_hv02 thead th:first-child {z-index: 3;}
.tbl_scroll.scr_hv02 th:first-child {position: sticky;left: 0;z-index: 1;}
.tbl_scroll.scr_hv02 th.left_fixed {position: sticky;z-index: 1; }
.tbl_scroll.scr_hv02 thead tr:first-child th {border-top: 1px solid var(--black);}

/* ie */
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast: none) {
    .tbl_scroll.scr_h.scr_v table {border-top: 1px solid var(--black) !important;}
    .tbl_scroll.scr_h.scr_v table thead::before,
    .tbl_scroll.scr_h.scr_v table thead::after,
    .tbl_scroll.scr_h.scr_v table th:not(:last-child)::before,
    .tbl_scroll.scr_h.scr_v table th::after {display: none;}
}

/* 테이블 스크롤 커스터마이징 */
.tbl_scroll .simplebar-scrollable-y .simplebar-offset {padding-right: 2rem;} /* 세로 스크롤 */
.simplebar-scrollable-x {padding-bottom: 0.8rem;} /* 가로 스크롤 */
.tbl_scroll .simplebar-scrollable-y.simplebar-scrollable-x {padding-bottom: 0;} /* 상하좌우 스크롤 */
.tbl_scroll .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-offset {padding-bottom: 0.8rem !important;} /* 상하좌우 스크롤 */
.tbl_scroll .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-track.simplebar-horizontal {right: 2rem;} /* 상하좌우 스크롤 */
.tbl_scroll .simplebar-track {opacity: 0.8;transition: opacity .1s linear;}
.tbl_scroll .simplebar-scrollable-y:hover .simplebar-track,
.tbl_scroll .simplebar-scrollable-x:hover .simplebar-track {opacity: 1;}
.tbl_scroll .simplebar-track.simplebar-vertical {right: 0.7rem;top: 0rem;bottom: 0rem;width: 0.8rem !important;border-radius: 1rem;background: #cfcfcf;}
.tbl_scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {left: 0;right: 0;top: 0;bottom: 0;width: 0.8rem !important;}
.tbl_scroll .simplebar-track.simplebar-horizontal {left: 0rem;right: 0rem;bottom: 0rem;height: 0.8rem !important;border-radius: 1rem;background: #cfcfcf;}
.tbl_scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {left: 0;right: 0;top: 0;bottom: 0;}

/* tbl scroll plugin 중첩형 */
.tbl_scroll.scrollon {border-bottom: 0;}
.tbl_scroll.scrollon > .data_tbl {position: relative;width: calc(100% - 1.5rem);}
.tbl_scroll.scrollon > .data_tbl::before {content: '';display: block;position: absolute;right: -1.5rem;top: -0.1rem;width: calc(100% + 1.5rem);height: 4.3rem;border-top: 1px solid var(--black);border-bottom: 1px solid var(--bdr);background: var(--tbl-th);z-index: -1;}
.tbl_scroll.scrollon .scr_box {padding-right: 1.5rem;}
.tbl_scroll.scrollon .scr_box .data_tbl tbody tr:last-child td {border-bottom: 1px solid var(--bdr);}



/*** tab ***/
.tab > .tab_menu {display: flex;}
.tab > .tab_menu li {font-size: 1.7rem;font-weight: 400;color: var(--dark);text-align: center;}
.tab > .tab_menu li a {display: inline-block;height: 100%;}
.tab > .tab_cont {margin-top: 3rem;}

/* line */
.tab.line > .tab_menu {border-bottom: 0.2rem solid var(--bdr);}
.tab.line > .tab_menu li {position: relative;min-width: 8rem;}
.tab.line > .tab_menu li:has(.on) {font-weight: 500;}
.tab.line > .tab_menu li:has(.on)::before {content: '';position: absolute;left: 0;bottom: -0.2rem;width: 100%;height: 0.2rem;background: var(--black);}
.tab.line > .tab_menu li a {padding: 1rem 1.5rem;}

/* box */
.tab.box > .tab_menu {border-bottom: 1px solid var(--bdr);}
.tab.box > .tab_menu li {min-width: 8rem;margin-bottom: -0.1rem;}
.tab.box > .tab_menu li:has(.on) {border: 1px solid var(--bdr);border-bottom: 1px solid #FFFFFF;border-radius: 0.4rem 0.4rem 0 0;font-weight: 500;}
.tab.box > .tab_menu li a {padding: 1rem 1.5rem;}
.tab.box > .tab_cont {margin-top: 0;padding: 2rem;border: 1px solid var(--bdr);border-top: 0;border-radius: 0 0.4rem 0.4rem 0.4rem;}

/* wide */
.tab.wide > .tab_menu {display: flex;}
.tab.wide > .tab_menu li {width: 100%;height: 6.5rem;border: 1px solid var(--bdr);border-right: 0;border-bottom-color: var(--black);font-size: 1.7rem;color: #696969;letter-spacing: -0.03em;text-align: center;background: var(--basic-bg);}
.tab.wide > .tab_menu li:first-child {border-left: 1px solid var(--bdr);}
.tab.wide > .tab_menu li:last-child {border-right: 1px solid var(--bdr);}
.tab.wide > .tab_menu li:has(.on):nth-child(n+2),
.tab.wide > .tab_menu li:has(.on) {border-left: 1px solid var(--dark);border-color: var(--dark);border-bottom-color: #FFFFFF;color: var(--dark);background: #FFFFFF;}
.tab.wide > .tab_menu li:has(.on):nth-child(n+2) + li,
.tab.wide > .tab_menu li:has(.on) + li {border-left-color: var(--dark);}
.tab.wide > .tab_menu li a {display: flex;justify-content: center;align-items: center;height: 100%;padding: 0.5rem;font-weight: 500;}

/* balloon tab */
.tab.balloon > .tab_menu::after {content: '';display: block;clear: both;}
.tab.balloon > .tab_menu li {position: relative;min-width: 10rem;height: 4rem;border: 1px solid var(--bdr);border-radius: 1.8rem;line-height: 3.8rem;}
.tab.balloon > .tab_menu li:not(:last-child) {margin-right: 1rem;}
.tab.balloon > .tab_menu li:has(.on) {border: 0;line-height: 4rem;color: #FFFFFF;background: var(--primary);}
.tab.balloon > .tab_menu li:has(.on)::after {content: '';display: block;position: absolute;left: 50%;bottom: -0.5rem;width: 0;height: 0;margin-left: -0.5rem;border-left: 0.5rem solid transparent;border-right: 0.5rem solid transparent;border-top: 0.5rem solid var(--primary);}
.tab.balloon > .tab_menu li a {padding: 0 2rem;}

/* first tab */
.tab.f_tab > .tab_menu {position: relative;height: 4.5rem;font-size: 1.7rem;}
.tab.f_tab > .tab_menu::after {content: '';display: block;clear: both;}
.tab.f_tab > .tab_menu li {float: left;width: 12rem;height: 100%;border: 1px solid var(--bdr);border-left: 0;line-height: 4.5rem;text-align: center;}
.tab.f_tab > .tab_menu li:first-child {border-left: 1px solid var(--bdr);}
.tab.f_tab > .tab_menu li:has(.on) {border-color: var(--primary);color: #FFFFFF;background: var(--primary);}
.tab.f_tab > .tab_menu li a {display: block;}

/* second tab */
.tab.s_tab > .tab_menu {padding: 1.5rem 3.5rem;border-bottom: 1px solid var(--bdr);font-size: 1.5rem;background: var(--form-tbl-hover-bg);}
.tab.s_tab > .tab_menu::after {content: '';display: block;clear: both;}
.tab.s_tab > .tab_menu li {float: left;position: relative;margin-right: 2.2rem;padding-left: 1rem;}
.tab.s_tab > .tab_menu li::after {content: '';position: absolute;left: 0;top: 50%;width: 0.4rem;height: 0.4rem;background: #797979;transform: translateY(-50%);}
.tab.s_tab > .tab_menu li:has(.on) {color: var(--primary);text-decoration: underline;text-underline-position: under;}
.tab.s_tab > .tab_menu li:has(.on)::after {background: var(--primary);}
.tab.s_tab > .tab_menu li a {display: block;}

/* third tab */
.tab.t_tab > .tab_menu {height: 4.5rem;padding: 0 4.5rem;border-bottom: 1px solid var(--bdr);font-size: 1.5rem;line-height: 4.5rem;color: var(--dark);}
.tab.t_tab > .tab_menu::after {content: '';display: block;clear: both;}
.tab.t_tab > .tab_menu li {float: left;position: relative;}
.tab.t_tab > .tab_menu li:nth-child(n+2) {margin-left: 2.4rem;}
.tab.t_tab > .tab_menu li:nth-child(n+2)::after {content: '';position: absolute;left: -1.3rem;top: 50%;width: 0.1rem;height: 1.5rem;background: var(--bdr);transform: translateY(-50%);}
.tab.t_tab > .tab_menu li:has(.on) {font-weight: 700;}
.tab.t_tab > .tab_menu li a {display: block;}



/*** loading ***/
/* loading - 부분화면 */
.loading_wrap.partial {display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.7);z-index: 9999;}
.loading_wrap.partial:has(.loader.typeA){background: rgba(0, 0, 0, 0.3);}
.loading_wrap.partial .loader{position: absolute; left: 50%; top: 50%;}

/* loading - 전체 화면 */
.loading_wrap.entire {display: block;position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.7);z-index: 9999;}
.loading_wrap.entire .loading_box {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 99;}
.loading_wrap.entire .loading_box b {display: block;font-size: 2.5rem;font-weight: 500;color: #222;}
.loading_wrap.entire .loading_box b::after {content: ' .';position: relative;left: -0.5rem;animation: loading_dots 1s steps(5, end) infinite;}
@keyframes loading_dots {
    0%, 20% {color: rgba(0, 0, 0, 0);text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);}
    40% {color: #000;text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);}
    60% {text-shadow: .25em 0 0 #000, .5em 0 0 rgba(0, 0, 0, 0);}
    80%, 100% {text-shadow: .25em 0 0 #000, .5em 0 0 #000;}
}
.loading_wrap.entire .loader{position: static !important; margin: 0 auto !important;}
.loading_wrap.entire .loader:not(.typeB, .typeE){margin-bottom: 2rem !important;}
.loading_wrap.entire .loader.typeF{margin-bottom: 1rem !important; margin-top: 0rem!important ; margin-left: 4rem !important;}
.loading_wrap.entire .loader.typeG{margin-bottom: 3.5rem !important; margin-top: 2rem!important ;}

/* loader */
.loader.typeA{display: block;left: 0 !important;top: 0 !important;bottom: 0 !important;width: 100%;height: 100%;z-index: 9999;}
.loader.typeA::after {content: '';display: block;position: absolute;left: 50%;top: 50%;width: 5rem;height: 5rem; border: 0.7rem solid rgba(255, 255, 255, 0.5);border-top-color: #fff;border-radius: 50%;-webkit-animation: loading_A 0.7s infinite linear;animation: loading_A 0.7s infinite linear; margin:-2.5rem 0 0 -2.5rem;}
@keyframes loading_A {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.loader.typeB {-webkit-animation: loading_B1 1.4s linear infinite;animation: loading_B1 1.4s linear infinite; width:8rem; height:8rem; margin: -4rem 0 0 -4rem;}
.loader.typeB .path {transform-origin: center;stroke: var(--blue);stroke-dasharray: 180;stroke-dashoffset: 0;-webkit-animation: loading_B2 1.4s ease-in-out infinite;animation: loading_B2 1.4s ease-in-out infinite;}
@keyframes loading_B1 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(270deg);}
}
@keyframes loading_B2 {
    0% {stroke-dashoffset: 180;}
    50% {stroke-dashoffset: 45;transform: rotate(135deg);}
    100% {stroke-dashoffset: 180;transform: rotate(450deg);}
}

.loader.typeC{width: 5rem; height: 5rem; padding: 0.8rem; margin:-2.5rem 0 0 -2.5rem; aspect-ratio: 1; border-radius: 50%; background: var(--blue);
  -webkit-mask: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
          mask: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: loading_C 1s infinite linear;}
.loader.typeC::after{display: none;}
@keyframes loading_C {to{transform: rotate(1turn)}}

.loader.typeD { width: 6rem; aspect-ratio: 1; display: grid; border: 0.4rem solid #0000; border-radius: 50%; border-color: #ccc #0000; animation: loading_D 1s infinite linear; margin: -3rem 0 0 -3rem;}
.loader.typeD::before,
.loader.typeD::after {content: ""; grid-area: 1/1; margin: 0.2rem; border: inherit; border-radius: 50%;}
.loader.typeD::before { border-color: #f03355 #0000; animation: inherit;  animation-duration: .5s; animation-direction: reverse;}
.loader.typeD::after { margin: 0.8rem;}
@keyframes loading_D {100%{transform: rotate(1turn)}}

.loader.typeE{width: 6rem; height: 6rem; margin: -3rem 0 0 -3rem;}

.loader.typeF {width: 1.2rem;height: 1.2rem;border-radius: 50%;display: block;position: relative;color: var(--gray);box-sizing: border-box;animation: loading_F 2s linear infinite; margin: -0.6rem 0 0 -0.6rem;}
@keyframes loading_F {
  0% {box-shadow: 1.4rem 0 0 -0.2rem,  3.8rem 0 0 -0.2rem,  -1.4rem 0 0 -0.2rem,  -3.8rem 0 0 -0.2rem;}
  25% {box-shadow: 1.4rem 0 0 -0.2rem,  3.8rem 0 0 -0.2rem,  -1.4rem 0 0 -0.2rem,  -3.8rem 0 0 0.2rem;}
  50% {box-shadow: 1.4rem 0 0 -0.2rem,  3.8rem 0 0 -0.2rem,  -1.4rem 0 0 0.2rem,  -3.8rem 0 0 -0.2rem;}
  75% {box-shadow: 1.4rem 0 0 0.2rem,  3.8rem 0 0 -0.2rem,  -1.4rem 0 0 -0.2rem,  -3.8rem 0 0 -0.2rem;}
  100% {box-shadow: 1.4rem 0 0 -0.2rem,  3.8rem 0 0 0.2rem,  -1.4rem 0 0 -0.2rem,  -3.8rem 0 0 -0.2rem;}
}

.loader.typeG {font-size: 10px;width: 1rem;height: 1rem;border-radius: 50%;position: relative;text-indent: -9999rem;animation: loading_G 1.1s infinite ease;transform: translateZ(0);}
@keyframes loading_G {
  0%,
  100% {box-shadow: 0rem -2.6rem 0rem 0rem var(--blue), 1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2), 2.5rem 0rem 0 0rem rgba(36,107,235, 0.2), 1.75rem 1.75rem 0 0rem rgba(36,107,235, 0.2), 0rem 2.5rem 0 0rem rgba(36,107,235, 0.2), -1.8rem 1.8rem 0 0rem rgba(36,107,235, 0.2), -2.6rem 0rem 0 0rem rgba(36,107,235, 0.5), -1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.7);}
  12.5% {box-shadow: 0rem -2.6rem 0rem 0rem rgba(36,107,235, 0.7), 1.8rem -1.8rem 0 0rem var(--blue), 2.5rem 0rem 0 0rem rgba(36,107,235, 0.2), 1.75rem 1.75rem 0 0rem rgba(36,107,235, 0.2), 0rem 2.5rem 0 0rem rgba(36,107,235, 0.2), -1.8rem 1.8rem 0 0rem rgba(36,107,235, 0.2), -2.6rem 0rem 0 0rem rgba(36,107,235, 0.2), -1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.5);}
  25% {box-shadow: 0rem -2.6rem 0rem 0rem rgba(36,107,235, 0.5), 1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.7), 2.5rem 0rem 0 0rem var(--blue), 1.75rem 1.75rem 0 0rem rgba(36,107,235, 0.2), 0rem 2.5rem 0 0rem rgba(36,107,235, 0.2), -1.8rem 1.8rem 0 0rem rgba(36,107,235, 0.2), -2.6rem 0rem 0 0rem rgba(36,107,235, 0.2), -1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2);}
  37.5% {box-shadow: 0rem -2.6rem 0rem 0rem rgba(36,107,235, 0.2), 1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.5), 2.5rem 0rem 0 0rem rgba(36,107,235, 0.7), 1.75rem 1.75rem 0 0rem var(--blue), 0rem 2.5rem 0 0rem rgba(36,107,235, 0.2), -1.8rem 1.8rem 0 0rem rgba(36,107,235, 0.2), -2.6rem 0rem 0 0rem rgba(36,107,235, 0.2), -1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2);}
  50% {box-shadow: 0rem -2.6rem 0rem 0rem rgba(36,107,235, 0.2), 1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2), 2.5rem 0rem 0 0rem rgba(36,107,235, 0.5), 1.75rem 1.75rem 0 0rem rgba(36,107,235, 0.7), 0rem 2.5rem 0 0rem var(--blue), -1.8rem 1.8rem 0 0rem rgba(36,107,235, 0.2), -2.6rem 0rem 0 0rem rgba(36,107,235, 0.2), -1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2);}
  62.5% {box-shadow: 0rem -2.6rem 0rem 0rem rgba(36,107,235, 0.2), 1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2), 2.5rem 0rem 0 0rem rgba(36,107,235, 0.2), 1.75rem 1.75rem 0 0rem rgba(36,107,235, 0.5), 0rem 2.5rem 0 0rem rgba(36,107,235, 0.7), -1.8rem 1.8rem 0 0rem var(--blue), -2.6rem 0rem 0 0rem rgba(36,107,235, 0.2), -1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2);}
  75% {box-shadow: 0rem -2.6rem 0rem 0rem rgba(36,107,235, 0.2), 1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2), 2.5rem 0rem 0 0rem rgba(36,107,235, 0.2), 1.75rem 1.75rem 0 0rem rgba(36,107,235, 0.2), 0rem 2.5rem 0 0rem rgba(36,107,235, 0.5), -1.8rem 1.8rem 0 0rem rgba(36,107,235, 0.7), -2.6rem 0rem 0 0rem var(--blue), -1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2);}
  87.5% {box-shadow: 0rem -2.6rem 0rem 0rem rgba(36,107,235, 0.2), 1.8rem -1.8rem 0 0rem rgba(36,107,235, 0.2), 2.5rem 0rem 0 0rem rgba(36,107,235, 0.2), 1.75rem 1.75rem 0 0rem rgba(36,107,235, 0.2), 0rem 2.5rem 0 0rem rgba(36,107,235, 0.2), -1.8rem 1.8rem 0 0rem rgba(36,107,235, 0.5), -2.6rem 0rem 0 0rem rgba(36,107,235, 0.7), -1.8rem -1.8rem 0 0rem var(--blue);}
}

.loader.typeH {width: 20rem;height: 0.5rem;display: inline-block;position: relative;background: rgba(0, 0, 0, 0.1);overflow: hidden; margin: -0.25rem 0 0 -10rem;}
.loader.typeH::after {content: '';width: 30%;height: 0.5rem;background: var(--blue);position: absolute;top: 0;left: 0;box-sizing: border-box;animation: loading_H 2s linear infinite;}
@keyframes loading_H {
  0% {left: 0;transform: translateX(-100%);}
  100% {left: 100%;transform: translateX(0%);}
}
    
.loader.typeI {color: #000;position: relative;display: inline-block;margin-top: 2rem;font-family: 'Pretendard';font-size: 4rem;box-sizing: border-box; margin: -2.9rem 0 0 -7rem;}
.loader.typeI::before {content: '';box-sizing: border-box;position: absolute;right: 4.9rem;bottom: 1.5rem;height: 2rem;width: 0.3rem;background: currentColor;}
.loader.typeI::after {content: '';width: 0.6rem;height: 0.6rem;position: absolute;left: 8.9rem;top: 0;border-radius: 50%;background: red;box-sizing: border-box;animation: loading_I 1s ease-in infinite;}
@keyframes loading_I {
  0% {transform: translateY(0.6rem) scaleY(1) scaleX(1.25);}
  25%, 75% { transform: translateY(-0.5rem) scaleY(1.2) scaleX(1);}
  50% {transform: translateY(-1rem) scaleY(1) scaleX(1);}
  100% {transform: translateY(0.6rem) scaleY(0.8) scaleX(0.8);}
}


/*** progress ***/
.progress_bar {width: 100%;height: 3rem;border-radius: 0.5rem;background: var(--bdr);}
.progress_bar .bar {position: relative;width: 0;height: 100%;border-radius: 0.5rem;background: var(--primary);}
.progress_bar .txt {position: absolute;font-size: 1.5rem;font-weight: 600;}
.progress_bar.typeA .txt {right: 0;top: 0;padding-right: 1rem;line-height: 3rem;color: #fff;}
.progress_bar.typeB .txt {right: 0;top: 3.5rem;line-height: 1;text-align: right;}
.progress_bar.animate .txt {opacity: 0;transition: all 0.2s;transition-delay: 0.7s;}
.progress_bar.animate .bar {transition: width 0.5s;}



/*** popup ***/
.bg_layer_pop {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 5000;}
/* layer popup */
.layer_pop {visibility: hidden;overflow: hidden;position: absolute;left: 0;top: 0;border-radius: 0 0 0.5rem 0.5rem;z-index: -1; width: 100rem;}
.layer_pop * {visibility: hidden;}
.layer_pop.on * {visibility: visible;}
.layer_pop .pop_header {display: flex;justify-content: space-between;align-items: center;position: relative;height: 6.2rem;padding: 1.3rem 2rem;border-bottom: 1px solid var(--bdr);border-radius: 0.5rem 0.5rem 0 0;background: #FFFFFF;}
.layer_pop .pop_header h2 {font-size: 2.2rem;font-weight: 500;}
.layer_pop .pop_close {height: 2.4rem;margin: 0;border: 0;background: transparent;}
.layer_pop .pop_close i::before {font-size: 2.4rem;color: var(--dark);}
.layer_pop .pop_close:focus{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
.layer_pop .pop_content {overflow-y: auto;position: relative; padding: 2.5rem 2rem;background: #FFFFFF; font-size: 1.7rem; max-height: 80vh;}
.layer_pop .pop_footer {padding: 1.5rem;text-align: right;background: var(--basic-bg);}
.simplebar-wrapper:focus,
.simplebar-wrapper:focus-visible,
.simplebar-content-wrapper:focus,
.simplebar-content-wrapper:focus-visible,
.simplebar-content:focus,
.simplebar-content:focus-visible {outline: none !important;}

/* main popup */
.main_pop {overflow: hidden;position: absolute;left: 0;top: 0;border-radius: 0.5rem;box-shadow: 0rem 0.5rem 1rem rgba(0, 0, 0, 0.2);z-index: 9999;}
.main_pop .pop_header {display: flex;justify-content: space-between;align-items: center;position: relative;min-height: 6.2rem;height: auto;padding: 1rem 2rem;line-height: 1.3;color: #fff;background: var(--primary);}   
.main_pop .pop_header h2 {font-size: 2rem;font-weight: 500;}
.main_pop .pop_close {height: 2.4rem;margin: 0;border: 0;background: transparent;}
.main_pop .pop_close i::before {font-size: 2.4rem;color: #fff;}
.main_pop .pop_content {overflow-y: auto;position: relative;max-height: 30rem;padding: 2.5rem 2rem;background: #FFFFFF; font-size: 1.7rem;}
.main_pop .pop_content .mCSB_scrollTools_vertical,
.main_pop .pop_content .mCSB_dragger_bar,
.main_pop .pop_content .mCSB_draggerRail {width: 0.5rem !important;margin: 0 !important;}
.main_pop .pop_content .mCSB_dragger_bar {background-color: #6B6B6B !important;}
.main_pop .pop_content .mCSB_scrollTools .mCSB_draggerRail {background-color: #ECECEC !important;}
.main_pop .pop_content .mCSB_container {margin-right: 1.5rem !important;}
.main_pop .pop_content .mCSB_container.mCS_y_hidden {margin-right: 0 !important;}
.main_pop .pop_footer {display: flex;justify-content: space-between;align-items: center;padding: 1rem 1.5rem;font-size: 1.4rem;background: var(--basic-bg);}


/*** text ***/
/* h */
h1 {font-size: 5rem;font-weight: 700;}
h2 {font-size: 4rem;font-weight: 700;}
h3 {font-size: 3.2rem;font-weight: 700;}
h4 {font-size: 2.5rem;font-weight: 700;}
h5 {font-size: 2.1rem;font-weight: 700;}

/* basic text */
.ft_basic {font-size: 1.7rem;font-weight: normal;}

/* txt color */
.red_txt {color: var(--ft_red)!important;}
.green_txt {color: var(--ft_green) !important;}
.blue_txt {color: var(--ft_blue) !important;}

/* error_txt */
.error_txt {margin-top: 0.3rem;font-size: 1.5rem !important;color: var(--ft_red) !important;font-weight: 500; padding-left: 2.4rem; position: relative;}
.error_txt.disin {margin-left: 1rem;margin-top: 0;}
.error_txt::before {font-family: 'remixicon'; color: var(--ft_red); content: "\EE58"; position:absolute; left: 0; top: -0.1rem; font-size: 1.7rem;}

/* info text */
table .info_txt {margin-top: 0.3rem;}
.info_txt {font-size: 1.7rem;letter-spacing: -0.03em;text-align: left;}
.info_txt + .info_txt {margin-top: 0.2rem;}
.info_txt > span {position: relative;padding-left: 2.3rem;}
.info_txt > span::before {content: '\EE59';font-family: 'remixicon';position: absolute;left: 0;top: 0rem;color: var(--gray);}
.info_txt .btn {gap: 0.3rem;min-width: auto;height: 2.4rem;margin-left: 0.5rem;padding: 0 0.5rem;font-size: 1.4rem;line-height: 2.2rem; border-radius: 0.4rem;}
.info_txt .btn + .btn {margin-left: 0.2rem;}
.info_txt .btn i {font-size: 1.3rem;}

/* warnning box */
.warn_box {padding: 1.5rem 2rem;border: 1px solid var(--bdr);font-size: 1.4rem;color: var(--dark);letter-spacing: -0.03em;background: var(--basic-bg);}
.warn_box .tit {position: relative;margin-bottom: 1rem;padding-left: 2.5rem;font-size: 1.8rem;font-weight: 500;color: #285094;}
.warn_box .tit::before {content: '\EA20';font-family: 'remixicon';position: absolute;left: 0;top: 0rem;color: #2d5294;}
.warn_box ul {padding-left: 1.5rem;}
.warn_box ul li {position: relative;padding-left: 0.7rem;line-height: 1.5;font-size: 1.6rem;}
.warn_box ul li:not(:last-child) {margin-bottom: 0.6rem;}
.warn_box ul li::before {content: '';position: absolute;left: 0;top: 1rem;width: 0.3rem;height: 0.3rem;background: var(--dark);}
.warn_box li .btn {gap: 0.3rem;min-width: auto;height: 2.4rem;margin-left: 0.5rem;padding: 0 0.5rem;font-size: 1.4rem;line-height: 2.2rem; border-radius: 0.4rem;}
.warn_box li .btn + .btn {margin-left: 0rem;}
.warn_box li .btn i {font-size: 1.3rem;}

/* message box */
.msg_box {margin-bottom: 2rem;}
.msg_box {position: relative;padding: 1.5rem 4rem 1.5rem 2rem;border: 1px solid var(--msg-bdr);border-radius: 0.5rem;color: var(--dark);background: var(--msg-bg);}
.msg_box .title {font-size: 1.9rem;font-weight: 500;line-height: 1.3;}
.msg_box p {padding-top: 1rem;font-size: 1.6rem;font-weight: 400;line-height: 1.3;word-break: break-all;}
.msg_box .btn_close {opacity: 0.7;display: flex;justify-content: center;align-items: center;position: absolute;right: 1.4rem;top: 1.4rem;width: 2.4rem;height: 2.4rem;border: 0;border-radius: 0.5rem;color: inherit;background: none;transition: 0.1s opacity;}
.msg_box .btn_close:hover {opacity: 1;}
.msg_box .btn_close::before {content: '\F4C8';font-family: 'remixicon';font-size: 1.4rem;font-weight: 700;}
.msg_box .btn_close:focus,
.msg_box .btn_close:focus-visible {opacity: 1;outline: 0.2rem solid;outline-offset: 0.2rem;}
.msg_box.red {border-color: var(--msg-red-bdr);color: var(--msg-red-font);background: var(--msg-red-bg);}
.msg_box.yellow {border-color: var(--msg-yellow-bdr);color: var(--msg-yellow-font);background: var(--msg-yellow-bg);}
.msg_box.green {border-color: var(--msg-green-bdr);color: var(--msg-green-font);background: var(--msg-green-bg);}
.msg_box.blue {border-color: var(--msg-blue-bdr);color: var(--msg-blue-font);background: var(--msg-blue-bg);}

/* disclosure */
.box_disclosure .btn_disclosure{background: transparent; font-size: 1.7rem; padding: 0.5rem; border-radius: 0.6rem;}
.box_disclosure .btn_disclosure::before{content: "\EA6E"; font-family: 'remixicon'; font-size: 1.34rem; width: 1.6rem; height: 1.6rem; border-radius: 100rem; border: 1px solid #000; line-height: 1.5rem; margin-right: 0.6rem; transition: all 0.2s; display: inline-block; vertical-align: 0.2rem; }
.box_disclosure .btn_disclosure.active::before{transform: rotate(90deg);}
.box_disclosure .btn_disclosure:focus,
.box_disclosure .btn_disclosure:focus-visible {outline: 0.2rem solid var(--primary);outline-offset: 0.2rem;}
.box_disclosure .disclosure_cont{background: #f2f2f2; padding: 2rem; border-radius: 0.8rem; margin-top: 0.5rem; display: none;}
.box_disclosure .disclosure_cont ul li{font-size: 1.6rem; position: relative; padding-left: 1.5rem;}
.box_disclosure .disclosure_cont ul li::before{content: ''; display: block; width: 0.5rem; height: 0.2rem; background: #737373; position: absolute; left: 0; top: 1rem;}
.box_disclosure .disclosure_cont ul li + li{margin-top: 0.8rem;}