@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --gray-100: #F4FAFC;
    --gray-200: #F5F5F5;
    --gray-300: #F0F0F0;
    --gray-400: #D8D8D8;
    --gray-500: #A1A5AE;
    --gray-600: #999999;
    --gray-700: #71727A;
    --gray-800: #3C3C3C;
    --gray-900: #252525;
    --content-main: var(--gray-900);
    --content-disabled: var(--gray-400);
    --content-caption: var(--gray-700);
    --content-primary: #246CDA;
    --content-blue: #4D67E1;
    --content-red: #F15668;
    --content-orange: #FF8148;
    --content-green: #2A94A1;
    --content-nomubi: #132C6B;
    --border-normal: var(--gray-400);
    --bg-normal: #F9F9F9;
    --white: #FFFFFF;
    --black: #000000;
}

/* ====================== */
/* UI Reset */
/* ====================== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}

html {
    -webkit-overflow-scrolling: touch;
    -ms-content-zooming: none;
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 15px;
    letter-spacing: -0.043rem;
    font-weight: 400;
    color: var(--content-main);
    word-break: keep-all;
    background-color: var(--white);
}

html *,
html *::before,
html *::after {
    font-size: 100%;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}

body {
    display: flex;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

hr, caption {
    display: none;
}

dl, ul, ol, menu, li {
    list-style: none;
}

b, strong {
    font-weight: 700;
}

a, button, input, textarea, select {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    border: 0;
}

a, button {
    text-decoration: none !important;
    margin: 0;
    padding: 0;
}

input, textarea, select {
    width: 100%;
    text-align: inherit;
}

select, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
}

select {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

select:invalid {
    color: var(--content-caption);
}

option {
    color: var(--content-main);
}

button, [type='button'], [role='button'], [role='tablist'] {
    pointer-events: all;
    cursor: pointer;
}

input[type='checkbox'], input[type='radio'] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[disabled], [readonly], [-moz-readonly] {
    pointer-events: none;
    cursor: default;
    background: none;
}

::-moz-selection {
    background-color: rgba(122, 122, 122, 0.22);
}

::selection {
    background-color: rgba(122, 122, 122, 0.22);
}

::placeholder {
    font-weight: normal;
    color: var(--content-disabled);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--black);
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: background-color 5000s ease 0s;
    transition: background-color 5000s ease 0s;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
    width: 100%;
    table-layout: fixed;
}

caption, th {
    text-align: left;
}

th {
    font-weight: normal;
}

address, caption, cite, code, dfn, em, th, var, i {
    font-style: normal;
    font-weight: normal;
}

img, svg {
    display: inline-block;
    border: none;
    vertical-align: bottom;
    pointer-events: none;
}

a img {
    width: 100%;
}

pre {
    word-break: normal;
    white-space: pre-wrap;
    line-height: inherit;
}

u {
    text-underline-position: under;
}

/* ====================== */
/* common */
/* ====================== */
/* space */
.pd-0 {
    padding: 0;
}

.pd-t-0 {
    padding-top: 0 !important;
}

.pd-t-5 {
    padding-top: 5px !important;
}

.pd-t-10 {
    padding-top: 10px !important;
}

.pd-t-15 {
    padding-top: 15px !important;
}

.pd-t-20 {
    padding-top: 20px !important;
}

.pd-t-25 {
    padding-top: 25px !important;
}

.pd-t-30 {
    padding-top: 30px !important;
}

.pd-b-0 {
    padding-bottom: 0 !important;
}

.pd-b-5 {
    padding-bottom: 5px !important;
}

.pd-b-10 {
    padding-bottom: 10px !important;
}

.pd-b-15 {
    padding-bottom: 15px !important;
}

.pd-b-20 {
    padding-bottom: 20px !important;
}

.pd-b-25 {
    padding-bottom: 25px !important;
}

.pd-b-30 {
    padding-bottom: 30px !important;
}

.pd-l-0 {
    padding-left: 0 !important;
}

.pd-l-5 {
    padding-left: 5px !important;
}

.pd-l-10 {
    padding-left: 10px !important;
}

.pd-l-15 {
    padding-left: 15px !important;
}

.pd-l-20 {
    padding-left: 20px !important;
}

.pd-l-25 {
    padding-left: 25px !important;
}

.pd-l-30 {
    padding-left: 30px !important;
}

.pd-r-0 {
    padding-right: 0 !important;
}

.pd-r-5 {
    padding-right: 5px !important;
}

.pd-r-10 {
    padding-right: 10px !important;
}

.pd-r-15 {
    padding-right: 15px !important;
}

.pd-r-20 {
    padding-right: 20px !important;
}

.pd-r-25 {
    padding-right: 25px !important;
}

.pd-r-30 {
    padding-right: 30px !important;
}

.mg-0 {
    margin: 0 !important;
}

.mg-0-auto {
    margin: 0 auto !important;
}

.mg-t-0 {
    margin-top: 0 !important;
}

.mg-t-5 {
    margin-top: 5px !important;
}

.mg-t-10 {
    margin-top: 10px !important;
}

.mg-t-15 {
    margin-top: 15px !important;
}

.mg-t-20 {
    margin-top: 20px !important;
}

.mg-t-25 {
    margin-top: 25px !important;
}

.mg-t-30 {
    margin-top: 30px !important;
}

.mg-b-0 {
    margin-bottom: 0 !important;
}

.mg-b-5 {
    margin-bottom: 5px !important;
}

.mg-b-10 {
    margin-bottom: 10px !important;
}

.mg-b-15 {
    margin-bottom: 15px !important;
}

.mg-b-20 {
    margin-bottom: 20px !important;
}

.mg-b-25 {
    margin-bottom: 25px !important;
}

.mg-b-30 {
    margin-bottom: 30px !important;
}

.mg-l-0 {
    margin-left: 0 !important;
}

.mg-l-5 {
    margin-left: 5px !important;
}

.mg-l-10 {
    margin-left: 10px !important;
}

.mg-l-15 {
    margin-left: 15px !important;
}

.mg-l-20 {
    margin-left: 20px !important;
}

.mg-l-25 {
    margin-left: 25px !important;
}

.mg-l-30 {
    margin-left: 30px !important;
}

.mg-r-0 {
    margin-right: 0 !important;
}

.mg-r-5 {
    margin-right: 5px !important;
}

.mg-r-10 {
    margin-right: 10px !important;
}

.mg-r-15 {
    margin-right: 15px !important;
}

.mg-r-20 {
    margin-right: 20px !important;
}

.mg-r-25 {
    margin-right: 25px !important;
}

.mg-r-30 {
    margin-right: 30px !important;
}

.gap-0 {
    gap: 0px;
}

.gap-2 {
    gap: 2px;
}

.gap-4 {
    gap: 4px;
}

.gap-5 {
    gap: 5px;
}

.gap-6 {
    gap: 6px;
}

.gap-8 {
    gap: 8px;
}

.gap-10 {
    gap: 10px;
}

.gap-12 {
    gap: 12px;
}

.gap-14 {
    gap: 14px;
}

.gap-15 {
    gap: 15px;
}

.gap-16 {
    gap: 16px;
}

.gap-18 {
    gap: 18px;
}

.gap-20 {
    gap: 20px;
}

.gap-22 {
    gap: 22px;
}

.gap-24 {
    gap: 24px;
}

.gap-25 {
    gap: 25px;
}

.gap-26 {
    gap: 26px;
}

.gap-28 {
    gap: 28px;
}

.gap-30 {
    gap: 30px;
}

.gap-0-2 {
    gap: 0 2px;
}

.gap-0-4 {
    gap: 0 4px;
}

.gap-0-5 {
    gap: 0 5px;
}

.gap-0-6 {
    gap: 0 6px;
}

.gap-0-8 {
    gap: 0 8px;
}

.gap-0-10 {
    gap: 0 10px;
}

.gap-0-12 {
    gap: 0 12px;
}

.gap-0-14 {
    gap: 0 14px;
}

.gap-0-15 {
    gap: 0 15px;
}

