@charset "utf-8";
@import url('../fonts/pretendard/pretendard-gov-subset.css');
@import url('../fonts/gmarketsans/gmarketsans.css');
@import url('../lib/remixicon/remixicon.css');

/**** basic ****/
:root {
    --primary: #124F4A;
    --btn-primary-hover: #0B3C38;
    --btn-bd-primary-hover: #F2FAF9;

    --secondary: #1D646A;
    --btn-secondary-hover: #155459;
    --btn-bd-secondary-hover: #F0FBFB;

    --red: #ED3030;
    --green: #2E7D32;
    --blue: #0B53B2;
    --gray: #B9C2C1;
    --gray-light: #ECEFEE;
    --gray-dark: #283635;
    --dark: #121918;

    --ft_red: var(--red);
    --ft_green: var(--primary);
    --ft_blue: var(--blue);
    --ft_gray: #526463;

    --basic-bg: #F9F9F9;
    --bdr: #CED4D3;
    --bdr-focus: var(--primary);
    --plholder-font: #526463;
    --disabled-bg: #ECEFEE;
    --disabled-font: #8E8E8E;
    --err-bdr: #E63540;

    --tbl-th: #F2FAF9;

    --btn-bdr: #849392;
    --btn-gray-hover: #9CAAA9;
    --btn-gray-lighy-hover: #CED4D3;
    --btn-gray-dark-hover: #121918;

    --btn-hover: #F9F9F9;
    --btn-bd-gray-hover: #F9F9F9;
}
.uiGPlaceholder {padding: 2.4rem;border-radius: 0.8rem;text-align: center;background: #eee;}
.table_x_scroll:has(.uiGPlaceholder) + .uiGPlaceholder,
.uiGPlaceholder + .uiGPlaceholder {margin-top: 2.4rem;}
.uiGPlaceholder b {font-weight: 700;}

/**** reset at css ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: "Pretendard", sans-serif !important;letter-spacing: 0;
}
body {color: var(--dark);background: none;}

/* form */
select.sel-type-01,
select.sel_type_02,
select,
input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]),
textarea {max-width: 100%;height: 4.8rem;padding: 0 1.6rem;border: 1px solid var(--bdr);border-radius: 0.8rem;font-family: "Pretendard", sans-serif;font-size: 1.7rem;color: var(--gray-dark);transition: 0.1s color, 0.1s border-color, 0.1s box-shadow;}
input[type="password"] {letter-spacing: 0;}
select.sel-type-01,
select.sel_type_02,
select {width: auto;padding: 0 4rem 0 1.6rem;background: #fff url(../images/icon/ico_sel.svg) no-repeat right 1.6rem center;}
select:not(:disabled) {cursor: pointer;}
select option {font-size: 1.7rem;}
textarea {display: block;width: 100%;min-height: 15rem;height: auto;margin: 0;padding: 1.6rem;}
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);}
input[readonly],
textarea[readonly] {background-color: var(--disabled-bg);}
input[readonly]:focus,
textarea[readonly]:focus {border-color: var(--primary);}
select[disabled],
input[disabled],
textarea[disabled] {background-color: var(--disabled-bg);}
select[disabled] {opacity: 1;}
select.auto,
input.auto {width: auto !important;}
.date_box.err input,
select.err,
input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]).err,
textarea.err {border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
.date_box.err input:focus-visible,
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);}