.gap-0-16 {
    gap: 0 16px;
}

.gap-0-18 {
    gap: 0 18px;
}

.gap-0-20 {
    gap: 0 20px;
}

.gap-0-22 {
    gap: 0 22px;
}

.gap-0-24 {
    gap: 0 24px;
}

.gap-0-25 {
    gap: 0 25px;
}

.gap-0-26 {
    gap: 0 26px;
}

.gap-0-28 {
    gap: 0 28px;
}

.gap-0-30 {
    gap: 0 30px;
}

.gap-2-0 {
    gap: 2px 0;
}

.gap-4-0 {
    gap: 4px 0;
}

.gap-5-0 {
    gap: 5px 0;
}

.gap-6-0 {
    gap: 6px 0;
}

.gap-8-0 {
    gap: 8px 0;
}

.gap-10-0 {
    gap: 10px 0;
}

.gap-12-0 {
    gap: 12px 0;
}

.gap-14-0 {
    gap: 14px 0;
}

.gap-15-0 {
    gap: 15px 0;
}

.gap-16-0 {
    gap: 16px 0;
}

.gap-18-0 {
    gap: 18px 0;
}

.gap-20-0 {
    gap: 20px 0;
}

.gap-22-0 {
    gap: 22px 0;
}

.gap-24-0 {
    gap: 24px 0;
}

.gap-25-0 {
    gap: 25px 0;
}

.gap-26-0 {
    gap: 26px 0;
}

.gap-28-0 {
    gap: 28px 0;
}

.gap-30-0 {
    gap: 30px 0;
}

/* width */
.w-half {
    width: 50% !important;
}

.w-full {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

/* flex */
.flex-wrap {
    flex-wrap: wrap;
}

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

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-column {
    flex-direction: column;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-align-unset {
    align-items: unset;
}

.flex-align-start {
    align-items: flex-start;
}

.flex-align-center {
    align-items: center;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-align-stretch {
    align-items: items;
}

.flex-justify-unset {
    justify-content: unset;
}

.flex-justify-start {
    justify-content: start;
}

.flex-justify-center {
    justify-content: center;
}

.flex-justify-end {
    justify-content: end;
}

.flex-justify-stretch {
    justify-content: stretch;
}

/* text */
.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-underline {
    text-decoration: underline;
    text-underline-position: under;
}

/* font weight */
.fw-normal {
    font-weight: 400;
}

.fw-bold {
    font-weight: 700;
}

.fw-300 {
    font-weight: 300;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

/* font color */
.fc-main {
    color: var(--content-main) !important;
}

.fc-disabled {
    color: var(--content-disabled) !important;
}

.fc-caption {
    color: var(--content-caption) !important;
}

.fc-primary {
    color: var(--content-primary) !important;
}

.fc-red {
    color: var(--content-red) !important;
}


/* btn */
.btn[aria-disabled="true"] {
    color: var(--content-caption);
    pointer-events: none;
}

.btn[aria-disabled="true"] strong {
    font-weight: normal;
}

.btn {
    cursor: pointer;
    font-size: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn__download .ico.wh {
    background-image: url(/web/images/svg/download_wh.svg);
}

.btn__download .ico.bk {
    background-image: url(/web/images/svg/download_bk.svg);
}

.c_back_bk {
    color: #fff;
    background-color: var(--content-main);
}

.c_line_bk {
    border: 1px solid var(--content-main);
}

.c_fc_bk {
    color: var(--content-main);
    background-color: #fff;
}

.c_bk {
    color: var(--content-main);
    border: 1px solid var(--content-main);
}

.c_back_dim {
    color: #fff;
    background-color: #515151;
}

.c_line_dim {
    border: 1px solid #515151;
}

.c_fc_dim {
    color: #515151;
    background-color: #fff;
}

.c_dim {
    color: #515151;
    border: 1px solid #515151;
}

.c_back_dim_light {
    color: #fff;
    background-color: #bbb;
}

.c_line_dim_light {
    border: 1px solid #bbb;
}

.c_fc_dim_light {
    color: #bbb;
    background-color: #fff;
}

.c_dim_light {
    color: #bbb;
    border: 1px solid #bbb;
}

.c_back_disabled {
    background-color: var(--gray-400);
}

.c_line_disabled {
    border: 1px solid var(--border-normal);
}

.c_fc_disabled {
    color: var(--content-caption);
    background-color: #fff;
}

.c_disabled {
    color: var(--content-caption);
    border: 1px solid var(--border-normal);
}

.c_back_red {
    color: #fff;
    background-color: var(--content-red);
}

.c_line_red {
    border: 1px solid var(--content-red);
}

.c_fc_red {
    color: var(--content-red);
    background-color: #fff;
}

.c_red {
    color: var(--content-red);
    border: 1px solid var(--content-red);
}

.c_back_red_dark {
    color: #fff;
    background-color: #D2005B;
}

.c_line_red_dark {
    border: 1px solid #D2005B;
}

.c_fc_red_dark {
    color: #D2005B;
    background-color: #fff;
}

.c_red_dark {
    color: #D2005B;
    border: 1px solid #D2005B;
}

.c_back_primary_light {
    color: var(--content-primary);
    background-color: #d0defe;
}

.c_back_primary {
    color: #fff;
    background-color: var(--content-primary);
}

.c_line_primary {
    border: 1px solid var(--content-primary);
}

.c_fc_primary{
    color: var(--content-primary);
    background-color: #fff;
}

.c_primary {
    color: var(--content-primary);
    border: 1px solid var(--content-primary);
}

.c_back_green {
    color: #fff;
    background-color: var(--content-green);
}

.c_line_green {
    border: 1px solid var(--content-green);
}

.c_fc_green {
    color: var(--content-green);
    background-color: #fff;
}

.c_green {
    color: var(--content-green);
    border: 1px solid var(--content-green);
}

.c_back_bg {
    background-color: var(--bg-normal);
    color: var(--content-caption);
}

.c_arrow {
    background-image: url(/web/images/svg/arrow_right.svg);
}


/* textarea */
.textarea-set textarea {
    resize: none;
    padding: 15px 16px;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* select */
.select-set select {
    padding: 0 30px 0 16px;
    background: no-repeat url(/web/images/svg/arrow_down.svg) right 12px center, #fff;
    background-size: 14px;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.select-custom-set {
    position: relative;
}

.select-custom-set input {
    cursor: pointer;
    padding: 0 30px 0 16px;
    background: no-repeat url(/web/images/svg/arrow_down.svg) right 12px center, #fff;
    background-size: 14px;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.select-custom-set input:disabled {
    background-image: none !important;
}

.select-custom-set .select__options {
    display: none;
    position: absolute;
    width: 100%;
    top: 66px;
    z-index: 5;
    text-align: center;
    background-color: #fff;
    border: 2px solid #d9d9d9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
}

.select-custom-set .select__options p {
    line-height: 1;
    padding: 18px 10px;
    cursor: pointer;
}

.select-custom-set .select__options p ~ p {
    border-top: 1px solid var(--border-normal);
}

.select-custom-set .select__options p.selected {
    background-color: rgba(36, 108, 218, .06);
}

.select-custom-set .select__options p:hover {
    background-color: rgba(36, 108, 218, .01);
}

/* input */
input.hasDatepicker + img {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-set {
    position: relative;
}

.input-set input {
    padding: 0 16px;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.input-multi-set {
    position: relative;
    display: flex;
    align-items: center;
}

.input-multi-set.row {
    display: inline-flex;
}

.input-multi-set.column {
    display: inline-flex;
}

.input-multi-set .input-set-title {
    display: flex;
}

.input-multi-set .date-dash {
    text-align: center;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 50%;
}

.input-text-set {
    position: relative;
    display: flex;
    align-items: center;
}

.input-text-set input {
    padding: 0 16px;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.input-text-set .input-text {
    flex-shrink: 0;
    margin-left: 5px;
}

.btn-set {
    position: relative;
    display: flex;
    align-items: center;
}

.btn-set input {
    padding: 0 16px;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn-set .input-btn {
    position: relative;
    flex-shrink: 0;
}

/* checkbox */
.checkbox-set,
.radiobox-set {
    position: relative;
    margin-left: 24px;
}

.checkbox-set.only,
.radiobox-set.only {
    margin-left: 0;
    width: 18px;
}

.checkbox-set.only input[type="checkbox"] + .checkbox__label:after,
.radiobox-set.only input[type="checkbox"] + .radiobox__label:after {
    margin-left: 0;
}

.checkbox__label,
.radiobox__label,
.listbox__label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.checkbox-set input[type=checkbox],
.radiobox-set input[type=radio] {
    position: absolute;
    opacity: 0;
    height: auto;
    z-index: -1
}

.checkbox-set input[type=checkbox] + .checkbox__label::after,
.radiobox-set input[type=radio] +.radiobox__label:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.checkbox-set input[type=checkbox]+.checkbox__label:after {
    left: 0;
    margin-left: -24px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: no-repeat url(/web/images/svg/checkbox_n.svg) center/ contain;
}

.checkbox-set input[type=checkbox]:checked+.checkbox__label:after {
    background-image: url(/web/images/svg/checkbox_s.svg);
}

.checkbox-radio input[type=checkbox]+.checkbox__label:after {
    background-image: url(/web/images/svg/radiobox_n.svg);
}

.checkbox-radio input[type=checkbox]:checked+.checkbox__label:after {
    background-image: url(/web/images/svg/radiobox_s.svg);
}

.radiobox-set input[type=radio] + .radiobox__label:after {
    left: 0;
    margin-left: -24px;
    width: 18px;
    height: 18px;
    text-align: center;
    -wevbkit-border-radius: 100%;
    border-radius: 100%;
    background: no-repeat url(/web/images/svg/radiobox_n.svg) center/ contain;
}

.radiobox-set input[type=radio]:checked+.radiobox__label:after {
    background-image: url(/web/images/svg/radiobox_s.svg);
}

.listbox-set {
    display: flex;
    align-items: center;
    gap: 0 8px;
    margin: 0;
}

.listbox-set > div {
    flex-shrink: 0;
    width: 100px;
}

.listbox-set input + .listbox__label {
    width: 100%;
    justify-content: center;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.listbox-set input:checked + .listbox__label {
    color: var(--content-primary);
    border-color: var(--content-primary);
}

/* tab */
.tab-set {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tab-set a {
    flex: 1;
    cursor: pointer;
}

/*.tab-set ~ .tab__cont {
    display: none;
}*/

.tab-set.type1 {
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-normal);
    box-shadow: inset 0 0 0 1px var(--border-normal);
}

.tab-set.type1 .title {
    flex: none;
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
}

.tab-set.type1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    font-size: 17px;
    font-weight: 700;
}

.tab-set.type1 a.is-active {
    color: var(--content-primary);
    border: 1px solid var(--content-primary);
}

.table-fllter {
    display: table;
    width: 100%;
    padding: 26px 20px;
    margin-bottom: 20px;
    background-color: var(--bg-normal);
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.table-fllter .fllter__list {
    display: flex;
    align-items: center;
    gap: 0 18px;
}

.table-fllter .fllter__list ~ .fllter__list {
    margin-top: 34px;
}

.table-fllter .fllter__list > * {
    flex-shrink: 0;
}

.table-fllter .fllter__list > *:last-child {
    flex: 1;
}

.table-fllter .fllter__list .btn__search {
    align-self: normal;
    flex: 0 0 auto;
    width: 105px;
    margin-left: auto;
}

.table-fllter .fllter__list .input-item {
    height: 40px;
    padding: 0 6px;
    border: unset;
    background-color: unset;
    border-radius: unset;
    font-size: 15px;
}

.table-fllter .fllter__list .input-item[readonly] {
    pointer-events: all;
}

.table-fllter .fllter__list .input-set input {
    border-bottom: 1px solid #3c3c3c;
}

.table-fllter .fllter__list .select-set select,
.table-fllter .fllter__list .select-custom-set input {
    padding: 0 20px 0 6px;
    background-position: right 3px center;
    border-bottom: 1px solid #3c3c3c;
}

.table-fllter .fllter__list .select-custom-set .input-item[value=""] + .all {
    pointer-events: none;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0 20px 0 6px;
}

.table-fllter .fllter__list .input-item-label {
    font-size: 15px;
    text-align: center;
}

.table-function {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.table-function.end {
    justify-content: flex-end;
}

.table-function .tSort,
.table-function .tMeta {
    display: flex;
    align-items: center;
}

.table-function .tSort {
    gap: 0 15px;
}

.table-function .tSort a {
    position: relative;
    cursor: pointer;
    font-size: 13px;
}

.table-function .tSort a + a::before {
    content: '\00B7';
    position: absolute;
    left: -10px;
}

.table-function .tSort a.is-active {
    color: var(--content-primary);
}

.table-function .tSort a[data-sort]::after {
    display: inline-block;
    font-size: 12px;
}

.table-function .tSort a[data-sort="asc"]::after {
    content: "\2191";
}

.table-function .tSort a[data-sort="desc"]::after {
    content: "\2193";
}

.table-function .tMeta {
    gap: 0 10px;
    font-size: 13px;
}

.table-function .tMeta .btn {
    height: 30px;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.table-function .tMeta .btn .ico {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 15px;
    height: 15px;
}

.table-function .tMeta .btn__download .ico {
    margin-left: 6px;
}

.table-function .tMeta .btn__urgSeek .ico {
    margin-right: 3px;
    background-image: url(/web/images/icon/btn_urg.png);
}

.table-function .tMeta .input-set input,
.table-function .tMeta .select-set select {
    height: 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.table-function .tMeta .input-set input {
    padding: 0 10px;
}

.table-function .tMeta .select-set select {
    padding: 0 20px 0 10px;
    background-position: right 5px center;
}

.table-condi {
    margin-bottom: 20px;
}

.table-condi .title {
    font-size: 20px;
    margin-bottom: 20px;
}

.table-condi > div:not(.title) {
    position: relative;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-normal);
    box-shadow: inset 0 0 0 1px var(--border-normal)
}

.table-condi > div:not(.title) + div:not(.title) {
    box-shadow: inset 0 1px 0px 0px white, inset 0px 0 0px 1px var(--border-normal);
}

.table-condi > div + div::before {
    /* content: ''; */
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.table-condi .condi-set > div + div {
    border-top: 1px solid var(--gray-300);
}

.table-condi .condi__list {
    display: flex;
}

.table-condi .condi__list .item {
    flex: 1;
    text-align: center;
}

.table-condi .condi__list .item + .item {
    border-left: 1px solid var(--gray-300);
}

.table-condi .condi__list .item p {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #3d3d44;
}

.table-condi .condi__list .item ol {
    height: 290px;
    margin: 18px 0;
    padding: 0 20px;
    overflow-y: auto;
}

.table-condi .condi__list .item ol li {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}

.table-condi .condi__list .item ol li.active {
    color: var(--content-primary);
}

.table-condi .condi__selected {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
}

.table-condi .condi__selected p {
    color: var(--content-primary);
}

.table-condi .condi__selected p + p {
    margin-left: 15px;
}

.table-condi .condi__selected p > button {
    margin-left: 8px;
}

.table-condi .condi-result {
    text-align: center;
    padding: 28px 0;
}

.table-condi .condi-result p {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.8;
}

.table-condi .condi-result p input[name=req] {
    margin: 0 5px 0 10px;
    width: 100px;
    height: 35px;
    padding: 0 6px;
    text-align: right;
    border: 1px solid var(--border-normal);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.table-condi .condi-result .checkbox-set {
    margin-top: 18px;
    display: inline-block;
}

.table-set table {
    border-top: 2px solid #46464c;;
}

.table-set table .checkbox-set,
.table-set table .radobox-set {
    display: inline-block;
}

.table-set tr {
    border-bottom: 1px solid #eaeaea;
}

.table-set th,
.table-set td {
    position: relative;
    padding: 10px 8px;
    line-height: 1.4;
}

.table-set thead th {
    text-align: center;
    height: 60px;
    font-size: 14px;
    font-weight: 700;
    color: #3c3c3c;
    background-color: #fafafa;
}

.table-set tbody td {
    font-size: 13px;
    color: var(--content-caption);
}

.table-set.type1 th + th,
.table-set.type1 td + td {
    border-left: 1px solid #eaeaea;
}

.table-set .paginate {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-set .paginate ol.number {
    margin: 0 6px;
    display: flex;
    align-items: center;
    gap: 0 5px;
}

.table-set .paginate ol.number li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: var(--content-caption);
    border: 1px solid var(--border-normal);
}

.table-set .paginate ol.number li.active > a {
    color: var(--content-main);
    border-color: var(--content-main);
}

.table-set .paginate p {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.table-set .paginate p > span.text {
    display: none;
}

.table-set .paginate p.arrow > span.icon {
    width: 16px;
    height: 16px;
    background: no-repeat url(http://www.nomubi.com/images/common/board-sprite_icon.png);
    background-size: cover;
}

.table-set .paginate p.arrow.first > span.icon {
    background-position: center -80px;
}

.table-set .paginate p.arrow.pre > span.icon {
    background-position: center -120px;

}

.table-set .paginate p.arrow.next > span.icon {
    background-position: center -140px;
}

.table-set .paginate p.arrow.last > span.icon {
    background-position: center -100px;
}

.table__help {
    margin-top: 15px;
}

.table__help p {
    margin-bottom: 15px;
    font-size: 13px;
    color: var(--content-caption);
}

.table__help p > .symbl {
    margin-right: 5px;
}

.table__help p > .symbl.i-back {
    width: 15px;
    height: 15px;
}

.form-set.accordion .form-set__item {
    border-bottom: 1px solid var(--border-normal);
}

.form-set.accordion .form-set__item.last {
    border-bottom: 0;
}

.form-set.accordion .form-set__item .tit {
    padding: 20px 0;
    font-size: 20px;
    font-weight: 700;
    background: no-repeat url(/web/images/svg/arrow_down.svg) right 16px center;
}

.form-set.accordion .form-set__item.active .tit {
    background-image: url(/web/images/svg/arrow_up.svg);
}

.form-set.accordion .form-set__item .panel {
    /*display: none;*/
    padding-bottom: 20px;
    line-height: normal;
}

.form-set.accordion .form-set__item .panel-cont ~ .panel-cont {
    margin-top: 20px;
}

.form-set.accordion .form-set__item .panel-cont .byte {
    margin-top: 10px;
    text-align: right;
    color: #464C53;
}

.form-set.accordion .form-set__item .panel-cont .input__title {
    margin-bottom: 8px;
}

.form-set.accordion .form-set__item .panel-cont__tit {
    font-size: 16px;
    margin-bottom: 10px;
}

.form-set.accordion .form-set__item .panel-help {
    margin-top: 10px;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    color: var(--content-caption);
}

.form-set.accordion .form-set__item .panel-help .symbl.ex {
    position: absolute;
    left: 5px;
    top: 4px;
    width: 13px;
    height: 13px;
}

.form-set.table {
    padding: 20px 0;
    border-top: 2px solid #46464c;
}

.form-set.table .item {
    display: flex;
    align-items: center;
    padding: 8px 30px;
    min-height: 66px;
}

.form-set.table hr {
    display: block;
    margin: 20px 0;
    border:0;
    height:1px;
    background-color: #dedede;
}

.form-set.table .item .tit {
    flex-shrink: 0;
    line-height: 1.6;
    font-size: 17px;
}

.form-set.table .item.line2 .tit {
    align-self: flex-start;
}

.form-set.table .item .tit > .symbl {
    margin-left: 5px;
}

.form-set.table .item .tit > .symbl.help {
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
}

.form-set.table .item .tit + div {
    flex: 1 1 auto;
    position: relative;
}

.form-set.table .item .tit + div ~ div {
    margin-left: 12px;
}

.form-set.table .item .tit + div .meta {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}

/* datepicker */
.ui-datepicker.ui-widget-content {
    width: 452px;
    padding: 24px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 3px solid #d0d0d0;
    background-color: #fff;
    box-shadow: 7px 0 21px rgba(28, 28, 28, 0.19);
}

.ui-datepicker.ui-datepicker * {
    background: none;
    font-family: "Noto Sans KR", sans-serif;
    padding: 0;
    margin: 0;
    border: 0;
}

.ui-datepicker-header>a.ui-corner-all {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ui-datepicker-header .ui-corner-all .ui-icon {
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

.ui-datepicker-header .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon {
    right: 0;
    left: auto;
    background: no-repeat url(/web/images/svg/arrow_left.svg) center;
}

.ui-datepicker-header .ui-datepicker-next {
    right: 0;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon {
    left: 0;
    background: no-repeat url(/web/images/svg/arrow_right.svg) center;
}

.ui-datepicker-header .ui-datepicker-title > select {
    width: 136px;
    height: 50px;
    margin: 0;
    font-size: 17px;
    text-align: left;
    padding: 0 14px;
    background: no-repeat url(/web/images/svg/arrow_down.svg) right 12px center/ 16px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-normal);
    box-shadow: inset 0 0 0 1px var(--border-normal);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ui-datepicker-header .ui-datepicker-title > select + select {
    margin-left: 12px;
}

.ui-datepicker .ui-datepicker-calendar {
    margin-top: 15px;
}

.ui-datepicker .ui-datepicker-calendar tbody {
    border-top: 14px solid rgba(255, 255, 255, 0.0);
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    text-align: center;
    height: 36px;
    font-size: 17px;
    color: var(--content-caption);
}

.ui-datepicker-calendar td .ui-state-default {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    text-align: inherit;
}

.ui-datepicker-calendar td .ui-state-hover {
    color: var(--content-main);
}

.ui-datepicker-calendar td:first-of-type > a {
    /* 일요일 */
    color: var(--content-red);
}

.ui-datepicker-calendar td.ui-datepicker-current-day {
    -webkit-box-shadow: inset 0 0 0 1px var(--content-primary);
    box-shadow: inset 0 0 0 1px var(--content-primary);
}

.ui-datepicker-calendar td.ui-datepicker-current-day > a {
    color: #246cda;
}

/* ====================== */
/* Style
/* ====================== */
body.fixed {
    overflow: hidden;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.blind {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.symbl {
    display: inline-block;
}

.symbl.apass {
    vertical-align: super;
    width: 5px;
    height: 5px;
    background-color: #305db8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.symbl.ex {
    background: no-repeat url(/web/images/svg/ex_mark_n.svg) center/ contain;
}

.symbl.ex.bk {
    background-image: url(/web/images/svg/ex_mark_bk.svg);
}

.symbl.i-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.logo img {
    width: 100%;
}

.logo-oninsa {
    display: block;
    width: 72px;
}

.pick i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat url(/web/images/svg/star_n.svg) center/ contain;
}

.pick i.pick1 {
    background-image: url(/web/images/svg/star_s.svg);
}

.pick i.pick2 {
    background-image: url(/web/images/svg/medal.svg);
}

.pick i.pick3 {
    background-image: url(/web/images/svg/crown.svg);
}

.pick i.pick4 {
    background-image: url(/web/images/svg/star_dim.svg);
}

.ellipsis-tooltip > * {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wrap {
    flex: 1;
}

/* ===== header ===== */
.header__top,
.header__bottom .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__top {
    height: 40px;
    padding: 0 20px;
}

.header__top_quick {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__top_quick li {
    position: relative;
    padding: 0 15px;
}

.header__top_quick li + li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
    background-color: var(--content-caption);
}

.header__top_quick li:not(.fc-red):hover a {
    color: var(--gray-700);
}

.header__bottom {
    display: flex;
    align-items: center;
    height: 55px;
    background-color: var(--content-nomubi);
}

.header__bottom .inner {
    flex: 1;
    min-width: 1200px;
    padding: 0 180px;
}

.header__bottom .logo-wrap,
.header__bottom nav {
    display: flex;
    align-items: center;
}

.header__bottom .logo-wrap .slogun {
    color: var(--white);
    margin-left: 24px;
}

.header__bottom nav a {
    font-size: 15px;
    color: var(--gray-500);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.header__bottom nav a:hover {
    color: rgba(255,255,255,.8);
}

.header__bottom nav a + a {
    margin-left: 24px;
}

.header__bottom nav a.active {
    color: var(--white);
    font-weight: 700;
}

/* ===== footer ===== */
footer {
    position: sticky;
    top: 100%;
    border-top: 1px solid var(--bg-normal);
    padding: 20px 0 30px;
    background-color: #fff;
}

.footer__top,
.footer__bottom {
    margin: 0 auto;
    width: 1000px;
    font-size: 13px;
    color: #8c8c8c;
}

.footer__top {
    margin-bottom: 30px;
}

.footer__top a {
    position: relative;
    display: inline-block;
}

.footer__top a + a::before {
    content: '';
    display: inline-block;
    vertical-align: -2px;
    background-color: #8c8c8c;
    margin: 0 9px;
    width: 1px;
    height: 15px;
}

.footer__bottom {
    background: no-repeat url(/web/images/common/symbol_nice_bl.svg) right top/ 53px;
}

.footer__bottom .company {
    margin-bottom: 10px;
}

.footer__bottom .company__name {
    display: block;
    margin-bottom: 10px;
}

.footer__bottom .company__info > span + span::before {
    content: '';
    display: inline-block;
    vertical-align: -2px;
    background-color: #5f5f5f;
    margin: 0 9px;
    width: 1px;
    height: 15px;
}

/* ===== snb ===== */
#snb {
    position: sticky;
    z-index: 10;
    right: -100%;
    top: 0;
    width: 300px;
    height: 100%;
    min-height: 100vh;
    background-color: #25252c;
    padding: 0 40px;
}

#snb .snb__img {
    display: block;
    padding-top: 26px;
    margin: 0 auto;
}

#snb .snb__my {
    padding: 50px 0;
}

#snb .snb__my [name=btnCharging] {
    margin-top: 34px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #246cda;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#snb .snb__my li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    font-weight: 700;
}

#snb .snb__my li > span {
    position: relative;
    flex: 1 1 auto;
    font-weight: 600;
    color: var(--gray-400);
}

#snb .snb__my li > span:last-child {
    text-align: right;
    color: #6aa5ff;
    font-weight: 700;
}

#snb .snb__my li > span:last-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(215, 216, 219, 0.4);
}

#snb .snb__navi {
    padding: 50px 0;
    border-top: 1px solid rgba(113, 113, 130, 0.3);
}

#snb .snb__navi strong {
    display: block;
    margin-top: 34px;
    font-size: 20px;
    color: #fff;
}

#snb .snb__navi_list {
    margin-top: 20px;
}

#snb .snb__navi_list li {
    color: var(--gray-400);
}

#snb .snb__navi_list li.is-active::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 66px;
    background-color: rgba(205, 204, 209, 0.2);
}

#snb .snb__navi_list li > a {
    position: relative;
    display: block;
    height: 66px;
    line-height: 66px;
    padding-left: 46px;
}

#snb .snb__navi_list li > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#snb .snb__navi_list li > a::before {
    width: 25px;
    height: 25px;
    background: no-repeat url(/web/images/common/snb_navi.png);
}


#snb .snb__navi_list li.post_on > a::before {
    /* 채용공고 등록 */
    background-position: 0 0;
}

#snb .snb__navi_list li.post_mngmn > a::before {
    /* 채용공고 관리 */
    background-position: -25px 0;
}

#snb .snb__navi_list li.applicant_mngmn > a::before {
    /* 지원자 관리 */
    background-position: -50px 0;
}

#snb .snb__navi_list li.urg_seek > a::before {
    /* 긴급구인 */
    background-position: -75px 0;
}

#snb .snb__navi_list li.condition_sch > a::before {
    /* 인재검색 */
    background-position: 0 -25px;
}

#snb .snb__navi_list li.my_pick > a::before {
    /* 관심인재 */
    background-position: -25px -25px;
}

#snb .snb__navi_list li.my_page > a::before {
    /* 마이페이지 */
    background-position: 0 -50px;
}

#snb .snb__navi_list li.urg_history > a::before {
    /* 긴급구인내역 */
    background-position: -25px -50px;
}

/* ===== login ===== */
.login-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-normal);
    padding: 80px 36px;
}

.login-page .banner {
    margin-top: 30px;
}

.login-page .contents {
    width: 570px;
    padding: 36px 45px;
    background-color: var(--white);
}

.login-page .logo.logo-oninsa {
    width: 135px;
    padding: 20px 0;
    margin-bottom: 16px;
}

.login-page .form-set {
    margin-bottom: 30px;
}

.login-page .form-set .tit {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 20px;
}

.login-page .form-set .btn__submit {
    width: 100%;
    height: 50px;
}

.login-page .form-set .input-set {
    margin-bottom: 8px;
}

.login-page .form-set .input-set:last-child {
    margin-bottom: 15px;
}

.login-page .form-set .input-set input {
    height: 45px;
}

.login-page .form-set .util {
    margin-bottom: 34px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-page .form-set .util .link > a {
    color: #797979;
}

.login-page .form-set .util .link > a + a::before {
    content: '';
    display: inline-block;
    vertical-align: -2px;
    background-color: #5f5f5f;
    margin: 0 5px;
    width: 1px;
    height: 14px;
}

.login-page .form-set .util .checkbox-set input[type=checkbox]+.checkbox__label:after {
    margin-top: 1px;
}

.login-page .form-help {
    padding: 20px 16px 30px 16px;
    color: #797979;
    background-color: var(--bg-normal);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.login-page .form-help .help__title {
    display: block;
    margin-bottom: 15px;
}

.login-page .form-help .help__title .symbl.ex {
    vertical-align: -2px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
}

.login-page .form-help p.middot {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
}

.login-page .form-help .help__list p.middot::before {
    content: '\00B7';
    position: absolute;
    left: 5px;
    top: 0;
}

.login-page-company .form-set .util .checkbox-set input[type=checkbox]:checked+.checkbox__label:after {
    background-image: url(/web/images/svg/checkbox_s_bl.svg);
}

/* ===== intro ===== */
.intro-page {
    overflow-x: hidden;
}

.intro-page .inner {
    width: 1000px;
    margin: 0 auto;
}

.intro-page .visual  {
    position: relative;
    background-color: #f2fafc;
}

.intro-page .visual .inner {
    position: relative;
    padding: 90px 0;
}

.intro-page .visual .inner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: -74px;
    bottom: 0;
    background: no-repeat url(/web/images/intro/visual_bg.png) bottom 0 right 0;
    pointer-events: none;
}

.intro-page .visual .title strong {
    display: block;
    font-size: 25px;
}

.intro-page .visual .title strong>span {
    display: block;
    padding-top: 15px;
    font-size: 45px;
}

.intro-page .visual .title p {
    padding-top: 30px;
    font-size: 17px;
    line-height: 25px;
    color: #313d4b;
}

.intro-page .visual .btn-box  {
    padding-top: 35px;
}

.intro-page .visual .btn-box button {
    margin-right: 10px;
    width: 210px;
    height: 55px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #01babc;
}

.intro-page .visual .btn-box button>span {
    font-size: 17px;
    font-weight: bold;
    color: #01babc;
}

.intro-page .contents {
    width: 1000px;
    margin: 0 auto;
}

.intro-page .contents > div {
    position: relative;
    padding: 125px 0;
}

.intro-page .contents .title {
    padding-bottom: 45px;
}

.intro-page .contents .title strong {
    display: block;
    font-size: 35px;
    line-height: 45px;
    color: #313d4b;
}

.intro-page .contents .title p {
    margin-top: 16px;
    font-size: 20px;
    line-height: 30px;
    color: #1b2f4e;
}

.intro-page .contents .txt-box p {
    font-size: 24px;
    font-weight: bold;
    color: #313d4b;
}

.intro-page .contents .txt-box span {
    display: block;
    font-size: 16px;
    line-height: 25px;
}

.intro-page .contents .pages {
    position: relative;
    display: flex;
    padding: 36px 0;
    height: 180px;
    background-color: #fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 8px 0 30px rgba(18, 72, 72, 0.1);
    box-shadow: 8px 0 30px rgba(18, 72, 72, 0.1);
}

.intro-page .contents .pages::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: 50%;
    background-color: #f2fafc;
}

.intro-page .contents .pages a {
    position: relative;
    text-align: center;
    flex: 1;
}

.intro-page .contents .pages a + a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #cbdede;
    pointer-events: none;
}