/* chk */
.chk_rd_box {display: inline-flex;flex-wrap: wrap;gap: 1.6rem;}
input[type="checkbox"], input[type="radio"] {display: inline-block;}
.chk_rd_box.center {width: 100%;justify-content: center;}
.txt_box + .chk_rd_box.center {margin-top: 2.4rem;}
/* checkbox */
:not(.tgl) > input[type="checkbox"], input[type="radio"] {display: block;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;}
:not(.tgl) > input[type="checkbox"] + label {display: inline-flex;gap: 0.8rem;position: relative;cursor: pointer;color: var(--dark);}
:not(.tgl) > input[type="checkbox"] + label span,
:not(.tgl) > input[type="checkbox"]:checked + label span {min-width: 2.4rem;width: 2.4rem;height: 2.4rem;margin-right: 0;vertical-align: inherit;background: none;}
:not(.tgl) > input[type="checkbox"] + label span::before {content: '\EB7B';font-family: 'remixicon' !important;display: inline-flex;justify-content: center;align-items: center;position: relative;min-width: 2.4rem;width: 2.4rem;height: 2.4rem;border: 1px solid #9CAAA9;border-radius: 0.4rem;font-size: 1.6rem;font-weight: 900;line-height: 1;color: transparent;text-align: center;background: #FFFFFF;}
:not(.tgl) > input[type="checkbox"]:checked + label span::before {color: var(--primary);background: #fff;}
:not(.tgl) > input[type="checkbox"]:focus + label,
:not(.tgl) > input[type="checkbox"]:focus-visible + label {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
:not(.tgl) > input[type="checkbox"]:disabled + label {color: var(--disabled-font);cursor: auto;}
:not(.tgl) > input[type="checkbox"]:disabled + label span::before {border-color: var(--bdr);background: var(--disabled-bg);}
:not(.tgl) > input[type="checkbox"]:disabled[checked] + label span::before {color: #C6C6C6;}
:not(.tgl) > input[type="checkbox"].err + label span::before {border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
:not(.tgl) > input[type="checkbox"].err:checked + label  span::before {border-color: #9CAAA9;color: var(--primary);box-shadow: none;}
/* radio */
input[type="radio"] + label {display: inline-flex;gap: 0.8rem;position: relative;cursor: pointer;color: var(--dark);}
input[type="radio"] + label span,
input[type="radio"]:checked + label span {min-width: 2.4rem;width: 2.4rem;height: 2.4rem;margin-right: 0;vertical-align: inherit;background: none;}
input[type="radio"] + label span::before {content: '';display: inline-block;position: relative;min-width: 2.4rem;width: 2.4rem;height: 2.4rem;border: 1px solid #9CAAA9;border-radius: 50%;background: #FFFFFF;}
input[type="radio"]:checked + label span::before {background: var(--primary);box-shadow: inset 0 0 0 0.5rem #fff;border-color: var(--primary);}
input[type="radio"]:focus + label,
input[type="radio"]:focus-visible + label {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
input[type="radio"]:disabled + label {color: var(--disabled-font);cursor: auto;}
input[type="radio"]:disabled + label span::before {border-color: var(--bdr);background: var(--disabled-bg);}
input[type="radio"]:disabled[checked] + label span::before {border-color: var(--bdr);background: var(--bdr);box-shadow: inset 0 0 0 0.4rem var(--disabled-bg);}
input[type="radio"].err + label span::before {border-color: var(--err-bdr);box-shadow: inset 0 0 0 1px var(--err-bdr);}
input[type="radio"].err:checked + label span::before {border-color: var(--primary);box-shadow: inset 0 0 0 0.4rem #fff;}

/* calendar */
.date_box {display: inline-block;position: relative;width: 13rem;height: 4.8rem;border: 0;}
.date_box input {min-width: 13rem;width: 100%;height: 100%;padding-right: 3.8rem;background: #fff;}
.date_box .ui-datepicker-trigger {content: url(../images/icon/ico_calendar.svg);position: absolute;right: 1.6rem;top: 50%;transform: translateY(-50%);width: 1.6rem;height: 1.6rem;cursor: pointer;}

/* input-search */
.input-search {display: inline-flex;position: relative;max-width: 100%;height: 4.8rem;border: 1px solid var(--bdr);border-radius: 0.8rem;background: #fff;}
.input-search input:not([type="hidden"]) {flex: 1;width: 100%;height: 100%;border: 0;}
.input-search input:not([type="hidden"]):focus {box-shadow: inset 0 0 0 1px var(--bdr-focus), 0 0 0 1px var(--bdr-focus);}
.input-search input[readonly] {background: #fff;}
.table_type_sub .input-search .btn-form-search,
.input-search .btn-form-search {display: inline-flex;justify-content: center;align-items: center;position: relative;right: auto;top: auto;margin-left: 0;width: 4.8rem;height: 100%;border-radius: 0.8rem;transform: none;}
.input-search .btn-form-search::before {content: '\f0d1';font-family: 'remixicon';font-size: 1.8rem;font-weight: 400;line-height: 1;}
.input-search .btn-form-search:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.table_type_sub .input-search .btn-form-search img {display: none;}

/* essential */
span.essential::after {display: none;}
span.essential .required {font-size: 0;}
span.essential .required::after {content: ' *';display: inline;position: relative;top: -0.2rem;margin-left: 0;font-size: 1.7rem;line-height: 1;color: #41A59E;background: none;}

/* table */
.table_type_sub {margin-top: 0;border-top: 1px solid var(--primary);}
.table_type_sub thead {background: var(--tbl-th);}
.table_type_sub thead tr {height: 5.2rem;border-bottom: 0;}
.table_type_sub thead tr th {padding: 1.2rem 1.6rem;border-right: 0;font-size: 1.7rem;font-weight: 500;color: var(--dark);}
.table_type_sub tbody tr {height: 5.2rem;border-color: var(--bdr);}
.table_type_sub tbody tr th,
.table_type_sub tbody tr td {padding: 1.2rem 1.6rem;border-color: var(--bdr);font-size: 1.7rem;line-height: 1.45;color: var(--dark);}
.table_type_sub tbody tr th {border-right: 0;font-weight: 500;color: #111111;background: var(--tbl-th);}
.table_type_sub tbody tr td a {padding: 0;font-size: 1.7rem;line-height: 1.45;color: var(--dark);}
.table_type_sub tbody tr td a.btn {display: inline-flex;}
/* .table_type_sub tbody tr td:last-child {border-right: 0;} */
.table_type_sub tbody tr td .down_pdf {content: url(../images/icon/ico_file_pdf.svg);width: auto;height: auto;background: none;padding: 0 !important;line-height: normal;vertical-align: middle;}
.table_type_sub tbody tr td .down_hwp {content: url(../images/icon/ico_file_hwp.svg);width: auto;height: auto;background: none;padding: 0 !important;line-height: normal;vertical-align: middle;}
.table_type_sub tbody tr td .down_xlsx {content: url(../images/icon/ico_file_excel.svg);width: auto;height: auto;background: none;padding: 0 !important;line-height: normal;vertical-align: middle;}
.table_type_sub tfoot {border-right: 2px solid #ffffff;background: var(--basic-bg);}
.table_type_sub tfoot tr {border-bottom: 1px solid var(--bdr);}
.table_type_sub tfoot tr th,
.table_type_sub tfoot tr td {padding: 1.2rem 1.6rem;border: 0;border-right: 1px solid var(--bdr);font-size: 1.7rem;font-weight: 700;line-height: 1.45;color: #1C1C1C;}
.table_type_sub.small tr th,
.table_type_sub.small tr td {font-size: 1.6rem;padding: 0.8rem;line-height: 1.45;}
.table_type_sub tbody tr td p {line-height: 1.45;}
.table_type_sub tbody tr td .chk {vertical-align: middle;}
.table_type_sub.notice {margin-top: 0;}
.table_type_sub.notice tbody tr.down_table {background: none;}
.table_type_sub tbody tr.tr-foot {background-color: #f9f9f9;}
.table_type_sub tbody tr.tr-foot td {color: var(--primary);}
.table_type_sub.th_bd tr th {border-right: 1px solid var(--bdr);}
.table_type_sub.th_bd thead tr ~ tr th {border-top: 1px solid var(--bdr);}
.table_type_sub.td_bdn td {border-left: 0 !important;border-right: 0 !important;}
/* view */
.table_type_sub.notice[class*='view'] {display: block;position: relative;}
.table_type_sub.notice[class*='view'] colgroup {display: none;}
.table_type_sub.notice[class*='view'] > :where(thead, tbody) {display: block;}
.table_type_sub.notice[class*='view'] > :where(thead, tbody) > tr {display: flex;align-items: center;max-width: 100%;height: auto;border: 0;}
.table_type_sub.notice[class*='view'] > :where(thead, tbody) > tr > :where(th, td) {display: block;max-width: 100%;}
.table_type_sub.notice[class*='view'] thead {background: none;}
.table_type_sub.notice[class*='view'] thead tr th {width: 100%;padding: 2.2rem 0 1rem !important;font-size: 2.4rem;font-weight: 700;}
.table_type_sub.notice[class*='view']:has(.written_day) thead tr th {padding: calc(2.4rem + (1.5rem * 1.45) + 1rem) 0 1rem !important;}
.table_type_sub.notice[class*='view'] tbody tr th {background: none;}
.table_type_sub.notice.view tbody tr:first-child td {display: flex;align-items: center;gap: 3.2rem;padding: 0 0 2.4rem !important;}
.table_type_sub.notice.view tbody tr td .written_day {position: absolute;left: 0;top: 2.4rem;font-size: 0;}
.table_type_sub.notice.view02 {padding-bottom: 2.4rem;border-bottom: 1px solid var(--bdr);}
.table_type_sub.notice.view02 tbody {display: flex;flex-wrap: wrap;align-content: center;gap: 1rem 3.2rem;}
.table_type_sub.notice.view02 tbody th,
.table_type_sub.notice.view02 tbody td {padding: 0 !important;border: 0 !important;font-size: 1.5rem;font-weight: 400;color: var(--ft_gray);}
.table_type_sub.notice.view02 tbody td .written_day {position: relative;margin-left: 1.6rem;font-size: 1.5rem;font-weight: 400;color: var(--ft_gray);word-break: break-all;}
.table_type_sub.notice.view02 tbody td .written_day::before {content: '';position: absolute;left: -0.8rem;top: 50%;transform: translateY(-50%);width: 1px;height: 1.2rem;background: var(--bdr);}
.table_type_sub.notice.view02 tbody tr:first-child th:first-of-type {display: none;}
.table_type_sub.notice.view02 tbody tr:first-child td:first-of-type .written_day {position: absolute;left: 0;top: 2.4rem;margin-left: 0;font-size: 1.5rem;color: var(--dark);}
.table_type_sub.notice.view02 tbody tr:first-child td:first-of-type .written_day::before {display: none;}
.table_type_sub.notice tbody tr:first-of-type td:has(.written_day) ~ th {margin-left: 0;}
.table_type_sub.notice[class*='view'] > :where(thead, tbody) > tr th ~ th {margin-left: 3.2rem;}
.table_type_sub.notice[class*='view'] tbody tr td .written_day span {margin-left: 0;font-size: 1.5rem;color: var(--dark);}
.table_type_sub.notice[class*='view'] tbody tr td .count_num {margin-left: 0;font-size: 1.5rem;color: var(--ft_gray);}
.table_type_sub.notice[class*='view'] tbody tr td .count_num span {position: relative;margin-left: 1.6rem;font-size: 1.5rem;color: var(--ft_gray);}
.table_type_sub.notice[class*='view'] tbody tr td .count_num span::before {content: '';position: absolute;left: -0.8rem;top: 50%;transform: translateY(-50%);width: 1px;height: 1.2rem;background: var(--bdr);}
.table_type_sub.notice[class*='view'] tbody tr td.story {display: block;width: 100%;padding: 2.4rem 0 !important;border: 1px solid var(--bdr);border-width: 1px 0;}
.table_type_sub.notice[class*='view'] tbody tr.down_table th {display: none;}
.table_type_sub.notice[class*='view'] tbody tr.down_table td {display: block;width: 100%;margin-top: 1.6rem;padding: 0 !important;}
.table_type_sub.notice[class*='view'] tbody tr.down_table td a.btn_down {display: flex;align-items: center;gap: 0.8rem;min-height: 8rem;padding: 1.6rem 2.4rem 1.6rem 11.2rem;border-radius: 0.8rem;text-align: left;background: var(--basic-bg);transition: 0.1s;}
.table_type_sub.notice[class*='view'] tbody tr.down_table td a.btn_down::before {content: '첨부파일';position: absolute;left: 2.4rem;top: 50%;transform: translateY(-50%);width: auto;height: auto;font-size: 1.7rem;font-weight: 600;background: none;}
.table_type_sub.notice[class*='view'] tbody tr.down_table td a.btn_down + a.btn_down {margin-top: 1rem;}
.table_type_sub.notice[class*='view'] tbody tr.down_table td a.btn_down:where(:hover, :focus, :focus-visible) {font-weight: 500;text-decoration: underline;text-underline-position: under;background: #F1F1F1;}
.table_type_sub.notice.view03 {margin-top: 4rem;border-top: 1px solid var(--bdr);}
.table_type_sub.notice[class*='view'] tbody tr.down_table + tr {margin-top: 4rem;border-top: 1px solid var(--bdr);}
.table_type_sub.notice.view03 tbody tr,
.table_type_sub.notice[class*='view'] tbody tr.down_table ~ tr {border-bottom: 1px solid var(--bdr);}
.table_type_sub.notice.view03 tbody tr th,
.table_type_sub.notice[class*='view'] tbody tr.down_table ~ tr th {display: flex;align-items: center;gap: 0.8rem;min-height: 8rem;padding: 1.6rem 2rem 1.6rem 2.4rem !important;font-weight: 600;color: var(--dark);white-space: nowrap;background: none;}
.table_type_sub.notice.view03 tbody tr th::after,
.table_type_sub.notice[class*='view'] tbody tr.down_table ~ tr th::after {content: '\ea78';font-family: 'remixicon';font-size: 2.4rem;font-weight: 400;line-height: 1;}
.table_type_sub.notice.view03 tbody tr:last-child th::after,
.table_type_sub.notice[class*='view'] tbody tr.down_table ~ tr:last-child th::after {content: '\ea4e';}
.table_type_sub.notice.view03 tbody tr td,
.table_type_sub.notice[class*='view'] tbody tr.down_table ~ tr td {padding: 1.6rem 2.4rem 1.6rem 2rem !important;}
.table_type_sub.notice.view03 tbody tr td a:where(:hover, :focus, :focus-visible),
.table_type_sub.notice[class*='view'] tbody tr.down_table ~ tr td a:where(:hover, :focus, :focus-visible) {text-decoration: underline;text-underline-position: under;}
/* table_type_sub_02 */
.table_type_sub_02 {margin-top: 0;}
.table_type_sub_02 tbody th,
.table_type_sub_02 tbody td {padding: 1.2rem 1.6rem;border-color: var(--bdr);font-size: 1.7rem;line-height: 1.45;color: var(--dark);}
.table_type_sub_02 tbody th {border-right: 0;font-weight: 500;background: var(--tbl-th);}
.table_type_sub_02 tbody th + td {border-left: 0;}
.table_type_sub_02 tbody td p {line-height: 1.45;color: var(--dark);}
.table_type_sub_02 tbody td p:first-child {line-height: 1.45;}
.bdtg {border-top: 1px solid var(--primary) !important;}
tr.bdtg > * {border-top: 0 !important;}
.bdbg {border-bottom: 1px solid var(--primary) !important;}
tr.bdbg > * {border-bottom: 0 !important;}
.table_type_sub_02.small tr th {font-size: 1.5rem;padding: 0.8rem;line-height: 1.45;}
.table_type_sub_02.small tr td {padding: 0.8rem;}
.table_type_sub_02.small tr td p {font-size: 1.5rem;line-height: 1.45;}
/* table-type-01 */
.table-type-01 table {border-top: 1px solid var(--primary);}
.table-type-01 table thead tr {height: 5.2rem;}
.table-type-01 table thead tr th {height: 5.2rem;padding: 1.2rem 1.6rem;border: 0;font-size: 1.7rem;font-weight: 500;color: #032826;background: var(--tbl-th);}
.table-type-01 table tbody tr {height: 5.2rem;border-color: var(--bdr);}
.table-type-01 table tbody tr th,
.table-type-01 table tbody tr td {padding: 1.2rem 1.6rem;border: 0;font-size: 1.7rem !important;line-height: 1.45;color: var(--dark);text-align: center;word-break: break-all;}
.table-type-01 table tbody tr th {font-weight: 500;color: #111111;background: var(--tbl-th);}
.table-type-01 table tbody tr td a.btn {display: inline-flex;overflow: inherit;white-space: normal;}
/* table_type_ship */
.table_type_ship table {border-top: 1px solid var(--primary);}
.table_type_ship table thead {border-bottom: 0;}
.table_type_ship table thead tr th,
.table_type_ship table tbody tr th,
.table_type_ship table tbody tr td {height: 5.2rem;padding: 1.2rem 1.6rem;border: 0;font-size: 1.7rem !important;line-height: 1.45;color: var(--dark);text-align: center;}
.table_type_ship table tbody tr {border-bottom: 1px solid var(--bdr);}
.table_type_ship table thead tr th,
.table_type_ship table tbody tr th {font-weight: 500;color: #111111;background: var(--tbl-th);}
/* table_type_04 */
.table_in {margin-top: 0;border-top: 1px solid var(--primary);}
.table_in .table_type_04 thead {border-color: var(--bdr);}
.table_in .table_type_04 thead tr {height: auto;border-color: var(--bdr);}
.table_in .table_type_04 thead tr th,
.table_in .table_type_04 thead tr th .head_title {font-size: 1.7rem;font-weight: 500;color: var(--dark);background: var(--tbl-th);}
.table_in .table_type_04 thead tr th .head_title,
.table_in .table_type_04 thead tr th .head_cate {display: flex;justify-content: center;align-items: center;padding: 1.2rem 1.6rem;border-color: var(--bdr);height: 5.2rem;line-height: 1.45;}
.table_in .table_type_04 thead tr th .head_cate {background: #e4f5db;}
.table_in .table_type_04 thead tr th .head_cate.tr {justify-content: flex-end;}
.table_in .table_type_04 thead tr th::after {background: var(--bdr);}
.table_in .table_type_04 tbody tr {height: 5.2rem;}
.table_in .table_type_04 tbody tr td {padding: 1.2rem 1.6rem;border-color: var(--bdr);font-size: 1.7rem;line-height: 1.45;color: var(--dark);}
/* table-dl */
.table-dl {border: 1px solid var(--bdr);border-radius: 3.6rem;}
.table-dl dl {display: flex;height: 8.5rem;margin: 0;}
.table-dl dl:not(:last-child) {border-bottom: 1px solid var(--bdr);}
.table-dl dl dt {float: none;display: inline-flex;align-items: center;min-width: 13.4rem;width: 15%;max-width: 20rem;height: auto;padding: 1.2rem 3.6rem;border: 0;font-size: 1.9rem;font-weight: 500;color: #121918;text-align: left;background: var(--tbl-th);}
.table-dl dl dd {float: none;flex: 1;display: inline-flex;align-items: center;width: 100%;height: auto;padding: 1.2rem 2.4rem;font-size: 1.9rem;color: #1C2726;}
.table-dl dl.split-2 dd,
.table-dl dl.split-4 dd {width: 100%;}
.table-dl dl.split-4.type02 dd {flex: none;width: calc((100% - 45%) / 3);}
.table-dl dl.split-4.type02 dd.col3 {width: calc((((100% - 45%) / 3) * 2) + 15%);}
.table-dl dl .blank {min-height: auto;}
.table-dl dl .dl-txt {font-size: 1.9rem;line-height: 1.45;word-break: break-all;}
.table-dl .badge {min-width: auto;}

/* paging */
.paging_box {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0.6rem;margin-top: 3.2rem;}
.paging_box > a:not(.btn_page),
.paging_box .btn_page {display: flex;justify-content: center;align-items: center;min-width: 4rem;width: auto;height: 4rem;margin: 0 0.3rem;padding: 0 0.5rem;border-radius: 100%;font-size: 1.7rem;font-weight: 300;line-height: normal;text-align: center;transition: 0.1s;}
.paging_box > a:not(.btn_page):hover,
.paging_box .btn_page:hover {border-radius: 100%;color: inherit;background: rgba(0, 0, 0, 0.08);}
.paging_box .btn_page.on {border-radius: 100%;font-weight: 700;color: #fff;background: var(--primary);}
.paging_box > a:not(.btn_page) {margin: 0;border: 1px solid var(--bdr);background: none;}
.paging_box > a:not(.btn_page)::before {font-family: 'remixicon';font-size: 2rem;line-height: 1;color: var(--gray-dark);}
.paging_box .btn_prev::before {content: '\ea64';}
.paging_box .btn_prev_prev::before {content: '\f2e3';}
.paging_box .btn_next::before {content: '\ea6e';}
.paging_box .btn_next_next::before {content: '\f2e5';}

/* tab-btn-02 */
.tab-btn-02 ul {display: flex;flex-wrap: wrap;justify-content: center;border-radius: 1.6rem;background: var(--gray-light);}
.tab-btn-02 ul li {flex: 1;float: none;width: auto;height: auto;margin-bottom: 0;border: 0;font-size: 1.7rem;font-weight: 400;line-height: 1.45;color: var(--dark);text-align: center;background: none;}
.tab-btn-02 ul li a {display: flex;justify-content: center;align-items: center;width: 100%;min-height: 6.4rem;height: 100%;padding: 1.2rem;border: 2px solid transparent;border-radius: 1.6rem;font-size: 1.7rem;font-weight: 500;color: var(--dark);background: transparent;}
.tab-btn-02 ul li:hover,
.tab-btn-02 ul li.on {border: 0;color: var(--dark);background: none;}
.tab-btn-02 ul li:hover a {color: var(--dark);}
.tab-btn-02 ul li.on a {border-color: var(--primary);font-weight: 700;color: var(--primary);background: #fff;}

/* hashtag_box */
.tb_tit + .hashtag_box {margin-top: 1.6rem;}
.hashtag_box {display: flex;flex-wrap: wrap;gap: 1rem;margin: 0;}
.hashtag_box a {display: inline-flex;justify-content: center;align-items: center;margin: 0;padding: 0 2rem;border-color: var(--bdr);border-radius: 4rem;font-size: 1.7rem;color: #3B4C4B;background: #fff;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.hashtag_box a.on {border-color: var(--primary);background: var(--primary);}
.hashtag_box a:hover {border-color: var(--primary);background: var(--primary);}
.hashtag_box a::before {content: '# ';padding: 0;white-space: pre;}

/* search-box */
.search-box .column-wrap {height: auto;padding: 0;background: none;}
.search-box .column-wrap > .column {float: none;display: flex;align-items: center;gap: 1.6rem;padding: 0;}
.search-box .column-wrap > .column .s-title-01 {display: block;margin-bottom: 0;font-size: 1.9rem;font-weight: 700;}
.search-box .column-wrap > .column .s-title-01.essential::after {content: ' *';display: inline;position: relative;top: -0.2rem;width: auto;height: auto;margin-left: 0;line-height: 1;color: #41A59E;background: none;vertical-align: top;}
.search-box .form-box .ip-type-01 {height: 5.6rem;padding: 0 4rem 0 1.6rem;border-color: var(--bdr);}

/* form-box history */
.form-box.history {position: relative;width: auto;height: auto;padding: 0;}
.form-box.history .ip-type-01 {height: 4.8rem;padding: 0 1.6rem;border: 1px solid var(--bdr);font-size: 1.7rem;}
.form-box.history .ip-type-01:where(:focus, :focus-visible) {border-color: var(--bdr-focus);box-shadow: inset 0 0 0 1px var(--bdr-focus);}
.form-box.history .btn-history {right: 1.6rem;border-radius: 0.6rem;}
.form-box.history .btn-history:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid var(--primary);}
.form-box.history .btn-history::before {content: '\ea4e';display: inline-block;font-family: 'remixicon';font-size: 2.4rem;font-weight: 400;line-height: 1;transition: 0.1s;}
.form-box.history.on .btn-history::before {transform: rotate(180deg);}
.form-box.history .btn-history img {display: none;}
.form-box.history .history-box {top: calc(100% + 0.6rem);border: 0;margin-top: 0;padding: 0.8rem;border-radius: 0.8rem;box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.12);background: #fff;}
.form-box.history .history-box .hb-products .hb-item {display: flex;justify-content: space-between;align-items: center;gap: 1.6rem;height: auto;padding: 1rem 1.6rem;border-radius: 0.4rem;}
.form-box.history .history-box .hb-products .hb-item p {font-size: 1.7rem;line-height: 1.3;color: #3B4C4B;word-break: break-all;}
.form-box.history .history-box .hb-products .hb-item:hover p {font-weight: 500;color: var(--primary);text-decoration: underline;text-underline-position: under;}
.form-box.history .history-box .hb-products .hb-item .btn-h-del {font-size: 2.4rem;line-height: 1;color: var(--ft_red);}
.form-box.history .history-box .hb-products .hb-item .btn-h-del:hover {font-weight: 600;}

/* popup */
.dim-layer .dimBg {height: 100%;}
.popup-new {overflow: hidden;display: flex;flex-direction: column;width: calc(100% - 3.2rem);max-width: 60rem !important;max-height: calc(100% - 3.2rem);border: 0;border-radius: 1.6rem;font-size: 1.7rem;}
.popup-new > .title-box {min-height: 8.4rem;height: auto;padding: 1.6rem 4rem;border-radius: 1.6rem 1.6rem 0 0;background: var(--primary);}
.popup-new > .title-box > :where(.fl, .fr) {float: none !important;}
.popup-new > .title-box .pop-tit {font-size: 3rem;font-weight: 700;}
.popup-new > .title-box .btn-pop-close-new {display: block;width: 3.2rem;height: 3.2rem;background-position: 50% 50%;background-size: auto 2.2rem;}
.popup-new .pop-content-new {overflow-y: auto;height: auto;padding: 3.2rem 4rem;border-radius: 0 0 1.6rem 1.6rem;}
.popup-new .pop-content-new .btn-box {display: flex;justify-content: center;align-items: center;gap: 0.8rem;margin-top: 3.2rem;}
.popup-new .pop-content-new .btn-box .btn-type-a {display: inline-flex;justify-content: center;align-items: center;gap: 0.8rem;min-width: auto;width: 20rem;height: 5.6rem;padding: 0 1.6rem;border: 0;border-radius: 0.8rem;font-size: 1.9rem;font-weight: 600;line-height: normal;}
.popup-new .pop-content-new .btn-box .btn-light-green-white {background: var(--primary);}
.popup-new .pop-content-new .btn-box .btn-light-gray-black {color: #fff;background: var(--gray);}
.popup-new .chk.round .radio {width: 100%;max-width: calc((100% - (0.8rem * 4)) / 5);}
.popup-new .chk.round .radio label {width: 100%;}
.popup-new .btn_area {margin-top: 3.2rem;}
.popup-new .btn.lg {height: 5.6rem;}
/* search-pop */
.tab-btn-02 + .search-pop {margin-top: 4rem;}
.txt_box + .search-pop {margin-top: 2.4rem;}
.search-pop + .table_type_ship {margin-top: 4rem !important;}
.search-pop {display: flex;flex-direction: column;gap: 2.4rem;padding-top: 2.4rem;border-top: 1px dashed var(--bdr);}
.search-pop .form-and-search {display: flex;flex-direction: column;gap: 2.4rem;margin: 0;}
.search-pop .form-and-search .form-choice {justify-content: flex-start;gap: 1.6rem;min-height: 5.6rem;height: auto;margin: 0;padding: 0;border: 0;border-radius: 0;}
.search-pop .form-and-search .form-choice .fc-tit {display: block;margin: 0;font-size: 1.9rem;font-weight: 700;}
.search-pop .form-and-search .form-choice .fc-box .chk_rd_box .title_box_chk {font-size: 1.7rem;}
.search-pop:has(> .btn_area:last-child) > *:nth-last-child(2),
.search-pop .form-and-search:has(> .btn-search-pop:last-child) > *:nth-last-child(2),
.search-pop:has(> .btn-search-pop:last-child) > *:nth-last-child(2) {padding-bottom: 2.4rem;border-bottom: 1px dashed var(--bdr);}
.search-pop .btn-search-pop {gap: 0.8rem;width: 20rem;height: 5.6rem;margin: 0 auto;padding: 0 1.6rem;border-radius: 0.8rem;font-size: 1.9rem;font-weight: 600;background: var(--primary);}
.search-pop .btn-search-pop::after {content: '\f0d1';font-family: 'remixicon';font-weight: 400;}
.search-pop .btn-search-pop:hover {background: var(--btn-primary-hover);}
.search-pop > .btn_area {margin-top: 1.6rem;}
.search-pop + .table-type-01 {margin-top: 4rem !important;}
.search-pop .form-and-search .form-choice .fc-tit,
.search-pop .search-box .column-wrap > .column .s-title-01 {width: 40%;}
.search-pop .form-and-search .form-choice .fc-box,
.search-pop .search-box .form-box {flex: 1;width: 100%;max-width: 30rem;}
.search-pop .search-box .form-box select {width: 100%;height: 5.6rem;}
/* pop_type_02 */
.dim-layer .pop-layer.pop_type_02 {display: flex;flex-direction: column;justify-content: center;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;max-width: calc(60rem + 3.2rem);height: 100%;margin: 0 !important;padding: 1.6rem;}
.dim-layer .pop-layer.pop_type_02 .pop-container {position: relative;max-height: 100%;}
.pop-conts_00 {overflow: hidden;display: flex;flex-direction: column;max-height: 100%;border: 0;border-radius: 1.6rem;}
.pop_title_box {height: auto;border-bottom: 0;}
.pop_title_box .fl {float: none !important;}
.pop_title_box .pop_title {display: flex;justify-content: space-between;align-items: center;min-height: 8.4rem;height: auto;padding: 1.6rem 4rem;border-radius: 1.6rem 1.6rem 0 0;font-size: 3rem;font-weight: 700;line-height: inherit;color: #fff;background: var(--primary);}
.pop_btn_close_02 {display: block;right: 4rem;top: calc((8.4rem - 3.2rem) / 2);width: 3.2rem;height: 3.2rem;margin-left: 0;background: url(/resources/user/img03/btn-pop-close-new.png) no-repeat 50% 50% / auto 2.2rem;}
.choice_box {overflow-y: auto;max-height: 100%;padding: 3.2rem 4rem;border-radius: 0 0 1.6rem 1.6rem;}
/* style */
.pop_txt {font-size: 1.9rem;}
.pop_txt strong {font-weight: 700;}
#printPopUp .pop_title_box {display: flex;justify-content: space-between;align-items: center;min-height: 8.4rem;height: auto;padding: 1.6rem 4rem;border-radius: 1.6rem 1.6rem 0 0;background: var(--primary);}
#printPopUp .pop_title_box > :where(.fl, .fr) {float: none !important;}
#printPopUp .pop_title_box .pop_title {display: block;min-height: auto;padding: 0;border-radius: 0;font-size: 3rem;font-weight: 700;background: none;}
#printPopUp .pop_btn_close_02 {position: relative;right: auto;top: auto;}
#printPopUp .choice_box .table_type_ship {display: flex;flex-wrap: wrap;align-items: center;gap: 0 1.6rem;position: relative;margin-top: 0 !important;padding-top: 2.4rem;border-top: 1px dashed var(--bdr);}
#printPopUp .choice_box .table_type_ship::before {content: '이름 또는 출하자신고번호';display: flex;align-items: center;width: calc(100% - 30rem - 1.6rem);font-size: 1.9rem;font-weight: 700;text-align: left;}
#printPopUp .choice_box .table_type_ship::after {content: '';position: absolute;left: 0;bottom: 8.8rem;width: 100%;height: 1px;border-top: 1px dashed var(--bdr);}
#printPopUp .choice_box select {max-width: 30rem;height: 5.6rem;}
#printPopUp .choice_box .btn_type_04 {width: 20rem;max-width: none;height: 5.6rem;margin: 6.6rem auto 0 !important;padding: 0 1.6rem;border-radius: 0.8rem;font-size: 1.9rem;font-weight: 600;line-height: normal;background: var(--primary);}
#printPopUp .choice_box .btn_type_04:hover {background: var(--btn-primary-hover);}
#updateMarket .btn_type_04 {display: inline-flex;justify-content: center;align-items: center;width: 20rem;max-width: none;height: 5.6rem;margin: 3.2rem auto 0 !important;padding: 0 1.6rem;border-radius: 0.8rem;font-size: 1.9rem;font-weight: 600;line-height: normal;background: var(--gray-dark);}
#updateMarket .btn_type_04:hover {background: var(--btn-gray-dark-hover);}
#updateMarket select {height: 5.6rem;}
#updateMarket .pop-layer.pop_type_02 {max-width: calc(93.6rem + 3.2rem);}
#updateMarket .choice_box .table_type_ship {position: relative;max-height: 70dvh !important;margin-top: 0 !important;}
#updateMarket .form_group {display: flex;gap: 0.8rem 1.6rem;padding: 2.4rem 0;border: 1px dashed var(--bdr);border-width: 1px 0;}
#updateMarket .form_group ~ .form_group {margin-top: 2.4rem;}
#updateMarket .form_group label {display: flex;align-items: center;width: 12.4rem;font-size: 1.9rem;font-weight: 700;text-align: left;}
#updateMarket .form_group label ~ label {margin-left: 2.4rem;}
#updateMarket .choice_box .btn_area {justify-content: flex-end;margin-top: 2.4rem;}
#updateMarket .choice_box .btn_area .btn {width: 100%;max-width: 12rem;height: 4.4rem;}
#updateMarket .choice_box .btn_area:last-of-type {padding-bottom: 2.4rem;border-bottom: 1px dashed var(--bdr);}
#pwProve1 .txt_box.img02 .txt_list {gap: 0.4rem;}
#pwProve1 .txt_box.img02 + .pop_txt {margin-top: 2.4rem;text-align: center;}
#popStatusManage .btns {display: flex;flex-wrap: wrap;gap: 0.8rem;margin-top: 2.4rem;}
#popStatusManage .btns .btn {flex: 1;height: 4.4rem;}
#popStatusManage .btns .btn:where(.click, :hover, :focus, :focus-visible) {color: #fff;}
#popStatusManage .btns .btn.h_blue:where(.click, :hover, :focus, :focus-visible) {border-color: var(--blue);background: var(--blue);}
#popStatusManage .btns .btn.h_primary:where(.click, :hover, :focus, :focus-visible) {border-color: var(--green);background: var(--green);}
#popStatusManage .btns .btn.h_gary:where(.click, :hover, :focus, :focus-visible) {border-color: var(--gray-dark);background: var(--gray-dark);}
#popStatusManage .btns .btn.h_red:where(.click, :hover, :focus, :focus-visible) {border-color: var(--red);background: var(--red);}

/**** // reset at css ****/



/**** new basic ****/

/*** skip ***/
#skipnavi {overflow: hidden;position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
#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: var(--primary);}
#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: var(--primary);}

/*** 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-flex;}
.chk label {display: inline-flex;gap: 0.8rem;position: relative;cursor: pointer;}
.chk label::before {flex-shrink: 0;}
/* chk checkbox */
.chk .cbx label::before {content: '\EB7B';font-family: 'remixicon';display: inline-flex;justify-content: center;align-items: center;position: relative;min-width: 2.4rem;width: 2.4rem;height: 2.4rem;border: 1px solid #9CAAA9;border-radius: 0.4rem;font-size: 1.6rem;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: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.chk .cbx input:checked + label::before {color: var(--primary);}
.chk .cbx input:disabled + label {color: var(--disabled-font);cursor: auto;}
.chk .cbx input:disabled + label::before {border-color: var(--bdr);background: var(--disabled-bg);}
.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: #9CAAA9;color: var(--primary);box-shadow: none;}
/* chk radio */
.chk .radio label::before {content: '';display: inline-block;position: relative;min-width: 2.4rem;width: 2.4rem;height: 2.4rem;border: 1px solid #9CAAA9;border-radius: 50%;background: #FFFFFF;}
.chk .radio input:focus + label,
.chk .radio input:focus-visible + label {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.chk .radio input:checked + label::before {background: var(--primary);box-shadow: inset 0 0 0 0.5rem #fff;border-color: var(--primary);}
.chk .radio input:disabled + label {color: var(--disabled-font);cursor: auto;}
.chk .radio input:disabled + label::before {border-color: var(--bdr);background: var(--disabled-bg);}
.chk .radio input:disabled[checked] + label::before {border-color: var(--bdr);background: var(--bdr);box-shadow: inset 0 0 0 0.4rem var(--disabled-bg);}
.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 0.4rem #fff;}
/* chk.round radio */
.chk.round {gap: 0.8rem;}
.chk.round .radio {margin-right: 0;}
.chk.round .radio label {display: inline-flex;justify-content: center;align-items: center;height: 4.4rem;padding: 0.8rem 1.2rem;border: 0.1rem solid var(--bdr);border-radius: 0.8rem;font-size: 1.7rem;color: #3B4C4B;background: #fff;}
.chk.round .radio label:hover {background: var(--btn-hover);}
.chk.round .radio label::before,
.chk.round .radio label::after {display: none;}
.chk.round .radio input:checked ~ label {border-color: var(--primary);color: var(--primary);font-weight: 600;}
.chk.round .radio input:disabled ~ label {background: var(--disabled-bg);}
.chk.round .radio input:disabled[checked] ~ label {border-color: var(--bdr);color: var(--disabled-font);}
.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);font-weight: 600;color: var(--primary);box-shadow: none;}
/* on/off */
.chk .tgl label {gap: 1.6rem;}
.chk .tgl input:focus + label,
.chk .tgl input:focus-visible + label {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.chk .tgl label::before {content: '';display: inline-block;position: relative;width: 4.4rem;height: 2.4rem;border-radius: 100rem;background: var(--bdr);}
.chk .tgl label::after {content: '';position: absolute;left: 0.2rem;top: 0.2rem;width: 2rem;height: 2rem;border-radius: 100rem;background: #fff;transition: 0.3s ease;}
.chk .tgl input:checked + label::before {background: var(--primary);}
.chk .tgl input:checked + label::after {left: 2.2rem;}
.chk .tgl input:disabled + label {color: var(--disabled-font);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);}
/* right */
.chk.right .radio label::before,
.chk.right .cbx label::before {order: 1;}
.chk.right .tgl label {flex-direction: row-reverse;}
.chk.right .tgl label::after {left: auto;right: 0.2rem;}
.chk.right .tgl input:checked + label::after {left: auto;right: 2.2rem;}


/*** dropdown ***/
.drpd_wrap {position: relative;min-width: 28rem;}
/* selected */
.drpd_wrap .selected {display: inline-flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;height: 4.8rem;padding: 0 1.6rem;border: 1px solid var(--bdr);border-radius: 0.8rem;font-family: "Pretendard", sans-serif;font-size: 1.7rem;color: var(--gray-dark);text-align: left;background: #fff;transition: 0.1s color, 0.1s border-color, 0.1s box-shadow;;}
.drpd_wrap .selected::after {content: '\ea4e';font-family: 'remixicon';font-size: 2.4rem;font-weight: 400;line-height: 1;transition: 0.1s;}
.drpd_wrap.open .selected::after {transform: rotate(180deg);}
.drpd_wrap .selected:where(:focus, :focus-visible) {border-color: var(--bdr-focus);box-shadow: inset 0 0 0 1px var(--bdr-focus);}
/* drpd_box */
.drpd_wrap .drpd_box {position: absolute;left: 0;top: 100%;width: 100%;padding: 1rem 0;z-index: 1000;}
.drpd_wrap:not(.open) .drpd_box {display: none;}
.drpd_wrap .drpd_inner {padding: 2.4rem;border-radius: 0.8rem;background: #fff;box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.12);}
.drpd_wrap .drpd_tit {display: flex;justify-content: space-between;align-items: center;gap: 1.6rem;margin-bottom: 1.6rem;}
.drpd_wrap .drpd_tit .tit {font-size: 1.7rem;font-weight: 700;}
.drpd_wrap .drpd_tit .btn.btn_reset {min-width: auto;height: auto;padding: 0;border: 0;border-radius: 0.8rem;font-size: 1.6rem;font-weight: 500;background: none;}
.drpd_wrap .drpd_tit .btn.btn_reset i {transform: rotate(90deg);}
.drpd_wrap .drpd_cont {max-height: calc((2.5rem * 5) + (1.6rem * 4));}
.drpd_wrap .drpd_cont .cbx {width: 100%;max-width: max(23.2rem, calc((100% - (1.6rem * 3)) / 4));}
.drpd_wrap .drpd_inner .chk .cbx input:focus + label,
.drpd_wrap .drpd_inner .chk .cbx input:focus-visible + label {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: -max(0.2rem, 2px);}
/* scroll */
.drpd_wrap .simplebar-scrollable-y .simplebar-offset {padding-right: 1rem;}
.drpd_wrap .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-offset {padding-bottom: 1rem !important;}
.drpd_wrap .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-track.simplebar-horizontal {right: 1rem;}
.drpd_wrap .simplebar-track.simplebar-vertical {width: 0.4rem !important;}
.drpd_wrap .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {width: 0.4rem !important;}
.drpd_wrap .simplebar-track.simplebar-horizontal {height: 0.4rem !important;}


/*** file_wrap ***/
.file_wrap {position: relative;width: 100%;}
.file_wrap .file_upload {display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;padding: 3.2rem;border: 1px dashed #E5E5E5;border-radius: 0.8rem;text-align: center;background: #FAFAFA;}
.file_wrap .file_upload:has(.file_input:focus, .file_input:focus-visible) {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.file_wrap .file_upload .file_input {opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;cursor: pointer;}
.file_wrap .file_upload .file_tit {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 1.6rem;}
.file_wrap .file_upload .file_tit::before {content: '';display: inline-block;width: 3.5rem;height: 3.8rem;background: url(../images/icon/ico_add_file.svg) no-repeat 50% 50% / auto 100%;}
.file_wrap .file_upload .file_tit {font-size: 1.9rem;font-weight: 600;color: var(--primary);}
.file_wrap .file_upload .file_txt {margin-top: 1rem;}
.file_wrap .file_upload .file_txt strong {font-weight: 600;}
.file_wrap .file_upload_result {margin-top: 1.6rem;}
.file_wrap .btn_delete {display: inline-flex;align-items: center;gap: 0.8rem;border: 0;border-radius: 0.5rem;font-weight: 600;color: var(--ft_gray);white-space: nowrap;background: none;}
.file_wrap .btn_delete::before {content: '\f4c8';font-family: 'remixicon';font-size: 1.5rem;}
.file_wrap .btn_delete:focus,
.file_wrap .btn_delete:focus-visible {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.file_wrap .upload_top {display: flex;justify-content: space-between;align-items: center;gap: 0.8rem 1.6rem;}
.file_wrap .upload_top .total .current {font-weight: 700;color: var(--primary);}
.file_wrap .upload_top .btn_delete {margin-left: auto;}
.file_wrap .upload_list {margin-top: 1.6rem;}
.file_wrap .upload_list .btn_area {margin: 0;margin-left: auto;}
.file_wrap .upload_list li {padding: 1.6rem 2.4rem;border: 1px solid var(--bdr);border-radius: 0.8rem;}
.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: 0.8rem 1.6rem;}
.file_wrap .upload_list li > div .file_name {word-break: break-all;}
.file_wrap .upload_list li.err {border: 2px solid var(--red);background: #FDF2F3;}
.file_wrap .upload_list li.err .err_txt {margin-top: 1.6rem;padding-top: 1.6rem;border-top: 1px solid #d8d8d8;color: var(--red);}
.file_wrap .upload_list li.err .btn_area .ri-error-warning-fill {font-size: 2rem;color: var(--red);}


/*** button ***/
.btn_area {display: flex;justify-content: center;align-items: center;gap: 1.6rem;margin-top: 6.4rem;}
.btn {display: inline-flex;justify-content: center;align-items: center;gap: 0.6rem;min-width: 9rem;max-width: 100%;height: 4.8rem;margin: 0;padding: 0.4rem 1.6rem;border: 1px solid var(--btn-bdr);border-radius: 0.8rem;font-size: 1.7rem;font-weight: 600;line-height: normal;color: var(--ft_gray);text-align: center;background-color: #fff;cursor: pointer;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.btn i {font-weight: 400;line-height: 1;}
.btn:hover, .btn:focus {background-color: var(--btn-hover);}
.btn:focus, .btn:focus-visible {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.btn.ic {min-width: 4rem;width: 4rem;height: 4rem;padding: 0;border: 1px solid var(--btn-bdr);border-radius: 0.6rem;}
.btn.ic:hover, .btn.ic:focus {background-color: var(--basic-bg);}
.btn.ic i {font-family: 'remixicon';font-size: 1.6rem;line-height: 1;}
.btn i[class^='ico_'] {background-color: var(--ft_gray);}
/* size */
.btn.xsml {min-width: 7.6rem;height: 3rem;padding: 0 1rem;border-radius: 0.4rem;font-size: 1.5rem;}
.btn.sml {height: 4.4rem;}
.btn.lg {min-width: 20rem;height: 6.4rem;padding: 0 2rem;}

/** 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(--secondary);color: #FFFFFF;background-color: var(--secondary);}
.btn.secondary:hover, .btn.secondary:focus {border-color: var(--btn-secondary-hover);background-color: var(--btn-secondary-hover);}
/* primary */
.btn.bd.primary {color: var(--primary);background: transparent;}
.btn.bd.primary:hover, .btn.bd.primary:focus {border-color: var(--primary);background-color: var(--btn-bd-primary-hover);}
/* secondary */
.btn.bd.secondary {color: var(--secondary);background: transparent;}
.btn.bd.secondary:hover, .btn.bd.secondary:focus {border-color: var(--secondary);background-color: var(--btn-bd-secondary-hover);}
/* gray */
.btn.gray {border-color: var(--gray);color: #FFFFFF;background-color: var(--gray);}
.btn.gray:hover, .btn.gray:focus {border-color: var(--btn-gray-hover);background-color: var(--btn-gray-hover);}
/* gray dark */
.btn.gray.dark {border-color: var(--gray-dark);color: #FFFFFF;background-color: var(--gray-dark);}
.btn.gray.dark:hover, .btn.gray.dark:focus {border-color: var(--btn-gray-dark-hover);background-color: var(--btn-gray-dark-hover);}
/* gray */
.btn.bd.gray {border-color: var(--bdr);color: var(--gray-dark);background: transparent;}
.btn.bd.gray:hover, .btn.bd.gray:focus {background-color: var(--btn-hover);}

/** style **/
/* btn_usepop */
.btn_usepop {color: var(--ft_gray);background-color: #ECEFEE;}
.btn_usepop::after {content: '';display: inline-block;width: 1.6rem;height: 1.6rem;background: url(../images/icon/ico_usepop.svg) no-repeat center / 1.6rem;}
/* btn_go */
.btn.btn_go {border: 0;font-weight: 600;color: #fff;background: #1D646A;}
.btn.btn_go:hover {background: #175055;}
.btn.btn_go:after {content: '';display: inline-block;min-width: 1.6rem;width: 1.6rem;height: 1.6rem;background: url(../images/icon/ico_go.svg) no-repeat 50% 50% / auto 100%;}
.table_type_sub td .btn_go {min-width: 13.6rem;height: 4.4rem;}
/* btn_graph_tgl */
.btn_graph_tgl::before {content: '';display: inline-block;width: 1.9rem;height: 1.9rem;background: url(../images/icon/ico_graph_tgl.svg) no-repeat center / 1.9rem;}
.btn_graph_tgl::after {content: '';display: inline-block;width: 1.6rem;height: 1.6rem;background: url(../images/icon/ico_sel.svg) no-repeat center / 1.6rem;transform: rotate(180deg);transition: all 0.2s;}
.btn_graph_tgl.on::after {transform: rotate(0);}


/*** badge ***/
.badge {display: inline-flex;justify-content: center;align-items: center;min-width: 7.6rem;max-width: 100%;min-height: 3rem;padding: 0 1rem;border: 1px solid transparent;border-radius: 0.4rem;font-size: 1.5rem;font-weight: 600;line-height: 1.4;color: #FFFFFF;letter-spacing: -0.03em;text-align: center;}
.badge.red {background-color: #E63540;}
.badge.orange {background-color: #F87C30;}
.badge.green {background-color: #288E86;}
.badge.blue {background-color: #0B53B2;}
.badge.purple {background-color: #434FD3;}
.badge.gray {background-color: #B9C2C1;}
.badge.bd {background: #fff;}
.badge.bd.red {border-color: #F4545E;color: #E63540;}
.badge.bd.orange {border-color: #F3B189;color: #F87C30;}
.badge.bd.green {border-color: #63BDB6;color: #288E86;}
.badge.bd.blue {border-color: #669EE8;color: #0B53B2;}
.badge.bd.purple {border-color: #7874F6;color: #434FD3;}
.badge.bd.gray {border-color: #849392;color: #526463;}


/*** text ***/
/* txt color */
.dark_txt {color: var(--dark)!important;}
.red_txt {color: var(--ft_red)!important;}
.green_txt {color: var(--ft_green) !important;}
.blue_txt {color: var(--ft_blue) !important;}
.gray_txt {color: var(--ft_gray) !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;}


/*** 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 :where(button, a) {display: inline-block;width: 100%;height: 100%;color: inherit;background: transparent;}
.tab .tab_menu li :where(button, a):focus-visible {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.tab > .tab_cont {margin-top: 6.4rem;}
.lg_tit + .tab > .tab_cont {margin-top: 4rem;}
/* tmenu_wrap */
.tmenu_wrap.page_tab {margin-bottom: 6.4rem;}
.tmenu_wrap {position: relative;}
.tmenu_wrap .selected {display: none;justify-content: space-between;align-items: center;gap: 1.6rem;position: relative;width: 100%;min-height: 5.2rem;padding: 1.2rem 1.6rem;border-radius: 0.8rem;font-size: 1.5rem;font-weight: 700;color: var(--primary);text-align: left;background: var(--gray-light);}
.tmenu_wrap .selected::after {content: '\ea4e';font-family: 'remixicon';margin-left: auto;font-size: 2.4rem;font-weight: 400;line-height: 1;transition: 0.1s;}
.tmenu_wrap.open .selected::after {transform: rotate(180deg);}
.tmenu_wrap .tab_menu {display: flex;flex-wrap: wrap;justify-content: center;border-radius: 1.6rem;background: var(--gray-light);}
.tmenu_wrap .tab_menu li {flex: 1;}
.tmenu_wrap .tab_menu li :where(button, a) {display: flex;justify-content: center;align-items: center;width: 100%;min-height: 6.4rem;height: 100%;padding: 1.2rem;border: 2px solid transparent;border-radius: 1.6rem;font-size: 1.7rem;font-weight: 500;color: var(--dark);background: transparent;}
.tmenu_wrap .tab_menu li :where(button, a).on {border-color: var(--primary);font-weight: 700;color: var(--primary);background: #fff;}
/* step */
.tab.step > .tab_menu {flex-wrap: wrap;gap: 2.4rem;}
.tab.step > .tab_menu li {flex: 1;}
.tab.step > .tab_menu li :where(button, a) {display: flex;align-items: center;gap: 1.2rem;width: 100%;min-height: 7.2rem;padding: 1.6rem;border: 2px solid transparent;border-radius: 1.6rem;text-align: left;}
.tab.step > .tab_menu li .num {display: inline-flex;justify-content: center;align-items: center;min-width: 4rem;width: 4rem;height: 4rem;border-radius: 0.8rem;font-size: 2.4rem;font-weight: 700;line-height: 1;text-align: center;background: #fff;}
.tab.step > .tab_menu li .tit {margin-right: auto;font-size: 2.4rem;font-weight: 700;}
.tab.step > .tab_menu li .tit .cnt {font-size: 1.9rem;font-weight: 600;}
.tab.step > .tab_menu li .badge {min-width: 7.4rem;min-height: 3.2rem;border-radius: 3rem;background: #fff;}
.tab.step > .tab_cont {margin-top: 4rem;}
/* step - empty */
.tab.step > .tab_menu li.empty :where(button, a) {border-color: var(--gray);color: #fff;background: var(--gray);}
.tab.step > .tab_menu li.empty :where(.num, .badge) {color: var(--ft_gray);}
/* step - ing */
.tab.step > .tab_menu li.ing :where(button, a) {box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.16);}
.tab.step > .tab_menu li.ing :where(button, a) {border-color: #41A59E;background: #fff;}
.tab.step > .tab_menu li.ing :where(.num, .badge) {color: #fff;background: #41A59E;}
/* step - end */
.tab.step > .tab_menu li.end :where(button, a) {border-color: var(--primary);color: #fff;background: var(--primary);}
.tab.step > .tab_menu li.end :where(.num, .badge) {color: var(--primary);}


/*** simplebar ***/
.simplebar-scrollable-x {padding-bottom: 0;}
.tbl_scroll .simplebar-scrollable-y .simplebar-offset,
.simplebar-scrollable-y .simplebar-offset {padding-right: 1.4rem;}
.tbl_scroll .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-offset,
.simplebar-scrollable-y.simplebar-scrollable-x .simplebar-offset {padding-bottom: 1.4rem !important;}
.tbl_scroll .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-track.simplebar-horizontal,
.simplebar-scrollable-y.simplebar-scrollable-x .simplebar-track.simplebar-horizontal {right: 1.4rem;}
.tbl_scroll .simplebar-track,
.simplebar-track {opacity: 1;}
.tbl_scroll .simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-vertical {right: 0;width: 0.8rem !important;border-radius: 10rem;background: var(--gray-light);}
.tbl_scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before,
.simplebar-track.simplebar-vertical .simplebar-scrollbar::before {opacity: 1;left: 0;right: 0;top: 0;bottom: 0;width: 0.8rem !important;border-radius: 10rem;background: var(--gray);}
.tbl_scroll .simplebar-track.simplebar-horizontal,
.simplebar-track.simplebar-horizontal {height: 0.8rem !important;border-radius: 10rem;background: var(--gray-light);}
.tbl_scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before,
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {opacity: 1;left: 0;right: 0;top: 0;bottom: 0;border-radius: 10rem;background: var(--gray);}

/**** // new basic ****/



/*** header ***/
#header {overflow: hidden;position: fixed;left: 0;top: 0;width: 100%;border-bottom: 1px solid var(--bdr);background: #fff;z-index: 99;}
#header .hd_wrap {display: flex;justify-content: space-between;align-items: center;gap: 4rem;height: 9.6rem;padding: 0 4rem;}
#header .logo img {display: block;max-width: 100%;max-height: 100%;}
#header .utils {display: flex;align-items: center;gap: 2rem;}
#header .utils .btn.ic {min-width: 2.8rem;width: 2.8rem;height: 2.8rem;border: 0;background-color: transparent;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
#header .utils .btn_search {background-image: url(../images/icon/ico_sch.svg);}
#header .utils .btn_sitemap {margin-left: 1.2rem;background-image: url(../images/icon/ico_all.svg);}
#header .pc .utils .btn_login {background-image: url(../images/icon/ico_my01.svg);}
#header .pc .utils .btn_scrn {min-width: auto;height: 2.8rem;border: 0;border-radius: 2.8rem;font-size: 1.4rem;font-weight: 500;color: #fff;background: var(--primary);}
#header .mb .utils .btn_close {background-image: url(../images/icon/ico_close.svg);}

/** gnb **/
#gnb {flex: 1;}
#gnb .gnb {display: flex;justify-content: space-evenly;height: 100%;}
#gnb .gnb > li {padding: 1.6rem;height: 9.6rem;}
#gnb .gnb > li > a {display: flex;justify-content: center;align-items: center;height: 100%;font-size: 2rem;color: #000;text-align: center;}
#gnb .gnb > li.on > a {font-weight: 500;color: var(--primary);}
/* dp */
#gnb .gnb_bg {display: none;position: absolute;left: 0;top: 9.7rem;width: 100%;padding: 0 1.6rem;border-top: 1px solid var(--bdr);background: #fff url(../images/common/bg_gnb.svg) no-repeat 0 100%;}
#gnb .dpbox {display: flex;max-width: 140rem;margin: 0 auto;}
#gnb .gnb_txt {width: 27rem;padding: 4.8rem 0;font-size: 1.7rem;color: #232429;}    
#gnb .gnb_txt strong {display: block;padding-bottom: calc(1.6rem - (((3rem * 1.45) - 3rem) / 2));font-family: 'Gsans' !important;font-size: 3rem;font-weight: 700;color: #015B52;}
/* dp2 */
#gnb .dp2 {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 2.4rem;width: calc(100% - 27rem);padding: 4.8rem;}
#gnb .dp2 > li {min-width: calc((100% - (2.4rem * 3)) / 4);width: calc((100% - (2.4rem * 3)) / 4);}
#gnb .dp2 > li > a {display: flex;justify-content: space-between;align-items: center;gap: 0.8rem;position: relative;min-height: 5.2rem;padding: 0.8rem 2.4rem;border: 1px solid #E7E7E7;border-radius: 1.2rem;font-size: 1.7rem;font-weight: 500;color: #1E1E1E;}
#gnb .dp2 > li > a::after {content: '\ea6e';font-family: 'remixicon';font-size: 2.4rem;font-weight: 400;line-height: 1;}
#gnb .dp2 > li.on > a {border-color: #015B52;font-weight: 700;color: #fff;background: #015B52;}
/* dp3 */
#gnb .dp3 {padding: 2.4rem 2.4rem 0;}
#gnb .dp3 li + li {margin-top: 1rem;}
#gnb .dp3 li a {display: block;position: relative;padding-left: 1rem;font-size: 1.5rem;font-weight: 400;color: #232429;}
#gnb .dp3 li a::before {content: '';display: block;position: absolute;left: 0;top: calc(((1.5rem * 1.45) - 0.4rem) / 2 - 1px);width: 0.4rem;height: 0.4rem;border-radius: 100%;background: #B2B2B2;}
#gnb .dp3 li:hover a,
#gnb .dp3 li a:where(:focus, :focus-visible) {font-weight: 500;text-decoration: underline;text-underline-position: under;}

/** popScrnScale **/
#popScrnScale .popup-new {max-width: 40rem !important;}
#popScrnScale .chk {flex-direction: column;gap: 2.4rem;}
#popScrnScale .btn_reset {gap: 0.8rem;width: 100%;height: 5.6rem;margin-top: 3.2rem;border-color: #849392;color: var(--ft_gray);}
#popScrnScale .btn_reset::after {content: '\f544';font-family: 'remixicon';position: relative;top: 1px;line-height: 1;transform: rotate(90deg);}


/*** top_search ***/
.top_search {position: fixed;right: 0;top: 0;width: 100%;height: 100vh;z-index: 9995;}
.top_search:not(.open),
.top_search:not(.open) * {pointer-events: none;}
/* overlay */
.tsch_overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.3);z-index: 9990;transition: 0.3s;}
.top_search:not(.open) .tsch_overlay {opacity: 0;}
/* layout */
.tsch_wrap {position: fixed;left: 0;right: 0;bottom: 0;width: 100%;height: 100dvh;transition: 0.3s;z-index: 9999;pointer-events: none;}
.tsch_wrap * {pointer-events: auto;}
.top_search:not(.open) .tsch_wrap {transform: translateY(-100%);}
.tsch_inner {width: 100%;height: 32rem;padding: 8rem 1.6rem 0;color: #fff;background: linear-gradient(90deg, #0EAE89 0%, #099489 100%);box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);z-index: 9998;transition: 0.3s;}
/* content */
.top_search .tsch_cont {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;max-width: 140rem;margin: 0 auto;}
.top_search button {border: 0;border-radius: 0.4rem;color: #fff;background: none;}
.top_search button i {display: block;line-height: 1;}
.top_search button:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid #fff;outline-offset: max(0.2rem, 2px);}
.top_search .btn_close {font-size: 3.6rem;}
.top_search .logo {display: flex;align-items: center;height: 2.8rem;border-radius: 0.4rem;}
.top_search .logo:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid #fff;outline-offset: max(0.2rem, 2px);}
.top_search .logo img {display: block;height: 100%;}
.top_search .inp_wrap {order: 1;width: 60%;margin: 3.2rem 20% 0;}
.top_search .inp_btn {display: flex;gap: 0.8rem;padding-bottom: 1.6rem;border-bottom: 4px solid #fff;}
.top_search .inp_btn input {width: 100%;padding: 0;border: 0;border-radius: 0.4rem;font-size: 3rem;color: #fff;background: none;box-shadow: none;}
.top_search .inp_btn input::placeholder {color: rgba(255, 255, 255, 0.7);}
.top_search .inp_btn input:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid #fff;outline-offset: max(0.2rem, 2px);}
.top_search .inp_btn button {min-width: 4.8rem;font-size: 3.6rem;}


/*** sitemap ***/
.sitemap {overflow-y: auto;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9000;transition: 0.3s;}
.sitemap:not(.open) {opacity: 0;overflow: hidden;pointer-events: none;}
.sitemap .sm_wrap {display: flex;flex-direction: column;min-height: 100%;padding: 4rem 3.2rem 3.2rem;background: #F4F5F6;}
/* btns */
.sitemap .btns {display: flex;justify-content: flex-end;align-items: center;gap: 1.6rem;margin-bottom: 3.2rem;}
.sitemap .btns .btn.ic {min-width: 4rem;width: 4rem;height: 4rem;border: 0;background-color: transparent;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
.sitemap .btns .btn_search {background-image: url(../images/icon/ico_sch.svg);}
.sitemap .btns .btn_sitemap {background-image: url(../images/icon/ico_close.svg);}
/* top */
.sitemap .top {display: flex;justify-content: space-between;align-items: center;height: 10rem;margin-bottom: 3rem;padding: 0 4.3rem 0 5.7rem;border-radius: 2rem;font-size: 1.6rem;color: #fff;background: var(--primary);}
.sitemap .info {display: flex;align-items: baseline;gap: 1.2rem;}
.sitemap .info p {font-size: 2.2rem;}
.sitemap .info p strong {font-size: 2.8rem;font-weight: 700;}
.sitemap .info a {display: inline-flex;justify-content: center;align-items: center;height: 3.2rem;padding: 0 1.6rem;border: 0;border-radius: 0.8rem;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.2);transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.sitemap .info a:hover {background: rgba(0, 0, 0, 0.3);}
.sitemap .qmenu {display: flex;align-items: center;gap: 4rem;position: relative;}
.sitemap .qmenu li > * {display: flex;align-items: center;gap: 0.8rem;border: 0;border-radius: 0.4rem;font-size: 1.6rem;font-weight: 500;color: #fff;text-align: center;background: none;}
.sitemap .qmenu li > *:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid #fff;outline-offset: max(0.2rem, 2px);}
.sitemap .qmenu li > *::before {content: '';display: inline-block;min-width: 2rem;width: 2rem;height: 2rem;-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;background-color: #fff;}
.sitemap .qmenu li > *.i01::before {-webkit-mask-image: url(../images/icon/ico_docs.svg);mask-image: url(../images/icon/ico_docs.svg);}
.sitemap .qmenu li > *.i02::before {-webkit-mask-image: url(../images/icon/ico_view_mode.svg);mask-image: url(../images/icon/ico_view_mode.svg);}
/* dp1 */
.sitemap .dp1 {display: flex;flex-wrap: wrap;gap: 1.2rem;}
.sitemap .dp1 > li {flex: 1;padding: 2.2rem 0 1rem;border: 1px solid var(--bdr);border-radius: 1.2rem;background: #fff;box-shadow: 0.3rem 0.3rem 1rem rgba(21, 52, 87, 0.1);}
.sitemap .dp1 > li > a {display: block;padding: 0 2.3rem 1.6rem;border-bottom: 1px solid #ccc;font-size: 2.3rem;font-weight: 700;}
html[data-scale="1.3"] .sitemap .dp1 > li {flex: calc((100% - (1.2rem * 2)) / 3) 1 0;}
html[data-scale="1.5"] .sitemap .dp1 > li {flex: calc((100% - 1.2rem) / 2) 1 0;}
/* depth2~ */
.sitemap .dp2 li a {display: inline-flex;align-items: center;}
.sitemap .dp2 li a:focus,
.sitemap .dp2 li a:hover {color: var(--primary);}
/* dp2 */
.sitemap .dp2 {padding: 1rem 2.3rem 0;}
.sitemap .dp2 > li > a {min-height: 4rem;padding: 0.5rem 0;font-size: 2rem;font-weight: 600;}
/* dp3 */
.sitemap .dp3 {padding: 0 1rem 0.5rem;}
.sitemap .dp3 > li > a {min-height: 3rem;padding: 0.3rem 0;font-size: 1.6rem;color: #7B7B7B;}
.sitemap .dp3 > li > a::before {content: '';display: inline-block;position: relative;width: 0.4rem;height: 0.2rem;margin-right: 0.8rem;background: var(--primary);}
.sitemap .dp3 > li > a:hover {text-decoration: underline;text-underline-position: under;}


/*** page_history ***/
.page_history {display: flex;justify-content: space-between;align-items: center;gap: 1.6rem;position: relative;height: 5.2rem;margin-bottom: 2.4rem;}
.page_history::after {content: '';position: absolute;left: 0;top: 100%;width: 100%;height: 1px;border-bottom: 1px solid #1B6163;}
.page_history .his_slider {overflow: hidden;max-width: calc(100% - 6rem);height: 100%;position: relative;top: 1px;}
.page_history .his_slider .swiper-slide {display: inline-flex;align-items: center;gap: 0.8rem;position: relative;width: auto;height: 100%;padding: 0.8rem 2rem;border: 1px solid #D9D9D9;border-bottom-color: #1B6163;border-radius: 0.8rem 0.8rem 0 0;text-align: center;background: #fff;}
.page_history .his_slider .swiper-slide:not(:first-child) {margin-left: -0.1rem;}
.page_history .his_slider .swiper-slide a {display: inline-block;font-size: 1.7rem;font-weight: 400;color: #575757;letter-spacing: -0.02em;}
/* btn_del */
.page_history .his_slider .swiper-slide .btn_del {display: inline-flex;justify-content: center;align-items: center;position: relative;width: 1.6rem;height: 1.6rem;border: 0;border-radius: 100%;background: #EBEBEB;}
.page_history .his_slider .swiper-slide .btn_del::before {content: '\eb99';font-family: 'remixicon';font-size: 1.2rem;line-height: 1;color: #999999;}
.page_history .his_slider .swiper-slide .btn_del:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
/* on */
.page_history .his_slider .swiper-slide.on {border-color: #1B6163;border-bottom-color: #fff;z-index: 1;}
.page_history .his_slider .swiper-slide.on a {font-weight: 600;color: #1A5E61;}
.page_history .his_slider .swiper-slide.on .btn_del {background: #E5EEED;}
.page_history .his_slider .swiper-slide.on .btn_del::before {color: #1B6163;}
/* control */
.page_history .utils,
.page_history .navi {display: flex;align-items: center;gap: 1rem;}
.page_history .navi {gap: 0.8rem;}
.page_history .navi button {display: block;min-width: 3.2rem;width: 3.2rem;height: 3.2rem;padding: 0;border: 0;border-radius: 1rem;background: var(--gray-light);}
.page_history .navi button i {font-size: 2rem;}
.page_history .navi button:hover {background: #E0E3E2;}
/* bg */
.page_history .bg {opacity: 1;display: none;position: absolute;bottom: 0;width: 3.2rem;height: 100%;z-index: 1;transition: 0.1s;pointer-events: none;}
.page_history .swiper-button-disabled + .bg {opacity: 0;}
.page_history .navi .swiperPrev + .bg {left: 0;background: #fff;background: linear-gradient(90deg, #fff 0%, transparent 100%);}
.page_history .navi .swiperNext + .bg {right: 0;background: #fff;background: linear-gradient(90deg, transparent 0%, #fff 100%);}
/* btn_all_close */
.page_history .utils .btn_all_close {gap: 0.3rem;min-width: auto;width: auto;height: 3.2rem;border: 0;border-radius: 3rem;font-size: 1.5rem;font-weight: 500;color: #fff;white-space: nowrap;background: #032826;}
.page_history .utils .btn_all_close i {font-size: 1.8rem;line-height: 1;color: rgba(255, 255, 255, 0.7);}


/*** breadcrumb ***/
.breadcrumb {display: flex;justify-content: space-between;align-items: center;margin-bottom: 5.6rem;}
.breadcrumb .path {display: inline-flex;align-items: center;gap: 0.4rem;}
.breadcrumb .path > li {display: inline-flex;align-items: center;gap: 0.4rem;position: relative;}
.breadcrumb .path > li:not(:last-child)::after {content: '';display: inline-block;width: 2rem;height: 2rem;background: url(../images/icon/ico_bread_angle.svg) no-repeat 50% 50% / auto 2rem;}
.breadcrumb .path > li.home .btn {min-width: 2rem;width: 2rem;height: 2rem;border: 0;background: url(../images/icon/ico_bread_home.svg) no-repeat 50% 50% / auto 2rem;}
.breadcrumb .path > li:not(.home),
.breadcrumb .path > li:not(.home) > .btn {font-size: 1.6rem;font-weight: 400;line-height: normal;color: #252527;}
.breadcrumb .path > li:not(.home) > .btn {gap: 0.4rem;min-width: auto;height: auto;padding: 0;border: 0;background: none;}
.breadcrumb .path > li:not(.home) > .btn::after {content: '\ea4d';font-family: 'remixicon';width: 2rem;height: 2rem;border-radius: 100%;line-height: 2rem;color: #fff;background: var(--gray-dark);transition: 0.2s;}
.breadcrumb .path > li:not(.home) > .btn.on::after {transform: rotate(180deg);}
/* dp2 */
.breadcrumb .dp2 {display: none;position: absolute;left: 50%;top: calc(100% + 0.6rem);transform: translateX(-50%);width: 15.6rem;padding: 0.8rem;border-radius: 0.4rem;box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.12);background: #fff;}
.breadcrumb .dp2 li a {display: block;padding: 1rem 1.6rem;border-radius: 0.4rem;font-size: 1.7rem;line-height: 1.3;color: #3B4C4B;word-break: break-all;}
.breadcrumb .dp2 li a:hover {font-weight: 500;color: var(--primary);text-decoration: underline;text-underline-position: under;}
/* utils */
.breadcrumb .utils {display: flex;align-items: center;gap: 1.6rem;}
.breadcrumb .utils li {position: relative;}
.breadcrumb .utils .btn {display: block;min-width: auto;min-width: 2.4rem;width: 2.4rem;height: 2.4rem;border: 0;background-color: transparent;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
.breadcrumb .utils .btn_print {background-image: url(../images/icon/ico_print.svg);}
.breadcrumb .utils .btn_share {background-image: url(../images/icon/ico_share.svg);}
/* utils - share */
.breadcrumb .utils .share_box {display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;gap: 1.6rem;position: absolute;right: 0;top: calc(100% + 1.6rem);width: max-content;max-width: calc(100vw - 3.2rem);padding: 2rem 2.4rem;border-radius: 0.8rem;background: var(--basic-bg);box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);}
.breadcrumb .utils .share_box:not(.open) {display: none;}
.breadcrumb .utils .share_box > a {display: flex;justify-content: center;align-items: center;min-width: 5rem;width: 5rem;height: 5rem;border-radius: 100%;}
.breadcrumb .utils .share_box .ico_kt {background: url(../images/icon/ico_soc_kt.svg) no-repeat 50% 50% / auto 100%;}
.breadcrumb .utils .share_box .ico_x {background: url(../images/icon/ico_soc_x.svg) no-repeat 50% 50% / auto 100%;}
.breadcrumb .utils .share_box .ico_fb {background: url(../images/icon/ico_soc_fb.svg) no-repeat 50% 50% / auto 100%;}
.breadcrumb .utils .share_box .copyurl {font-size: 2rem;background: var(--bdr);}


/*** footer ***/
#footer .ft_btm {padding: 0 1.6rem;}
#footer .ft_btm .inner_wrap {display: flex;flex-direction: column;justify-content: space-between;gap: 2.4rem;min-height: 18.5rem;padding: 3.2rem 0;}
#footer .rows {gap: 3.2rem;}
#footer .ft_menu {display: flex;flex-wrap: wrap;gap: 1rem 4rem;}
#footer .ft_menu a {font-size: 1.6rem;}
#footer .ft_menu a strong {font-weight: 500;}
#footer .ft_menu a:hover {text-decoration: underline;text-underline-position: under;}
#footer .ft_info {display: flex;flex-direction: column;gap: 0.6rem;}
#footer .ft_info ul {display: flex;flex-wrap: wrap;gap: 1.2rem;font-size: 1.6rem;}
#footer .ft_info small {font-size: 1.6rem;font-weight: 300;color: #979797;}
#footer .ft_right {display: flex;align-items: center;gap: 0.6rem;}
/* ft_quick */
#footer .ft_quick {position: relative;}
#footer .ft_quick .btn {display: block;min-width: auto;width: 16.6rem;height: 3rem;padding: 0 1.4rem;border-color: #899895;border-radius: 10rem;font-size: 1.4rem;color: #424242;text-align: left;background: #fff;}
#footer .ft_quick .btn::after {content: '\ea77';font-family: 'remixicon';position: absolute;right: 1rem;top: calc((3rem - 2.4rem) / 2);font-size: 2.4rem;color: #666666;line-height: 1;transition: 0.2s;}
#footer .ft_quick .btn.on::after {transform: rotate(-180deg);}
#footer .ft_quick ul {display: none;overflow-y: auto;position: absolute;left: 0;bottom: calc(100% + 0.4rem);width: 100%;max-height: 30rem;border: 1px solid #899895;background: #f2f2f2;z-index: 99;}
#footer .ft_quick ul li {padding: 1rem 0;border-bottom: 1px solid #fff;}
#footer .ft_quick ul li:last-of-type {border-bottom: 0;}
#footer .ft_quick ul li a {display: block;padding: 0 1rem;font-size: 1.3rem;line-height: 1.3;color: #565656;word-break: break-all;}
#footer .ft_quick ul li a:hover {font-weight: 500;color: var(--primary);}
/* sns_link */
#footer .ft_etc {display: flex;align-items: center;gap: 2.4rem;}
#footer .ft_etc .btn_goodcontents {display: block;}
#footer .ft_etc .btn_goodcontents img {display: block;max-width: 100%;max-height: 100%;}
#footer .sns_link {display: flex;align-items: center;gap: 1.6rem;}
#footer .sns_link .btn {border: 0;border-radius: 100%;}
#footer .sns_link .btn i {opacity: 0.44;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border: 1px solid #000;border-radius: 100%;font-size: 2rem;color: #000;transition: 0.1s;}
#footer .sns_link .btn:where(:hover, :focus, :focus-visible) i {opacity: 1;}
/** related **/
.related {height: 13rem;padding: 0 1.6rem;border: 1px solid #CCCCCC;border-width: 1px 0;}
.related .inner_wrap {display: flex;align-items: center;height: 100%;padding: 2.4rem 0;}
.relatedSwiper {overflow: hidden;width: 100%;height: 100%;}
.relatedSwiper .swiper-slide {display: flex;justify-content: center;align-items: center;}
.relatedSwiper .swiper-slide a {display: block;}
.relatedSwiper .swiper-slide img {display: block;max-width: 100%;max-height: 100%;}



/*** layout ***/
body.fixbody {position: fixed;}
#wrapper {font-size: 1.7rem;}
#container {min-height: calc(100dvh - 31.5rem);padding: 0 1.6rem;padding-top: 9.7rem;}
.content {padding: 4rem 0;}
.content,
.inner_wrap {position: relative;max-width: 140rem;margin: 0 auto;}
/* flex */
.rows {display: flex;justify-content: space-between;align-items: center;}
.rows.rbtns {gap: 1rem;justify-content: flex-end;margin-bottom: 1.6rem;}
.rows.rbtns select {min-width: 16rem;}
.rows.end {align-items: flex-end;margin-bottom: 1.6rem;}
.rows.end select {height: 4.4rem;font-weight: 500;}
.rows.end .cnt_list + select {min-width: 16rem;}
.rows.tables {flex-wrap: wrap;align-items: flex-end;gap: 4rem;}
.rows.tables .rows_tbl_wrap {flex: calc((100% - 4rem) / 2) 1 0;width: 100%;}
.rows.tables .rows_tbl_wrap .flex_tit {margin-bottom: 1rem;}
.rows.tables .rows_tbl_wrap .table_type_sub {margin-top: 0;}
.rows.tables .rows_tbl_wrap .table_type_sub thead tr th,
.rows.tables .rows_tbl_wrap .table_type_sub tbody tr th,
.rows.tables .rows_tbl_wrap .table_type_sub tbody tr td {padding: 1.2rem;word-break: break-all;font-size: 1.6rem;}
.rows.img_tbl {align-items: normal;gap: 1.6rem 3.2rem;margin-top: 6.4rem;}
.rows.img_tbl figure {width: 100%;max-width: 32rem;}
.rows.img_tbl figure img {display: block;width: 100%;height: 100%;}
.rows.img_tbl .table_x_scroll {flex: 1;}
.rows.chart {gap: 4rem;align-items: inherit;}
.rows.chart .rows_tbl_wrap,
.rows.chart .rows_chart_wrap {width: calc((100% - 4rem) / 2);}
.chart_wrap {margin-top: 2rem;}
.chart_wrap > div {overflow-y: hidden;}
/* flex_tit */
.flex_tit {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: 1.6rem;margin-bottom: 1.6rem;}
.flex_tit.mid {align-items: center;}
.flex_tit.right {justify-content: flex-end;}
.flex_tit .rows {justify-content: flex-end;gap: 1rem;}
.flex_tit :where(button, .btn, a:where([class*='btn_'], [class*='btn-'])) {height: 4.4rem;font-weight: 600;}
.flex_tit select {height: 4.4rem;font-weight: 500;}
.flex_tit .left {display: flex;align-items: flex-end;gap: 0.8rem;}
.flex_tit .left .unit {font-size: 1.6rem;color: #565656;}
.flex_tit .all_num {margin-bottom: 0;}
/* space */
.table_x_scroll + .chart_tgl_wrap,
.chart_tgl_wrap + .table_x_scroll {margin-top: 4rem;}


/*** title ***/
h3 {font-size: 2.4rem;font-weight: 700;}
h4 {font-size: 1.9rem;font-weight: 700;}
h5 {font-size: 1.8rem;font-weight: 700;}
/* page_tit */
.page_tit {margin: 6rem 0 6.4rem;font-family: 'Gsans' !important;font-size: 5rem;font-weight: 500;line-height: 1;text-align: center;}
.breadcrumb + .page_tit {margin-top: 0;}
/* lg_tit */
[class*='lg_tit'] {position: relative;margin-bottom: 1.6rem;padding-left: 3.2rem;font-size: 2.4rem;font-weight: 700;color: var(--dark);}
[class*='lg_tit']::before {content: '';position: absolute;left: 0;top: calc(((2.4rem * 1.45) - 1.4rem) / 2);min-width: 2.3rem;width: 2.3rem;height: 1.4rem;background-image: url(../images/icon/ico_lg_tit.svg);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
/* lg_tit02 */
.lg_tit02 {margin-bottom: 1rem;padding-left: 0;color: #0C4743;}
.lg_tit02:not([class*='i0'])::before {display: none;}
.lg_tit02[class*='i0'] {padding-left: 4.2rem;}
.lg_tit02[class*='i0']::before {top: calc(((2.4rem * 1.45) - 3.2rem) / 2);min-width: 3.2rem;width: 3.2rem;height: 3.2rem;}
.lg_tit02.i01::before {background-image: url(../images/icon/ico_lg_tit02_01.svg);}
.lg_tit02 .unit {font-size: 1.6rem;font-weight: 400;color: #565656;}
/* lg_tit03 */
.lg_tit03 {padding-left: 0;}
.lg_tit03::before {display: none;}
/* md_tit */
.md_tit {position: relative;margin-bottom: 1.6rem;padding-left: 2.2rem;font-size: 1.9rem;font-weight: 600;color: var(--dark);}
.md_tit::before {content: '';position: absolute;left: 0;top: calc(((1.9rem * 1.45) - 1.4rem) / 2);min-width: 1.4rem;width: 1.4rem;height: 1.4rem;border: 0.3rem solid #53A0A7;border-radius: 100%;}
/* space */
.api_status + .lg_tit,
.api_status + .lg_tit ~ .lg_tit {margin-top: 6.4rem;}
.tab + :where(.flex_tit, [class*='lg_tit'], .md_tit),
.txt_box + :where(.flex_tit, [class*='lg_tit'], .md_tit),
.txt_list + :where(.flex_tit, [class*='lg_tit'], .md_tit),
.flex_tit ~ .flex_tit,
.flex_tit ~ [class*='lg_tit'],
[class*='lg_tit'] ~ [class*='lg_tit'],
.flex_tit ~ .md_tit,
.md_tit ~ .md_tit {margin-top: 4rem;}
.lg_tit03 + .lg_tit02,
.lg_tit02 ~ .lg_tit02 {margin-top: 2.4rem;}
.flex_tit:has(.all_num) {margin-bottom: 1rem;}
.flex_tit [class*='lg_tit'] {margin-bottom: 0;}


/*** txt style ***/
a.underline,
.underline {text-decoration: underline;}
.blt_txt {display: flex;gap: 0.6rem;font-size: 1.5rem;color: var(--ft_gray);}
/* all_num */
.all_num {margin-bottom: 1rem;font-size: 1.8rem;color: #515151;}
.all_num .num {color: #DC4C1A;}
/* asterisk */
.asterisk {font-size: 0;}
.asterisk::before {content: ' * ';font-size: 1.7rem;line-height: 1;color: #41A59E;vertical-align: top;}

/** txt_box **/
.txt_box {position: relative;padding: 3rem;border-radius: 0.8rem;background: var(--basic-bg);}
.txt_box + .txt_box {margin-top: 1.6rem;}
.txt_box strong {font-weight: 600;}
.txt_box .tb_tit {display: block;margin-bottom: 1rem;font-size: 2.4rem;font-weight: 700;color: var(--primary);}
.txt_box .tb_tit02 {display: block;margin-bottom: 1rem;font-size: 2.8rem;}
.txt_box .tb_tit02 strong {font-weight: 700;}
.txt_box > .txt_list {gap: 1rem;}
.txt_box > .txt_list + .txt_list.blt {gap: 0.4rem;}
/* inbox */
.txt_box .inbox {display: flex;align-items: center;gap: 0.8rem;margin-top: 1rem;padding: 1.2rem 1.6rem;border: 1px solid var(--gray-light);border-radius: 0.8rem;background: #fff;}
.txt_box .inbox .badge {min-width: 6rem;border-radius: 3rem;white-space: nowrap;}
/* white */
.txt_box.white {border: 1px solid var(--bdr);background: none;}
/* box02 */
.txt_box.box02 {display: flex;justify-content: space-between;gap: 2.4rem;padding: 3rem 4rem;border-top-left-radius: 6.4rem;}
.txt_box.box02 > *:first-child {flex: 1;}
.txt_box.box02 .flex_tit {justify-content: flex-start;align-items: center;gap: 1rem 2.4rem;}
.txt_box.box02 .flex_tit > *:last-child {margin-left: 0;}
.txt_box.box02 .flex_tit .tb_tit {margin-bottom: 0;}
.txt_box.box02 .flex_tit select {min-width: 16rem;}
.txt_box.box02 .flex_tit + p {margin-top: 1.6rem;}
.txt_box.box02 .btn.btn_go {min-width: 13.6rem;height: 4.4rem;}
/* law */
.txt_box.law {border: 1px solid var(--bdr);background: none;}
.txt_box.law .tit {display: block;margin-bottom: 1rem;font-size: 1.7rem;font-weight: 600;}
.txt_box.law .tit ~ .tit {margin-top: 1.6rem;}
/* img */
.txt_box[class*="img"] {display: flex;align-items: center;gap: 1rem 2.4rem;padding: 2.8rem 4rem;}
.txt_box[class*="img"] figure {min-width: 12rem;width: 12rem;}
.txt_box[class*="img"] figure img {display: block;max-width: 100%;max-height: 100%;}
.txt_box[class*="img"] > figure + div {width: 100%;}
.txt_box[class*="img"] .gray_txt {font-size: 1.5rem;}
.txt_box[class*="img"] strong + .gray_txt {margin-top: 0.4rem;}
.txt_box[class*="img"] .btns {display: flex;flex-wrap: wrap;gap: 1rem;}
.txt_box[class*="img"] .tb_tit + .btns {margin-top: 1.6rem;}
.txt_box.img02 {padding: 1.6rem 2.4rem;}
.txt_box.img02 figure {display: flex;justify-content: center;align-items: center;min-width: 8rem;width: 8rem;height: 8rem;border-radius: 100%;background: #fff;}
/* link */
.txt_box.link {margin-top: 6.4rem !important;}
.txt_box.link a {color: var(--ft_blue);text-decoration: underline;}
.txt_box.link a:hover {font-weight: 500;}

/** img_box **/
.img_box {padding: 4rem;border: 1px solid var(--bdr);border-radius: 0.8rem;}
.img_box.bg {background: var(--basic-bg);}
.img_box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
.img_box .btn_area {margin-top: 2.4rem;}

/** copyright **/
.copyright {display: flex;justify-content: center;align-items: center;gap: 1.6rem 2.4rem;margin-top: 10rem;padding: 3rem;border-radius: 0.8rem;background: var(--basic-bg);}
.copyright .cr_img {display: inline-flex;justify-content: center;align-items: center;height: 8.4rem;padding: 0.7rem 0.6rem;border-radius: 0.8rem 0.8rem 0 0;background: #fff;}
.copyright .cr_img img {display: block;max-width: 100%;max-height: 100%;}
.copyright .cr_notice strong {font-weight: 600;}

/** txt_list **/
.txt_list {display: flex;flex-direction: column;gap: 0.4rem;text-align: left;}
.txt_list > li {position: relative;}
.txt_list > li > p {position: relative;}
.txt_list > li > .txt_list {margin-top: 0.6rem;}
.txt_list > li:not(:last-child) > .txt_list {margin-bottom: 1.6rem;}
/* txt_list - num */
.txt_list.num > li {counter-increment: num;padding-left: 3.2rem;}
.txt_list.num > li::before {content: counter(num);display: inline-flex;justify-content: center;align-items: center;min-width: 2.4rem;height: 2.4rem;margin-left: -3.2rem;margin-right: 0.8rem;border: 1px solid;border-radius: 100%;font-size: 1.4rem;font-weight: 600;line-height: 1;color: #fff;letter-spacing: 0;text-align: center;background: #6CB5BC;}
/* txt_list - num02 */
.txt_list.num02 > li {counter-increment: num02;padding-left: 3rem;}
.txt_list.num02 > li::before {content: counter(num02, decimal-leading-zero) '. ';margin-left: -3rem;font-weight: 500;color: #155459;}
/* txt_list - num03 */
.txt_list.num03 > li {counter-increment: num03;padding-left: 2rem;}
.txt_list.num03 > li::before {content: counter(num03);display: inline-flex;justify-content: center;align-items: center;position: relative;top: -0.3rem;width: 1.4rem;height: 1.4rem;margin: 0 0.5rem 0 -1.9rem;border: 0.1rem solid;border-radius: 100%;font-size: 1.1rem;font-weight: 500;line-height: 1.2rem;text-align: center;}
.txt_list.num03 > li:nth-child(n+10)::before {font-size: 0.9rem;letter-spacing: -1px;}
.txt_list.num02 > li:not(:last-child) > .txt_list.num03 {margin-bottom: 0.4rem;}
/* txt_list - circle */
.txt_list.circle > li {padding-left: 2.2rem;}
.txt_list.circle > li::before {content: '';position: absolute;left: 0;top: calc(((1.7rem * 1.45) - 1.4rem) / 2);min-width: 1.4rem;width: 1.4rem;height: 1.4rem;border: 0.3rem solid #53A0A7;border-radius: 100%;}
/* txt_list - dash */
.txt_list.dash > li {padding-left: 1.5rem;}
.txt_list.dash > li::before {content: '- ';margin-left: -1.5rem;}
/* txt_list - dot */
.txt_list.dot > li {padding-left: 1.2rem;}
.txt_list.dot > li::before {content: '';position: absolute;left: 0;top: calc(((1.7rem * 1.45) - 0.4rem) / 2);min-width: 0.4rem;width: 0.4rem;height: 0.4rem;border-radius: 100%;background: #1D646A;}
/* txt_list - blt */
.txt_list.blt > * {display: flex;font-size: 1.5rem;color: var(--ft_gray);}
.txt_list.blt > *::before {content: attr(data-tlblt) ' ';white-space: pre;}
/* txt_list - box */
.txt_list.box {flex-direction: row;flex-wrap: wrap;gap: 1.6rem;}
.txt_list.box > li {width: calc((100% - (1.6rem * 4)) / 5);margin: 0;padding: 1.2rem 1.6rem;border: 1px solid var(--gray-light);border-radius: 0.8rem;text-align: center;background: var(--basic-bg);}
.tl_box_wrap {position: relative;padding: 2.4rem 0;border: 1px dashed var(--bdr);border-width: 1px 0;}
.tl_box_wrap > .btn {width: 100%;margin-top: 1.6rem;}
.tl_box_wrap > .btn::after {content: '\f4b2';font-family: 'remixicon';font-size: 1.6rem;font-weight: 400;}
.tl_box_wrap.open > .btn::after {content: '\f1af';}

/** contact_list **/
.contact_list {display: flex;flex-wrap: wrap;gap: 1.6rem;}
.contact_list dl {display: flex;flex-direction: column;width: calc((100% - (1.6rem * 4)) / 5);padding: 2.4rem;border: 1px solid var(--gray-light);border-radius: 0.8rem;background: var(--basic-bg);}
.contact_list dt {display: block;margin-bottom: 2.4rem;padding-bottom: 1.6rem;border-bottom: 1px dashed var(--bdr);font-size: 1.7rem;font-weight: 500;}
.contact_list dd {display: flex;flex-direction: column;gap: 1.4rem;height: 100%;margin: 0;}
.contact_list dd p {display: block;min-height: calc((1.5rem * 1.45) * 2);font-size: 1.5rem;font-weight: 500;}
.contact_list dd .tit {display: flex;align-items: center;gap: 0.8rem;margin-bottom: 0.8rem;font-size: 1.5rem;line-height: 1;color: var(--gray-dark);}
.contact_list dd .tit::before {content: '';display: inline-block;width: 1.6rem;height: 1.6rem;}
.contact_list dd .addr .tit::before {background: url(../images/icon/ico_map.svg) no-repeat 50% 50% / auto 100%;}
.contact_list dd .tel .tit::before {background: url(../images/icon/ico_call.svg) no-repeat 50% 50% / auto 100%;}

/** info_list **/
.info_list {display: flex;align-items: center;}
.info_list li {display: inline-block;position: relative;font-size: 1.5rem;color: var(--ft_gray);}
.info_list li:not(:last-child) {padding-right: 2rem;}
.info_list li:not(:last-child)::after {content: '';position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);width: 1px;height: 1.2rem;background: var(--bdr);}

/** cnt_list **/
.cnt_list {display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem 2rem;margin-bottom: 1.6rem;}
.rows .cnt_list {margin-bottom: 0;}
.cnt_list li {display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.cnt_list li::before {content: '· ';white-space: pre;}
.cnt_list li span {position: relative;padding-left: 2rem;}
.cnt_list li span::before {content: '';position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);width: 1px;height: 1.4rem;background: var(--bdr);}
.cnt_list li strong {font-weight: 600;color: var(--ft_blue);}

/** grade_list **/
.grade_list {display: inline-flex;align-items: center;gap: 2.4rem;}
.grade_list li {display: flex;flex-direction: column;align-items: center;gap: 1rem;font-size: 1.7rem;font-weight: 600;line-height: 1;text-align: center;}
.grade_list li span {display: inline-flex;justify-content: center;align-items: center;position: relative;min-width: 3.6rem;width: 3.6rem;height: 3.6rem;border-radius: 0.8rem;color: #fff;}
.grade_list li:nth-child(1) span {background-color: #0B53B2;}
.grade_list li:nth-child(2) span {background-color: #288E86;}
.grade_list li:nth-child(3) span {background-color: #B9C2C1;}

/** tag_list **/
.tag_list_wrap {position: relative;width: 100%;}
.tag_list {display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;position: relative;max-width: 100%;padding: 1px 0;}
.tag_list > span {display: inline-flex;align-items: center;gap: 0.8rem;height: 4.4rem;padding: 0 2rem;border: 1px solid var(--bdr);border-radius: 2.2rem;font-weight: 500;background: var(--basic-bg);}
.tag_list > span {white-space: nowrap;}
.tag_list > span .btn_del {display: inline-flex;justify-content: center;align-items: center;width: 1.6rem;height: 1.6rem;border: 0;background: none;}
.tag_list > span .btn_del::before {content: '\f4c8';font-family: 'remixicon';display: block;font-size: 1.5rem;font-weight: 400;color: #697B7A;}

/** his_list **/
.his_list_wrap {margin-top: 4rem;}
.his_list_wrap .his_tit {display: flex;align-items: center;gap: 0.8rem;margin-bottom: 1.6rem;}
.his_list_wrap .his_tit::before {content: '';display: inline-block;min-width: 2.4rem;width: 2.4rem;height: 2.6rem;background: url(../images/icon/ico_his_list_tit.svg) no-repeat 0 50% / auto 100%;;}
.his_list > li {display: flex;align-items: center;gap: 1rem 3.2rem;min-height: 7.4rem;padding: 2.4rem 3.6rem;border-radius: 0.8rem;background: var(--basic-bg);}
.his_list > li + li {margin-top: 1rem;}
.his_list .tit {flex: 1;position: relative;margin-right: auto;padding-left: 1.2rem;}
.his_list .tit::before {content: '';position: absolute;left: 0;top: calc(((1.7rem * 1.45) - 0.4rem) / 2);min-width: 0.4rem;width: 0.4rem;height: 0.4rem;border-radius: 100%;background: #1D646A;}

/** space **/
.tmenu_wrap + .txt_box {margin-top: 6.4rem;}
.txt_box + .table_x_scroll,
.txt_box + .search_basic {margin-top: 4rem;}
.txt_list.dot + .rows + .table_x_scroll,
[class*='lg_tit'] + .txt_list.dot + .txt_box {margin-top: 1rem;}
.popup-new .pop-content-new .lg_tit02 ~ .txt_list,
.tab + .txt_list.blt,
.txt_list.dot + .rows,
.txt_list + .img_box,
.txt_list > li > .img_box,
.txt_list > li > :where(.step01, .step02),
.txt_list > li > :where(.step01, .step02) + .txt_list,
.txt_list > li > .table_x_scroll,
.txt_list > li > .table_x_scroll + .txt_list,
.txt_list + .table_x_scroll,
.img_box + .table_x_scroll,
.table_x_scroll + .txt_list,
.txt_list > li > .txt_list.box,
.txt_list > li > .contact_list + .txt_list,
.txt_list > li > .txt_list.box + .txt_list,
.tl_box_wrap + .txt_list {margin-top: 1.6rem;}
.txt_box + :where(.step01, .step02, table),
.txt_list > li > .contact_list,
.txt_list + .txt_list.blt,
.table_x_scroll + .txt_box {margin-top: 2.4rem;}
.txt_list > li:not(:last-child) > :where(.step01, .step02, .table_x_scroll, .img_box) {margin-bottom: 2.4rem;}


/*** dvrg_bar ***/
.dvrg_bar {display: flex;justify-content: space-between;align-items: center;gap: 0.8rem;width: 100%;height: 2.8rem;}
.dvrg_bar .bar {flex: 1;display: flex;align-items: center;position: relative;width: 100%;height: 100%;}
.dvrg_bar .bar span {display: block;position: relative;width: 50%;height: 100%;padding: 1rem 0;}
.dvrg_bar .bar span::before {content: '';position: absolute;top: 0;width: 1px;height: 100%;background: #D9D9D9;}
.dvrg_bar .bar span em {display: block;position: relative;height: 100%;}
.dvrg_bar .txt {display: inline-block;min-width: 5.4rem;font-size: 1.6rem;font-weight: 500;text-align: right;}
/* color */
.dvrg_bar.pos .bar {justify-content: flex-end;}
.dvrg_bar.pos .bar span::before {left: -0.05rem;}
.dvrg_bar.pos .bar span em {margin-right: auto;border-radius: 0 10rem 10rem 0;background: #ED312F;}
.dvrg_bar.pos .txt {color: #ED312F;}
.dvrg_bar.neg .bar {justify-content: flex-start;}
.dvrg_bar.neg .bar span::before {right: -0.05rem;}
.dvrg_bar.neg .bar span em {margin-left: auto;border-radius: 10rem 0 0 10rem;background: #0E5DFF;}
.dvrg_bar.neg .txt {color: #115DFF;}


/*** price_bar ***/
.price_bar {float: left;display: inline-block;position: relative;top: 0.5rem;width: 20rem;}
.price_bar::before {content:'';position: absolute;left: 0;top: -0.4rem;width: 1px;height: 1.6rem;border-left: 1px solid #D9D9D9;}
.price_bar div {position: relative;height: 0.8rem;border-radius: 0 100rem 100rem 0;background-color: #259C98;}


/*** tooltip ***/
.tooltip {position: fixed;width: max-content;max-width: min(calc(100% - 3.2rem), 140rem);padding-left: 1rem;word-break: break-all;transform: translateY(-50%);z-index: 100;}
.tooltip:not(.on) {display: none;}
.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: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.btn_ttip:not(.btn) i {position: relative;top: 0.1rem;color: var(--primary);font-size: 1.8rem;}
/* txt_wrap */
.tooltip .txt_wrap {position: relative;border-radius: 0.4rem;font-size: 1.5rem;font-weight: 400;letter-spacing: -0.025em;box-shadow: 0.3rem 0 0.5rem rgba(0, 0, 0, 0.05);}
.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 */
[data-ttiptype]:not([data-ttiptype=""]) + .tooltip .txt_wrap {color: #727272;}
.tooltip .txt_wrap {padding: 0.4rem 1.2rem;color: #fff;background: #1e2124;}
.tooltip .txt_wrap::after {background: #1e2124;}
/* type - box */
.tooltip.box .txt_wrap {padding: 1.2rem 1.6rem;border: 1px solid #b1b8be;background: #fff;}
.tooltip.box .txt_wrap::after {border: 1px solid #b1b8be;border-width: 0 0 1px 1px;background: #fff;}
/* type - round */
.tooltip.round .txt_wrap {padding: 1.2rem 1.6rem;border-radius: 2.4rem;background: #fff;box-shadow: max(0.2rem, 2px) max(0.2rem, 2px) 0.5rem rgba(0, 0, 0, 0.1);}
.tooltip.round .txt_wrap::after {display: none;}
/* position - fix */
.tooltip.fixpos {padding: 0.4rem 0;transform: none;}
.tooltip.fixpos .txt_wrap::after {display: none;}
/* position - vertical + top */
.tooltip:where(.vrtcl, .top):not(.fixpos) {padding: 0 0 1rem;transform: translate(-50%, -100%);}
.tooltip:where(.vrtcl, .top):not(.fixpos) .txt_wrap::after {left: calc(50% - 0.5rem);top: calc(100% - 0.5rem);border-width: 0 1px 1px 0;}
/* position - btm */
.tooltip.btm:not(.fixpos) {padding: 1rem 0 0;transform: translateX(-50%);}
.tooltip.btm:not(.fixpos) .txt_wrap::after {left: calc(50% - 0.5rem);top: calc(0% - 0.5rem);border-width: 1px 0 0 1px;}
/* position - left */
.tooltip.left:not(.fixpos, .top) {transform: none;}
.tooltip.left.top {transform: translateY(-100%);}
/* position - right */
.tooltip.right .txt_wrap::after {display: none;}
/* style - txt_list */
.tooltip .txt_list.circle > li::before {top: calc(((1.5rem * 1.45) - 1.4rem) / 2);}
.tooltip .txt_list.dot > li::before {top: calc(((1.5rem * 1.45) - 0.4rem) / 2);}


/*** search ***/
/* input, select reset */
.search_basic input[type="text"],
.search_basic select {flex: 1;width: 100%;min-height: 4rem;height: 4rem;padding: 0;border: 0;border-bottom: max(0.2rem, 2px) solid #288E86;border-radius: 0;background-color: transparent;}
.search_basic select {padding-right: 2.4rem;background-position: 100% 50%;}
.search_basic input[type="text"]:focus,
.search_basic select:focus {box-shadow: none;}
.search_basic .date_box {width: 100%;min-height: 4rem;height: 4rem;}
.search_basic .date_box input {min-width: auto;padding-left: 2.4rem;text-align: right;}
.search_basic .date_box .ui-datepicker-trigger {left: 0;right: auto;}
.search_basic .calendar_warp {display: flex;align-items: center;gap: 0.8rem;width: 100%;min-height: 4rem;height: 4rem;border-bottom: max(0.2rem, 2px) solid #288E86;}
.search_basic .calendar_warp .date_box {height: 100%;}
.search_basic .calendar_warp .date_box input {height: 100%;border: 0;}
.search_basic .input-search {width: 100%;min-height: 4rem;height: 4rem;border: 0;border-bottom: max(0.2rem, 2px) solid #288E86;border-radius: 0;background: none;}
.search_basic .input-search input {border: 0;}
.search_basic .input-search .btn-form-search {width: auto;}
.search_basic .input-search .btn-form-search:where(:focus, :focus-visible) {outline: none;}
.search_basic .inp_btn {display: flex;gap: 1.6rem;width: 100%;min-height: 4rem;height: 4rem;border-bottom: max(0.2rem, 2px) solid #288E86;}
.search_basic .inp_btn input[type="text"] {min-height: auto;height: 100%;border-bottom: 0;}
.search_basic .inp_btn .btn {min-width: auto;width: auto;height: auto;padding: 0;border: 0;color: var(--dark);background: none;}
/* search_basic style */
.search_basic {display: flex;flex-direction: column;gap: 1.6rem;position: relative;min-height: 6rem;margin-bottom: 6.4rem;padding: 2.4rem;border-radius: 0.8rem;background: var(--basic-bg);}
.search_basic .sch_row {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: normal;gap: 1.6rem 4rem;max-width: 100%;}
.search_basic .sch_col {display: inline-flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 0.8rem;width: 100%;max-width: calc((100% - (4rem * 2)) / 3);}
.search_basic .sch_col > label {margin-right: 1.6rem;min-width: 8rem;font-size: 1.6rem;font-weight: 700;}
.search_basic .sch_col > .btn {min-width: auto;height: 4rem;white-space: nowrap;}
.search_basic .sch_col > .chk_rd_box,
.search_basic .sch_col > .chk {align-items: center;min-height: 4rem;}
.search_basic .sch_col.auto {flex: 1;max-width: none;}
/* button */
.search_basic .btn_area {display: flex;align-items: center;gap: 1rem;position: absolute;right: 2.4rem;bottom: 2.4rem;width: auto;max-width: none;margin-top: 0;text-align: right;}
.search_basic .btn_area .btn {min-width: 12rem;height: 4.4rem;font-weight: 600;}
.search_basic .btn_area .btn i {font-weight: 400;}
.search_basic .btn:where(.btn_search, .btn_add) {border-color: var(--primary);color: #FFFFFF;background-color: var(--primary);}
.search_basic .btn:where(.btn_search, .btn_add):hover {border-color: var(--btn-primary-hover);background-color: var(--btn-primary-hover);}
.search_basic .btn.btn_del {border-color: var(--gray);color: #FFFFFF;background-color: var(--gray);}
.search_basic .btn.btn_del:hover {border-color: var(--btn-gray-hover);background-color: var(--btn-gray-hover);}
.search_basic .btn.btn_reset {min-width: auto;height: 3rem;padding: 0 0.6rem;border: 0;font-weight: 500;color: var(--ft_gray);background: transparent;}
.search_basic .btn.btn_reset i {transform: rotate(90deg);}
/* detail */
.search_basic .btn.btn_detail {border-color: #849392;color: var(--ft_gray);}
.search_basic .btn.btn_detail i {font-size: 2.4rem;transition: all 0.2s;}
.search_basic .btn.btn_detail.on i {transform: rotate(180deg);}
.sch_detail_wrap {display: none;}
.sch_detail_wrap .sch_row + .sch_row {margin-top: 1.5rem;}
/* simple */
.search_basic.simple {flex-direction: row;}
.search_basic.simple .sch_col {flex: 1;max-width: 100%;}
.search_basic.simple .sch_col select {flex: none;min-width: 18.4rem;width: auto;}
.search_basic.simple .btn_area {position: relative;right: auto;bottom: auto;}
/* type02 */
.sb_tit {margin-bottom: calc(1.6rem - (((2.4rem * 1.45) - 2.4rem) / 2));font-size: 2.4rem;font-weight: 700;color: #000;}
.search_basic.has_tag .sch_col {margin-bottom: 0 !important;}
.search_basic.has_tag .btn_area {position: relative;right: auto;bottom: auto;margin-left: auto;}
.search_basic.has_tag .tag_list > span {color: #3B4C4B;}


/*** board_view ***/
.board_view {position: relative;border-top: 1px solid var(--dark);}
.board_view + .board_view {margin-top: 4rem;}
.board_view .top {padding: 2.4rem 0;}
.board_view .top .date {display: block;margin-bottom: 1rem;font-size: 1.5rem;font-weight: 400;color: #1C2726;}
.board_view .top .title {display: block;font-size: 2.4rem;font-weight: 700;}
.board_view .top .info {display: flex;margin-top: 1rem;font-size: 1.5rem;font-weight: 400;color: var(--ft_gray);}
.board_view .top .info .tit {position: relative;margin-right: 1.6rem;}
.board_view .top .info .tit::before {content: '';position: absolute;right: -0.8rem;top: 50%;transform: translateY(-50%);width: 1px;height: 1.2rem;background: var(--bdr);}
.board_view .cont {padding: 2.4rem 0;border: 1px solid var(--bdr);border-width: 1px 0;font-size: 1.7rem;font-weight: 400;color: #1C2726;}
.board_view .file_li {margin-top: 1.6rem;}
.board_view .file_li li {display: flex;align-items: center;min-height: 8rem;padding: 2.4rem;border-radius: 0.8rem;background: var(--basic-bg);}
.board_view .file_li li + li {margin-top: 1rem;}
.board_view .file_li li .tit {font-size: 1.7rem;font-weight: 600;}
.board_view .file_li li p {display: inline-flex;gap: 4rem;font-size: 1.7rem;font-weight: 400;}
.board_view .file_li li p a {display: block;}
.board_view .file_li li p a:hover {font-weight: 500;text-decoration: underline;text-underline-position: under;}


/*** fieldset ***/
.fieldset {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 2.4rem 4rem;padding: 4rem;border: 1px solid var(--bdr);border-radius: 1.6rem;}
.paging_box + .fieldset {margin-top: 6.4rem;}
/* form_group */
.fieldset .form_group {display: flex;flex-wrap: wrap;align-items: baseline;gap: 1.6rem;width: 100%;max-width: calc((100% - 4rem) / 2);}
.fieldset .form_group.full {max-width: 100%;}
.fieldset .form_group.wide {max-width: 100%;}
.fieldset .form_group.wide .form_box {max-width: 72rem;}
/* form_tit */
.fieldset .form_tit {width: 100%;max-width: 15.4rem;font-size: 1.9rem;font-weight: 700;}
.fieldset .form_tit .asterisk::before {font-size: 1.9rem;}
/* form_conts */
.fieldset .form_conts {flex: 1;display: flex;flex-wrap: wrap;gap: 1.6rem;max-width: calc(100% - 15.4rem - 1.6rem);}
.fieldset .form_conts > p[class*='_txt'] {width: 100%;}
.fieldset .form_conts > p[class*='_txt'] strong {font-weight: 600;}
.fieldset .form_box {flex: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 1.6rem 1rem;max-width: 100%;min-height: 5.6rem;}
.fieldset .form_box .mwfix {max-width: 16.5rem;}
.fieldset .form_box .btn:not(.mwauto) {flex: 1;max-width: 16.5rem;}
.fieldset .form_box .btn,
.fieldset .form_box select {height: 5.6rem;}
.fieldset .form_box select {flex: 1;width: 100%;padding: 0 4.8rem 0 2.4rem;background-position: right 2rem center;}
.fieldset .form_box input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]) {flex: 1;width: 100%;height: 5.6rem;padding: 0 2.4rem;}
.fieldset .form_box .drpd_wrap {min-width: auto;width: 100%;}
.fieldset .form_box .drpd_wrap .selected {height: 5.6rem;padding: 0 2.4rem;}
.fieldset .form_box .drpd_tit .btn.btn_reset {flex: none;min-width: auto;width: auto;height: auto;}
.fieldset .form_box .date_box {width: 100%;height: 5.6rem;}
.fieldset .form_box .date_box input {min-width: auto;padding-right: 4.8rem;}
.fieldset .form_box .date_box .ui-datepicker-trigger {right: 2rem;}
.fieldset .form_box .file_input {flex: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 1.6rem 1rem;max-width: 100%;min-height: 5.6rem;}
.fieldset .form_box .file_input label.btn {display: inline-flex;width: auto !important;margin: 0;line-height: normal;vertical-align: unset;}
/* style */
.fieldset .form_box.has_side {flex-wrap: nowrap;}
.fieldset .form_box.email {gap: 0.8rem 0.4rem;}
.fieldset .form_box.addr > span {display: flex;gap: 1rem;width: 100%;max-width: 72rem;}
.fieldset .form_box.addr > span input {flex: 1;}
.fieldset .form_box.addr input {flex: none;}
.fieldset .form_box .chk.sns {gap: 2.8rem 3rem;}
.fieldset .form_box .chk.sns label {align-items: center;}
.fieldset .form_box .chk.sns label::after {top: 50%;transform: translateY(-50%);}
.fieldset .form_box .chk.sns figure {display: inline-flex;align-items: center;gap: 0.8rem;}
.fieldset .form_box .chk.sns figure img {display: block;height: 3.6rem;margin: 0 auto;border-radius: 100%;}
.fieldset .form_box .chk.sns figure img[alt="google"] {box-shadow: inset 0 0 0 1px #d7d7d7;}
.fieldset .form_box.api input {flex: 1 !important;background: #fff;}
.fieldset .form_box.api .btn.mwauto {width: auto;}
/* form_hint */
.fieldset .form_hint {width: 100%;font-size: 1.5rem;color: var(--ft_gray);}
.fieldset .form_hint[data-fhblt] {display: flex;}
.fieldset .form_hint[data-fhblt]::before {content: attr(data-fhblt) ' ';white-space: pre;}
/* txt_box */
.fieldset .txt_box {width: 100%;padding: 2.4rem 3.6rem;}


/*** pfmSwiper ***/
.pfmSwiper {overflow: hidden;margin-bottom: 3.2rem;}
.pfmSwiper .navi {display: flex;justify-content: center;align-items: center;margin-top: 1.6rem;}
.pfmSwiper:not(.swiper-container-initialized) .navi {display: none;}
.pfmSwiper .navi .inner {display: inline-flex;align-items: center;gap: 0.4rem;min-height: 3rem;padding: 0 1rem;border-radius: 10rem;color: #fff;background: #222328;}
.pfmSwiper .navi button {border: 0;color: inherit;background: none;}
.pfmSwiper .navi button::before {font-family: 'remixicon';font-size: 1.6rem;font-weight: 400;}
.pfmSwiper .navi .swiperPrev::before {content: '\EA64';}
.pfmSwiper .navi .swiperNext::before {content: '\EA6E';}
.pfmSwiper .navi .swiperPagination {font-size: 1.4rem;font-weight: 500;}
.pfmSwiper .navi .swiperPagination .swiper-pagination-current {font-weight: 700;}
/* pfm_box */
.pfm_box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 2.4rem;width: 100%;padding: 2rem 4rem;border-radius: 0.8rem;color: #fff;background: linear-gradient(to right, #1D646A, #124F4A);}
.pfm_box > strong {position: relative;top: 0.4rem;font-family: 'Gsans' !important;font-size: 2.4rem;font-weight: 500;}
.pfm_box > strong span {font-size: 1.6rem;font-weight: 400;vertical-align: text-bottom;}
.pfm_box > ul {display: flex;flex-wrap: wrap;gap: 1.6rem 6.4rem;}
.pfm_box > ul > li {flex: 1;display: flex;justify-content: space-between;align-items: center;gap: 2rem;}
.pfm_box > ul > li > span {display: flex;align-items: center;gap: 0.8rem;font-size: 1.7rem;white-space: nowrap;}
.pfm_box > ul > li > span::before {content: '';display: inline-block;min-width: 2.4rem;width: 2.4rem;height: 2.4rem;background: #fff;}
.pfm_box > ul > li.i01 > span::before {background: url(../images/icon/ico_box.svg) no-repeat center;}
.pfm_box > ul > li.i02 > span::before {background: url(../images/icon/ico_coin.svg) no-repeat center;}
.pfm_box > ul > li > .price_box {display: flex;justify-content: flex-end;align-items: center;width: 32rem;min-height: 5.2rem;padding: 1.1rem 2.1rem;border-radius: 0.4rem;background: #2A615C;}
.pfm_box > ul > li > .price_box span {display: inline-block;position: relative;top: 0.4rem;font-family: 'Gsans' !important;font-size: 3rem;font-weight: 700;line-height: 1;text-align: right;}


/*** mem_status ***/
.mem_status {display: flex;justify-content: center;align-items: center;gap: 2rem;margin-bottom: 3.2rem;padding: 1.3rem;border-radius: 1.6rem;text-align: center;background: var(--gray-light);}
.mem_status li {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;height: 5.4rem;padding: 0.8rem;border: 1px solid var(--bdr);border-radius: 5.4rem;font-size: 1.9rem;font-weight: 500;color: var(--ft_gray);background: #fff;}
.mem_status li.on {font-weight: 700;color: #fff;background: #1D646A;}


/*** step ***/
/** member **/
.step_wrap {padding: 1.3rem;border-radius: 1.6rem;text-align: center;background: var(--gray-light);}
.step_wrap + .txt_box {margin-top: 3.2rem;}
.step_wrap .step {display: flex;justify-content: center;align-items: center;gap: 6.4rem;}
.step_wrap .step li {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;max-width: 20rem;height: 5.4rem;border-radius: 5.4rem;font-size: 1.9rem;font-weight: 500;color: var(--ft_gray);}
.step_wrap .step li:not(:last-child)::after {content: '\ea6e';font-family: 'remixicon';position: absolute;right: -4.2rem;width: 2rem;height: 2rem;font-size: 2rem;font-weight: 400;line-height: 1;color: #9CAAA9;}
.step_wrap .step li.on {font-weight: 700;color: #fff;background: #1D646A;}
.step_wrap .step li.on span {margin-right: 0.4rem;}

/** content **/
/* step01 */
.step01 {display: flex;flex-wrap: wrap;align-items: center;}
.step01 li {flex: 1;border-radius: 2rem;background-color: #F2FAF9;position: relative;text-align: center;font-size: 1.7rem;font-weight: 500;padding: 2rem;min-height: 17rem;}
.step01 li:before {content:'';display: block;width: 6.4rem;height: 6.4rem;margin: 0 auto 1rem;}
.step01 li:after {content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.step01 li:last-child:after {content: none;}
/* step01 - rec_list */
.step01.rec_list {gap: 4rem;}
.step01.rec_list li.rec01:before {background: url(../images/common/step01.png) no-repeat center;}
.step01.rec_list li.rec02:before {background: url(../images/common/step02.png) no-repeat center;}
.step01.rec_list li.rec03:before {background: url(../images/common/step03.png) no-repeat center;}
.step01.rec_list li.rec04:before {background: url(../images/common/step04.png) no-repeat center;}
.step01.rec_list li:after {width: 4rem;height: 4rem;background: url(../images/common/step_arrow_right.png) no-repeat left;right: -4rem;}
/* step01 - auc_list */
.step01.auc_list {gap: 11.6rem;}
.step01.auc_list li.auc01::before {background: url(../images/common/auction1.png) no-repeat center;}
.step01.auc_list li.auc02::before {background: url(../images/common/auction2.png) no-repeat center;}
.step01.auc_list li.auc03::before {background: url(../images/common/auction3.png) no-repeat center;}
.step01.auc_list li.auc04::before {background: url(../images/common/auction4.png) no-repeat center;}
.step01.auc_list li.auc05::before {background: url(../images/common/auction5.png) no-repeat center;}
.step01.auc_list li::after {width: 6.2rem;height: 6.2rem;background: url(../images/common/auc_arrow_right.png) no-repeat center;right: -8.9rem;}
/* step02 */
.step02 {display: flex;flex-wrap: wrap;gap: 4.2rem;padding-bottom: 6rem;}
.step02 > li {flex: 1;background: #fff;box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.05);border-radius: 1.2rem;display: flex;flex-direction: column;align-items: center;position: relative;}
.step02 > li:before {content: '';display: block;width: 4.2rem;height: 4.2rem;background: url(../images/common/auc_arrow_right.png) no-repeat center;position: absolute;right: -4.2rem;top: 50%;transform: translateY(-50%);background-size: 100%;}
.step02 > li:last-child::before {content: none;}
.step02 > li .step_tit {background: #288E86;color: #fff;text-align: center;font-weight: 600;font-size: 1.7rem;border-radius: 1.2rem 1.2rem 0 0;padding: 1rem;width: 100%;}
.step02 > li .txt_list {padding: 2.4rem 1rem;}
.step02 > li .txt_list:before {content: '';display: block;width: 6.4rem;height: 6.4rem;margin: 0 auto 1.6rem;}
.step02 > li .txt_list li {font-size: 1.5rem;}
/* step02 - license */
.step02 > li:before {position: absolute;bottom: -2rem;}
.step02 > li.license01 .txt_list:before {background: url(../images/common/licence01.png) no-repeat center;}
.step02 > li.license02 .txt_list:before {background: url(../images/common/licence02.png) no-repeat center;}
.step02 > li.license03 .txt_list:before {background: url(../images/common/licence03.png) no-repeat center;}
.step02 > li.license04 .txt_list:before {background: url(../images/common/licence04.png) no-repeat center;}
.step02 > li.license05 .txt_list:before {background: url(../images/common/licence05.png) no-repeat center;}
.step02 > li .blt {position: absolute;bottom: -6rem;padding: 0;}
.step02 > li .blt::before {content: none;}


/*** api_status ***/
.api_status {display: flex;flex-wrap: wrap;gap: 2.4rem;margin-bottom: 4rem;}
.api_status li {display: flex;justify-content: space-between;align-items: center;gap: 1.6rem;width: calc((100% - (2.4rem * 3)) / 4);padding: 1.6rem 3rem;border-radius: 0.8rem;background: #F2FAF9;}
.api_status li::before {content: '';display: block;min-width: 8rem;width: 8rem;height: 8rem;border-radius: 100%;background-color: #fff;background-repeat: no-repeat;background-position: center;}
.api_status li.api01::before {background-image: url(../images/common/api1.png);}
.api_status li.api02::before {background-image: url(../images/common/api2.png);}
.api_status li.api03::before {background-image: url(../images/common/api3.png);}
.api_status li.api04::before {background-image: url(../images/common/api4.png);}
.api_status li .ac_txt_box {text-align: right;}
.api_status li span strong {margin-right: 0.6rem;font-size: 3.2rem;font-weight: 700;color: #124F4A;}


/*** gallery_wrap ***/
.gallery_wrap {position: relative;}
.gallery_wrap .thum_list {display: flex;flex-wrap: wrap;gap: 2.4rem;}
.gallery_wrap .thum_list li {width: calc((100% - 7.2rem) / 4);}
.gallery_wrap .thum_list li > a {overflow: hidden;display: flex;flex-direction: column;width: 100%;height: 100%;border: 1px solid var(--bdr);border-radius: 0.8rem;}
.gallery_wrap .thum_list li > a:hover {box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.16);}
.gallery_wrap .thum_img {overflow: hidden;position: relative;width: 100%;padding-top: 85%;}
.gallery_wrap .thum_img::before {content: '';opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1;transition: 0.1s;}
.gallery_wrap .thum_img img {position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);transition: .4s;}
.gallery_wrap .thum_img button {opacity: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;max-width: min(17rem, calc(100% - 2.4rem));height: 5.6rem;padding: 0.4rem 1rem;color: var(--gray-dark);z-index: 99;}
.gallery_wrap .thum_img button::after {content: '';display: inline-block;min-width: 1.7rem;width: 1.7rem;height: 1.6rem;background: url(../images/icon/ico_down.svg) no-repeat 50% 50% / auto 100%;}
.gallery_wrap .thum_list li > a:hover .thum_img::before {opacity: 1;}
.gallery_wrap .thum_list li > a:hover .thum_img button {opacity: 1;}
.gallery_wrap .thum_txt {display: flex;flex-direction: column;height: 100%;padding: 2.4rem;border-top: 0.1rem solid var(--bdr);background: #FFFFFF;}
.gallery_wrap .thum_txt .tit {margin-bottom: 1rem;font-size: 1.7rem;font-weight: 700;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gallery_wrap .thum_txt .date {display: block;margin-top: auto;font-size: 1.5rem;font-weight: 400;line-height: 1;color: #526463;}


/*** js_accWrap.trading accordion ***/
.js_accWrap.trading .js_accBox + .js_accBox {margin-top: 1.6rem;}
.js_accWrap.trading .js_accBox {overflow: hidden;border: 1px solid #697B7A;border-radius: 0.8rem;background: #fff;}
.js_accWrap.trading .js_addTop {display: flex;justify-content: space-between;align-items: center;padding: 1rem;padding-left: 3.2rem;}
.js_accWrap.trading .js_addTop h4 {position: relative;padding-left: 4rem;font-size: 1.7rem;font-weight: 700;color: #0C4743;}
.js_accWrap.trading .js_addTop h4::before {content: '';display: block;position: absolute;left: 0;top: -0.5rem;width: 3.2rem;height: 3.2rem;background: url(../images/icon/ico_trading_tit.svg) no-repeat center / 3.2rem;}
.js_accWrap.trading .js_addTop .right {display: flex;justify-content: flex-end;align-items: stretch;gap: 0 1rem;width: 70%;}
.js_accWrap.trading .js_addTop .box {display: flex;justify-content: space-between;align-items: center;width: clamp(30%, 50%, 36rem);padding: 1.6rem 2rem;border-radius: 0.8rem;background: #F0F6F6;}
.js_accWrap.trading .js_addTop .box .inner {display: flex;align-items: center;gap: 0 1.2rem;}
.js_accWrap.trading .js_addTop .box p {font-size: 1.5rem;color: #000;}
.js_accWrap.trading .js_addTop .box b {font-size: 1.9rem;font-weight: 700;}
.js_accWrap.trading .js_addTop .box .rate b {display: inline-flex;align-items: center;gap: 0 0.8rem;font-size: 3.6rem;}
.js_accWrap.trading .js_addTop .box .rate b::before {content: '';display: inline-block;width: 1.1rem;height: 1.1rem;}
.js_accWrap.trading .js_addTop .box .rate span {position: relative;top: 0.4rem;font-size: 1.9rem;}
.js_accWrap.trading .js_addTop .box .rate.up b::before {background: url(../images/main/ico_up_sm.svg) no-repeat right center / 1.1rem;}
.js_accWrap.trading .js_addTop .box .rate.up {color: #ED2F2F;}
.js_accWrap.trading .js_addTop .box .rate.down b::before {background: url(../images/main/ico_down_sm.svg) no-repeat right center / 1.1rem;}
.js_accWrap.trading .js_addTop .box .rate.down {color: #427DFC;}
.js_accWrap.trading .js_addTop .btn {gap: 0 0.6rem;width: 11.4rem;height: auto;white-space: nowrap;}
.js_accWrap.trading .js_addTop .btn::after {content: '';display: inline-block;width: 2rem;height: 2rem;background: url(../images/icon/ico_sel_white.svg) no-repeat center / 2rem;transition: 0.2s;}
.js_accWrap.trading .js_accBox.open .btn::after {transform: rotate(180deg);}
.js_accWrap.trading .js_accBox.open {box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.16);}
.js_accWrap.trading .js_accCont .table_type_sub {border-top: 1px solid #C6C6C6;}
.btn_trading_more {gap: 0 0.8rem;font-size: 1.9rem;font-weight: 600;}
.btn_trading_more::after {content: '';display: inline-block;width: 1.6rem;height: 1.6rem;background: url(../images/icon/ico_plus.svg) no-repeat center / 1.6rem;}
.btn_area:has(.btn_trading_more) {margin-top: 4rem;}


/*** elecInvoice ***/
.flex_tit.invoice {align-items: center;margin-bottom: 2.4rem;}
.flex_tit.invoice .num {font-size: 1.9rem;font-weight: 500;word-break: break-all;}
.flex_tit.invoice .rows.rbtns {margin-bottom: 0;}
.table-dl.invoice {border-radius: 1.5rem;}
.table-dl.invoice .group_tit {display: flex;align-items: center;gap: 1.2rem;padding: 2rem 2.4rem;min-height: 8rem;font-size: 2.4rem;font-weight: 700;color: #fff;background: var(--primary);}
.table-dl.invoice .group_tit .num {display: inline-flex;justify-content: center;align-items: center;min-width: 4rem;width: 4rem;height: 4rem;border-radius: 0.8rem;font-size: 2.4rem;font-weight: 700;line-height: 1;color: var(--primary);text-align: center;background: #fff;}
.table-dl.invoice .empty {display: flex;flex-wrap: wrap;align-items: center;gap: 1rem 1.6rem;padding: 1.6rem 2.4rem;border-bottom: 1px solid var(--bdr);}
.table-dl.invoice .empty:empty {height: 1.6rem;padding: 0;}
.table-dl.invoice .empty .btn i[class^='ico_'] {background-color: var(--primary);}
/* qr */
.txt_box.invoice {display: flex;flex-wrap: wrap;justify-content: center;gap: 4rem 8rem;margin-top: 8rem;padding: 4.8rem 9.6rem;}
.txt_box.invoice .tb_tit {margin-bottom: 0;}
.txt_box.invoice figure {min-width: 23.4rem;width: 23.4rem;}
.txt_box.invoice figure img {display: block;}
.txt_box.invoice .cont {flex: auto;display: flex;gap: 2.6rem;}
.txt_box.invoice .cont .tit {display: block;margin-bottom: 2.4rem;font-size: 2.2rem;font-weight: 700;}
.txt_box.invoice .cont .rcont {flex: 1;}
.txt_box.invoice .txt_list {flex-direction: row;flex-wrap: wrap;gap: 0.4rem 4rem;}
.txt_box.invoice .txt_list + .txt_list {margin-top: 1.4rem;padding-top: 1.6rem;border-top: 1px dashed var(--bdr);}
.txt_box.invoice .txt_list li {font-size: 1.7rem;line-height: 1.45;}
.txt_box.invoice .btn_area {justify-content: flex-start;gap: 1rem;margin-top: 3.2rem;}
.txt_box.invoice .btn_area .btn {min-width: 16.5rem;}
.rows.rbtns + .tab.step {margin-top: 4rem;}
/* invoice_form */
.invoice_form {border: 1px solid var(--bdr);border-radius: 1.6rem;}
.invoice_form .ivf_tit {display: flex;align-items: center;width: 100%;padding: 2.4rem 3.2rem;min-height: 7.2rem;border-radius: 1.6rem 1.6rem 0 0;font-size: 2.2rem;font-weight: 700;background: var(--tbl-th);}
.invoice_form .ivf_cont {padding: 4rem;}
.invoice_form .division + .division {margin-top: 2.4rem;padding-top: 2.4rem;border-top: 1px dashed var(--bdr);}
.invoice_form .fieldset {padding: 0;border: 0;border-radius: 0;}
.invoice_form .fieldset .form_tit {max-width: 17rem;}
.invoice_form .fieldset .form_conts {max-width: calc(100% - 17rem - 1.6rem);}
.invoice_form :where(.tbl_wrap, .table_x_scroll) + .rows.rbtns {margin: 2.4rem 0 0;}
.invoice_form .division > .rows.rbtns .btn {min-width: 12rem;}
.invoice_form .division > .rows.rbtns .btn i[class^='ico_'] {width: 1.6rem;height: 1.6rem;}
.invoice_form .table_type_sub tbody tr td {padding: 0.8rem;}
.invoice_form .table_type_sub tbody tr td select,
.invoice_form .table_type_sub tbody tr td input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]) {width: 100%;height: 4.8rem;font-size: 1.7rem;}
.invoice_form .table_type_sub tbody tr td .input-search input:not([type="hidden"]) {height: 100%;}
.tab.step + .chk {margin-top: 2.4rem;}
/* button */
.invoice_form .btn-th.bt-plus,
.invoice_form .btn-th.bt-del,
.invoice_form .btn-type-tb.btn-red-white {width: 4.8rem !important;height: 4.8rem !important;margin: 0;padding: 0 !important;border-color: var(--gray) !important;border-radius: 0.8rem;font-size: 0 !important;background: var(--gray) !important;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.invoice_form .btn-th.bt-plus::before,
.invoice_form .btn-th.bt-del::before,
.invoice_form .btn-type-tb.btn-red-white::before {content: '\f1ae';font-family: 'remixicon';font-size: 2rem;font-weight: 400;}
.invoice_form .btn-th.bt-del:hover,
.invoice_form .btn-type-tb.btn-red-white:hover {border-color: var(--btn-gray-hover) !important;background: var(--btn-gray-hover) !important;}
.invoice_form .btn-th.bt-del:where(:focus, :focus-visible),
.invoice_form .btn-type-tb.btn-red-white:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.invoice_form .btn-th.bt-plus {border: 1px solid var(--primary) !important;background: #fff !important;}
.invoice_form .btn-th.bt-plus::before {content: '\ea13';font-size: 2.2rem;color: var(--primary);}
.invoice_form .btn-th.bt-plus:hover {border-color: var(--btn-primary-hover) !important;background: var(--btn-bd-primary-hover) !important;}
/* palette_tbl */
.invoice_form .palette_tbl + .palette_tbl {margin-top: 2.4rem;}
.invoice_form .palette_tbl + .palette_tbl td {background: var(--basic-bg);}
.invoice_form .palette_tbl .table_type_sub {min-width: 102.4rem;width: 100%;}
.invoice_form .palette_tbl tbody tr {height: 4.4rem;}
.invoice_form .palette_tbl tbody th {border-right: 1px solid var(--bdr);line-height: 1.2;}
.invoice_form .palette_tbl tbody th,
.invoice_form .palette_tbl tbody td {padding: 0.8rem;}
.invoice_form .palette_tbl tbody tr:nth-child(2),
.invoice_form .palette_tbl tbody tr:nth-child(6) {border-color: transparent;}
.invoice_form .palette_tbl tbody tr:nth-child(4) {border-color: #ECEFEE;}
.invoice_form .palette_tbl tbody tr:last-child {border-color: #697B7A;}
/* aclist */
.invoice_form .fieldset + .aclist {margin-top: 2.4rem;}
.invoice_form .aclist .item-list {overflow: inherit;}
.invoice_form .aclist .data-list {flex-wrap: wrap;gap: 1.6rem 2.4rem;margin-bottom: 2.4rem;padding: 1.6rem 2.4rem;border: 0;border-radius: 1.6rem;background: var(--basic-bg);}
.invoice_form .aclist .data-list .list-info {width: auto;font-size: 1.9rem;font-weight: 600;color: var(--primary);}
.invoice_form .aclist .data-list .btn-control {gap: 1rem;}
.invoice_form .aclist .data-list .btn-type-02 {display: inline-flex;justify-content: center;align-items: center;gap: 0.6rem;min-width: 12rem;width: auto;height: 4.4rem;margin: 0;border: 1px solid transparent;border-radius: 0.8rem;font-size: 1.7rem;font-weight: 600;line-height: normal;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.invoice_form .aclist .data-list .btn-type-02:where(:focus, :focus-visible) {outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.invoice_form .aclist .data-list .btn-type-02::after {font-family: 'remixicon';font-weight: 400;line-height: 1;}
.invoice_form .aclist .data-list .btn-type-02.btn-acc {border-color: var(--primary);color: var(--primary);background: #fff;}
.invoice_form .aclist .data-list .btn-type-02.btn-acc:hover {background: var(--btn-bd-primary-hover);}
.invoice_form .aclist .data-list .btn-type-02.btn-acc::after {content: '\ea4e';font-size: 2.4rem;transition: all 0.2s;}
.invoice_form .aclist .data-list .btn-type-02.btn-acc:not(.on)::before {content: '펼치기';}
.invoice_form .aclist .data-list .btn-type-02.btn-acc.on::after {transform: rotate(180deg);}
.invoice_form .aclist .data-list .btn-type-02.btn-delete {border-color: var(--gray) !important;background: var(--gray) !important;}
.invoice_form .aclist .data-list .btn-type-02.btn-delete:hover {border-color: var(--btn-gray-hover) !important;background: var(--btn-gray-hover) !important;}
.invoice_form .aclist .data-list .btn-type-02.btn-delete::after {content: '\f1af';font-size: 2.2rem;}
.invoice_form .aclist .search-box {margin-top: 0 !important;}
.invoice_form .aclist .search-box,
.invoice_form .aclist .search-box .column-wrap {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 2.4rem 4rem;}
.invoice_form .aclist .search-box .column-wrap > .column {display: flex;flex-wrap: wrap;align-items: baseline;gap: 1.6rem;width: 100%;max-width: calc((100% - 4rem) / 2);}
.invoice_form .aclist .search-box .column-wrap > .column:first-child:last-child {max-width: 100%;}
.invoice_form .aclist .search-box .column-wrap > .column.col3 {max-width: 100%;}
.invoice_form .aclist .search-box .column-wrap > .column.col3 .form-box > * {max-width: calc((100% - 2rem) / 3);}
.invoice_form .aclist .search-box .column-wrap > .column .s-title-01 {width: 100%;max-width: 17rem;font-size: 1.9rem;font-weight: 700;}
.invoice_form .aclist .search-box .form-box {flex: 1;display: flex;flex-wrap: wrap;gap: 1.6rem 1rem;max-width: calc(100% - 17rem - 1.6rem);}
.invoice_form .aclist .search-box .input-search .btn-form-search {display: inline-flex;justify-content: center;align-items: center;position: relative;right: auto;top: auto;margin-left: 0;width: 5.6rem;height: 100%;border-radius: 0.8rem;transform: none;}
.invoice_form .aclist .form-box .txt_list {width: 100%;}
.invoice_form .aclist .form-box .sel-type-01,
.invoice_form .aclist .form-box .ip-type-01,
.invoice_form .aclist .form-box .date-box,
.invoice_form .aclist .form-box .t-box {height: 5.6rem;border-color: var(--bdr);font-size: 1.7rem;}
.invoice_form .aclist .form-box .sel-type-01:where(:focus, :focus-visible),
.invoice_form .aclist .form-box .ip-type-01:where(:focus, :focus-visible),
.invoice_form .aclist .form-box .date-box:where(:focus, :focus-visible),
.invoice_form .aclist .form-box .t-box:where(:focus, :focus-visible) {border-color: var(--bdr-focus);box-shadow: inset 0 0 0 1px var(--bdr-focus);}
.invoice_form .aclist .search-box .form-box .sel-type-01 {flex: 1;width: 100%;padding: 0 4.8rem 0 2.4rem;background-position: right 2rem center;}
.invoice_form .aclist .search-box .form-box input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]) {flex: 1;width: 100%;height: 5.6rem;padding: 0 2.4rem;}
.invoice_form .aclist .input-search {height: 5.6rem;}
.invoice_form .aclist .search-box .form-box .input-search input:not([type="hidden"]) {height: 100%;}
.invoice_form .aclist .search-box .form-box .input-search input:not([type="hidden"]):where(:focus, :focus-visible) {box-shadow: inset 0 0 0 1px var(--bdr-focus), 0 0 0 1px var(--bdr-focus);}
.invoice_form .aclist .search-box .input-search .btn-form-search img {display: none;}


/*** regist ***/
/* regist_type */
.regist_type {display: flex;gap: 1.6rem 2.4rem;margin-top: 6.4rem;}
.regist_type > * {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;padding: 4rem 2.4rem;border: 1px solid transparent;border-radius: 0.8rem;text-align: center;background: var(--basic-bg);}
.regist_type > a:where(:hover, :focus, :focus-visible),
.regist_type > div.on {border-color: var(--dark);background: #fff;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.16);}
.regist_type > * figure {height: 6.4rem;margin-bottom: 1.6rem;}
.regist_type > * figure img {display: block;margin: 0 auto;}
.regist_type > * .tit {display: block;width: 100%;margin-bottom: 2.4rem;font-size: 2.8rem;font-weight: 600;color: var(--gray-dark);}
.regist_type > * p {display: block;width: 100%;margin-bottom: 2.4rem;font-size: 1.9rem;color: var(--ft_gray);word-break: keep-all;}
.regist_type > * .btn {height: 5.6rem;margin-top: auto;}
/* terms_box */
.txt_box[class*="img"] + .terms_tit {margin-top: 4rem;}
.terms_tit {margin-bottom: 2.4rem;}
.terms_tit ~ .terms_tit {margin-top: 3.2rem;}
.terms_box {padding: 3.2rem;border: 1px solid var(--bdr);border-radius: 0.8rem;}
.terms_box td {color: #1C2726;word-break: auto-phrase;}
.terms_box td strong {font-weight: 600;}
.terms_box .table_x_scroll + .txt_list {margin-top: 1.6rem;}
.terms_box .table_type_sub td.bg {background: #F0F2F1;}
.terms_box + .chk {justify-content: flex-end;gap: 2.4rem;margin-top: 2.4rem;}
.terms_box + .chk > p {margin-right: 0.6rem;}
.terms_box + .chk .red_txt {color: #E63540 !important;}
.terms_box + .chk .blue_txt {color: #1B41BE !important;}
.terms_list {max-height: 87.6rem;font-size: 1.5rem;color: #1C2726;}
.terms_list .tit {display: block;margin-bottom: 1rem;font-size: 1.7rem;font-weight: 600;}
.terms_list .tit ~ .tit {margin-top: 1.6rem;}
.terms_list .txt_list {gap: 0.5rem;}
.terms_list .txt_list.num02 > li {padding-left: 2.6rem;}
.terms_list .txt_list.num02 > li::before {margin-left: -2.6rem;}
.terms_list .txt_list.num03 > li::before {top: -0.2rem;}
/* sign_box */
.sign_box {max-width: 100rem;margin: 0 auto;padding: 6.4rem 5rem;border: 1px solid var(--bdr);border-radius: 0.8rem;}
.sign_box + .sign_box {margin-top: 2.4rem;}
:where(.txt_box, .step_wrap) + .sign_box {margin-top: 6.4rem;}
.sign_box > figure {height: 12rem;margin-bottom: 0.8rem;}
.sign_box > figure img {display: block;margin: 0 auto;}
.sign_box > .user_type {margin-top: 1.2rem;text-align: center;}
.sign_box > .user_type .info_list {display: inline-flex;justify-content: center;width: 100%;max-width: 34.4rem;padding: 0.6rem 1rem;border-radius: 0.8rem;background: var(--gray-light);}
.sign_box > .user_type .info_list li {font-size: 1.7rem;color: var(--dark);}
.sign_box > .user_type .info_list li strong {font-weight: 700;}
.sign_box > .user_type .info_list li:not(:last-child)::after {height: 1.5rem;background: #B9C2C1;}
.sign_box > .tit {display: block;font-size: 2.4rem;font-weight: 700;text-align: center;}
.sign_box > .txt {display: block;margin-top: 1.2rem;font-size: 1.7rem;font-weight: 500;line-height: inherit;color: inherit;text-align: center;}
.sign_box .txt_list {margin-top: 3.2rem;padding-top: 3.2rem;border-top: 1px dashed var(--bdr);}
.sign_box:not(.search_basic) .btn_area .btn:first-child:last-child {flex: none !important;}
.sign_box > * + .table_type_sub {margin-top: 3.2rem;}
.sign_box > .table_type_sub colgroup {display: table-column-group;}
.sign_box > .table_type_sub tbody tr td {border-right: 0;}
.sign_box > .txt + .fieldset {margin-top: 3.2rem;}
.sign_box .fieldset {padding: 0;border: 0;border-radius: 0;}
.sign_box .fieldset .form_tit {max-width: 15.4rem;}
.sign_box .fieldset .form_group {max-width: 100%;}
/* sign_box - withdraw */
.sign_box.withdraw .top {padding-bottom: 3.2rem;border-bottom: 1px dashed var(--bdr);}
.sign_box.withdraw .top + .txt {margin-top: 3.2rem;}
.sign_box.withdraw .info_txt {max-width: 563px;margin: 0 auto;}
.sign_box.withdraw .info_txt .tit {display: block;margin-bottom: 0.4rem;font-size: 1.7rem;font-weight: 600;color: var(--gray-dark);}
.sign_box.withdraw .info_txt .tit ~ .tit {margin-top: 2.4rem;}
.sign_box.withdraw .info_txt .txt {font-size: 1.5rem;font-weight: 400;line-height: 1.5;color: var(--ft_gray);}
.sign_box.withdraw .info_txt ul.txt li + li {margin-top: 0.4rem;}
.sign_box.withdraw form {margin-top: 4rem;}

/* login_box */
.login_box {max-width: 100rem;margin: 0 auto;padding: 4rem;border-radius: 0.8rem;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);}
.login_box + .login_box {margin-top: 2.4rem;}
.login_box.rows {gap: 2.4rem 4rem;}
.login_box .inner {max-width: 48rem;margin: 0 auto;}
.login_box .input_box li {position: relative;}
.login_box .input_box li + li {margin-top: 2.4rem;}
.login_box .input_box label {display: block;margin-bottom: 1.6rem;font-size: 1.9rem;font-weight: 700;}
.login_box .input_box span {display: block;position: relative;}
.login_box .input_box span input {width: 100%;height: 5.6rem;padding: 0 2.4rem 0 5.4rem;}
.login_box .input_box span i {position: absolute;left: 2.4rem;top: 50%;transform: translateY(-50%);width: 2rem;height: 2rem;background-color: var(--plholder-font);}
.login_box .input_box span input:focus + i {background-color: var(--primary);}
.login_box .chk {margin-top: 1.8rem;}
.login_box .btn_area {margin-top: 3.2rem;}
.login_box .btn_area .btn {width: 100%;height: 5.6rem;}
.login_box .links {display: flex;justify-content: center;align-items: center;margin-top: 1.6rem;}
.login_box .links li {position: relative;}
.login_box .links li:not(:last-child) {margin-right: 2rem;}
.login_box .links li:not(:last-child)::after {content: '';position: absolute;right: -1rem;top: 50%;transform: translateY(-50%);width: 1px;height: 1.2rem;background: #B9C2C1;}
.login_box .links a {display: inline-block;position: relative;font-size: 1.5rem;color: var(--ft_gray);}
.login_box .links a:hover {text-decoration: underline;text-underline-position: under;}
/* login_box - member_sns */
.login_box .member_sns {padding-top: 4rem;margin-top: 4rem;border-top: 1px dashed var(--bdr);}
.login_box .member_sns > .tit {display: block;margin-bottom: 2.4rem;font-size: 1.9rem;font-weight: 700;text-align: center;}
.login_box .member_sns .list {display: flex;justify-content: center;gap: 5.6rem;}
.login_box .member_sns .list a {display: block;}
.login_box .member_sns .list a figure {height: 3.6rem;margin-bottom: 1rem;}
.login_box .member_sns .list a figure img {display: block;max-height: 100%;margin: 0 auto;border-radius: 100%;}
.login_box .member_sns .list a figure img[alt="google"] {box-shadow: inset 0 0 0 1px #d7d7d7;}
.login_box .member_sns .list a span {display: block;text-align: center;}
.login_box .member_sns .list a:hover span {text-decoration: underline;text-underline-position: under;}
/* login_box - regist */
.login_box .lcont .tit {display: block;font-size: 2.4rem;font-weight: 700;color: var(--primary);}
.login_box .lcont .txt {display: block;margin-top: 1rem;font-size: 1.7rem;font-weight: 400;line-height: inherit;color: var(--gray-dark);word-break: auto-phrase;}
.login_box .regist_type {flex-direction: row;gap: 1rem;margin-top: 0;}
.login_box .regist_type > a {min-width: 18rem;padding: 1.6rem;}
.login_box .regist_type > a figure {width: 5.2rem;height: 5.2rem;margin-bottom: 0.5rem;}
.login_box .regist_type > a figure img {max-width: 100%;}
.login_box .regist_type > a .tit {margin-bottom: 0;font-size: 1.5rem;color: var(--dark);}
.login_box + .btn_area {justify-content: flex-end;max-width: 100rem;margin: 1.6rem auto 0;}
.login_box + .btn_area .btn {min-width: fit-content;}


/*** my_total_top ***/
.my_total_top {display: flex;justify-content: space-between;gap: 0 2.4rem;margin: 6.4rem auto;}
.my_total_top > div {position: relative;height: 21.4rem;padding: 3.6rem 4rem;border-radius: 6.4rem 0.8rem 0.8rem 0.8rem;box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.16);}
.my_total_top > div::before,
.my_total_top > div::after {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;border-radius: 6.4rem 0.8rem 0.8rem 0.8rem;z-index: 0;}
.my_total_top > div::after {z-index: 1;}
.my_total_top > div * {position: relative;z-index: 9;}
.my_total_top .left {flex-shrink: 0;width: clamp(30%, 40%, 50rem);background: #41A59E;}
.my_total_top .left::before {background: url(../images/common/bg_totaltop_01.png) no-repeat right bottom / 47rem;}
.my_total_top .left::after {background: url(../images/common/img_mytotal_01.png) no-repeat right 3rem bottom / 18rem;}
.my_total_top .right {width: calc(100% - clamp(30%, 40%, 50rem));background: #136C65;}
.my_total_top .right::before {background: url(../images/common/bg_totaltop_02.png) no-repeat right bottom / 84.6rem;}
.my_total_top .right::after {background: url(../images/common/img_mytotal_02.png) no-repeat right 3rem bottom / 20.1rem;}
.my_total_top  h4 {display: flex;align-items: center;gap: 0 1rem;font-size: 2.4rem;color: #fff;}
.my_total_top  h4::before {content: '';display: inline-block;width: 3rem;height: 3rem;}
.my_total_top .left h4::before {background: url(../images/icon/ico_totaltop_01.svg) no-repeat center / 3rem;}
.my_total_top .right h4::before {background: url(../images/icon/ico_totaltop_02.svg) no-repeat center / 3rem;}
.my_total_top .left h4 {margin-bottom: 4.2rem;}
.my_total_top .left strong {font-size: 4rem;color: #F6E15F;font-weight: 700;}
.my_total_top .left span {position: relative;top: -0.1rem;margin-left: 0.4rem;font-size: 2.2rem;color: #BEEBE8;}
.my_total_top .right h4 {margin-bottom: 1.6rem;}
.my_total_top .right h4 span {position: relative;top: 0.2rem;font-size: 1.7rem;font-weight: 400;}
.my_total_top .right ul {display: flex;max-width: calc(100% - 20rem);padding: 1.2rem 0;border-radius: 0.8rem;background: var(--primary);}
.my_total_top .right ul li {flex: 1;position: relative;text-align: center;}
.my_total_top .right ul li span {display: block;font-size: 1.7rem;color: #BEEBE8;}
.my_total_top .right ul li strong {font-size: 2.8rem;font-weight: 700;color: #fff;}
.my_total_top .right ul li + li::before {content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 5rem;background: rgba(255, 255, 255, 0.3);}


/*** total_sch ***/
#container.total_sch {padding-left: 0;padding-right: 0;}
#container.total_sch .content {max-width: none;}
#container.total_sch .inner_wrap {max-width: calc(140rem + 3.2rem);padding: 0 1.6rem;}
.btn_mo_filter {background: none;display: none;}
/* 검색영역 */
.search_top {position: relative;margin-bottom: 6rem;padding: 6.5rem 1.6rem;background: #EDF1F5;}
.search_top .page_tit {margin-bottom: 2rem;}
.search_top .search_input {display: block;position: relative;max-width: 84.5rem;margin: 0 auto;}
.search_top .search_top_input {width: 100%;height: 8rem;padding: 0 8.5rem 0 2.3rem !important;border: 1px solid var(--bdr);border-radius: 1.2rem;color: var(--dark);font-size: 2.5rem;font-weight: 500}
.search_top .search_top_input::placeholder,
.search_top .search_top_input::-webkit-input-placeholder,
.search_top .search_top_input:-moz-placeholder,
.search_top .search_top_input::-moz-placeholder,
.search_top .search_top_input:-ms-input-placeholder {font-weight: 400;}
.search_top .search_top_btn {width: 4rem;height: 4rem;position: absolute;right: 2.3rem;top: 50%;transform: translateY(-50%);font-size: 0;background: transparent;}
.search_top .search_top_btn::before {content: "\F0D1";font-family: 'remixicon';font-size: 3rem;}
/* filter */
.rows:has(.filter) {align-items: inherit;}
.filter {width: 35rem;}
.filter .tb_tit {font-size: 2.6rem;font-weight: 700;padding-top: 1.2rem;}
.filter .filter_box {display: flex;flex-direction: column;border-top: .1rem solid #555;margin-bottom: 2.4rem;margin-top: .5rem;}
.filter .filter_box li {padding: 2.4rem 0;border-bottom: .1rem solid #c6c6c6;display: flex;flex-direction: column;gap: 2.4rem;}
.filter .filter_box .date_box {width: 16rem;}
.filter .filter_box .date_box input {min-width: 16rem;}
.filter .filter_box .calendar_warp {display: flex;align-items: center;justify-content: space-between;}
.filter .filter_box .calendar_warp .gap {font-size: 2.4rem;font-weight: 300;}
.filter .filter_box li .chk {display: flex;}
.filter .filter_box li .chk span {min-width: calc((100% - (.8rem * 3)) / 4);}
.filter .filter_box li .chk.round span label {width: 100%;height: 3.2rem;border-radius: .6rem;}
.filter .btn_enter {width: 100%;}

/* sch_result */
.sch_result {width: 100%;}
.search_tab_menu {margin-bottom: 4rem;}
.search_tab_menu ul {display: flex;}
.search_tab_menu ul li {flex: 1;}
.search_tab_menu ul li a {display: flex;align-items: center;justify-content: center;height: 5.6rem;border: 1px solid #B4C4D6;font-weight: 600;background: #fff;color: #555;font-size: 1.9rem;text-align: center;}
.search_tab_menu ul li + li a {border-left: 0;}
.search_tab_menu ul li:first-of-type a {border-top-left-radius: 0.8rem;border-bottom-left-radius: 0.8rem;}
.search_tab_menu ul li:last-of-type a {border-top-right-radius: 0.8rem;border-bottom-right-radius: 0.8rem;}
.search_tab_menu ul li.on a { background: #124F4A;color: #fff;border-color: #124F4A;}
.search_tab_menu.sm {margin-bottom: 0;}
.search_tab_menu.sm ul li a {min-width: 9.5rem;height: 4rem;font-size: 1.6rem;}
/* keyword */
.sch_result .keyword strong {font-size: 2.1rem;font-weight: 700;}
.sch_result .keyword strong span {font-size: 2.3rem;color: #005A50;}
.sch_result .keyword strong span:first-child {margin: 0 1.8rem;}
/* detail */
.sch_result .detail {margin-top: 2rem;}
.sch_result .detail .box {border-top: .1rem solid #DCDCDC;padding: 2rem 0;}
.sch_result .detail .price {display: flex;justify-content: center;gap: 1.8rem;margin: 3rem 0 6rem;}
.sch_result .detail .price li {width: 25rem;height: 35rem;background: #f6f6f6;border-radius: .8rem;position: relative;}
.sch_result .detail .price li.on {background-color: #fff;border: .1rem solid #c6c6c6;box-shadow: 0 1rem 2rem rgba(0,0,0,0.1);}
.sch_result .detail .price li a {display: flex;width: 100%;height: 100%;padding: 3rem 2rem;flex-direction: column;justify-content: space-between;}
.sch_result .detail .price li.on a::after {content: "";position: absolute;bottom: -1rem;left: 50%;transform: translateX(-50%) rotate(-45deg);width: 2rem;height: 2rem;background: #fff;border-left: .1rem solid #c6c6c6;border-bottom: .1rem solid #c6c6c6;border-radius: 0 0 0 .6rem;z-index: 0;}
.sch_result .detail .price li a .tag {font-size: 2.8rem;}
.sch_result .detail .price li a .tag strong {font-weight: 800;}
.sch_result .detail .price li a .prc_std {font-size: 1.6rem;color: #686868;}
.sch_result .detail .price li a .prc_per {margin-top: 1rem;}
.sch_result .detail .price li a .prc_per .up {color: #FE0000;}
.sch_result .detail .price li a .prc_per .up::before {content: '';display: inline-block;width: 0;height: 0;border-left: .7rem solid transparent;border-right: .7rem solid transparent;border-bottom: 1.2rem solid #fe0000;}
.sch_result .detail .price li a .prc_per .down {color: #0112FF;}
.sch_result .detail .price li a .prc_per .down::before {content: '';display: inline-block;width: 0;height: 0;border-left: .7rem solid transparent;border-right: .7rem solid transparent;border-top: 1.2rem solid #0112FF;}
.sch_result .detail .price li a img {width: 100%;margin-bottom: 1rem;}
.sch_result .rows .filter_wrap {margin-bottom: 0;}
.sch_result .rows .filter_wrap .btn_filter.sm {width: 9.5rem;height: 4rem;font-size: 1.7rem;}
/* table */
.table_type_sub.bd {border-top: .1rem solid var(--bdr);}
.table_type_sub.bd thead {background: inherit;}
.table_type_sub.bd tr {height: 4.5rem;}
.table_type_sub.bd th {border-right: .1rem solid var(--bdr);border-bottom: .1rem solid var(--bdr);color: #656565;}
.table_type_sub.bd th,
.table_type_sub.bd td {font-size: 1.5rem;padding: 1rem;}
.table_type_sub.bd td:first-child {color: #656565;}


/*** error ***/
.error_wrap {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;max-width: 140rem;margin: 0 auto;padding: 1.6rem;}
.error_info {position: relative;text-align: center;}
.error_info::before {content: '';display: block;width: 100%;height: 14.9rem;margin-bottom: 4.8rem;background: url(../images/common/img_error.svg) no-repeat 50% 50% / auto 100%;}
.error_info .tit {display: block;margin-bottom: 1.2rem;font-size: 2.4rem;font-weight: 500;}
.error_info .tit strong {display: block;margin-bottom: 1.2rem;font-size: 4rem;font-weight: 700;color: #E63540;}
.error_info .txt {font-size: 1.7rem;font-weight: 500;line-height: 1.6;}


/*** whsal_wrap ***/
.whsal_wrap .sub_title_box {overflow: visible;line-height: normal;}
.whsal_wrap .fl,
.whsal_wrap .fr {float: none !important;}
.whsal_wrap .sel-01 {width: 100% !important;}
.whsal_wrap .sel-01 select {min-width: 16rem;width: auto;height: 4.4rem;padding: 0 4rem 0 1.6rem;border: 1px solid var(--bdr);border-radius: 0.8rem;font-family: "Pretendard", sans-serif;font-size: 1.7rem;color: var(--gray-dark);background: #fff url(../images/icon/ico_sel.svg) no-repeat right 1.6rem center;transition: 0.1s color, 0.1s border-color, 0.1s box-shadow;}
.whsal_wrap .sel-01 select:focus {border-color: var(--bdr-focus);box-shadow: inset 0 0 0 1px var(--bdr-focus);}
.whsal_wrap .btn-type-01.list {display: inline-flex;justify-content: center;align-items: center;position: relative;min-width: 13.6rem;max-width: 100%;height: 4.4rem;margin: 0;padding: 0.4rem 1.6rem;border: 0;border-radius: 0.8rem;font-size: 0;font-weight: 600;line-height: normal;color: #fff;text-align: center;background-color: var(--gray);cursor: pointer;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.whsal_wrap .btn-type-01.list::before {content: '목록';font-size: 1.7rem;}
.whsal_wrap .btn-type-01.list:hover {background-color: var(--btn-gray-hover);}
.whsal_wrap .btn-type-01.list:focus,
.whsal_wrap .btn-type-01.list:focus-visible {background-color: var(--btn-gray-hover);outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.whsal_wrap .title-market {position: relative;margin-top: 1.6rem !important;padding: 3rem 4rem;border: 0;border-radius: 6.4rem 0.8rem 0.8rem 0.8rem;background: var(--basic-bg);}
.whsal_wrap .title-market .tm-01 {display: block;margin-bottom: 1.2rem;font-size: 2.4rem;font-weight: 700;line-height: 1.5;color: var(--dark);}
.whsal_wrap .title-market .tm-01 span {color: var(--primary);}
.whsal_wrap .title-market .btn-go-home {display: inline-flex;justify-content: center;align-items: center;position: relative;min-width: 9rem;max-width: 100%;height: 4.4rem;margin: 0;padding: 0.4rem 1.6rem;border: 0;border-radius: 0.8rem;font-size: 0;font-weight: 600;line-height: normal;color: #fff;text-align: center;background-color: var(--secondary);cursor: pointer;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.whsal_wrap .title-market .btn-go-home:hover {background-color: var(--btn-secondary-hover);}
.whsal_wrap .title-market .btn-go-home:focus,
.whsal_wrap .title-market .btn-go-home:focus-visible {background-color: var(--btn-secondary-hover);outline: max(0.2rem, 2px) solid var(--primary);outline-offset: max(0.2rem, 2px);}
.whsal_wrap .title-market .btn-go-home::before {content: '바로가기';font-size: 1.7rem;}
.whsal_wrap .title-market .btn-go-home::after {content: '';display: inline-block;width: 1.6rem;height: 1.6rem;margin-left: 0.6rem;background: url(../images/icon/ico_go.svg) no-repeat 50% 50%;}
.whsal_wrap .title-market + .sub_title_box {display: none;}
.whsal_wrap .table-pic {display: flex;gap: 1.6rem 2.4rem;margin-top: 6.4rem !important;}
.whsal_wrap .table-pic .left-pic {float: none;width: 100%;max-width: 39.5rem;}
.whsal_wrap .table-pic .left-pic img {display: block;max-height: 100%;}
.whsal_wrap .table-pic .right-table {flex: 1;float: none;width: auto;margin-top: 0;}
.whsal_wrap .table-pic .right-table .table_type_sub.small tr th {width: 25%;height: 5.2rem;padding: 1.2rem 1.6rem;font-size: 1.7rem;font-weight: 500;color: #06272A;}
.whsal_wrap .table-pic .right-table .table_type_sub.small tr td {height: 5.2rem;padding: 1.2rem 1.6rem;font-size: 1.7rem;font-weight: 400;color: #1C2726;text-align: left;}
.whsal_wrap .table-pic .right-table .table_type_sub.small + br {display: none;}
.whsal_wrap .table-pic .right-table > span {display: block;margin-top: 1.6rem;}
.whsal_wrap .table-pic .right-table > span strong {display: block;font-size: 1.9rem;font-weight: 500;color: var(--dark);}


/*** loading ***/
.loading_wrap .loading_box {overflow: unset;height: auto;background: none;}
/* 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 .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: var(--dark);}
.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;}
.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(--primary);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);}
}


/*** 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';box-shadow: none;}
.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 !important;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;padding: 0 4rem 0 1.6rem;text-align: left;background: url(../images/icon/ico_sel.svg) no-repeat right 1.6rem center;}
#ui-datepicker-div.ui-datepicker select:hover {background-color:#CDD7E4 !important;}
#ui-datepicker-div.ui-datepicker select:focus {padding: 0 4rem 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 {margin: 0;padding: 0;height: 5.2rem;font-size: 1.7rem;}
.ui-datepicker th span {padding: 0;font-weight: bold;color: var(--dark);}
.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 {height: auto;line-height: 4.6rem !important;border-radius: 100rem;padding: 0;border: 1px solid transparent;color: #666666 !important;}
.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-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;background: rgba(0, 0, 0, 0.05) !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 !important;}
.ui-state-default {font-size: 1.7rem;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35;}


/*** 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;}
/* icon - style */
:where(button, .btn, a:where([class*='btn_'], [class*='btn-'])) i[class^='ico_'] {width: 2rem;height: 2rem;}
:where(button, .btn, a:where([class*='btn_'], [class*='btn-'])) i.ico_filter {width: 1.6rem;height: 1.6rem;}
.btn:where(.primary, .gray):not(.bd) i[class^='ico_'] {background-color: #fff;}
/* icon - svg */
.ico_filter {mask-image: url(../images/icon/ico_filter.svg);-webkit-mask-image: url(../images/icon/ico_filter.svg);}
.ico_go {mask-image: url(../images/icon/ico_go.svg);-webkit-mask-image: url(../images/icon/ico_go.svg);}
.ico_docs {mask-image: url(../images/icon/ico_docs.svg);-webkit-mask-image: url(../images/icon/ico_docs.svg);}
.ico_edit {mask-image: url(../images/icon/ico_edit.svg);-webkit-mask-image: url(../images/icon/ico_edit.svg);}
.ico_myinfo {mask-image: url(../images/icon/ico_myinfo.svg);-webkit-mask-image: url(../images/icon/ico_myinfo.svg);}
.ico_certified {mask-image: url(../images/icon/ico_certified.svg);-webkit-mask-image: url(../images/icon/ico_certified.svg);}
.ico_plus {mask-image: url(../images/icon/ico_plus.svg);-webkit-mask-image: url(../images/icon/ico_plus.svg);}
.ico_close {mask-image: url(../images/icon/ico_close.svg);-webkit-mask-image: url(../images/icon/ico_close.svg);}
.ico_time {mask-image: url(../images/icon/ico_time.svg);-webkit-mask-image: url(../images/icon/ico_time.svg);}


/*** animation ***/
/* lr_move */
@keyframes lr_move {
    25% {transform: translateX(0.3rem);}
    50%, 100% {transform: translateX(0);}
    75% {transform: translateX(-0.3rem);}
}


/*** responsive ***/
@media screen and (max-width: 1479px) {
    #header .hd_wrap {padding: 0 max(1.6rem, calc((100vw - 140rem) / 2));}
}

@media screen and (max-width: 1400px) {
    /* pc 작은버전 스타일 */
    

    /*** layout ***/
    #container {min-height: auto;}

    /** breadcrumb **/
    .breadcrumb {justify-content: flex-end;}
    .breadcrumb .path {display: none;}

    /* regist_type */
    .regist_type > div p br {display: none;}
}

@media screen and (max-width: 1300px) {
    /* layout */
    .rows.chart {flex-direction: column;margin-top: 2rem;}
    .rows.chart .rows_tbl_wrap,
    .rows.chart .rows_chart_wrap {width: 100%;}

    /* txt style */
    .contact_list dl {width: calc((100% - (1.6rem * 3)) / 4);}
    
    /* fieldset */
    .fieldset .form_tit {max-width: none;}
    .fieldset .form_conts {max-width: 100%;}
    .fieldset .form_box .drpd_wrap .selected,
    .fieldset .form_box input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]) {padding: 0 1.6rem;}
    .fieldset .form_box .date_box input,
    .fieldset .form_box select {padding: 0 4rem 0 1.6rem;}
    .fieldset .form_box select {background-position: right 1.6rem center;}
    .date_box .ui-datepicker-trigger {right: 1.6rem;}

    /* elecInvoice */
    .invoice_form .aclist .search-box .column-wrap > .column .s-title-01,
    .invoice_form .fieldset .form_tit {max-width: none;}
    .invoice_form .aclist .search-box .form-box,
    .invoice_form .fieldset .form_conts {max-width: 100%;}
}

@media screen and (min-width: 1221px) {
    /* search */
    .search_basic .sch_col:nth-child(3n+1):nth-last-child(3),
    .search_basic .sch_col:nth-child(3n+1):nth-last-child(3) ~ .sch_col {margin-bottom: calc(4rem + 1.6rem);}
    .search_basic.open > .sch_row .sch_col:nth-child(3n+1):nth-last-child(3),
    .search_basic.open > .sch_row .sch_col:nth-child(3n+1):nth-last-child(3) ~ .sch_col {margin-bottom: 0;}
}

@media screen and (max-width: 1220px) and (min-width: 1025px) {
    /* search */
    .search_basic:not(.simple) .sch_col {max-width: calc((100% - 4rem) / 2);}
    .search_basic:not(.simple) .sch_col:nth-child(2n+1):nth-last-child(2),
    .search_basic:not(.simple) .sch_col:nth-child(2n+1):nth-last-child(2) ~ .sch_col {margin-bottom: calc(4rem + 2.4rem);}
    .search_basic.open > .sch_row .sch_col:nth-child(2n+1):nth-last-child(2),
    .search_basic.open > .sch_row .sch_col:nth-child(2n+1):nth-last-child(2) ~ .sch_col {margin-bottom: 0;}
}

@media screen and (min-width: 1201px) {
    #header .mb {display: none !important;}
}

@media screen and (max-width: 1200px) {
    #container {padding-top: 5.6rem;}
    /*** header ***/
    #header .pc {display: none !important;}
    #header .logo {height: 2rem;}
    #header .utils {gap: 1.2rem;}
    #header .utils .btn.ic {min-width: 2.4rem;width: 2.4rem;height: 2.4rem;background-size: auto 100%;}
    #header .utils .btn_sitemap {margin-left: 0;}
    #header .hd_wrap.mb {gap: 0.8rem;height: 5.6rem;padding: 0 2rem;}
    
    /** gnb **/
    #mbGnb {display: flex;flex-direction: column;position: fixed;left: 100%;top: 5.7rem;width: 100%;height: calc(100dvh - 5.7rem);background: #fff;z-index: 9000;transition: left 0.3s;}
    #header.mb_open #mbGnb {left: 0;}
    #header.mb_open .btn_sitemap,
    #header:not(.mb_open) .btn_close {display: none;}
    /* mb_gnb_top */
    #mbGnb .top {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 1.6rem;padding: 2rem 1.4rem;background: #024442;}
    #mbGnb .top .info {display: flex;align-items: center;gap: 1.6rem;color: #fff;}
    #mbGnb .top .info figure {display: flex;justify-content: center;align-items: center;min-width: 5.6rem;width: 5.6rem;height: 5.6rem;border-radius: 100%;}
    #mbGnb .top .info figure img {display: block;max-width: 100%;max-height: 100%;}
    #mbGnb .top .info strong {font-size: 2rem;font-weight: 700;}
    #mbGnb .top .btn::after {content: '';display: inline-block;min-width: 1.6rem;width: 1.6rem;height: 1.6rem;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
    #mbGnb .top .btn_login::after {background-image: url(../images/icon/ico_myinfo.svg);}
    #mbGnb .top .btn_logout::after {background-image: url(../images/icon/ico_logout.svg);}
    #mbGnb .top .rcont .btn {height: 3rem;border: 0;border-radius: 3rem;font-size: 1.5rem;font-weight: 600;color: #024442;}
    /* qmenu */
    #mbGnb .qmenu {display: flex;justify-content: space-between;align-items: center;position: relative;min-height: 6.4rem;background: var(--basic-bg);}
    #mbGnb .qmenu li {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;padding: 0 1.6rem;}
    #mbGnb .qmenu li:not(:last-child)::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 1.4rem;background: var(--bdr);}
    #mbGnb .qmenu li > * {display: inline-flex;align-items: center;gap: 0.8rem;border: 0;font-size: 1.5rem;font-weight: 500;color: #3B3B3B;text-align: center;background: none;}
    #mbGnb .qmenu li > *::before {content: '';display: inline-block;min-width: 2rem;width: 2rem;height: 2rem;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
    #mbGnb .qmenu li > *.i01::before {background-image: url(../images/icon/ico_docs.svg);}
    #mbGnb .qmenu li > *.i02::before {background-image: url(../images/icon/ico_view_mode.svg);}
    /* gnb_area */
    #mbGnb .gnb_area {overflow-y: auto;position: relative;height: 100%;background-image: linear-gradient(to right, var(--primary) 50%, #fff 50%);}
    #mbGnb .gnb {position: relative;}
    #mbGnb .gnb > li {width: 50%;}
    #mbGnb .gnb > li > a {display: flex;align-items: center;position: relative;min-height: 5.6rem;padding: 1rem 1.6rem;font-size: 1.7rem;font-weight: 500;color: #fff;}
    #mbGnb .gnb > li.on > a {font-weight: 700;color: var(--primary);background: #fff;}
    /* dp2 */
    #mbGnb .gnb > li:not(.on) .dp2 {display: none;}
    #mbGnb .dp2 {position: absolute;left: 50%;top: 0;width: 50%;min-height: 100%;background: #fff;}
    #mbGnb .dp2 > li {border-bottom: 1px solid var(--gray-light);}
    #mbGnb .dp2 > li > a {display: flex;justify-content: space-between;align-items: center;gap: 0.8rem;position: relative;min-height: 4.8rem;padding: 1rem 1.6rem;font-size: 1.5rem;font-weight: 500;color: var(--dark);}
    #mbGnb .dp2 > li.has_dp3 > a::after {content: '';display: block;min-width: 1.6rem;width: 1.6rem;height: 1.6rem;background: url(../images/icon/ico_mb_gnb_angle.svg) no-repeat 50% 50% / auto 100%;transition: 0.1s;}
    #mbGnb .dp2 > li.has_dp3.on > a::after {transform: rotate(180deg);}
    /* dp3 */
    #mbGnb .dp2 > li:not(.on) .dp3 {display: none;}
    #mbGnb .dp3 {padding: 1.6rem;border-top: 1px solid var(--gray-light);background: var(--basic-bg);}
    #mbGnb .dp3 > li + li {margin-top: 0.4rem;}
    #mbGnb .dp3 > li > a {display: block;position: relative;padding-left: 0.8rem;font-size: 1.4rem;font-weight: 500;color: #3B4C4B;}
    #mbGnb .dp3 > li > a::before {content: '·';display: block;position: absolute;left: 0;top: 0;}

    /* terms_box */
    .terms_list {max-height: 60vh;}
}

@media screen and (max-width: 1137px) {
    /* elecInvoice */
    .rows.rbtns + .palette_tbl {margin-top: 2.4rem;}
    .palette_tbl {position: relative;display: flex;flex-wrap: wrap;}
    .palette_tbl .scr_box {order: 1;width: 100%;margin-top: 0.8rem;}
    .palette_tbl::before {content: '\f322';font-family: 'remixicon';margin-right: 0.8rem;line-height: calc(1.5rem * 1.45);animation: lr_move 1.5s infinite linear;}
    .palette_tbl::after {content: '가로로 넘겨서 내용을 확인하세요.';font-size: 1.5rem;color: var(--gray-dark);}
}

@media screen and (max-width: 1090px) {
    /*** reset at css ***/
    input[type="checkbox"] + label, input[type="radio"] + label {font-size: 1.6rem;}
}

@media screen and (min-width: 1025px) {
    #container .mb {display: none !important;}
    .img_box .btn_area {display: none;}
    /* pfmSwiper */
    .pfmSwiper {margin-bottom: 2.4rem;}
    .pfmSwiper .swiper-wrapper {display: flex;flex-wrap: wrap;gap: 2.4rem;}
    .pfmSwiper .swiper-slide {flex: calc((100% - (2.4rem * 2)) / 3) 1 0;width: auto !important;margin: 0 !important;}
    .pfmSwiper .navi {display: none;}
}

@media screen and (max-width: 1024px) {
    /* 태블릿 버전 스타일 (모바일~태블릿 공통 스타일) */
    #container .pc {display: none !important;}

    /*** reset at css ***/
    .sel-type-01, .ip-type-01, .ta-type-01, .date-box, .form-text,
    select, input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]), textarea {font-size: 1.6rem;}
    select.sel_type_02, select {background-size: auto 2rem;}
    
    /* paging */
    .paging_box {gap: 0.6rem;}
    .paging_box > a:not(.btn_page),
    .paging_box .btn_page {min-width: 3.2rem;height: 3.2rem;margin: 0;padding: 0 0.4rem;font-size: 1.4rem;font-weight: 400;}
    .paging_box .btn_page.on {font-weight: 600;}
    .paging_box > a:not(.btn_page)::before {font-size: 1.8rem;}

    /* table */
    td .btn.xsml,
    td .badge {min-width: auto;min-height: 3rem;height: auto;padding: 0.4rem 1rem;}
    .table_type_sub.notice.view02 thead tr th,
    .table_type_sub.notice.view thead tr th {font-size: 1.9rem;line-height: 1.4;}
    .table_type_sub.notice.view thead tr th {padding: 1.6rem 0 0.8rem !important;}
    .table_type_sub.notice[class*='view']:has(.written_day) thead tr th {padding: calc(1.6rem + (1.5rem * 1.45) + 0.4rem) 0 0.8rem !important;}
    .table_type_sub.notice.view tbody tr:first-child td {padding: 0 0 1.6rem !important;}
    .table_type_sub.notice.view tbody tr td.story {padding: 1.6rem 0 !important;}
    .table_type_sub.notice.view02 tbody tr:first-child td:first-of-type .written_day,
    .table_type_sub.notice.view tbody tr td .written_day {top: 1.6rem;}
    .table_type_sub.notice.view tbody tr.down_table td a.btn_down {min-height: 5.8rem;padding: 1.6rem 2.4rem;}
    .table_type_sub.notice.view tbody tr.down_table td a.btn_down::before {display: none;}
    .table_type_sub.notice.view03,
    .table_type_sub.notice.view tbody tr.down_table + tr {margin-top: 2.4rem;}
    .table_type_sub.notice.view03 tbody tr th,
    .table_type_sub.notice.view tbody tr.down_table ~ tr th {min-height: 5.8rem;padding: 1.6rem 1.2rem 1.6rem 2.4rem !important;}
    .table_type_sub.notice.view03 tbody tr th::after,
    .table_type_sub.notice.view tbody tr.down_table ~ tr th::after {font-size: 2.4rem;}
    .table_type_sub.notice.view03 tbody tr td,
    .table_type_sub.notice.view tbody tr.down_table ~ tr td {padding: 1.6rem 2.4rem 1.6rem 1.2rem !important;}
    /* .table-dl dl */
    .table-dl {border-radius: 2.4rem;}
    .table-dl dl {flex-wrap: wrap;min-height: 5.2rem;height: auto;}
    .table-dl dl:not(:last-child) {border-bottom: 0;}
    .table-dl dl dt {width: 13.4rem;max-width: 13.4rem;margin: 0;padding: 1.2rem 2.4rem;font-size: 1.7rem;}
    .table-dl dl.split-4.type02 dd,
    .table-dl dl.split-4.type02 dd.col3,
    .table-dl dl.split-2 dd,
    .table-dl dl.split-4 dd,
    .table-dl dl dd {width: calc(100% - 13.4rem);}
    .table-dl dl dd {flex: none;margin: 0;padding: 1.2rem 1.6rem;font-size: 1.7rem;}
    .table-dl dl:last-child :where(dt:not(:nth-last-of-type(1)), dd:not(:nth-last-of-type(1))),
    .table-dl dl:not(:last-child) :where(dt, dd) {border-bottom: 1px solid var(--bdr);}
    .table-dl dl .dl-txt {font-size: 1.7rem;}

    /* hashtag_box */
    .hashtag_box {gap: 0.8rem;}
    .hashtag_box a {height: 4rem;padding: 0 1.2rem;font-size: 1.5rem;}

    /* copyright */
    .copyright {flex-direction: column;padding: 2.4rem;}
    .copyright .cr_notice {font-size: 1.6rem;}

    /* popup */
    #printPopUp .pop_title_box,
    .pop_title_box .pop_title,
    .popup-new > .title-box {min-height: 6.4rem;padding: 1.6rem 2.4rem;}
    #printPopUp .pop_title_box .pop_title,
    .pop_title_box .pop_title,
    .popup-new > .title-box .pop-tit {font-size: 2rem;}
    #printPopUp .pop_btn_close_02,
    .popup-new > .title-box .btn-pop-close-new {width: 2.4rem;height: 2.4rem;background-size: auto 1.6rem;}
    .choice_box,
    .popup-new .pop-content-new {padding: 2.4rem;}
    .popup-new .btn.lg {width: 100%;}
    .pop_btn_close_02 {right: 2.4rem;top: calc((6.4rem - 2.4rem) / 2);width: 2.4rem;height: 2.4rem;background-size: auto 1.6rem;}
    /* search-pop */
    .search-pop .form-and-search .form-choice,
    .search-box .column-wrap > .column {flex-direction: column;align-items: flex-start;gap: 1rem;}
    .search-pop .search-box .form-box select,
    .search-box .form-box .ip-type-01 {height: 5.2rem;}
    .search-pop .btn-search-pop {width: 100%;height: 4.8rem;}
    .search-pop .form-and-search .form-choice .fc-tit,
    .search-pop .search-box .column-wrap > .column .s-title-01 {width: 100%;}
    .search-pop .form-and-search .form-choice .fc-box,
    .search-pop .search-box .form-box {max-width: 100%;}
    /* style */
    .pop_txt {font-size: 1.7rem;}
    #printPopUp .choice_box .table_type_ship {flex-direction: column;align-items: normal;max-height: none !important;}
    #printPopUp .choice_box .table_type_ship::before {width: 100%;margin-bottom: 1rem;}
    #updateMarket select,
    #printPopUp .choice_box select {max-width: 100%;height: 5.2rem;}
    #updateMarket .btn_type_04,
    #printPopUp .choice_box .btn_type_04 {width: 100%;height: 4.8rem;}
    #updateMarket .form_group {flex-wrap: wrap;}
    #updateMarket .form_group label {width: 100%;}
    #updateMarket .form_group label ~ label {margin-left: 0;margin-top: 1.6rem;}
    #updateMarket .form_group select {width: 100% !important;height: 5.2rem;}
    #updateMarket .choice_box .btn_area .btn {max-width: 100%;}


    /*** new basic ***/
    .chk.round .radio label {font-size: 1.6rem;}
    .btn_area {flex-wrap: wrap;gap: 0.8rem;margin-top: 4rem;}
    .rows {flex-wrap: wrap;gap: 1.6rem;}
    .rows.rbtns {gap: 0.8rem;}
    .rows.rbtns .btn,
    :not(.search_basic, .img_box) > .btn_area .btn {flex: calc((100% - 0.8rem) / 2) 1 0;}
    .rows.rbtns .btn:first-child:nth-child(odd):not(:nth-last-child(even)),
    :not(.search_basic, .img_box) > .btn_area .btn:first-child:nth-child(odd):not(:nth-last-child(even)) {flex: 100%;}
    .btn.ic {min-width: 3.6rem;width: 3.6rem;height: 3.6rem;border-radius: 0.4rem;}
    .btn.lg {min-width: 9rem;height: 4.8rem;}

    /* file_wrap */
    .file_wrap .upload_top {flex-wrap: wrap;}
    .file_wrap .upload_list li > div {flex-wrap: wrap;}
    .file_wrap .upload_list li {padding: 1.6rem;}

    /* calendar */
    #ui-datepicker-div.ui-widget.ui-widget-content {width: 32rem;}
    .ui-datepicker .ui-datepicker-title,
    .ui-datepicker .ui-datepicker-header {height: 5.6rem;}
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {width: 3.2rem;height: 3.2rem;top: 1.2rem;}
    #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
    #ui-datepicker-div.ui-datepicker select.ui-datepicker-year {height: 3.2rem;font-size: 1.7rem;}
    .ui-datepicker th {height: 4.8rem;font-size: 1.6rem;}
    .ui-datepicker td {height: 4.2rem;font-size: 1.6rem;}
    .ui-datepicker td span,
    .ui-datepicker td a {line-height: 4rem !important;}
    .ui-state-default {font-size: 1.6rem;}

    /* simplebar */
    .tbl_scroll .simplebar-scrollable-y .simplebar-offset,
    .simplebar-scrollable-y .simplebar-offset {padding-right: 1rem;}
    .tbl_scroll .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-offset,
    .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-offset {padding-bottom: 1rem !important;}
    .tbl_scroll .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-track.simplebar-horizontal,
    .simplebar-scrollable-y.simplebar-scrollable-x .simplebar-track.simplebar-horizontal {right: 1rem;}
    .tbl_scroll .simplebar-track.simplebar-vertical,
    .simplebar-track.simplebar-vertical {width: 0.4rem !important;}
    .tbl_scroll .simplebar-track.simplebar-vertical .simplebar-scrollbar::before,
    .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {width: 0.4rem !important;}
    .tbl_scroll .simplebar-track.simplebar-horizontal,
    .simplebar-track.simplebar-horizontal {height: 0.4rem !important;}

    /** top_search **/
    .tsch_inner {height: auto;padding: 0 2rem 6.4rem;}
    .top_search .top {height: 5.6rem;}
    .top_search .btn_close {font-size: 2.6rem;}
    .top_search .logo {height: 5.6rem;}
    .top_search .logo img {max-height: 2rem;}
    .top_search .inp_wrap {width: 100%;margin: 3.2rem auto 0;}
    .top_search .inp_btn {padding-bottom: 0.8rem;}
    .top_search .inp_btn input {font-size: 2.4rem;}
    .top_search .inp_btn button {min-width: 4.8rem;font-size: 3.2rem;}

    /** page_history **/
    .page_history {height: 3.8rem;}
    .page_history .his_slider {max-width: 100%;}
    .page_history .his_slider .swiper-slide a {font-size: 1.5rem;}
    .page_history .utils {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}
    .page_history .utils button {display: none;}
    .page_history .bg {display: block;}

    /** breadcrumb **/
    .breadcrumb {margin-bottom: 2.4rem;}
    .breadcrumb .utils {gap: 1.4rem;}
    .breadcrumb .utils .btn {min-width: 2rem;width: 2rem;height: 2rem;}
    .breadcrumb .utils .share_box {padding: 1.6rem 2rem;}
    .breadcrumb .utils .share_box > a {min-width: 4rem;width: 4rem;height: 4rem;}

    /*** footer ***/
    #footer .rows {flex-wrap: wrap;gap: 2.4rem;}
    #footer .ft_btm .inner_wrap {gap: 3.2rem;padding: 2.4rem 0;}
    #footer .ft_menu {order: 1;gap: max(0.2rem, 2px) 1.2rem;}
    #footer .ft_menu a {font-size: 1.5rem;}
    #footer .ft_right {gap: 0.8rem;width: 100%;}
    #footer .ft_quick {width: 100%;}
    #footer .ft_quick .btn {width: 100%;height: 4rem;padding: 0 1.6rem;font-size: 1.5rem;}
    #footer .ft_quick .btn::after {right: 1.2rem;top: calc((4rem - 2.4rem) / 2);}
    #footer .ft_info {gap: 1.2rem;}
    #footer .ft_info ul {gap: max(0.2rem, 2px) 1.2rem;font-size: 1.5rem;}
    #footer .ft_info small {font-size: 1.5rem;}
    #footer .ft_etc {gap: 2.2rem;margin: 0 auto;}
    #footer .ft_etc .btn_goodcontents {height: 4rem;}
    #footer .sns_link {gap: 1.4rem;}
    /** related **/
    .related {height: auto;}
    .related .inner_wrap {padding: 1.2rem 0;}
    .relatedSwiper .swiper-slide {padding: 0 0.8rem;}
    .relatedSwiper .swiper-slide a {display: flex;justify-content: center;align-items: center;height: 4rem;}

    /* error */
    .error_info::before {height: 12rem;margin-bottom: 3.2rem;}
    .error_info .tit {font-size: 2.4rem;}
    .error_info .tit strong {margin-bottom: 0.8rem;font-size: 3.2rem;}
    .error_info .txt {font-size: 1.6rem;}


    /*** layout ***/
    .content {padding: 2.4rem 0;}
    .rows.tables {gap: 3.2rem;}
    .rows.tables .rows_tbl_wrap {flex: auto;}
    .flex_tit {align-items: center;}
    .flex_tit .rows {gap: 0.8rem;}
    .flex_tit :where(button, .btn, a:where([class*='btn_'], [class*='btn-'])),
    .flex_tit select {height: 4rem;}
    .flex_tit select.sel_type_02,
    .flex_tit select {background-size: auto 1.4rem;}

    /** title **/
    h3 {font-size: 2rem;}
    h4 {font-size: 1.7rem;}
    h5 {font-size: 1.6rem;}
    .page_tit {margin: 0 0 2.4rem;font-size: 2.4rem;}
    [class*='lg_tit'] {font-size: 2rem;}
    [class*='lg_tit']::before {top: calc(((2rem * 1.45) - 1.4rem) / 2);}
    .lg_tit02[class*='i0'] {padding-left: 3.2rem;}
    .lg_tit02[class*='i0']::before {top: calc(((2rem * 1.45) - 2.4rem) / 2);min-width: 2.4rem;width: 2.4rem;height: 2.4rem;}
    .md_tit {font-size: 1.7rem;}
    .md_tit::before {top: calc(((1.7rem * 1.45) - 1.4rem) / 2);}

    /** search **/
    .search_basic {margin-bottom: 3.2rem;}
    .search_basic select {background-position: right -0.4rem center;}
    .search_basic .sch_row {gap: 1.6rem;}
    .search_basic .sch_col {flex-wrap: wrap;max-width: 100%;}
    .search_basic .sch_col > label {display: block;min-width: auto;width: 100%;margin-right: 0;font-size: 1.8rem;}
    .search_basic .inp_btn .btn {font-size: 2rem;}
    .search_basic .btn_area {flex-wrap: wrap;position: relative;right: auto;bottom: auto;margin-top: 0.8rem;}
    .search_basic .btn_area .btn_reset {order: 1;}
    .search_basic .btn_area .btn_detail {order: 0;width: 100%;}
    .search_basic .btn_area .btn:not(.btn_reset, .btn_detail) {order: 2;flex: 1;min-width: auto;width: 100%;}
    .search_basic.simple {align-items: flex-end;}
    .search_basic.simple .sch_col select {min-width: 12rem;}
    .search_basic.has_tag .btn_area,
    .search_basic.has_tag .btn_area .btn {width: 100%;}

    /*** board_view ***/
    .board_view .top {padding: 1.6rem 0;}
    .board_view .top .date {margin-bottom: 0.4rem;}
    .board_view .top .title {font-size: 1.9rem;}
    .board_view .cont {padding: 1.6rem 0;}
    .board_view .file_li li {min-height: 5.8rem;padding: 1.6rem 2.4rem;}
    .board_view .file_li li .tit {display: none;}

    /** tab **/
    .tmenu_wrap.over5 .selected {display: flex;}
    .tmenu_wrap.over5:not(.open) .list {display: none;}
    .tmenu_wrap.over5 .list {position: absolute;left: 0;top: 100%;width: 100%;padding: 0.8rem 0;z-index: 10;}
    .tmenu_wrap.over5 .tab_menu {display: block;border-radius: 0.8rem;background: #fff;box-shadow: inset 0 0 0 1px var(--bdr);}
    .tmenu_wrap.over5 .tab_menu li button {display: block;min-height: 5.2rem;padding: 1.2rem 1.6rem;border-radius: 0.8rem;font-size: 1.5rem;text-align: left;}
    .tmenu_wrap.over5 .tab_menu li button br {display: none;}
    .tab.step > .tab_menu {gap: 0.9rem;}
    .tab.step > .tab_menu li :where(button, a) {flex-direction: column;gap: 1.6rem;padding: 1.4rem;border-radius: 0.8rem;}
    .tab.step > .tab_menu li .num {display: none;}
    .tab.step > .tab_menu li .tit,
    .tab.step > .tab_menu li .tit .cnt {display: block;margin: 0;font-size: 1.7rem;line-height: 1.45;text-align: center;}
    .tab.step > .tab_menu li .badge {min-width: 7rem;min-height: 2.4rem;margin-top: auto;font-size: 1.4rem;}
    .tab.step > .tab_cont {margin-top: 2.4rem;}

    /*** txt style ***/
    .all_num {font-size: 1.4rem;}
    .txt_box {padding: 2.4rem;font-size: 1.5rem;}
    .txt_box .tb_tit {font-size: 2.2rem;}
    .txt_box.box02 {flex-direction: column;padding: 2.4rem 3.6rem;}
    .txt_box.box02 .flex_tit {flex-direction: column;}
    .txt_box.box02 .flex_tit > * {width: 100%;}
    .txt_box.box02 .flex_tit select,
    .txt_box.box02 .btn_go {height: 4rem;font-size: 1.5rem;}
    .txt_box.box02 .flex_tit + p {margin-top: 2.4rem;}
    .txt_box .inbox {font-size: 1.5rem;}
    .txt_box .inbox .badge {min-width: 4.8rem;height: 2.4rem;font-size: 1.3rem;}
    .txt_list {font-size: 1.5rem;}
    .txt_list.num > li {padding-left: 2.8rem;}
    .txt_list.num > li::before {min-width: 2rem;height: 2rem;margin-left: -2.8rem;font-size: 1.3rem;}
    .txt_list.circle > li::before {top: calc(((1.5rem * 1.45) - 1.4rem) / 2);}
    .txt_list.dot > li::before {top: calc(((1.5rem * 1.45) - 0.4rem) / 2);}
    .contact_list,
    .txt_list.box {gap: 1rem;}
    .contact_list dl,
    .txt_list.box > li {width: calc((100% - (1rem * 2)) / 3);}
    .txt_box[class*="img"] {flex-direction: column;padding: 1.6rem;text-align: center;}
    .txt_box[class*="img"] figure {min-width: 6.4rem;width: 6.4rem;height: 6.4rem;}
    .tl_box_wrap:not(.open) .txt_list.box > li:nth-child(n+10) {display: none;}
    .cnt_list {gap: 0.4rem 1.6rem;}
    .img_box {padding: 2.4rem;}
    /* tag_list */
    .tag_list {flex-wrap: nowrap;}
    .tag_list > span {height: 4rem;padding: 0 1.2rem;font-size: 1.5rem;}
    .tag_list_wrap.simplebar-scrollable-x {padding-top: calc((1.5rem * 1.5) + 0.8rem);}
    .tag_list_wrap.simplebar-scrollable-x::before {content: '\f322';font-family: 'remixicon';position: absolute;left: 0;top: 0;line-height: calc(1.5rem * 1.45);animation: lr_move 1.5s infinite linear;}
    .tag_list_wrap.simplebar-scrollable-x::after {content: '가로로 넘겨서 내용을 확인하세요.';position: absolute;left: 2.2rem;top: 0;font-size: 1.5rem;color: var(--gray-dark);}
    .tag_list_wrap.simplebar-scrollable-x .tag_list {padding-bottom: 0.8rem;}
    /* his_list */
    .his_list_wrap .his_tit {margin-bottom: 1rem;font-size: 2rem;}
    .his_list_wrap .his_tit::before {min-width: 2rem;width: 2rem;height: 2rem;}
    .his_list > li {flex-wrap: wrap;padding: 1.6rem 2.4rem;}
    .his_list > li + li {margin-top: 0.8rem;}
    .his_list .tit {flex: auto;}

    /* fieldset */
    .fieldset {padding: 2.4rem;}
    .fieldset .form_group {gap: 0.8rem;max-width: 100%;}
    .fieldset .form_group.wide .form_box {max-width: 100%;}
    .fieldset .form_box .file_input,
    .fieldset .form_box {gap: 0.8rem;min-height: 5.2rem;}
    .fieldset .form_box .file_input label.btn {width: 100% !important;}
    .fieldset .form_box .file_input label.btn,
    .fieldset .form_box .drpd_wrap .selected,
    .fieldset .form_box .btn,
    .fieldset .form_box .btn:not(.primary),
    .fieldset .form_box select,
    .fieldset .form_box:not(.has_side) input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]) {flex: none;width: 100%;max-width: 100%;height: 5.2rem;}
    .fieldset .form_box .date_box {height: 5.2rem;}
    .fieldset .form_box .mwfix {max-width: 100%;}
    .fieldset .form_box.email input[type="text"] {flex: 1;}
    .fieldset .form_box.addr > span {gap: 0.8rem;max-width: 100%;}
    .fieldset .form_box.addr > span input[type="text"] {flex: 1;}
    .fieldset .form_box.addr > span .btn {width: auto;}
    .fieldset .form_box .chk.sns .tgl {width: 100%;}
    .fieldset .form_box .chk.sns .tgl label {justify-content: space-between;width: 100%;}
    .fieldset .txt_box {padding: 2.4rem;}

    /* pfm */
    .pfm_box {display: block;padding: 2.4rem;}
    .pfm_box > strong {display: block;top: auto;font-size: 2rem;text-align: left;}
    .pfm_box > ul {flex-direction: column;gap: 0.8rem;}
    .pfm_box > ul > li {justify-content: space-between;}
    .pfm_box > ul > li > span {font-size: 1.6rem;}
    .pfm_box > ul > li > .price_box {flex: 1;width: 100%;max-width: 20rem;padding: 0.8rem 1.6rem;border-radius: 1rem;}
    .pfm_box > ul > li > .price_box span {top: 0.2rem;font-size: 1.8rem;}

    /* step */
    .step_wrap .step {gap: 1.6rem;}
    .step_wrap .step li {counter-increment: step;align-items: baseline;gap: 0;width: auto;height: auto;border-radius: 0;font-size: 0;}
    .step_wrap .step li::before {content: counter(step);display: flex;justify-content: center;align-items: center;min-width: 2.4rem;width: 2.4rem;height: 2.4rem;border-radius: 100%;font-size: 1.5rem;font-weight: 500;line-height: 1;color: #fff;background: #9CAAA9;}
    .step_wrap .step li.on {background: none;font-size: 1.5rem;font-weight: 500;color: var(--gray-dark);}
    .step_wrap .step li.on::before {margin-right: 0.8rem;font-weight: 500;background: #1D646A;}
    .step_wrap .step li:not(:last-child)::after {display: none;}
    .step_wrap .step li span {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0 none;clip: rect(0, 0, 0, 0);}

    /* step */
    .step01 {gap: 4.4rem;}
    .step01 li {font-size: 1.5rem;}    
    .step01.auc_list {gap: 4.4rem;}
    .step01.auc_list > li::after {width: 4rem;height: 4rem;background-size: 100%;right: -4.2rem;}
    .step02 {padding-bottom: 4rem;}
    .step02 > li {flex: inherit;width: 100%;}
    .step02 > li:before {top: 100%;right: 50%;transform: rotate(90deg) translateY(-50%);width: 4rem;height: 4rem;background-size: 100%;}
    .step02 > li.license04 {margin-bottom: 8rem;}
    .step02 > li.license04::before {top: calc(100% + 7rem);}

    /* api_status */
    .api_status {gap: 1.6rem;}
    .api_status li {width: calc((100% - (1.6rem * 1)) / 2);padding: 1.6rem 2.4rem;font-size: 1.5rem;}
    .api_status li::before {min-width: 6.4rem;width: 6.4rem;height: 6.4rem;background-size: 3.2rem auto;}
    .api_status li span strong {margin-right: 0.4rem;font-size: 2.4rem;}

    /* gallery_wrap */
    .gallery_wrap .thum_list {gap: 1rem;}
    .gallery_wrap .thum_list li {width: calc((100% - 2rem) / 3);}
    .gallery_wrap .thum_list li .thum_img button {gap: 0.4rem;max-width: min(13rem, calc(100% - 2.4rem));min-height: 4rem;height: auto;font-size: 1.5rem;}
    .gallery_wrap .thum_list li .thum_img button::after {min-width: 1.4rem;width: 1.4rem;height: 1.4rem;}
    .gallery_wrap .thum_txt {padding: 1.6rem;}

    /* js_accWrap.trading accordion */
    .js_accWrap.trading .js_addTop {display: block;padding: 2.4rem;}
    .js_accWrap.trading .js_addTop h4 {margin-bottom: 1.6rem;padding-left: 3rem;font-size: 1.8rem;line-height: normal;}
    .js_accWrap.trading .js_addTop h4::before {top: 0;width: 2.1rem;height: 2.1rem;background-size: 2.1rem;}
    .js_accWrap.trading .js_addTop .right {flex-direction: column;align-items: center;width: 100%;}
    .js_accWrap.trading .js_addTop .box {width: 100%;}
    .js_accWrap.trading .js_addTop .box + .box {margin-top: 0.8rem;}
    .js_accWrap.trading .js_addTop .box p {font-size: 1.4rem;}
    .js_accWrap.trading .js_addTop .box b {font-size: 2rem;}
    .js_accWrap.trading .js_addTop .box .rate b {font-size: 3.2rem;}
    .js_accWrap.trading .js_addTop .box .rate span {font-size: 1.4rem;}
    .js_accWrap.trading .js_addTop .box .rate b::before {width: 1rem;height: 1rem;background-size:1rem !important;}
    .js_accWrap.trading .js_addTop .btn {width: 100%;height: 4.8rem;margin-top: 2.4rem;font-size: 1.7rem;}

    /* regist_type */
    .regist_type {flex-direction: column;}
    .regist_type > div {padding: 2.4rem;}
    .regist_type > div figure {height: 5.6rem;margin-bottom: 0.4rem;}
    .regist_type > div figure img {max-height: 100%;}
    .regist_type > div .tit {margin-bottom: 1.2rem;font-size: 2rem;}
    .regist_type > div p {margin-bottom: 1.6rem;font-size: 1.5rem;}
    .regist_type > div .btn {min-width: auto;width: 100%;height: 4.8rem;}
    /* terms_box */
    .terms_tit {margin-bottom: 1.6rem;}
    .terms_box {padding: 1.6rem;}
    .terms_box + .chk {justify-content: flex-start;gap: 1.6rem;}
    .terms_box + .chk > p {width: 100%;margin-right: 0;}
    .terms_box .table_type_sub thead tr,
    .terms_box .table_type_sub tbody tr {height: 4rem;}
    .terms_box .table_type_sub thead tr th {padding: 1rem 1.5rem;font-size: 1.6rem;}
    .terms_box .table_type_sub tbody tr th,
    .terms_box .table_type_sub tbody tr td {padding: 1rem 1.5rem;}
    /* sign_box */
    .sign_box {padding: 4rem 1.6rem;}
    :where(.txt_box, .step_wrap) + .sign_box {margin-top: 3.2rem;}
    .sign_box > figure {height: 8rem;}
    .sign_box > figure img {max-height: 100%;}
    .sign_box > .tit {margin-bottom: 1.2rem;font-size: 2rem;}
    .sign_box .txt_list {margin-top: 2.4rem;padding-top: 2.4rem;}
    .sign_box:not(.search_basic) .btn_area .btn {min-width: max-content;}
    .sign_box.withdraw .top {padding-bottom: 2.4rem;}
    .sign_box.withdraw .info_txt .tit ~ .tit {margin-top: 1.6rem;}
    .sign_box.withdraw .top + .txt {margin-top: 2.4rem;}
    /* login_box */
    .login_box {padding: 2.4rem;}
    .login_box.rows {flex-direction: column;align-items: flex-start;}
    .login_box .input_box span input {height: 5.2rem;padding: 0 1.6rem 0 4.6rem;}
    .login_box .input_box span i {left: 1.6rem;}
    .login_box .member_sns {padding-top: 3.2rem;margin-top: 2.4rem;}
    .login_box .member_sns .list {gap: 3.6rem;}
    .login_box .member_sns > .tit {font-size: 2rem;}
    .login_box .lcont .tit {font-size: 2.2rem;}
    .login_box .lcont .txt {font-size: 1.5rem;}
    .login_box .regist_type {width: 100%;}
    .login_box .regist_type > a {min-width: auto;padding: 1.6rem 0.8rem;}
    .login_box .regist_type > a figure {width: 4rem;height: 4rem;}

    /* my_total_top */
    .my_total_top > div {height: 18rem;padding: 2rem 3rem;}
    .my_total_top .left::after {background-size: 13rem;}
    .my_total_top .right::after {background-position: right bottom;background-size: 14rem;}
    .my_total_top .right ul {max-width: calc(100% - 10rem);}
    .my_total_top h4 {font-size: 2.2rem;}
    .my_total_top .right ul li span {white-space: nowrap;}

    /* total_sch */
    .sch_wrap .input_box {width: 100%;}
    .sch_wrap .input_box input {height: 5.6rem;font-size: 1.6rem;}
    .sch_wrap .input_box .btn_sch {height: 5.6rem;}
    .search_top {margin-bottom: 4rem;padding: 3.2rem 1.6rem;}
    .search_top .search_top_input {height: 5.6rem;padding: 0 4rem 0 1.6rem !important;font-size: 1.8rem;}
    .search_top .search_top_btn {right: 1.6rem;}
    .search_top .search_top_btn::before {font-size: 2.4rem;}
    .btn_mo_filter {display: block;}
    .filter {display: none;}
    .search_tab_menu {margin-bottom: 3.2rem;}
    .search_tab_menu:not(.sm) ul li a {min-height: 4.8rem;height: 100%;padding: 0.6rem;font-size: 1.4rem;}
    .sch_result {width: 100%;}
    .sch_result .filter_wrap button {height: 4.8rem;font-size: 1.4rem;}
    .sch_result .keyword strong {font-size: 1.4rem;}
    .sch_result .keyword strong span {font-size: 1.6rem;}
    .sch_result .keyword strong span:first-child {margin: 0 1rem;}
    .sch_result .detail .price li {height: 28rem;}
    .sch_result .detail .price li a .prc_per .up::before {content: '';display: inline-block;width: 0;height: 0;border-left: .5rem solid transparent;border-right: .5rem solid transparent;border-bottom: 1rem solid #fe0000;}
    .sch_result .detail .price li a .prc_per .down::before {content: '';display: inline-block;width: 0;height: 0;border-left: .5rem solid transparent;border-right: .5rem solid transparent;border-top: 1rem solid #0112FF;}
    .sch_result .detail .price li a {padding: 3rem 2.4rem;}
    .sch_result .detail .price li a .tag {font-size: 2.4rem;}
    .sch_result .detail .price li a .prc_std {font-size: 1.3rem;}
    .sch_result .detail .price li a .prc_per {font-size: 1.3rem;}
    .sch_result .detail .price li a img {width: 90%;}
    .search_tab_menu.sm ul li a {width: 5.6rem;height: 3.2rem;font-size: 1.3rem;}
    .rows a.btn_more02 {font-size: 1.4rem;}
    .chart_wrap .mo_chart {min-width: 70rem;}

    /* elecInvoice */
    .flex_tit.invoice {flex-direction: column-reverse;gap: 2.4rem;margin-bottom: 1.6rem;}
    .flex_tit.invoice .num {width: 100%;font-size: 1.7rem;}
    .flex_tit.invoice .rows.rbtns {width: 100%;}
    .table-dl.invoice {border-radius: 0.7rem;}
    .table-dl.invoice .group_tit {gap: 0.8rem;min-height: 6.4rem;padding: 1.4rem;font-size: 2rem;}
    .table-dl.invoice .group_tit .num {min-width: 3.2rem;width: 3.2rem;height: 3.2rem;border-radius: 0.4rem;font-size: 1.8rem;;}
    .table-dl.invoice .empty {padding: 1.2rem;}
    .table-dl.invoice .empty:empty {height: 1rem;}
    .table-dl.invoice dl dt {padding: 1.2rem;}
    .table-dl.invoice dl dd {padding: 1.2rem;}
    .txt_box.invoice {flex-direction: column;gap: 1.8rem;margin-top: 4.6rem;padding: 2.4rem;}
    .txt_box.invoice .tb_tit {font-size: 2rem;}
    .txt_box.invoice .cont {gap: 1.6rem;}
    .txt_box.invoice figure {min-width: 9.8rem;width: 9.8rem;}
    .txt_box.invoice figure img {max-width: 100%;max-height: 100%;}
    .txt_box.invoice .cont .tit {margin-bottom: 1rem;font-size: 1.5rem;}
    .txt_box.invoice .txt_list + .txt_list {margin-top: 1rem;padding-top: 1rem;}
    .txt_box.invoice .txt_list li {font-size: 1.3rem;word-break: break-all;}
    .txt_box.invoice .btn_area {gap: 0.8rem;width: calc(100% + 11.4rem);margin-left: -11.4rem;}
    .txt_box.invoice .btn_area .btn {flex: auto;width: 100%;height: 4rem;font-size: 1.5rem;}
    /* invoice_form */
    .invoice_form {border-radius: 1rem;}
    .invoice_form .ivf_tit {min-height: 6.4rem;padding: 1.6rem 2.4rem;border-radius: 1rem 1rem 0 0;font-size: 2rem;}
    .invoice_form .ivf_cont {padding: 2.4rem;}
    .invoice_form .ivf_cont .btn {font-size: 1.5rem;}
    .invoice_form .division > .rows.rbtns .btn {min-height: 4rem;}
    .invoice_form .division > .rows.rbtns .btn i[class^='ico_'] {position: relative;top: -0.1rem;width: 1.4rem;height: 1.4rem;}
    .invoice_form .division .rows.rbtns:has(.txt_list) {gap: 1.6rem}
    .invoice_form .division .rows.rbtns:has(.txt_list) .txt_list {width: 100%;}
    .invoice_form .division:has(.aclist) + .division .rows.rbtns .txt_list {order: 1;}
    .invoice_form .table_type_sub tbody tr td .input-search,
    .invoice_form .table_type_sub tbody tr td select,
    .invoice_form .table_type_sub tbody tr td input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]) {height: 4rem;font-size: 1.6rem;}
    .invoice_form .table_type_sub .input-search input:not([type="hidden"]) {height: 100%;}
    .invoice_form .table_type_sub .input-search .btn-form-search {width: 3.8rem;}
    /* pallet_tbl */
    .invoice_form .btn-th.bt-plus,
    .invoice_form .btn-th.bt-del,
    .invoice_form .btn-type-tb.btn-red-white {width: 4rem !important;height: 4rem !important;}
    .invoice_form .pallet_tbl table {display: block;border-top: 0;}
    .invoice_form .pallet_tbl table colgroup {display: none;}
    .invoice_form .pallet_tbl thead {display: none;}
    .invoice_form .pallet_tbl tbody {display: block;}
    .invoice_form .pallet_tbl tbody tr {display: block;height: auto;border-top: 1px solid var(--primary);border-bottom: 0;}
    .invoice_form .pallet_tbl tbody tr + tr {margin-top: 1.6rem;}
    .invoice_form .pallet_tbl tbody tr td {display: flex;align-items: center;gap: 0.7rem;position: relative;padding: 0 0.7rem 0 0;border-right: 0;border-bottom: 1px solid var(--bdr);}
    .invoice_form .pallet_tbl tbody tr td::before {content: '';display: flex;align-items: center;min-width: 11.4rem;width: 11.4rem;min-height: 5.2rem;padding: 1.2rem 1.6rem;font-weight: 500;color: #032826;text-align: left;background: var(--tbl-th);}
    .invoice_form .pallet_tbl tbody tr td:nth-child(1)::before {content: '팰릿회사명';}
    .invoice_form .pallet_tbl tbody tr td:nth-child(2)::before {content: '물류기기';}
    .invoice_form .pallet_tbl tbody tr td:nth-child(3)::before {content: '팰릿(박스)수량';}
    .invoice_form .pallet_tbl tbody tr td:nth-child(4)::before {content: '수기전표번호';}
    .invoice_form .pallet_tbl tbody tr td:nth-child(5)::before {content: '삭제';}
    /* aclist */
    .invoice_form .aclist .data-list {flex-direction: column;padding: 1.6rem;}
    .invoice_form .aclist .data-list .list-info {font-size: 1.8rem;}
    .invoice_form .aclist .data-list .btn-control {flex-wrap: wrap;justify-content: center;width: 100%;}
    .invoice_form .aclist .data-list .btn-type-02 {flex: 1;min-width: auto;max-width: 12rem;font-size: 1.5rem;}
    .invoice_form .aclist .data-list .btn-type-02.btn-acc::after {font-size: 1.8rem;}
    .invoice_form .aclist .data-list .btn-type-02.btn-delete::after {font-size: 1.6rem;}
    .invoice_form .aclist .data-list .acc-box {margin-top: 2.4rem;}
    .invoice_form .aclist .detail-box {margin-top: 2.4rem;}
    .invoice_form .aclist .form-box .sel-type-01,
    .invoice_form .aclist .form-box .ip-type-01,
    .invoice_form .aclist .form-box .date-box,
    .invoice_form .aclist .form-box .t-box {height: 5.2rem;font-size: 1.6rem;}
    .invoice_form .aclist .search-box .form-box {gap: 0.8rem;}
    .invoice_form .aclist .search-box .form-box .sel-type-01 {padding: 0 4rem 0 1.6rem;background-position: right 1.6rem center;background-size: auto 2rem;}
    .invoice_form .aclist .search-box .form-box input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]) {height: 5.2rem;padding: 0 1.6rem;}
    .invoice_form .aclist .input-search {height: 5.2rem;}
    .invoice_form .aclist .search-box .input-search .btn-form-search {width: 5rem;}
    .invoice_form .aclist .search-box .column-wrap {gap: 2.4rem 0.8rem;}
    .invoice_form .aclist .search-box .column-wrap > .column {gap: 0.8rem;max-width: 100%;}
    .invoice_form .aclist .search-box .column-wrap > .column.col3 .form-box > * {max-width: calc((100% - 0.8rem) / 2);}
    .invoice_form .aclist .search-box .column-wrap > .column.col3 .form-box > *:last-child {flex: none;max-width: 100%;}

    /* whsal_wrap */
    .whsal_wrap .sub_title_box {flex-direction: column;gap: 1rem;}
    .whsal_wrap .fl,
    .whsal_wrap .fr,
    .whsal_wrap .sel-01 select,
    .whsal_wrap .btn-type-01.list {width: 100%;}
    .whsal_wrap .title-market {padding: 2.4rem 3.6rem;}
    .whsal_wrap .title-market .tm-01 {font-size: 2.2rem;}
    .whsal_wrap .title-market .btn-go-home {width: 100%;}
    .whsal_wrap .table-pic {flex-direction: column;margin-top: 4rem !important;}
    .whsal_wrap .table-pic .left-pic {max-width: 100%;}
    .whsal_wrap .table-pic .left-pic img {width: auto;}
    .whsal_wrap .table-pic .right-table > span strong {font-size: 1.7rem;}
}

@media screen and (min-width: 768px) {
    /* tooltip */
    .tooltip:not(.fixpos) {max-width: 36rem;}
}

@media screen and (max-width: 767px) {
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
    /* table */
    .table_type_sub.notice[class*='view'] > :where(thead, tbody):has(> tr:nth-child(2):not(:last-child)) {flex-direction: column;align-content: flex-start;}
    .table_type_sub.notice[class*='view'] > :where(thead, tbody):has(> tr:nth-child(2):not(:last-child)) > tr > th:first-child + td:last-child {flex: 1;}
    /* popup */
    .popup-new .chk.round .radio {max-width: calc((100% - 0.8rem) / 2);}
    
    /* btn */
    .btn {min-width: 8rem;}
    .rows.rbtns .btn {flex: none;width: 100%;height: auto;min-height: 4.8rem;}
    .rows.rbtns .btn.sm {min-height: 4.4rem;}
    .flex_tit .left {display: block;width: 100%;}
    .flex_tit .left .lg_tit02,
    .flex_tit .left .unit {display: inline;}
    .flex_tit .left .unit {font-size: 1.4rem;}
    .flex_tit:has(.right:empty) {gap: 0;}

    /** search **/
    .search_basic.simple {flex-direction: column;}
    .search_basic.simple .btn_area {width: 100%;}
    
    /** tab **/
    .tmenu_wrap .selected {display: flex;}
    .tmenu_wrap:not(.open) .list {display: none;}
    .tmenu_wrap .list {position: absolute;left: 0;top: 100%;width: 100%;padding: 0.8rem 0;z-index: 10;}
    .tmenu_wrap .tab_menu {display: block;border-radius: 0.8rem;background: #fff;box-shadow: inset 0 0 0 1px var(--bdr);}
    .tmenu_wrap .tab_menu li button {display: block;min-height: 5.2rem;padding: 1.2rem 1.6rem;border-radius: 0.8rem;font-size: 1.5rem;text-align: left;}
    
    /* table_x_scroll */
    .scr_wrap,
    .table_x_scroll {position: relative;display: flex;flex-wrap: wrap;gap: 0.8rem;}
    .table_x_scroll > * {width: 100%;}
    .scr_box {overflow-x: auto;position: relative;width: 100%;}
    :where(.table_x_scroll, .scr_wrap)::before {order: -1;content: '\f322';font-family: 'remixicon';line-height: calc(1.5rem * 1.45);animation: lr_move 1.5s infinite linear;}
    :where(.table_x_scroll, .scr_wrap)::after {order: -1;content: '가로로 넘겨서 내용을 확인하세요.';font-size: 1.5rem;color: var(--gray-dark);}
    .table_x_scroll .scr_box table {min-width: 60rem;margin: 0 !important;}
    .js_accWrap.trading .js_accBox :where(.table_x_scroll, .scr_wrap)::before {margin-left: 0.6rem;}
    .table_type_sub colgroup {display: none;}
    .table_x_scroll .scr_box table {table-layout: auto;width: max-content;white-space: nowrap;}
    .table_x_scroll.type02 .scr_box table {min-width: 80rem;width: auto;white-space: normal;}
    .table_x_scroll.type02 .scr_box table .wide {width: max-content;white-space: nowrap;}

    /* txt style */
    .contact_list dl,
    .txt_list.box > li {width: calc((100% - 1rem) / 2);}
    .tl_box_wrap:not(.open) .txt_list.box > li:nth-child(n+9) {display: none;}
    .info_list {flex-wrap: wrap;}
    .his_list .tit {width: 100%;}

    /* sign_box */
    .sign_box .fieldset .form_tit {max-width: none;}

    /* total_sch */
    .sch_result .detail .price {gap: 1.2rem;}
    .sch_result .detail .price li:last-child {display: none;}
    .sch_result .detail .price li h5 {font-size: 1.2rem;}
    .rows:has(.search_tab_menu.sm) {flex-direction: column;align-items: flex-start;}
    .search_tab_menu.sm {margin-top: 1.6rem;}
    .search_tab_menu.sm ul li a {min-width: 25%;}

    /* mem_status */
    .mem_status {gap: 0.8rem;}
    .mem_status li {height: 4.8rem;font-size: 1.5rem;}

    /* api_status */
    .api_status {gap: 0.8rem;}
    .api_status li {width: calc((100% - 0.8rem) / 2);}

    /* step */
    .step01 li {flex: inherit;width: 100%;}
    .step01.rec_list li:after,
    .step01.auc_list li::after,
    .step01 li:after {transform: rotate(90deg) translateY(-50%);right: 50%;top: 100%;}

    /* gallery_wrap */
    .gallery_wrap .thum_list li {width: calc((100% - 1rem) / 2);}

    /* price_bar */
    .price_bar{width: 7rem !important;margin-right: 0.5rem !important;}

    /* elecInvoice */
    .invoice_form .aclist .data-list .btn-type-02 {max-width: none;}

    /* my_total_top */
    .my_total_top {flex-direction: column;gap: 1.6rem;margin-bottom: 3.2rem;}
    .my_total_top > div {width: 100% !important;height: auto;padding: 2.4rem 3.6rem;}
    .my_total_top h4::before {width: 2.4rem;height: 2.4rem;background-size: 2.4rem !important;}
    .my_total_top .left {padding-bottom: 0.9rem;}
    .my_total_top .left h4 {margin-bottom: 1.7rem;}
    .my_total_top .left strong {font-size: 3.6rem;}
    .my_total_top .left span {font-size: 1.9rem;}
    .my_total_top .left::after {background-position: right 3rem bottom;background-size: 9rem;}
    .my_total_top .left::before {background-position: right -10rem top 0rem;background-size: 37rem;}
    .my_total_top .right {padding-top: 3.8rem;}
    .my_total_top .right h4 {margin-bottom: 2.4rem;}
    .my_total_top .right h4 span {top: 0.4rem;font-size: 1.5rem;}
    .my_total_top .right ul {display: block;width: 100%;max-width: 100%;padding: 0 2.4rem;}
    .my_total_top .right ul li {display: flex;justify-content: space-between;align-items: center;padding: 1.9rem 0;}
    .my_total_top .right ul li + li {border-top: 1px solid rgba(255, 255, 255, 0.2);}
    .my_total_top .right ul li + li::before {display: none;}
    .my_total_top .right ul li span {font-size: 1.5rem;}
    .my_total_top .right ul li strong {font-size: 2.4rem;}
    .my_total_top .right::after {width: 10.5rem;height: 10.5rem;background-position: center bottom;background-size: 10.5rem;left: auto;right: 3rem;top: -1rem;bottom: auto;}
}

@media screen and (max-width: 480px) {
    /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
    /* popup */
    #popStatusManage .btns .btn {flex: calc((100% - 0.8rem) / 2) 1 0;}

    /** search **/
    .search_basic input[type="text"],
    .search_basic select {width: 100%;text-align: left;}
    .search_basic.simple .sch_col {flex-direction: column;}
    .search_basic.simple .sch_col select {flex: 1;width: 100%;}

    /* txt style */
    .contact_list dd p {min-height: auto;}
    .contact_list dl,
    .txt_list.box > li {width: 100%;}
    .tl_box_wrap .txt_list.box > li {width: calc((100% - 1rem) / 2);}

    /* api_status */
    .api_status li {width: 100%;}
}

@media screen and (max-width: 400px) {
    /* txt style */
    .tl_box_wrap .txt_list.box > li {width: 100%;}
    .tl_box_wrap:not(.open) .txt_list.box > li:nth-child(n+5) {display: none;}
}



/*** myamain (보류) ***/
.mymain .box_wrap {display: flex;flex-direction: column;gap: 2.4rem;}
.mymain .box_wrap .row{display: flex;gap: 2.4rem;justify-content: space-between;}
.mymain .box_wrap .row .box{border: .1rem solid #d9d9d9;border-radius: .8rem;box-shadow: 0 0 1rem rgba(0,0,0,0.12);padding: 2.4rem;flex-shrink: 0;}
.mymain .box_wrap .row .box:nth-child(1) {width: 34.8rem;width: clamp(22%,34.8rem,25%);}
.mymain .box_wrap .row .box:nth-child(2) {width: 33rem;width: clamp(22%,33rem,25%);}
.mymain .box_wrap .row .box:nth-child(3) {width: 30rem;width: clamp(21%,30rem,25%);}
.mymain .box_wrap .row .q_wrap {width: 35rem;width: clamp(22%,35rem,30%);}
.mymain .box_wrap .row:nth-of-type(1) .box:nth-child(3){width: calc(100% - clamp(22%,34.8rem,25%) - clamp(22%,33rem,25%) - 4.8rem);}
.mymain .box .flexbox {display: flex;gap: 1rem;}
.mymain .tit_wrap {display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;}
.mymain .tit_wrap .sub_tit {font-size: 1.9rem;font-weight: 700;}
.mymain .tit_wrap .btn_more {background: url(../images/common/i_more.svg) no-repeat center;width: 2rem;height: 2rem;}
.mymain .utils{display: inline-flex;border-radius: 100rem;padding: 0.7rem 1.4rem;background: #222328;position: absolute;bottom: 0;line-height: 1;left: 50%;transform: translateX(-50%);align-items: center;justify-content: center;}
.mymain .utils button[class^='btn']{width: 1.6rem;height: 1.6rem;margin: 0 0.3rem;background:url(../images/icon/ico_slide_arrow.svg) no-repeat center / 1.6rem;}
.mymain .utils .btn_prev{transform: rotate(-180deg);}
.mymain .utils .pagination{color: #fff;font-size: 1.2rem;text-align: center;}

/* user */
.mymain .box.user .pbox {display: flex;background: var(--primary);border-radius: .8rem;padding: 1.2rem 1.6rem;color: #fff;align-items: center;}
.mymain .box.user .pbox strong {font-size: 1.7rem;font-weight: 700;}
.mymain .box.user .pbox p {font-size: 1.3rem;position: relative;padding-left: .8rem;margin-left: .8rem;line-height: 1;}
.mymain .box.user .pbox p::before {content: '';width: .1rem;height: 1.4rem;background-color: rgba(255,255,255,0.4);display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.mymain .box.user .rbox {margin: 1.6rem 0;}
.mymain .box.user .rbox .photo {width: 8.7rem;height: 11.4rem;border-radius: .8rem;background-color: #ccc;overflow: hidden;}
.mymain .box.user .rbox .photo img {width: 100%;height: 100%;object-fit: cover;}
.mymain .box.user .rbox .record strong {font-size: 1.5rem;font-weight: 600;color: #242527;margin-bottom: 1.6rem;display: block;padding-bottom: 0.8rem;border-bottom: 1px solid #CED4D3;}
.mymain .box.user .rbox .record ul li {font-size: 1.5rem;font-weight: 400;color: #4B4B4B;position: relative;padding-left: 1.2rem;}
.mymain .box.user .rbox .record ul li + li{margin-top: 0.4rem;}
.mymain .box.user .rbox .record ul li::before {content: '';display: inline-block;width: 0.4rem;height: 0.4rem;border-radius: 100rem;background: #1D646A;position: absolute;top: 0.8rem;left: 0;}
.mymain .box.user .rbox .record ul li span + span {margin-left: 1rem;}
.mymain .box.user .cnt .btn_edit {width: 100%;}

/* history */
.mymain .box.history .w_count {display: flex;gap: .8rem;margin-bottom: 1.6rem;margin-bottom: 1rem;}
.mymain .box.history .w_count li {width: 50%;border-radius: .8rem;padding: 0.4rem 1.2rem;position: relative;font-size: 1.5rem;padding-left: 6.4rem;}
.mymain .box.history .w_count li:first-child {background: #BEEBE8;}
.mymain .box.history .w_count li:last-child {background: #B2E3E8;}
.mymain .box.history .w_count li::before {content: '';width: 4rem;height: 4rem;border-radius: 100rem;background: #fff;display: block;position: absolute;left: 1.2rem;top: 1rem;}
.mymain .box.history .w_count li:first-child::before {background: #fff url(../images/icon/ico_my_history_01.svg) no-repeat center / 1.7rem;}
.mymain .box.history .w_count li:last-child::before {background: #fff url(../images/icon/ico_my_history_02.svg) no-repeat center / 2rem;}
.mymain .box.history .w_count li span,
.mymain .box.history .w_count li p {display: block;position: relative;text-align: center;line-height: 1.5;}
.mymain .box.history .w_count li span{padding-bottom: 0.3rem;border-bottom: 1px solid #fff;}
.mymain .box.history .w_count li p{color: var(--primary);font-size: 1.3rem;}
.mymain .box.history .w_count li strong {font-size: 1.7rem;font-weight: 700;}
.mymain .box.history .cmt_list li {font-size: 1.5rem;font-weight: 400;color: #4B4B4B;position: relative;padding-left: 1.2rem;}
.mymain .box.history .cmt_list li + li{margin-top: 0.4rem;}
.mymain .box.history .cmt_list li::before {content: '';display: inline-block;width: 0.4rem;height: 0.4rem;border-radius: 100rem;background: #1D646A;position: absolute;top: 0.8rem;left: 0;}
.mymain .box.history .cmt_list li a {display: block;width: 100%;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #121918;}
.mymain .row:nth-of-type(1) .tab_menu {border-bottom: .1rem solid #E7E7E7;margin-bottom: 1.6rem;}
.mymain .row:nth-of-type(1) .tab_menu li + li {margin-left: 1.5rem;}
.mymain .row:nth-of-type(1) .tab_menu button {padding: .6rem;font-size: 1.5rem;margin-bottom: 0;color: #9CAAA9;}
.mymain .row:nth-of-type(1) .tab_menu button.on {color: #124F4A;border-bottom: .3rem solid #124F4A;font-weight: 700;}
.mymain .box.history .tab_cont {margin-top: 1.5rem;}

/* compare */
.mymain .box.compare .compare_slider{width: 24rem;overflow: hidden;position: relative;padding-bottom: 4rem;}
.mymain .box.compare .compare_list {width:100%;display: flex;flex-direction: column;gap: 0.8rem;}
.mymain .box.compare .compare_list li {border-radius: 0.8rem;border: 1px solid #CED4D3;background: #fff;padding: 1rem 1.6rem;position: relative;text-align: left;transition: all 0.2s;}
.mymain .box.compare .compare_list li .goods {font-size: 1.7rem;font-weight: 700;}
.mymain .box.compare .compare_list li .unit {font-size: 1.3rem;font-weight: 600;color: #121918;position: absolute;right: 1.6rem;top: 1rem;}
.mymain .box.compare .compare_list li span {font-size: 1.3rem;color: #526463;display: block;text-align: right;line-height: 1;}
.mymain .box.compare .compare_list li span .price {font-weight: 900;font-size: 1.7rem;color: #121918;margin-right: 0.3rem;}
.mymain .box.compare .compare_list li:hover{background-color: var(--primary);}
.mymain .box.compare .compare_list li:hover *{color: #fff !important;}
.mymain .box.compare .compare_list li:hover span{color: rgba(255, 255, 255, 0.70) !important;}
.mymain .box.compare .chart_wrap {width: calc(100% - 25.6rem);background: #F9F9F9;border-radius: .8rem;padding: 1.4rem 2rem;position: relative;z-index: 9;}
.mymain .box.compare .tab_cont {margin-top: 1.5rem;}
.mymain .box.compare .innerbox{justify-content: space-between;}
.mymain .box.compare .chart{width: calc(100% - 11.2rem);}
.mymain .box.compare .data {width: 11.2rem;padding: 1rem 1.6rem;border-radius: 0.8rem;background: #ECEFEE;}
.mymain .box.compare .data p{font-size: 1.4rem;}
.mymain .box.compare .data .rate{text-align: right;margin-top: 0.3rem;}
.mymain .box.compare .data .per{display: inline-block;padding: 0 0.7rem;border-radius: 0.6rem;}
.mymain .box.compare .data .per::before{content: '';display: inline-block;width: 0.8rem;height: 0.8rem;background: url(../images/icon/ico_rate_white.svg) no-repeat center / 0.8rem;vertical-align: middle;margin-right: 0.3rem;}
.mymain .box.compare .data .rate span{font-weight: 600;}
.mymain .box.compare .data .rate.up span{color: #E63540;}
.mymain .box.compare .data .rate.up span i{font-weight: 400;}
.mymain .box.compare .data .rate.up .per{background: #E63540;color: #fff;}
.mymain .box.compare .data .rate.down span{color: #0B53B2;}
.mymain .box.compare .data .rate.down .per{background: #0B53B2;color: #fff;}
.mymain .box.compare .data li + li{margin-top: 1rem;border-top: 1px dashed #CED4D3;padding-top: 1rem;}
.mymain .box.compare .data .rate.down .per::before{transform: rotate(180deg);}

/* calendar */
.mymain .box.calendar .calendar_wrap {background-color:#F2FAF9;border-radius:.8rem .8rem 0 0;width:100%;padding: 1.6rem 1.8rem;}
.mymain .box.calendar .calendar_wrap .calendar_header {display:flex;justify-content:space-between;align-items:center;margin-bottom: 1rem;}
.mymain .box.calendar .calendar_wrap button[class^='btn_cal']{display: inline-block;width: 1.6rem;height: 1.6rem;background: url(../images/icon/ico_cal_btn.svg) no-repeat center / 1.6rem;}
.mymain .box.calendar .calendar_wrap .btn_cal_next{transform: rotate(180deg);}
.mymain .box.calendar .calendar_wrap .day_wrap {width: 100%;}
.mymain .box.calendar .calendar_wrap .date_range {font-size:2rem;font-weight:500;color:#333333;}
.mymain .box.calendar .calendar_wrap .date_range .range {color:#124F4A;font-weight: 700;}
.mymain .box.calendar .calendar_wrap .weekdays, .dates {display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:0.875rem;}
.mymain .box.calendar .calendar_wrap .weekdays {border-bottom: 1px solid #BEEBE8;padding-bottom: 0.4rem;font-weight: 600;color: #283635;font-size: 1.5rem;}
.mymain .box.calendar .calendar_wrap .weekdays .sun {color: #E63540;}
.mymain .box.calendar .calendar_wrap .dates span {color: #526463;font-size: 1.5rem;margin-top: 0.7rem;}
.mymain .box.calendar .calendar_wrap .dates .active {background-color:#fff;color:#124f4a;border-radius:50%;width: 2.4rem;height: 2.4rem;display:inline-flex;justify-content:center;align-items:center;font-size:1.5rem;padding: .2rem .5rem;font-weight: 600;margin-left: auto;margin-right: auto;}
.mymain .box.calendar .calendar_wrap .btn_schedule {font-size: 1.3rem;background: transparent;text-align: center;}
.mymain .box.calendar .calendar_wrap .btn_schedule::before {content: '';display: block;width: 2.2rem;height: 2.2rem;background: url(../images/icon/i_calendar.png) no-repeat center;margin: 0 auto;}
.mymain .box.calendar .det_sch {margin-top: 1.6rem;height: 9.5rem;}
.mymain .box.calendar .det_sch li {font-size: 1.5rem;color: #526463;width: 95%;}
.mymain .box.calendar .det_sch li a {display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mymain .box.calendar .det_sch li + li {margin-top: 1rem;}
.mymain .box.calendar .det_sch li .time {font-size: 1.3rem;font-weight: 500;color: #288E86;background: #ECEFEE;border-radius: 100rem;padding: .5rem 1.1rem;margin-right: 1.2rem;display: inline-block;line-height: 1;}
.mymain .box.calendar .det_sch .simplebar-track.simplebar-vertical {width: .4rem;background: #EAE9E9;border-radius: 5rem;}
.mymain .box.calendar .det_sch .simplebar-scrollbar {background: #C7C8C8;border-radius: 5rem;width: .4rem;}

/* price */
.mymain .box.price .tab_menu {background: #ECEFEE;border-radius: 0.8rem;overflow: hidden;}
.mymain .box.price .tab_menu li {width: 50%;}
.mymain .box.price .tab_menu li button {border-radius: 0.8rem;font-size: 1.5rem;padding: 0.9rem 0;color: #121918;}
.mymain .box.price .tab_menu li button.on {background: #fff;border: 2px solid var(--primary);font-weight: 700;color: var(--primary);}
.mymain .box.price .tab_cont {margin-top: 0.8rem;}
.mymain .box.price .rank_list li + li {border-top: 1px dashed #CED4D3;}
.mymain .box.price .rank_list li{display: flex;align-items: center;padding: 0.8rem 0;justify-content: space-between;}
.mymain .box.price .rank_list li .left{display: flex;align-items: center;}
.mymain .box.price .rank_list li .right{display: flex;gap: 0 1rem;}
.mymain .box.price .rank_list .rank {background-color: var(--primary);border-radius: 50%;color: #fff;font-size: 1.2rem;font-weight: 600;width: 2.4rem;height: 2.4rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;text-indent: 1px;}
.mymain .box.price .rank_list .prd {font-size: 1.6rem;font-weight: 600;color: #121918;font-weight: 600;white-space: nowrap;margin-left: 1.3rem;display: inline-block;}
.mymain .box.price .rank_list .pr_wrap {font-size: 1.4rem;color: #434343;text-align: right;display: block;}
.mymain .box.price .rank_list .pr_wrap .unit {font-size: 1.4rem;color: #171717;margin-right: .4rem;margin-right: 1.5rem;display: inline-block;}
.mymain .box.price .rank_list .pr_wrap .price {font-size: 1.6rem;font-weight: 700;color: #171717;display: inline-block;}
.mymain .box.price .rank_list .rate{font-size: 1.1rem;font-weight: 600;line-height: 1.2;position: relative;padding-left: 1.8rem;}
.mymain .box.price .rank_list .rate::before{content: '';display: block;width: 1rem;height: 1rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.mymain .box.price .rank_list .rate.up{color: #E63540;}
.mymain .box.price .rank_list .rate.up::before{background: url(../images/icon/ico_rate_up.svg) no-repeat center / 1rem;}
.mymain .box.price .rank_list .rate.down::before{background: url(../images/icon/ico_rate_down.svg) no-repeat center / 1rem;}
.mymain .box.price .rank_list .rate.down{color: #0B53B2;}

/* supply */
.mymain .box.supply .prc_list {display: flex;flex-wrap: wrap;}
.mymain .box.supply .prc_slider{position: relative;overflow: hidden;padding-bottom: 4rem;}
.mymain .box.supply .prc_list > li {width: 100%;background: #ECEFEE;border-radius: .8rem;display: flex;align-items: center;padding: 1.6rem 2rem;gap: 1.6rem;}
.mymain .box.supply .prc_list > li + li {margin-top: .8rem;}
.mymain .box.supply .prc_list li .p_img {width: 7rem;height: 7rem;border-radius: 50%;overflow: hidden;background-color: #fff;}
.mymain .box.supply .prc_list li .p_img img {width: 100%;height: 100%;object-fit: cover;}
.mymain .box.supply .prc_list li strong {font-size: 1.7rem;font-weight: 600;margin-bottom: 1.2rem;}
.mymain .box.supply .prc_list li .p_tbox {width: calc(100% - 7rem - 1.6rem);text-align: left;}
.mymain .box.supply .prc_list li .progress_wrap {position: relative;width: 100%;}
.mymain .box.supply .prc_list li .progress_bar {height: 1rem;border-radius: 5rem;background-image: linear-gradient(to right, #F66060 0%, #F0B048 25%, #61CAFF 49%, #46D0A5 75%, #3CC560 100%);position: absolute;width: 100%;border: 1px solid #fff;}
.mymain .box.supply .prc_list li .progress_wrap ul {display: flex;align-items: center;justify-content: space-between;margin-top: 1.4rem;padding-top: 1rem;}
.mymain .box.supply .prc_list li .progress_wrap ul li {font-size: 1.3rem;color: #283635;margin-top: 0.2rem;}
.mymain .box.supply .prc_list li .progress_wrap .gauge {width: 0;height: 0;border-left: .4rem solid transparent;border-right: .4rem solid transparent;border-top: 0.8rem solid #F66060;display: block;position: absolute;top: -1rem;left: 0;transform: translateX(-50%);}
.mymain .box.supply .prc_list li .progress_wrap .gauge.g0p {left: 0;transform: translateX(-50%);border-top: .6rem solid #F66060;}
.mymain .box.supply .prc_list li .progress_wrap .gauge.g50p {left: 50%;transform: translateX(-50%);border-top: .6rem solid #61CAFF;}
.mymain .box.supply .prc_list li .progress_wrap .gauge.g100p {left: 100%;transform: translateX(-50%);border-top: .6rem solid #3CC560;}

/* q_wrap */
.mymain .q_wrap {display: flex;flex-direction: column;gap: 2.4rem;}
.mymain .q_wrap .box{width: 100% !important;}
.mymain .box.quick ul {display: flex;gap: .8rem;}
.mymain .box.quick ul li {width: 33.33%;background: #F9F9F9;border-radius: .8rem;color: #121918;font-size: 1.3rem;font-weight: 600;text-align: center;height: 7.1rem;line-height: 1.7rem;border: 1px solid transparent;transition: all 0.2s;}
.mymain .box.quick ul li a {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;flex-direction: column;}
.mymain .box.quick ul li a::before{content: '';width: 100%;height: 2.4rem;margin-bottom: 0.8rem;}
.mymain .box.quick ul li.q1 a::before{background: url(../images/icon/ico_my_quick_01.svg) no-repeat center / 1.8rem;}
.mymain .box.quick ul li.q2 a::before{background: url(../images/icon/ico_my_quick_02.svg) no-repeat center / 2.2rem;}
.mymain .box.quick ul li.q3 a::before{background: url(../images/icon/ico_my_quick_03.svg) no-repeat center / 1.9rem;}
.mymain .box.quick ul li:hover{border: 1px solid #288E86;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.16);}
.mymain .box.quick ul li:hover a{color: #288E86;}

/* code */
.mymain .code ul {display: flex;gap: .8rem;}
.mymain .code ul li {width: 25%;border-radius: .8rem;color: #171717;font-size: 1.4rem;font-weight: 600;text-align: center;height: 7.1rem;line-height: 1.7rem;background-color: #41A59E;transition: all 0.2s;}
.mymain .code ul li a {display: flex;width: 100%;height: 100%;flex-direction: column;align-items: center;justify-content: space-between;padding: 1rem;color: #fff;}
.mymain .code ul li a::after {content: '';display: block;width: 100%;height: 1.2rem;background: url(../images/icon/ico_arrow_white.svg) no-repeat right / 1.2rem;}
.mymain .code ul li:hover{box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.16);background-color: #288E86;}

/* 250915 추가 */
.mx3300 {max-width: 330rem !important;}
.mx60rem {max-width: calc(60rem + 3.2rem) !important;}
.mx70rem {max-width: calc(70rem + 3.2rem) !important;}
.mx80rem {max-width: calc(80rem + 3.2rem) !important;}
.mx90rem {max-width: calc(90rem + 3.2rem) !important;}
.mx100rem {max-width: calc(100rem + 3.2rem) !important;}
.mx110rem {max-width: calc(110rem + 3.2rem) !important;}
.mx120rem {max-width: calc(120rem + 3.2rem) !important;}