.intro-page .contents .pages a > p::before {
    content: '';
    display: block;
    margin: 0 auto 16px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(/web/images/intro/visual_page_ir.png);
}

.intro-page .contents .pages a:nth-child(1) > p::before {
    background-position: 0 0;
}

.intro-page .contents .pages a:nth-child(2) > p::before {
    background-position: -40px 0;
}

.intro-page .contents .pages a:nth-child(3) > p::before {
    background-position: -80px 0;
}

.intro-page .contents .pages a > p {
    font-size: 16px;
}

.intro-page .contents .pages a > strong {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    font-size: 24px;
}

.intro-page .contents .pages a > strong > i {
    position: relative;
    margin-left: 12px;
    width: 12px;
    height: 2px;
    background-color: #a4abab;
    -webkit-transition: 0.25s width;
    transition: 0.25s width;
}

.intro-page .contents .pages a > strong > i::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #a4abab;
    border-right: 2px solid #a4abab;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.intro-page .contents .pages a:hover > strong > i {
    width: 20px;
}

.intro-page .contents .start::before,
.intro-page .contents .start::after {
    content: '';
    position: absolute;
    width: 100vw;
    pointer-events: none;
}

.intro-page .contents .start::before {
    height: 100%;
    right: -220px;
    bottom: 0;
    background: no-repeat url(/web/images/intro/start_bg.png) right bottom
}

.intro-page .contents .start::after {
    z-index: -1;
    height: 90%;
    bottom: 0;
    left: 50%;
    margin-left: 350px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #f2f6f7;
}

.intro-page .contents .start a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 55px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #01babc;
}

.intro-page .contents .start a > span {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}

.intro-page .contents .info .title {
    text-align: center;
}

.intro-page .contents .info__item {
    position: relative;
}

.intro-page .contents .info__item strong {
    line-height: 30px;
    font-size: 20px;
    color: #313d4b;
}

.intro-page .contents .info__item_center {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 8px 0 30px rgba(18, 72, 72, 0.1);
    box-shadow: 8px 0 30px rgba(18, 72, 72, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 260px;
    background-color: #fff;
    -webkit-border-radius: 260px;
    border-radius: 260px;
}

.intro-page .contents .info__item_center .img {
    width: 120px;
    height: 28px;
    margin-bottom: 30px;
}

.intro-page .contents .info__item_center .img > img {
    width: 100%;
}

.intro-page .contents .info__item ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.intro-page .contents .info__item li {
    padding: 0 32px;
    width: 466px;
    height: 358px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.intro-page .contents .info__item li .text {
    padding-top: 50px;
}

.intro-page .contents .info__item li .text strong > span {
    display: block;
    margin-top: 4px;
    font-size: 30px;
}

.intro-page .contents .info__item li .text p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 25px;
}

.intro-page .contents .info__item li .hashTag {
    display: flex;
    flex-wrap: wrap;
}

.intro-page .contents .info__item li .hashTag span {
    padding: 15px 18px;
    margin-top: 15px;
    margin-right: 15px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
}

.intro-page .contents .info__item li .hashTag span:nth-child(n+2) {
    transform: translateY(50%);
}

.intro-page .contents .info__item li .hashTag span:nth-child(3) {
    margin-left: 50px;
}

.intro-page .contents .info__item_company {
    background-color: #e3f4f7;
}

.intro-page .contents .info__item_company .hashTag span {
    color: #27426a;
}

.intro-page .contents .info__item_company .hashTag span:nth-child(3) {
    margin-left: 50px;
}

.intro-page .contents .info__item_worker {
    background-color: #fff9f1;
    text-align: right;
}

.intro-page .contents .info__item_worker .hashTag {
    flex-direction: row-reverse;
}

.intro-page .contents .info__item_worker .hashTag span {
    color: #ffb965;
}

.intro-page .contents .info__item_worker .hashTag span:nth-child(3) {
    margin-right: 50px;
}

.intro-page .contents .use {
    text-align: center;
}

.intro-page .contents .use__step {
    display: flex;
}

.intro-page .contents .use__step li {
    position: relative;
    flex: 1;
    color: #313d4b;
}

.intro-page .contents .use__step li+li::before {
    content: '';
    position: absolute;
    left: -30px;
    top: 14px;
    width: 48px;
    height: 40px;
    background: no-repeat url(/web/images/intro/use_arrow.png);
}

.intro-page .contents .use__step li p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 25px;
}

.intro-page .contents .use__step li strong {
    font-size: 24px;
    color: #313d4b;
}

.intro-page .contents .use__step li strong::before {
    content: '';
    display: block;
    width: 60px;
    height: 55px;
    margin: 0 auto 30px;
    background-repeat: no-repeat;
    background-image: url(/web/images/intro/use_ir.png);
}

.intro-page .contents .use__step li:nth-child(1) strong:before {
    background-position: 0 0;
}

.intro-page .contents .use__step li:nth-child(2) strong:before {
    background-position: -60px 0;
}

.intro-page .contents .use__step li:nth-child(3) strong:before {
    background-position: -120px 0;
}

.intro-page .contents .use__step li:nth-child(4) strong:before {
    background-position: -180px 0;
}

/* ===== container ===== */
.container {
    display: flex;
}

/**contents**/
.container .contents {
    width: 1280px;
    min-width: 1280px;
    padding: 80px 66px;
}

.contents .top {
    margin-bottom: 28px;
}

.contents .top .title {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 20px;
}

.contents .top .summary p .symbl {
    margin-right: 5px;
}

.contents-section .btn-bottom-box {
    margin-top: 30px;
}

.contents-section .btn-bottom-box .btn-area.center {
    text-align: center;
}

.contents-section .btn-bottom-box .btn {
    width: 220px;
    height: 50px;
}

.contents-section .btn-bottom-box .btn__summary {
    margin-top: 20px;
}

.contents-section .btn-bottom-box .btn__summary p {
    line-height: 25px;
}

.contents.post_on .tab-set {
    margin-bottom: 15px;
}

.contents.post_on .tab-set-title {
    display: block;
    font-size: 17px;
    margin-bottom: 20px;
}

.contents.post_on .form-summary {
    margin-bottom: 40px;
}

.contents.post_on .form-summary p {
    font-size: 14px;
    color: var(--content-caption);
}

.contents.post_on .form-summary p .symbl.ex {
    vertical-align: -1px;
    width: 13px;
    height: 13px;
}

.contents.post_on .form-set.accordion .panel-cont .checkbox-set,
.contents.post_on .form-set.accordion .panel-cont .radio-set {
    margin-bottom: 10px;
    margin-left: 28px;
}

.contents.post_on .form-set.accordion .panel-cont .checkbox-set input+.checkbox__label:after,
.contents.post_on .form-set.accordion .panel-cont .radio-set input+.radio__label:after {
    width: 20px;
    height: 20px;
}

.contents.post_on .form-set.accordion .panel-cont input,
.contents.post_on .form-set.accordion .panel-cont select,
.contents.post_on .form-set.accordion .panel-cont .btn,
.contents.post_on .form-set.accordion .panel-cont .listbox-set .listbox__label {
    height: 50px;
}

.contents.post_on .form-set.accordion .panel-cont [disabled],
.contents.post_on .form-set.accordion .panel-cont [readonly],
.contents.post_on .form-set.accordion .panel-cont .disabled,
.contents.post_on .form-set.accordion .panel-cont .disabled {
    border: 0;
    color: #B1B1B1;
    background-color: #EFF1F5;
}

.contents.post_on .form-set.accordion .panel-cont.addr .btn-set .btn {
    width: 100px;
}

.contents.post_on .form-set.accordion .panel-cont.postnm .byte {
    position: absolute;
    right: 0;
    top: 100%;
}

.contents.post_on .form-help {
    margin-top: 30px;
    padding: 30px 20px;
    background-color: var(--bg-normal);
    -webkit-border-radius: 10px;
    border-radius: 10px;

}

.contents.post_on .form-help .help__title {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 16px;
}

.contents.post_on .form-help .help__title .symbl.ex {
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
}

.contents.post_on .form-help .help__list p.middot {
    position: relative;
    padding-left: 15px;
}

.contents.post_on .form-help .help__list p.middot::before {
    content: '\00B7';
    position: absolute;
    left: 0;
    top: 0;
}

.contents.pick_postMngmn .tab__cont .no_data {
    padding: 40px 0;
    text-align: center;
}

.contents.pick_postMngmn .tab__cont table td {
    color: var(--content-main);
}

.contents.pick_postMngmn .tab__cont table td.ing,
.contents.pick_postMngmn .tab__cont table td.deadline {
    text-align: center;
}

.contents.pick_postMngmn .tab__cont table td.deadline {
    color: #c0c0c0;
}

.contents.pick_postMngmn .tab__cont table td a {
    display: block;
    color: var(--content-primary);
}

.contents.pick_postMngmn .tab__cont table td span {
    font-size: 13px;
    color: var(--content-caption);
}

.contents.pick_postMngmn .tab__cont table td button {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.contents.pick_postMngmn .tab__cont table td button {
    padding: 7px 8px;
    min-width: 78px;
    font-size: 12px;
    line-height: 1;
}

.contents.pick_postMngmn .tab__cont table td.ing button {
    margin-bottom: 10px;
    padding-left: 22px;
    background: no-repeat url(/web/images/icon/btn_urg.png) left 7px center;
}

.contents.pick_postMngmn .tab__cont table td[valign="top"] button {
    position: absolute;
    z-index: 1;
    left: 8px;
    bottom: 10px;
}

.contents.pick_postMngmn .tab__cont table td .aplcn_list {
    display: flex;
    align-items: center;
}

.contents.pick_postMngmn .tab__cont table td .aplcn_list li:nth-child(odd)>span {
    color: #246cda;
}

.contents.pick_postMngmn .tab__cont table td .aplcn_list li:nth-child(even) {
    width: 2px;
    height: 11px;
    background-color: #b1b1b1;
    margin: 0 6px;
}

.contents.talent_myPick .table__help {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contents.talent_myPick .table__help p.pick {
    margin-left: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.contents.talent_myPick .table__help p.pick i {
    margin-right: 2px;
}

.contents.info_urgHistory .table-function .tSub button {
    margin-left: 8px;
    height: 30px;
    padding: 0 12px;
}

.contents.info_urgDetail .table-function {
    align-items: flex-end;
}

.contents.info_urgDetail .table-function .tSub .nm {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
}

.contents.info_myPage .top .title {
    display: flex;
    align-items: center;
}

.contents.info_myPage .top .title {
    display: flex;
    align-items: center;
}

.contents.info_myPage .top .title .biz_number {
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
    color: var(--content-primary);
}

.contents.info_myPage .form-set.table .item .tit {
    width: 256px;
}

.contents.info_myPage .form-set.table .item .tit + div.text p {
    display: inline-block;
    font-weight: bold;
}

.contents.info_myPage .form-set.table .item .tit + div.btn-set .btn {
    height: 30px;
    padding: 0 12px;
}

.contents.info_myPage .form-set.table .item .tit + div.btn-set .input-btn {
    margin-left: 18px;
}



/* ====================== */
/* Layerpop
/* ====================== */
.layerpop {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.layerpop__bg {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    -webkit-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
}

.layerpop__close_top {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: no-repeat url(/web/images/svg/x_wh.svg) center/ 20px, var(--content-main);
}

.layerpop__close_top a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 45px;
    font-size: 14px;
}

.layerpop__close_bottom,
.layerpop__close_btm {
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.layerpop__close_bottom {
    padding: 0 16px 20px;
    gap: 0 10px;
    justify-content: center;
}

.layerpop__close_bottom .btn,
.layerpop__close_btm .btn {
    flex: 1;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layerpop__close_btm .btn {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.layerpop__inner {
    overflow: hidden;
    position: absolute;
    line-height: normal;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.layerpop__inner::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
}

.layerpop__contents-title {
    position: relative;
    padding: 20px 16px 0;
    background-color: #fff;
}

.layerpop__contents-title.border {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-normal);
}

.layerpop__contents-title .title__main {
    font-size: 17px;
    font-weight: 700;
}

.layerpop__contents-sub {
    padding: 12px 16px;
    color: var(--content-caption);
    background-color: #F3F7FA;
}

.layerpop__contents-section {
    overflow-y: auto;
    height: calc(80vh - 59px);
    max-height: max-content;
    padding: 20px 16px;
    background-color: #fff;
}

.layerpop__contents-section .section-summary {
    margin-bottom: 20px;
}

.layerpop__contents-section .section-help {
    color: var(--content-caption);
}

.layerpop__contents-section .section-help.bg {
    background-color: #f0f0f0;
    padding: 20px 16px;
}

.layerpop__contents-section .section-help.chip .section-help__list {
    padding-left: 20px;
}

.layerpop__contents-section .section-help__title {
    position: relative;
    display: block;
    padding-left: 20px;
    font-size: 15px;
}

.layerpop__contents-section .section-help__title .symbl.ex {
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
}

.layerpop__contents-section .section-help__list p {
    font-size: 14px;
}

.layerpop__contents-section .section-help__list p.middot {
    position: relative;
    padding-left: 15px;
    line-height: normal;
}

.layerpop__contents-section .section-help__list p.middot::before {
    content: '\00B7';
    position: absolute;;
    left: 0;
    top: 0;
}

.layerpop__inner.post_detail .layerpop__contents-section,
.layerpop__inner.post_modify .layerpop__contents-section {
    padding: 0;
}

.layerpop__inner.post_detail .detail-item {
    padding: 20px 16px;
    border-bottom: 1px solid var(--border-normal);
}

.layerpop__inner.post_detail .detail-item__title .main {
    display: block;
    font-size: 17px;
    margin-bottom: 14px;
}

.layerpop__inner.post_detail .detail-item__title .info {
    display: flex;
}

.layerpop__inner.post_detail .detail-item__title .info span {
    font-size: 15px;
    color: var(--content-caption);
    margin-right: 10px;
}

.layerpop__inner.post_detail .detail-item__title .info span + span::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 1px;
    height: 10px;
    background-color: var(--content-disabled);
}

.layerpop__inner.post_detail .detail-item__title + .detail-item__list {
    margin-top: 24px;
}

.layerpop__inner.post_detail .detail-item__list .data {
    display: flex;
    align-items: center;
}

.layerpop__inner.post_detail .detail-item__list .data ~ .data {
    margin-top: 10px;
}

.layerpop__inner.post_detail .detail-item__list .data.flex-column {
    align-items: unset;
}

.layerpop__inner.post_detail .detail-item__list .data.flex-column strong {
    margin-bottom: 15px;
}

.layerpop__inner.post_detail .detail-item__list strong {
    min-width: 86px;
    padding-right: 15px;
    flex-shrink: 0;
    color: var(--content-caption);
}

.layerpop__inner.post_detail .detail-item__list .data pre {
    word-break: normal;
    white-space: pre-wrap;
    line-height: initial;
}

.layerpop__inner.post_detail .detail-item__list .data .note.bg {
    padding: 10px;
    background-color: var(--bg-normal);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.layerpop__inner.post_detail .detail-item__list .data .tag-wrap {
    display: flex;
    align-items: center;
}

.layerpop__inner.post_detail .detail-item__list .data .tag-wrap .tag {
    margin-right: 5px;
    padding: 3px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.layerpop__inner.post_detail .detail-item__list .data .tag-wrap .tag.dim {
    color: var(--content-caption);
    background-color: #f0f0f0;
}

.layerpop__inner.post_detail .detail-item__list .data .tag-wrap .tag.orange {
    color: var(--content-orange);
    background-color: #FFF0E8;
}

.layerpop__inner.post_detail .detail-item__list .data .tag-wrap .tag.blue {
    color: var(--content-blue);
    background-color: #ECEFFF;
}

.layerpop__inner.post_detail .detail-item__list .data .tag-wrap .tag.green {
    color: var(--content-green);
    background-color: #E2F5F2;
}

.layerpop__inner.post_detail__before .detail-item .symbl.i {
    margin-left: 2px;
    vertical-align: 1px;
    font-size: 12px;
    font-weight: normal;
    color: var(--content-red);
}

.layerpop__inner.post_modify .form-summary {
    padding: 30px 16px 0;
}

.layerpop__inner.post_modify .form-set.accordion .form-set__item {
    margin: 0 16px;
}

.layerpop__inner.post_modify .form-set.accordion .form-set__item .tit {
    padding: 20px 0;
}

.layerpop__inner.post_modify .form-set.accordion .form-set__item .panel {
    padding-bottom: 20px;
}

.layerpop__inner.post_modify .form-set.accordion .panel-cont__tit {
    font-weight: 700;
}

.layerpop__inner.post_modify .form-set.accordion .panel-cont input,
.layerpop__inner.post_modify .form-set.accordion .panel-cont select,
.layerpop__inner.post_modify .form-set.accordion .panel-cont .btn,
.layerpop__inner.post_modify .form-set.accordion .panel-cont .listbox-set .listbox__label {
    height: 45px;
}

.layerpop__inner.post_modify .form-set.accordion .panel-cont .textarea-set textarea {
    max-height: 100px;
}

.layerpop__inner.post_modify .form-set.accordion .panel-cont .input-multi-set .input__title {
    margin-bottom: 8px;
}

.layerpop__inner.post_modify .form-set.accordion .panel-cont [disabled],
.layerpop__inner.post_modify .form-set.accordion .panel-cont [readonly],
.layerpop__inner.post_modify .form-set.accordion .panel-cont .disabled,
.layerpop__inner.post_modify .form-set.accordion .panel-cont .disabled {
    border: 0;
    color: var(--content-caption);
    background-color: var(--bg-normal);
}

.layerpop__inner.post_done .layerpop__contents-title .title__main {
    padding-left: 28px;
    background: no-repeat url(/web/images/svg/check_circle_primary_bg.svg) left center/ 22px;
}

.layerpop__inner.post_done .layerpop__contents-section .section-summary .cnt {
    text-decoration: underline;
    text-underline-position: under;
}

.layerpop__inner.post_done .layerpop__contents-section .text-box {
    margin-bottom: 15px;
    text-align: center;
    padding: 12px 16px;
    background-color: var(--bg-normal);
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.layerpop__inner.my_point .point-form {
    padding: 8px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.layerpop__inner.my_point .point-form__item p + div {
    min-height: 35px;
    line-height: 35px;
}

.layerpop__inner.my_point .point-form__item .input-multi-set.flex-column {
    align-items: unset;
}

.layerpop__inner.my_point__update .point-has {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-normal);
    padding: 15px 28px;
}

.layerpop__inner.my_point__update .point-has p {
    font-size: 17px;
}

.layerpop__inner.my_point__update .point-form__item {
    padding: 8px 12px;
}

.layerpop__inner.my_point__update .point-form__item:last-child {
    padding-bottom: 0;
}

.layerpop__inner.my_point__update .point-form__item ~.point-form__item  {
    border-top: 1px solid var(--border-normal);
}

.layerpop__inner.my_point__update .point-form__item.point__pay_type .radiobox-set {
    margin-right: 46px;
}

.layerpop__inner.my_point__update .point-form__item.point__list .radiobox-set {
    display: flex;
}

.layerpop__inner.my_point__update .point-form__item.point__list .radiobox__label {
    font-weight: 700;
}

.layerpop__inner.my_point__update .point-form__item.point__list .radiobox__text {
    flex: 1;
    text-align: right;
}

.layerpop__inner.my_point__update .point-form__item.point__after,
.layerpop__inner.my_point__update .point-form__item.point__pay {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layerpop__inner.my_point__update .point-form__item.point__after p + div,
.layerpop__inner.my_point__update .point-form__item.point__pay p + div {
    font-size: 20px;
    font-weight: 700;
    color: var(--content-primary);
}

.layerpop__inner.my_point__update .point-form__item.point__tobe p {
    align-self: baseline;
}

.layerpop__inner.my_point__update .point-form__item.point__tobe p + div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layerpop__inner.my_point__update .point-form__item.point__tobe p + div .ftr {
    font-size: 20px;
    font-weight: 700;
}

.layerpop__inner.my_point__update .point-help {
    margin-top: 10px;
}

.layerpop__inner.my_point__update .point-help p {
    font-size: 13px;
}

.layerpop__inner.my_point__update .layerpop__close_bottom .btn {
    flex: none;
    width: 130px;
}

.layerpop__inner.my_point__use .title__main button {
    margin-left: 16px;
    width: 80px;
    height: 30px;
    font-size: 15px;
    font-weight: normal;
    color: #246cda;
    background-color: #d0defe;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.layerpop__inner.my_point__use .point-form {
    margin-bottom: 10px;
}

.layerpop__inner.my_point__use .point-form__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layerpop__inner.my_point__use .point-form__item p + div {
    text-align: right;
}

.layerpop__inner.my_point__use .point-form__item .select-set select {
    min-height: inherit;
}

.layerpop__inner.my_point__use .point-help p {
    padding-left: 15px;
    position: relative;
    font-size: 13px;
}

.layerpop__inner.my_point__use .point-help p::before {
    content: '\203B';
    position: absolute;
    left: 0;
    top: 0;
}

.layerpop__inner.search_address form .input-help {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    color: var(--content-caption);
}

.layerpop__inner.search_address form .input-help .symbl.ex {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 13px;
    height: 13px;
}

.layerpop__inner.search_address form .input-btn-set {
    margin-top: 8px;
}

.layerpop__inner.search_address form .input-btn-set input,
.layerpop__inner.search_address form .input-btn-set button {
    height: 45px;
}

.layerpop__inner.search_address form .input-btn-set button {
    margin-top: 5px;
    width: 100%;
}

.layerpop__inner.search_address .form-list {
    margin: 0 16px;
}

.layerpop__inner.search_address .form-list .item {
    position: relative;
    display: flex;
    padding: 16px 0;
    font-size: 12px;
}

.layerpop__inner.search_address .form-list .item:not(.no_data) {
    border-top: 1px solid var(--border-normal);
}

.layerpop__inner.search_address .form-list .item:first-child:not(.no_data) {
    margin-top: 28px;
}

.layerpop__inner.search_address .form-list .item > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.layerpop__inner.search_address .form-list .item.no_data {
    padding: 44px;
}

.layerpop__inner.search_address .form-list .item.no_data p {
    flex: 1;
    text-align: center;
    color: var(--content-caption);
}

.layerpop__inner.search_address .form-list .item .postcode {
    flex-shrink: 0;
    margin-right: 10px;
    color: var(--content-red);
}

.layerpop__inner.search_address .form-list .item .jibun {
    margin-top: 3px;
    color: var(--content-caption);
}

/** 250901: footer 패밀리사이트 추가 **/
#wrap {
    display: flex;
    flex-direction: column;
}

.footer__top {
    display: flex;
    align-items: center;
}

.footer__top .family {
    display: flex;
    justify-content: flex-end;
    gap: 0 5px;
    flex: 1;
}

.footer__top .family .select-set select {
    width: 165px;
    height: 34px;
}

.intro-page {
    overflow: clip;
}

.login-page {
    flex: 1;
}