@charset "UTF-8";

/**************************************************
 * BASE | RESET
 **************************************************/
*,
*:before,
*:after {
    box-sizing: border-box;
}

* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
    min-width: 1280px;
    height: 100%;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    color: #2A323B;
    font-family: Pretendard, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

dl,
dd {
    margin: 0;
}

button,
input,
select,
textarea {
    border-radius: 0;
    color: inherit;
    font: inherit;
}

textarea {
    overflow: auto;
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    padding: 0;
}

/**************************************************
 * BASE | VAR
 **************************************************/
/**************************************************
 * BASE | FONT
 **************************************************/
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-Thin.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-ExtraLight.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-Light.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-Regular.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-Medium.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-Bold.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-ExtraBold.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    src: local("Pretendard"), url("./../font/Pretendard/Pretendard-Black.woff") format("woff");
}

@font-face {
    font-family: "OneShinhan Bold";
    font-weight: 700;
    src: local("OneShinhan"), url("./../font/OneShinhan/OneShinhanBold.woff") format("woff");
}

/**************************************************
 * LAYOUT | FORM
 **************************************************/
.__section {
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    border-bottom: 10px solid #f7f7f7;
}

.__section h1 {
    padding-bottom: 20px;
    color: #0046FF;
    font-size: 20px;
}

.__section .__render+.__render {
    margin-top: 10px;
}

.__section:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    height: 40px;
    box-shadow: 0 0 0 1px #222 inset;
    border: none;
    border-radius: 6px;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.button:hover {
    box-shadow: 0 0 0 2px #33312f inset;
}

.button.xsm {
    min-width: 106px;
}

.button.wfix {
    min-width: 120px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.button.hlong {
    min-width: 240px;
    height: 56px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.button.dark {
    height: 56px;
    box-shadow: none;
    background-color: #33312f;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.button>.icon {
    margin-right: 4px;
}

.button.fill {
    box-shadow: none;
    background-color: #476EFF;
    color: #fff;
}

.button.del {
    box-shadow: 0 0 0 1px #e9ebee inset;
    background-color: #e9ebee;
    color: #6C6B69;
}

.button.del:hover {
    box-shadow: none;
    color: #33312f;
}

.button.del:hover .icon path {
    fill: #33312f;
}

.button.del .icon path {
    fill: #6C6B69;
}

.button.del02 {
    background-color: #d6d6d6;
    color: #636363;
}

.form-text,
.form-textarea {
    transition: all 0.3s ease;
}

.form-text:focus,
.form-textarea:focus {
    border-color: #33312F;
}

.form-text::-moz-placeholder,
.form-textarea::-moz-placeholder {
    color: #B5B3B2;
    font-weight: 400;
}

.form-text:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder {
    color: #B5B3B2;
    font-weight: 400;
}

.form-text::placeholder,
.form-textarea::placeholder {
    color: #B5B3B2;
    font-weight: 400;
}

.form-text.disabled,
.form-textarea.disabled {
    background-color: #e9ebee;
    color: #33312F;
    pointer-events: none;
}

.form-text,
.form-textarea {
    width: 100%;
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #e9ebee;
    border-radius: 4px;
    color: #33312f;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.form-text {
    height: 40px;
}

.form-textarea {
    display: block;
    line-height: 24px;
    resize: none;
}

.form-textarea.write {
    height: 400px;
}

.form-textarea.sm {
    height: 99px;
}

.form-input {
    width: 100%;
    padding: 0;
    background-color: #fff;
    border: none;
    color: #33312f;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    letter-spacing: -0.3px;
}

.form-input::-moz-placeholder {
    color: #AEAEAE;
    font-weight: 400;
}

.form-input:-ms-input-placeholder {
    color: #AEAEAE;
    font-weight: 400;
}

.form-input::placeholder {
    color: #AEAEAE;
    font-weight: 400;
}

.form-password {
    position: relative;
}

.form-password>input {
    padding: 8px 52px 8px 12px;
}

.form-password>.viewbtn {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(./../img/front/icon/icon-view_off.svg) no-repeat center/16px 16px;
    cursor: pointer;
}

.form-password>.viewbtn.on {
    background-image: url(./../img/front/icon/icon-view.svg);
}

.req {
    margin-left: 2px;
    padding-left: 0;
    color: #FB584D;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 400;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.form-label>.exp {
    margin-left: 4px;
    font-size: 12px;
    line-height: normal;
    letter-spacing: -0.36px;
    font-weight: 400;
    line-height: 20px;
}

.message {
    display: block;
    margin-top: 8px;
    color: #39B874;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 17px;
}

.error-message {
    display: block;
    margin-top: 8px;
    color: #FB584D;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 17px;
}

.warning-message {
    display: block;
    position: relative;
    margin-top: 8px;
    padding-left: 18px;
    color: #888888;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 17px;
}

.warning-message+.warning-message {
    margin-top: 4px;
}

.warning-message::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(./../img/front/icon/icon-warning_sm-gray.svg) no-repeat center/100% auto;
}

.guide-message {
    display: block;
    margin-top: 8px;
    padding: 12px 20px;
    border-radius: 6px;
    background-color: #f5f5f5;
}

.guide-message>li {
    position: relative;
    padding-left: 10px;
    color: #6C6864;
    font-size: 12px;
    line-height: normal;
    letter-spacing: -0.36px;
    font-weight: 700;
}

.guide-message>li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6c6b69;
}

.guide-message>li+li {
    margin-top: 4px;
}

.guide-message.warning {
    margin-top: 0;
    padding: 24px 24px;
}

.guide-message.warning>li {
    padding-left: 24px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.guide-message.warning>li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(./../img/front/icon/icon-warning.svg) no-repeat center/100% auto;
}

.guide-message.writing {
    margin-top: 0;
    padding: 32px 32px;
}

.guide-message.writing>p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
    font-weight: 700;
}

.guide-message.writing>p>.icon {
    margin-right: 8px;
    vertical-align: text-top;
}

.guide-message.writing ol {
    margin-top: 16px;
}

.guide-message.writing ol li {
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.guide-message.writing ol li+li {
    margin-top: 8px;
}

.guide-message.writing .dot {
    margin-top: 4px;
}

.guide-message.writing .dot>li {
    position: relative;
    margin-left: 16px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 400;
}

.guide-message.writing .dot>li+li {
    margin-top: 0;
}

.guide-message.writing .dot>li::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6c6b69;
}

.form-date {
    position: relative;
    width: 100%;
    height: 40px;
}

.form-date .datepicker {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 12px;
    border: 1px solid #e9ebee;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    transition: all 0.3s ease;
}

.form-date .datepicker:focus {
    border-color: #33312F;
}

.form-date .datepicker::-moz-placeholder {
    color: #B5B3B2;
}

.form-date .datepicker:-ms-input-placeholder {
    color: #B5B3B2;
}

.form-date .datepicker::placeholder {
    color: #B5B3B2;
}

.form-date .datepicker:disabled {
    background-color: #e9ebee;
    color: #91A1B1;
}

.form-date button {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 12px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    background: url(./../img/front/icon/icon-calendar.svg) no-repeat center/auto 100%;
    font-size: 0;
    cursor: pointer;
}

.form-select {
    width: 100%;
    height: 40px;
    padding: 0 40px 0 12px;
    border-radius: 4px;
    border: 1px solid #e9ebee;
    background: url(./../img/front/icon/icon-chevron_down_sm.svg) no-repeat center right 12px/16px 16px;
    color: #33312F;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.form-select:focus {
    border-color: #33312F;
}

.form-select.disabled {
    background-color: #e9ebee;
    /* color: #91A1B1; */
    pointer-events: none;
    opacity: 1;
}

.form-file {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e9ebee;
    background-color: #fff;
    overflow: hidden;
}

.form-file.disabled {
    pointer-events: none;
}

.form-file.disabled .upload-name {
    border-color: #E9EBEE;
    background-color: #e9ebee;
    color: #91A1B1;
}

.form-file.disabled .icon.upload,
.form-file.disabled .icon.clear {
    background-color: #E9EBEE;
}

.form-file+.form-file {
    margin-top: 8px;
}

.form-file button {
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.form-file .icon {
    min-width: 40px;
    height: 40px;
    cursor: pointer;
}

.form-file .icon.upload {
    background: #fff url(./../img/front/icon/icon-attachment.svg) no-repeat center/16px 16px;
}

.form-file .icon.clear {
    display: none;
    background: #fff url(./../img/front/icon/icon-trashcan.svg) no-repeat center/16px 16px;
}

.form-file .upload-name {
    display: block;
    width: 100%;
    padding: 8px 0 8px 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-file .upload-name>.placeholder {
    color: #B5B3B2;
}

.form-file input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.form-file.change .upload {
    display: none;
}

.form-file.change .clear {
    display: block;
}

.form-checkbox,
.form-radio {
    display: flex;
}

.form-checkbox input,
.form-radio input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.form-checkbox label,
.form-radio label {
    display: inline-flex;
    cursor: pointer;
}

.form-checkbox label:before,
.form-radio label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}

.form-checkbox label.checkbox:before,
.form-checkbox label.radio:before {
    background-image: url(./../img/front/icon/icon-checkbox.svg);
}

.form-radio label.checkbox:before,
.form-radio label.radio:before {
    background-image: url(./../img/front/icon/icon-radio.svg);
}

.form-checkbox label span,
.form-radio label span {
    width: calc(100% - 24px);
    padding-left: 4px;
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.form-checkbox label span>.req,
.form-radio label span>.req {
    margin-left: 2px;
    padding-left: 0;
    color: #FB584D;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 400;
}

.form-checkbox input:checked+label:before {
    background-image: url(./../img/front/icon/icon-checkbox_on.svg);
}

.form-radio input:checked+label:before {
    background-image: url(./../img/front/icon/icon-radio_on.svg);
}

.form-radio_tab {
    display: inline-flex;
    width: 100%;
    height: 40px;
    box-shadow: 0 0 0 1px #e9ebee inset;
    border-radius: 4px;
    overflow: hidden;
}

.form-radio_tab input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.form-radio_tab input:disabled+label {
    border-color: #E9EBEE;
    background-color: #E9EBEE;
    color: #91A1B1;
    pointer-events: none;
}

.form-radio_tab label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-right: 1px solid #e9ebee;
    color: #33312f;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 24px;
    cursor: pointer;
}

.form-radio_tab label:disabled {
    border-color: #E9EBEE;
    background-color: #E9EBEE;
    color: #91A1B1;
}

.form-radio_tab label:hover {
    font-weight: 700;
}

.form-radio_tab label:last-child {
    border: none;
}

.form-radio_tab input:checked+label {
    border: none;
    box-shadow: 0 0 0 1px #33312f inset;
    color: #fff;
    font-weight: 400;
    background-color: #33312f;
}

.form-radio_tab.disabled {
    pointer-events: none;
}

.form-radio_tab.disabled input:checked+label {
    border: none;
    box-shadow: 0 0 0 1px #E9EBEE inset;
    color: #33312F;
    font-weight: 400;
    background-color: #E9EBEE;
}

.form-file_board .file_board-attach {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    min-width: 160px;
    height: 40px;
    border: none;
    box-shadow: 0 0 0 1px #33312f inset;
    border-radius: 6px;
    background-color: #fff;
    color: #2A323B;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
    cursor: pointer;
}

.form-file_board .file_board-attach:hover {
    box-shadow: 0 0 0 2px #33312f inset;
}

.form-file_board>input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.board_upload-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.board_upload-name {
    display: inline-flex;
    align-items: center;
    position: relative;
    max-width: 100%;
    height: 40px;
    margin-top: 16px;
    border: 1px solid #94AAFF;
    border-radius: 6px;
    background-color: #94AAFF;
    transition: all 0.5s;
    cursor: pointer;
}

.board_upload-name.disabled {
    border-color: #E9EBEE;
    background-color: #E9EBEE;
    pointer-events: none;
}

.board_upload-name.disabled p {
    color: #91A1B1;
}

.board_upload-name.disabled .board_upload-clear {
    background: url(./../img/front/icon/icon-trashcan_gray.svg) no-repeat center/16px 16px;
}

.board_upload-name+.board_upload-name {
    margin-top: 8px;
}

.board_upload-name p {
    padding: 0 4px 0 16px;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.board_upload-clear {
    flex: none;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(./../img/front/icon/icon-trashcan_white.svg) no-repeat center/16px 16px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    cursor: pointer;
}

.form-download>a {
    display: inline-flex;
    align-items: center;
    position: relative;
    max-width: 100%;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #94AAFF;
    border-radius: 6px;
    background-color: #94AAFF;
    transition: all 0.5s;
}

.form-download>a .icon {
    margin-right: 6px;
}

.form-download>a>span {
    width: calc(100% - 16px);
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: none;
    min-width: 72px;
    height: 28px;
    padding: 0 12px;
    border-radius: 4px;
    background-color: #e9ebee;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.form-badge.-reject {
    color: #fb584d;
    background-color: #fee4e2;
}

.form-badge.-approve {
    color: #569aff;
    background-color: #ebf3ff;
}

.form-badge.-wait {
    color: #6c6b69;
}

.form-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-pagination .paging {
    width: 24px;
    height: 24px;
    background-image: url(./../img/front/icon/icon-navi.svg);
    background-repeat: no-repeat;
    background-size: 96px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.form-pagination .paging.first {
    margin-right: 6px;
    background-position: 0px -24px;
}

.form-pagination .paging.first.active {
    background-position: 0 0;
}

.form-pagination .paging.prev {
    background-position: -24px -24px;
}

.form-pagination .paging.prev.active {
    background-position: -24px 0px;
}

.form-pagination .paging.next {
    background-position: -48px -24px;
}

.form-pagination .paging.next.active {
    background-position: -48px 0px;
}

.form-pagination .paging.end {
    margin-left: 6px;
    background-position: -72px -24px;
}

.form-pagination .paging.end.active {
    background-position: -72px 0px;
}

.form-pagination .number {
    display: flex;
    align-items: center;
    margin: 0 16px;
}

.form-pagination .number li+li {
    margin-left: 8px;
}

.form-pagination .number a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #6b6b69;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.form-pagination .number a.active {
    border-radius: 50%;
    background-color: #476EFF;
    color: #fff;
}

.search-bar {
    position: relative;
    width: 480px;
    margin: 0 auto;
}

.search-bar .form-search {
    width: 100%;
    height: 40px;
    padding: 0 52px 0 12px;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #2A323B;
}

.search-bar .form-search__btn {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: url(./../img/front/icon/icon-search.svg) no-repeat center/24px 24px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.search-bar+.container {
    margin-top: 48px;
}

.modal {
    display: flex;
    align-items: center;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: visibility .3s, background-color .3s ease;
    z-index: 2;
    /* 231103 2차 신청 팝업 */
}

.modal.visible {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.3);
}

.modal.visible .modal_container {
    opacity: 1;
    transform: translateY(0px);
}

.modal_container {
    width: 100%;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s ease, transform .3s ease;
}

.modal_container .conts {
    overflow: hidden;
    position: relative;
    width: 288px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff;
}

.modal_container .conts .modal_saved {
    padding: 16px 24px 24px;
    text-align: center;
}

.modal_container .conts .modal_saved .tit {
    margin-bottom: 24px;
    color: #33312f;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.modal_container .conts .modal_saved .em {
    display: block;
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.modal_container .conts .modal_saved .txt {
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    word-break: keep-all;
}

.modal_container .conts .modal_saved .txt.left {
    text-align: left;
}

.modal_container .conts .modal_saved .txt.left+.txt.left {
    margin-top: 8px;
}

.modal_container .conts .modal_saved .txt.left+.txt.link {
    margin-top: 24px;
}

.modal_container .conts .modal_saved .txt.red {
    color: #fb584d;
}

.modal_container .conts .modal_saved .txt.link {
    display: block;
    color: #476eff;
    font-weight: 700;
}

.modal_container .conts.privacy {
    width: 640px;
    height: 560px;
}

.modal_container .conts.privacy>.modal_saved {
    position: relative;
    height: 100%;
    padding: 25px 32px;
}

.modal_container .conts.privacy>.modal_saved>.tit {
    margin-bottom: 35px;
    font-family: "OneShinhan Bold";
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.72px;
    text-align: left;
}

.modal_container .conts.privacy>.modal_saved>.privacy-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    border: none;
    background: url(./../img/front/icon/icon-close.svg) no-repeat center/100% auto;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.modal_container .conts.privacy .scrollbar-conts {
    max-height: 430px;
}

.modal_container .privacy_list-wrap.privacy {
    height: 100%;
    max-height: 430px;
    margin-top: 0;
    text-align: left;
    overflow-x: scroll;
}

.modal_container .privacy_list-wrap.privacy>p+h3,
.modal_container .privacy_list-wrap.privacy>ul+h3,
.modal_container .privacy_list-wrap.privacy>span+h3 {
    margin-top: 32px;
}

.modal_container .privacy_list-wrap.privacy>h3 {
    margin-top: 0;
}

.modal_action {
    display: flex;
}

.modal_action .button {
    width: 100%;
    border-radius: 0;
}

.modal_action .button:not(.fill) {
    box-shadow: 0 1px 0 0 #e9ebee inset;
}

.modal_action .button.hlong {
    min-width: auto;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.modal.-results {
    align-items: baseline;
}

.modal.-results.visible {
    background-color: transparent;
}

.modal.-results .modal_container .conts {
    width: 480px;
    margin: 104px 0 0 80px;
    border-radius: 0;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}

.modal.-results .modal_container .conts .modal_contents {
    position: relative;
}

.modal.-results .modal_container .conts .modal_contents>.img {
    display: block;
}

.modal.-results .modal_container .conts .modal_contents>.modal-move.btn {
    position: absolute;
    top: 0;
    left: 0;
    /* margin-left: -209px; */
    /* bottom: 80px; */
    width: 100%;
    height: calc(100% - 40px);
    padding: 0;
    border: none;
    background-color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.modal.-results .modal_container .conts .modal_contents>.modal-close.btn {
    width: 100%;
    height: 40px;
    padding: 0;
    border: none;
    color: #fff;
    background-color: #202125;
    font-size: 14px;
    overflow: hidden;
    cursor: pointer;
}

.show {
    display: block;
}

.hide {
    display: none;
}

/**************************************************
 * LAYOUT | LAYOUT
 **************************************************/
.site {
    width: 100%;
    height: 100%;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1280px;
    height: 80px;
    z-index: 2;
}

.header-dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    visibility: hidden;
    z-index: -1;
    transition: all 0.5s;
}

.header-dim.active {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.4);
}

.header-inner {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    height: 100%;
    margin: 0 auto;
    padding: 0 80px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.header-inner .header-inner_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 960px;
}

.header-inner .gnb-depth_2>ul>li:hover>a {
    font-weight: 700;
}

.header-inner .gnb-depth_2>ul>li.active>a {
    color: #33312f;
    font-weight: 700;
}

.header-inner.no-bg {
    background-color: transparent;
    border-color: transparent;
}

.header-inner.no-bg .logo>a::before {
    opacity: 0;
}

.header-inner.no-bg .logo>a::after {
    opacity: 1;
}

.header-inner.no-bg .gnb-depth_1>ul>li>a {
    color: #fff;
}

.header-inner.no-bg .sign-in {
    background: url(./../img/front/icon/icon-lock_white.svg) no-repeat left center/20px 20px;
}

.header-inner.no-bg .sign-in,
.header-inner.no-bg .sign-up,
.header-inner.no-bg .sign-name,
.header-inner.no-bg .sign-out {
    color: #fff;
}

.header-inner.no-bg.active {
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.header-inner.no-bg.active .logo>a::before {
    opacity: 1;
}

.header-inner.no-bg.active .logo>a::after {
    opacity: 0;
}

.header-inner.no-bg.active .gnb-depth_1>ul>li:hover>a {
    color: #33312f;
}

.header-inner.no-bg.active .gnb-depth_1>ul>li.active>a {
    color: #33312f;
}

.header-inner.no-bg.active .gnb-depth_1>ul>li>a {
    color: #6c6864;
}

.header-inner.no-bg.active .sign-in {
    background: url(./../img/front/icon/icon-lock.svg) no-repeat left center/20px 20px;
}

.header-inner.no-bg.active .sign-in,
.header-inner.no-bg.active .sign-up,
.header-inner.no-bg.active .sign-name,
.header-inner.no-bg.active .sign-out {
    color: #33312f;
}

.header .logo>a {
    display: block;
    position: relative;
    width: 161px;
    height: 32px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.header .logo>a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(./../img/front/logo_color.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    opacity: 1;
    transition: opacity 0.5s;
}

.header .gnb {
    margin-left: 28px;
}

.header .gnb.active .gnb-bg {
    height: 194px;
    visibility: visible;
}

.header .gnb.active .gnb-depth_2 {
    height: 194px;
    visibility: visible;
}

.header .gnb-bg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 194px;
    background-color: #fff;
    overflow: hidden;
    visibility: hidden;
}

.header .gnb-depth_1>ul {
    display: flex;
}

.header .gnb-depth_1>ul>li {
    display: flex;
    justify-content: center;
    width: 103px;
    cursor: pointer;
}

.header .gnb-depth_1>ul>li.active>a {
    color: #33312f;
}

.header .gnb-depth_1>ul>li.active>a::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #33312f;
}

.header .gnb-depth_1>ul>li>a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 80px;
    color: #222222;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.45px;
    font-family: "OneShinhan Bold";
    font-weight: 700;
    transition: color 0.5s;
}

.header .gnb-depth_1>ul>li:last-child .gnb-depth_2 {
    border-right: 1px solid #eee;
}

.header .gnb-depth_2 {
    position: absolute;
    top: 80px;
    width: 103px;
    height: 194px;
    border-left: 1px solid #eee;
    background-color: #fff;
    overflow: hidden;
    visibility: hidden;
}

.header .gnb-depth_2>ul {
    padding: 32px 0;
}

.header .gnb-depth_2>ul>li>a {
    display: block;
    padding: 0 4px;
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    text-align: center;
    transition: color 0.5s;
}

.header .gnb-depth_2>ul>li+li>a {
    padding-top: 12px;
}

.header .sign {
    margin-left: 20px;
}

.header .sign-in {
    padding: 0 0 0 24px;
    background: url(./../img/front/icon/icon-lock.svg) no-repeat left center/20px 20px;
}

.header .sign-in,
.header .sign-up,
.header .sign-name,
.header .sign-out {
    display: inline-block;
    position: relative;
    color: #33312f;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.header .sign-in::before,
.header .sign-up::before,
.header .sign-name::before,
.header .sign-out::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    width: 1px;
    height: 13px;
    background-color: #AEAEAE;
}

.header .sign-in:first-child::before,
.header .sign-up:first-child::before,
.header .sign-name:first-child::before,
.header .sign-out:first-child::before {
    display: none;
}

.header .sign-name {
    color: #6c6864;
}

.main {
    position: relative;
    min-height: 100%;
    margin-bottom: -250px;
    padding: 80px 0 0;
    background-color: #F4F7FC;
}

.main.-home {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0 250px;
    overflow: hidden;
}

.main::after {
    content: "";
    display: block;
    height: 250px;
}

.main__img {
    position: relative;
    margin: 90px 30px 80px;
}

.main__img img {
    display: block;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}

.contents {
    width: 100%;
    max-width: 928px;
    margin: 48px auto;
    padding: 56px 16px;
    border-radius: 24px;
    background-color: #fff;
}

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

.contents .title h2+.button {
    margin-left: auto;
}

.contents .title+.container {
    margin-top: 40px;
    border-top: 2px solid #33312f;
}

.contents .sub {
    margin: 32px 0 38px;
}

.contents .sub.password {
    margin: 10px 0 32px;
}

.contents .sub p {
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.contents .sub p .req {
    margin-left: 0;
}

.contents__sign {
    width: 344px;
    margin: 0 auto;
}

.contents.-privacy {
    padding: 56px 56px;
}

.contents.-privacy .title h2 {
    color: #414141;
    font-family: "OneShinhan Bold";
    font-size: 36px;
    line-height: normal;
    letter-spacing: -1.08px;
}

.contents.-privacy .title+.container {
    margin-top: 64px;
    border-top: none;
}

.contents.-privacy .title+.container.-personal {
    margin-top: 32px;
}

.intro_conts-wrap {
    display: flex;
    justify-content: space-between;
    padding: 24px 20px 0;
}

.intro__side h3 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.6px;
    font-weight: 700;
}

.intro__txt {
    flex: none;
    width: 670px;
}

.intro__txt .txt-img {
    display: block;
    width: 419px;
}

.intro__txt .txt-tit {
    display: block;
    margin-top: 48px;
    color: #476EFF;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.6px;
    font-family: "OneShinhan Bold";
    font-weight: 700;
}

.intro__txt .txt-sub {
    display: block;
    margin-top: 19px;
    color: #636363;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 24px;
}

.intro__txt .txt-sub+.bundle {
    margin-top: 48px;
}

.intro__txt .bundle-tit {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: rgba(86, 154, 255, 0.12);
    color: #569aff;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.intro__txt .bundle-tit+.bundle-list,
.intro__txt .bundle-tit+.bundle-set {
    margin-top: 16px;
}

.intro__txt .bundle-list>li {
    position: relative;
    padding-left: 32px;
}

.intro__txt .bundle-list>li strong {
    color: #33312F;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.intro__txt .bundle-list>li strong+.list-inner {
    margin-top: 6px;
}

.intro__txt .bundle-list>li::before {
    content: '1';
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #569AFF;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
}

.intro__txt .bundle-list>li:nth-child(2)::before {
    content: '2';
}

.intro__txt .bundle-list>li:nth-child(3)::before {
    content: '3';
}

.intro__txt .bundle-list>li:nth-child(4)::before {
    content: '4';
}

.intro__txt .bundle-list>li:nth-child(5)::before {
    content: '5';
}

.intro__txt .bundle-list>li:nth-child(6)::before {
    content: '6';
}

.intro__txt .bundle-list>li+li {
    margin-top: 16px;
}

.intro__txt .bundle-list .list-inner>li {
    position: relative;
    padding-left: 16px;
    color: #33312F;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 24px;
}

.intro__txt .bundle-list .list-inner>li.message {
    color: #0046ff;
    margin: 0;
}

.intro__txt .bundle-list .list-inner>li.message::before {
    display: none;
}

.intro__txt .bundle-list .list-inner>li.message.-warning {
    padding-left: 0;
    color: #fb584d;
    font-weight: 700;
}

.intro__txt .bundle-list .list-inner>li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #33312F;
}

.intro__txt .bundle-list .list-inner_table {
    width: 100%;
    margin-top: 16px;
    text-align: center;
}

.intro__txt .bundle-list .list-inner_table th {
    background-color: #F4F7FC;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
    border-right: 2px solid #fff;
}

.intro__txt .bundle-list .list-inner_table th:last-child {
    border-right: none;
}

.intro__txt .bundle-list .list-inner_table td {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.intro__txt .bundle-list .list-inner_table td>strong {
    font-weight: 700;
}

.intro__txt .bundle-list .list-inner_table th,
.intro__txt .bundle-list .list-inner_table td {
    padding: 8px 8px;
    height: 40px;
}

.intro__txt .bundle-list .list-inner_table+.list-inner {
    margin-top: 24px;
}

.intro__txt .bundle+.bundle {
    margin-top: 48px;
}

.intro__txt .list-message {
    margin-top: 16px;
    color: #476EFF;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.intro__txt .note {
    color: #888;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.contents__sign .title h2 {
    font-size: 36px;
    line-height: normal;
    letter-spacing: -1.08px;
    font-family: "OneShinhan Bold";
}

.contents__sign .title+.container {
    margin-top: 32px;
    border-top: none;
}

.contents__sign .container>h3 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.6px;
}

.contents__sign .container+.container {
    margin-top: 40px;
}

.sign_email {
    margin-top: 40px;
    padding: 16px 0;
    border-radius: 6px;
    background: rgba(86, 154, 255, 0.12);
    color: #476EFF;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
    text-align: center;
}

.sign_input-wrap h3 {
    color: #33312f;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
    font-weight: 700;
}

.sign_input-wrap h3+.input-box {
    margin-top: 16px;
}

.sign_input-wrap .input-box+.input-box {
    margin-top: 16px;
}

.sign_input-wrap .input-box+h3 {
    margin-top: 40px;
}

.sign_input-wrap+.sign_btn-wrap {
    margin-top: 40px;
}

.sign_btn-wrap .button {
    width: 100%;
}

.sign_btn-wrap .button+.button {
    margin-top: 16px;
}

.sign_btn-wrap .cs_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.sign_btn-wrap .cs_btn>a {
    position: relative;
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.sign_btn-wrap .cs_btn>a+a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 14px;
    margin: 0 24px;
    background-color: #e9ebee;
}

.sign_agree-wrap .agree_tit {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
    font-weight: 700;
}

.sign_agree-wrap .agree_tit+.agree_desc {
    margin-top: 8px;
}

.sign_agree-wrap .agree_desc {
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.sign_agree-wrap .agree-box+.agree-box {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #eee;
}

.sign_agree-wrap .agree_chk .view_chk {
    position: relative;
    margin-left: auto;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #476EFF;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
    cursor: pointer;
}

.sign_agree-wrap .agree_chk .view_chk .icon {
    margin-left: 4px;
    vertical-align: text-top;
}

.sign_agree-wrap .agree_chk .form-checkbox {
    margin-top: 16px;
}

.sign_agree-wrap .agree_chk .form-checkbox.view {
    margin-top: 20px;
    padding: 16px 0;
}

.sign_agree-wrap .agree_chk .form-checkbox.view+.view {
    margin-top: 0;
    border-top: 1px solid #eee;
}

.sign_agree-wrap .form-checkbox label span {
    padding-left: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.sign_agree-wrap .form-checkbox label span>.req {
    padding-left: 0;
}

.sign_find-wrap .find_tit {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
    font-weight: 700;
}

.sign_find-wrap .find_tit+.find_desc {
    margin-top: 16px;
}

.sign_find-wrap .find_tit+.sign_email {
    margin-top: 24px;
}

.sign_find-wrap .find_desc {
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.sign_btn-wrap {
    margin-top: 40px;
}

.sign_btn-wrap.-done {
    margin-top: 32px;
}

.input-box .include {
    display: flex;
}

.input-box .include._btn .button {
    min-width: 106px;
    margin-left: 8px;
}

.input-box .include._btn+.form-text {
    margin-top: 8px;
}

.input-box .include._bank {
    display: block;
}

.input-box .include._bank .form-select {
    margin-bottom: 8px;
}

.input-box .include._bank .form-select+.form-text {
    margin-bottom: 8px;
}

.input-box .include._edu {
    justify-content: space-between;
}

.input-box .include._edu .form-radio+.form-radio {
    margin-top: 8px;
}

.input-box .include._edu .form-checkbox+.form-checkbox {
    margin-top: 8px;
}

.input-box ._rrn {
    display: flex;
    align-items: center;
}

.input-box ._rrn>span {
    margin: 0 9px;
    font-size: 14px;
}

.contents__list .title {
    padding: 0 40px;
}

.contents__list .title h2 {
    font-size: 36px;
    line-height: normal;
    letter-spacing: -1.08px;
    font-family: "OneShinhan Bold";
}

.contents__list .title h2+.form-badge {
    min-width: 120px;
    margin-left: auto;
    height: 40px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.contents__list .title+.container {
    margin-top: 32px;
}

.contents__write {
    padding: 0 40px;
}

.board_list-wrap li {
    display: flex;
    align-items: center;
    padding: 24px 16px;
    border-bottom: 1px solid #e9ebee;
}

.board_list-wrap li .list-box {
    display: flex;
    /* align-items: center; */
    width: 100%;
    overflow: hidden;
}

.board_list-wrap li .list-box+.list_button {
    margin-left: 28px;
}

.board_list-wrap li .list_tag {
    flex: none;
}

.board_list-wrap li .list_tag+.list_info {
    margin-left: 16px;
}

.board_list-wrap li .list_num {
    flex: none;
    min-width: 24px;
}

.board_list-wrap li .list_num+.list_info {
    margin-left: 16px;
}

.board_list-wrap li .list_num>span {
    display: inline-block;
    width: 100%;
    color: #6B7684;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    text-align: center;
}

.board_list-wrap li .list_info {
    width: 100%;
    overflow: hidden;
}

.board_list-wrap li .list_info>.link {
    display: flex;
}

.board_list-wrap li .list_info>.link>a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.board_list-wrap li .list_info>.link>a>p {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.board_list-wrap li .list_info>.link>a>p.imp {
    font-weight: 700;
}

.board_list-wrap li .list_info>.link>a>p:hover {
    color: #776C61;
}

.board_list-wrap li .list_info>.link>a>p+.comment {
    margin-left: 2px;
    color: #476EFF;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
}

.board_list-wrap li .list_info>.link>a>.icon {
    flex: none;
}

.board_list-wrap li .list_info>.link>a>.icon+p {
    margin-left: 4px;
}

.board_list-wrap li .list_info>.writer {
    display: flex;
    margin-top: 8px;
}

.board_list-wrap li .list_info>.writer>.form-badge {
    margin-right: 8px;
}

.board_list-wrap li .list_info>.writer p {
    position: relative;
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_list-wrap li .list_info>.writer p+p::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 8px;
    background-color: #e9ebee;
}

.board_list-wrap li .list_info>.writer p.lect {
    display: flex;
    align-items: center;
}

.board_list-wrap li .list_info>.writer p.lect .icon {
    margin-right: 4px;
}

.board_list-wrap li .list_info+.list_button {
    margin-left: 40px;
}

.board_list-wrap li .list_button {
    display: flex;
    margin-left: auto;
}

.board_list-wrap li .list_button .button+.button {
    margin-left: 8px;
}

.board_list-wrap+.form-pagination {
    margin-top: 24px;
}

.board_detail-wrap .detail-header {
    padding: 0 40px 24px;
}

.board_detail-wrap .detail-header>.tit {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.72px;
    font-weight: 700;
}

.board_detail-wrap .detail-header>.tit+.writer {
    margin-top: 16px;
}

.board_detail-wrap .detail-header>.writer {
    display: flex;
    align-items: center;
}

.board_detail-wrap .detail-header>.writer .form-badge+p {
    margin-left: 16px;
}

.board_detail-wrap .detail-header>.writer p {
    color: #6c6b69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_detail-wrap .detail-header>.writer p+p::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin: 0 8px;
    background-color: #e9ebee;
}

.board_detail-wrap .detail-body {
    padding: 56px 40px;
    border: 1px solid #e9ebee;
    border-width: 1px 0;
}

.board_detail-wrap .detail-body .detail_conts>.conts {
    color: #4E5968;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.board_detail-wrap .detail-body .detail_conts>.txt {
    color: #33312f;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.board_detail-wrap .detail-body .detail_conts .form-download {
    margin-top: 56px;
}

.board_detail-wrap .detail-body .detail_conts .form-download+.form-download {
    margin-top: 8px;
}

.board_detail-wrap .detail-body .detail_answer {
    margin-top: 40px;
    padding: 40px 40px;
    border-radius: 24px;
    background-color: #f7f7f7;
}

.board_detail-wrap .detail-body .detail_answer>b {
    color: #33312f;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
}

.board_detail-wrap .detail-body .detail_answer>b+p {
    margin-top: 14px;
}

.board_detail-wrap .detail-body .detail_answer>p {
    color: #33312f;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_detail-wrap .detail-body .detail_btn {
    margin-top: 56px;
    text-align: center;
}

.board_detail-wrap .private_no {
    padding: 80px 0;
    border-bottom: 1px solid #e9ebee;
    text-align: center;
}

.board_detail-wrap .private_no .icon+p {
    margin-top: 16px;
}

.board_detail-wrap .private_no p {
    color: #6c6b69;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.board_comment-wrap {
    padding: 40px 40px;
}

.board_comment-wrap+.board_post-wrap {
    border-top: 1px solid #EEEEEE;
}

.board_comment-wrap .comment-tit {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.6px;
    font-weight: 700;
}

.board_comment-wrap .comment-tit>.count {
    margin-left: 8px;
    color: #0046ff;
}

.board_comment-wrap .comment-tit+.comment-list {
    margin-top: 16px;
}

.board_comment-wrap .comment-list {
    padding: 28px 28px;
    border-radius: 24px;
    background-color: #F7F7F7;
    overflow: hidden;
}

.board_comment-wrap .comment-list_box+.comment-list_box {
    margin-top: 28px;
}

.board_comment-wrap .comment-list_info {
    display: flex;
    align-items: center;
}

.board_comment-wrap .comment-list_info .name {
    color: #222222;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.board_comment-wrap .comment-list_info .name+.date {
    margin-left: 6px;
}

.board_comment-wrap .comment-list_info .date {
    color: #aeaeae;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 400;
}

.board_comment-wrap .comment-list_info>.info-btn {
    margin-left: auto;
}

.board_comment-wrap .comment-list_info>.info-btn>.button {
    padding: 0;
    height: 20px;
    background-color: transparent;
}

.board_comment-wrap .comment-list_info>.info-btn>.button.-modify {
    color: #636363;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.board_comment-wrap .comment-list_info>.info-btn>.button.-modify+.-del {
    padding-left: 8px;
}

.board_comment-wrap .comment-list_info>.info-btn>.button.-del {
    color: #FB584D;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.board_comment-wrap .comment-list_info+.comment-field,
.board_comment-wrap .comment-list_info+.field-txt {
    margin-top: 8px;
}

.board_comment-wrap .comment-list+.form-pagination {
    margin-top: 24px;
}

.board_comment-wrap .comment-list+.form-pagination+.comment-field {
    margin-top: 24px;
}

.board_comment-wrap .comment-list+.comment-field {
    margin-top: 24px;
}

.board_comment-wrap .field-txt {
    color: #636363;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    line-height: 20px;
    word-break: break-all;
}

.board_comment-wrap .field-txt.-admin {
    color: #888888;
    font-weight: 700;
}

.board_comment-wrap .comment-field {
    display: grid;
    position: relative;
    min-height: 40px;
    margin-top: 16px;
    border-radius: 4px;
    border: 1px solid #E9EBEE;
    background-color: #fff;
    word-break: break-all;
    overflow: hidden;
    transition: all 0.5s ease;
}

.board_comment-wrap .comment-field.active {
    border-color: #222;
}

.board_comment-wrap .comment-field>.field {
    width: 100%;
    resize: none;
    overflow: hidden;
    border: none;
    padding: 8px 12px 0 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 24px;
}

.board_comment-wrap .comment-field>.field::-moz-placeholder {
    color: #aeaeae;
    font-weight: 400;
}

.board_comment-wrap .comment-field>.field:-ms-input-placeholder {
    color: #aeaeae;
    font-weight: 400;
}

.board_comment-wrap .comment-field>.field::placeholder {
    color: #aeaeae;
    font-weight: 400;
}

.board_comment-wrap .comment-field>.field-btn {
    padding-right: 12px;
    background-color: #fff;
    text-align: right;
}

.board_comment-wrap .comment-field>.field-btn .-comment {
    height: 36px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_comment-wrap .comment-field>.field-btn .-comment.-cancle {
    color: #888888;
}

.board_comment-wrap .comment-field>.field-btn .-comment.-cancle+.-upload {
    color: #476EFF;
    padding-left: 8px;
}

.board_comment-wrap .comment-field>.field-btn .-comment.-upload {
    color: #AEAEAE;
}

.board_post-wrap>.post {
    display: flex;
    align-items: center;
    height: 68px;
    border-bottom: 1px solid #e9ebee;
}

.board_post-wrap>.post .icon {
    min-width: 20px;
}

.board_post-wrap>.post .icon+b {
    margin-left: 40px;
}

.board_post-wrap>.post .icon+b+p {
    margin-left: 16px;
}

.board_post-wrap>.post b {
    color: #2A323B;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    white-space: nowrap;
}

.board_post-wrap>.post p {
    width: 100%;
    color: #6B7684;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.board_btn-wrap .detail_btn {
    display: flex;
    justify-content: end;
    width: 100%;
    margin-top: 40px;
}

.board_btn-wrap .detail_btn>.button+.button {
    margin-left: 8px;
}

.board_btn-wrap .go_btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.board_btn-wrap .go_btn>.button+.button {
    margin-left: 24px;
}

.board_accordion-wrap .q {
    display: inline-flex;
    width: 100%;
    padding: 24px 40px;
    border: 1px solid #eee;
    border-width: 0 0 1px 0;
    background-color: #fff;
    cursor: pointer;
}

.board_accordion-wrap .q .icon {
    flex: none;
    margin-right: 8px;
    vertical-align: middle;
}

.board_accordion-wrap .q p {
    width: calc(100% - 48px - 8px);
    color: #2a323b;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
    text-align: left;
    word-break: break-all;
}

.board_accordion-wrap .q .arrow {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    background: url(./../img/front/icon/icon-chevron_down_lg.svg) no-repeat center/100%;
}

.board_accordion-wrap .q .arrow.up {
    background-image: url(./../img/front/icon/icon-chevron_up_lg.svg);
}

.board_accordion-wrap .ans {
    display: none;
    padding: 24px 72px;
    border-bottom: 1px solid #eee;
    background-color: #f7f7f7;
}

.board_accordion-wrap .ans p {
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_accordion-wrap .ans p.emp {
    margin-top: 20px;
    color: #fb584d;
}

.board_accordion-wrap .ans p.emp+.emp {
    margin-top: 0;
}

.board_accordion-wrap .ans p+.list {
    margin-top: 20px;
}

.board_accordion-wrap .ans .list>p {
    font-weight: 700;
}

.board_accordion-wrap .ans .list ul li {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_accordion-wrap .ans .list ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6C6B69;
}

.board_write-wrap .input-box+.input-box {
    margin-top: 24px;
}

.board_table-wrap {
    margin: 40px auto 0;
}

.board_table-wrap .table-form {
    width: 398px;
    margin: 0 auto;
}

.board_table-wrap .table-form .table {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_table-wrap .table-form .table .tr {
    display: flex;
}

.board_table-wrap .table-form .table .thead .tr {
    background-color: #F4F7FC;
    border-radius: 8px 8px 0 0;
    font-weight: 700;
}

.board_table-wrap .table-form .table .thead .tr .td {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-right: 1px solid #E1E6EF;
}

.board_table-wrap .table-form .table .thead .tr .td:last-child {
    border-right: none;
}

.board_table-wrap .table-form .table .thead .tr .td.col01 {
    width: 100%;
}

.board_table-wrap .table-form .table .thead .tr .td.col02 {
    width: 28.1407%;
    flex: none;
}

.board_table-wrap .table-form .table .thead .tr .td.col03 {
    width: 50%;
    flex: none;
}

.board_table-wrap .table-form .table .tbody .tr {
    border-bottom: 1px solid #E1E6EF;
}

.board_table-wrap .table-form .table .tbody .tr .td {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    border-right: 1px solid #E1E6EF;
}

.board_table-wrap .table-form .table .tbody .tr .td:nth-child(1) {
    border-left: 1px solid #E1E6EF;
}

.board_table-wrap .table-form .table .tbody .tr .td.col {
    justify-content: end;
    width: 100%;
    color: #222;
    font-weight: 700;
}

.board_table-wrap .table-form .table .tbody .tr .td.col00 {
    width: 100%;
    color: #222;
    font-weight: 700;
}

.board_table-wrap .table-form .table .tbody .tr .td.col01 {
    width: 25.6281%;
    flex: none;
}

.board_table-wrap .table-form .table .tbody .tr .td.col02 {
    display: flex;
    width: 28.1407%;
    flex: none;
}

.board_table-wrap .table-form .table .tbody .tr .td.col03 {
    display: flex;
    width: 50%;
    flex: none;
}

.board_table-wrap .table-form .table .tbody .tr .td .form-input {
    width: 100%;
    text-align: right;
}

.board_table-wrap .table-form .table .tbody .tr .td .form-input+span {
    margin-left: 16px;
    color: #222;
}

.board_table-wrap .table-form .table .tbody .tr .td .form-input.direct {
    width: 100%;
    text-align: left;
}

.board_table-wrap .table-form .table .tbody .tr .td .form-input.reject {
    color: #FB584D;
}

.board_table-wrap .table-form .table .tbody .tr.-result {
    margin-top: 8px;
    border: none;
}

.board_table-wrap .table-form .table .tbody .tr.-result .td {
    border: none;
}

.board_table-wrap .table-form .table .tbody .tr.-result .td .form-input {
    color: #476EFF;
    font-weight: 700;
}

.board_table-wrap .table-form .table .tbody .tr.-result .td .form-input+span {
    font-weight: 700;
}

.board_table-wrap .table-form .table .tbody .tr.-result .td .form-input.black {
    color: #33312f;
}

.board_table-wrap .table-form .table .tbody .tr.-result .td .form-input.reject {
    color: #FB584D;
}

.board_table-wrap .table-form .table .tbody .tr.-reject .td .form-input {
    color: #FB584D;
}

.board_table-wrap .table-form .table-target {
    margin-top: 24px;
}

.board_table-wrap .table-form.-report {
    width: 511px;
}

.board_table-wrap .table-form.-report .table .thead .tr .td.col01 {
    width: 100%;
}

.board_table-wrap .table-form.-report .table .thead .tr .td.col02 {
    width: 21.9178%;
    flex: none;
}

.board_table-wrap .table-form.-report .table .tbody .tr .td.col00 {
    width: 100%;
    color: #222;
    font-weight: 700;
}

.board_table-wrap .table-form.-report .table .tbody .tr .td.col01 {
    width: 18.3953%;
    flex: none;
}

.board_table-wrap .table-form.-report .table .tbody .tr .td.col02 {
    display: flex;
    width: 21.9178%;
    flex: none;
}

.board_table-wrap .alarm {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 40px;
    padding: 14px 40px;
    border-radius: 8px;
}

.board_table-wrap .alarm.-reject {
    background-color: #FFEFEE;
}

.board_table-wrap .alarm.-reject .alarm-message {
    width: calc(100% - 18px - 2px);
    margin-left: 2px;
    color: #FB584D;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.board_table-wrap .alarm.-reject .alarm-reason {
    padding: 16px 0 0;
    color: #33312f;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_table-wrap .alarm.-approve {
    background-color: #EBF3FF;
}

.board_table-wrap .alarm.-approve .alarm-message {
    width: calc(100% - 18px - 2px);
    margin-left: 2px;
    color: #476EFF;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.board_table-wrap .alarm+.table-form {
    margin-top: 40px;
}

.board_notice-wrap {
    margin: 40px 40px 0;
    padding: 40px;
    background-color: #F7F7F7;
}

.board_notice-wrap .notice__tit {
    display: block;
    margin-bottom: 16px;
    color: #33312F;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
}

.board_notice-wrap .notice__txt01 {
    color: #476EFF;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.board_notice-wrap .notice__txt02 {
    color: #888;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_notice-wrap .notice__txt02+.notice__list {
    margin-top: 20px;
}

.board_notice-wrap .notice__list li {
    color: #33312F;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_notice-wrap .notice__list li.dot {
    position: relative;
    padding-left: 16px;
}

.board_notice-wrap .notice__list li.dot::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #33312F;
}

.board_notice-wrap .notice__list li span {
    color: #888;
}

.board_notice-wrap .notice__list+.notice__more {
    margin-top: 20px;
}

.board_notice-wrap .notice__more {
    color: #33312F;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.39px;
    font-weight: 700;
}

.board_notice-wrap .notice__more>.button {
    height: 24px;
    margin-left: 10px;
    padding: 0 10px;
    background-color: #33312F;
    color: #fff;
    font-size: 10px;
    line-height: normal;
}

.list_no {
    padding: 66px 0 210px;
    text-align: center;
}

.list_no.-page {
    border-bottom: none;
}

.list_no p {
    padding-top: 150px;
    background: url(./../img/front/img_no-post.png) no-repeat top center/250px auto;
    color: #6C6B69;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.privacy_list-wrap>h3 {
    margin-top: 32px;
    color: #33312f;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.54px;
}

.privacy_list-wrap>h3+ul {
    margin-top: 16px;
}

.privacy_list-wrap>h3+ul+p {
    margin-top: 16px;
}

.privacy_list-wrap>h3+p {
    margin-top: 16px;
}

.privacy_list-wrap>h3+p+ul {
    margin-top: 16px;
}

.privacy_list-wrap>h3+p+table {
    width: 100%;
    margin-top: 16px;
    text-align: center;
}

.privacy_list-wrap>h3+p+table thead {
    background-color: #f4f7fc;
}

.privacy_list-wrap>h3+p+table thead th {
    border-right: 1px solid #ffffff;
    font-size: 16px;
    color: #333333;
}

.privacy_list-wrap>h3+p+table tbody td {
    padding: 8px 8px;
    border-right: 1px solid #ffffff;
    font-size: 14px;
    color: #333333;
}

.privacy_list-wrap>h3+p+table tbody td .dot li {
    position: relative;
    padding-left: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    text-align: left;
}

.privacy_list-wrap>h3+p+table tbody td .dot li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333333;
}

.privacy_list-wrap>h3+p+table tr {
    height: 37px;
    border-bottom: 1px solid #f4f7fc;
}

.modal_container .privacy_list-wrap.privacy>table+h3 {
    margin-top: 32px;
}

.privacy_list-wrap>h4 {
    margin-top: 32px;
    color: #33312f;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.privacy_list-wrap>h4+ul {
    margin-top: 16px;
}

.privacy_list-wrap>h4+ul+p {
    margin-top: 16px;
}

.privacy_list-wrap>h4+p {
    margin-top: 16px;
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.privacy_list-wrap>h4+p+ul {
    margin-top: 16px;
}

.privacy_list-wrap>h4+p+ul+p {
    margin-top: 16px;
}

.privacy_list-wrap>ul li {
    position: relative;
    padding-left: 12px;
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.privacy_list-wrap>ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #6C6B69;
}

.privacy_list-wrap>ul li .personal_link {
    color: #476eff;
    font-weight: 700;
    text-decoration: underline;
}

.privacy_list-wrap>ul+h3 {
    margin-top: 64px;
}

.privacy_list-wrap>ul+h3.personal {
    margin-top: 32px;
}

.privacy_list-wrap>p {
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.privacy_list-wrap>p.highlight {
    font-size: 18px;
    line-height: 24px;
    color: #33312f;
}

.privacy_list-wrap>p+h3 {
    margin-top: 64px;
}

.privacy_list-wrap>p+h3.personal {
    margin-top: 32px;
}

.footer {
    position: relative;
    width: 100%;
    min-height: 250px;
    padding: 48px 0 0;
    background: #ffffff;
}

.footer-inner {
    max-width: 960px;
    margin: 0 auto;
}

.footer_info {
    text-align: right;
}

.footer_info>.privacy>a {
    margin-left: 40px;
    color: #636363;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    font-weight: 700;
}

.footer_info>.privacy>a:first-child {
    margin-left: 0;
}

.footer_info>.info {
    margin-top: 20px;
}

.footer_info>.info li {
    color: #636363;
    font-size: 12px;
    line-height: normal;
    letter-spacing: -0.36px;
}

.footer_info>.info li+li {
    margin-top: 8px;
}

/********** CK EDITOR **********/
.board_detail-wrap .detail-body h1 {
    font-weight: 700;
    font-size: 36px;
}

.board_detail-wrap .detail-body h2 {
    font-weight: 700;
    font-size: 32px;
}

.board_detail-wrap .detail-body h3 {
    font-weight: 700;
    font-size: 28px;
}

.board_detail-wrap .detail-body h4 {
    font-weight: 700;
    font-size: 24px;
}

.board_detail-wrap .detail-body h5 {
    font-weight: 700;
    font-size: 20px;
}

.board_detail-wrap .detail-body h6 {
    font-weight: 700;
    font-size: 16px;
}

.board_detail-wrap .detail-body a {
    color: #00c4bd;
    text-decoration: underline;
}

.board_detail-wrap .detail-body .form-download>a {
    color: #fff;
    text-decoration: none;
}

.board_detail-wrap .detail-body img {
    max-width: 100%;
}

.board_detail-wrap .detail-body ol {
    list-style: demical;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
}

.board_detail-wrap .detail-body ul {
    list-style: disc;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
}

.board_detail-wrap .detail-body blockquote {
    border-left: 5px solid #ccc;
    font-style: normal;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

.board_detail-wrap .detail-body .table {
    display: table;
    width: 100%;
    margin: 10px auto;
}

.board_detail-wrap .detail-body .table table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%;
}

.board_detail-wrap .detail-body .table table td,
.board_detail-wrap .detail-body .table table th {
    border: 1px solid #bfbfbf;
    min-width: 20px;
    padding: 4px;
}

.board_detail-wrap .detail-body .table table th {
    background: rgba(0, 0, 0, 0.05);
    font-weight: 700;
}

.board_detail-wrap .detail-body[dir=rtl] .table th {
    text-align: right;
}

.board_detail-wrap .detail-body[dir=ltr] .table th {
    text-align: left;
}

:root {
    --ck-highlight-marker-yellow: #fdfd77;
    --ck-highlight-marker-green: #62f962;
    --ck-highlight-marker-pink: #fc7899;
    --ck-highlight-marker-blue: #72ccfd;
    --ck-highlight-pen-red: #e71313;
    --ck-highlight-pen-green: #128a00;
}

.board_detail-wrap .detail-body .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}

.board_detail-wrap .detail-body .marker-green {
    background-color: var(--ck-highlight-marker-green);
}

.board_detail-wrap .detail-body .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}

.board_detail-wrap .detail-body .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}

.board_detail-wrap .detail-body .pen-red {
    background-color: transparent;
    color: var(--ck-highlight-pen-red);
}

.board_detail-wrap .detail-body .pen-green {
    background-color: transparent;
    color: var(--ck-highlight-pen-green);
}

.board_detail-wrap .detail-body .pen-green {
    background-color: transparent;
    color: var(--ck-highlight-pen-green);
}

.board_detail-wrap .detail-body .media {
    clear: both;
    display: block;
    margin: 10px 0;
    min-width: 25px;
}

.board_detail-wrap .detail-body .detail_conts>.image.image_resized {
    margin: 0 auto;
}

.board_detail-wrap .detail-body .detail_conts>.image.image_resized.image-style-side {
    margin: 0 0 0 auto;
}

.board_write-wrap .ck-content ul {
    padding-left: 24px;
}

.board_write-wrap .ck-content ol {
    padding-left: 24px;
}

/* 240307 신청해 업데이트 */
.modal.-results.-update {
    top: 104px;
    left: 80px;
    width: auto;
    height: auto;
}

.modal.-results.-update .modal_container .conts {
    margin: 0;
}

/* 240308 신청해 사업소개 개편 */
.intro__txt .bundle-list>li {
    display: block;
}

.intro__txt .bundle-list>li>.list-pack {
    margin-top: 8px;
}

.intro__txt .bundle-list .list-inner_table+.list-pack {
    margin-top: 16px;
}

.intro__txt .bundle-list>li>.list-pack strong+.list-inner {
    margin-top: 0;
}

.intro__txt .bundle-list .list-inner_table+.list-message {
    margin-top: 8px;
}

.intro__txt .bundle-list>li>.list-message+.list-pack {
    margin-top: 16px;
}

/* 240311 신청해 개편 */
.form-alarm-message {
    display: block;
    margin-bottom: 8px;
    color: #476EFF;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
    line-height: 17px;
}

.input-box ._rrn>.form-select+.form-select {
    margin-left: 8px;
}

.modal_container .conts .modal_saved .txt-form {
    text-align: left;
}

.modal_container .conts .modal_saved .txt-form>b {
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.48px;
    font-weight: 700;
}

.modal_container .conts .modal_saved .txt-form>.txt-form_list>li {
    position: relative;
    padding-left: 16px;
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.48px;
    font-weight: 400;
}

.modal_container .conts .modal_saved .txt-form>.txt-form_list>li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6C6B69;
}

.modal_container .conts .modal_saved .txt-form>p.imp {
    margin-top: 4px;
    color: #476EFF;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.48px;
    font-weight: 400;
}

.modal_container .conts .modal_saved .txt-form>p.imp>svg {
    vertical-align: sub;
    margin-right: 4px;
}

/* faq */
.board_accordion-wrap .ans span {
    display: block;
    color: #6C6B69;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_accordion-wrap .ans p.emp.nogap {
    margin-top: 0;
}

/* 240401 textarea 카운팅 */
.row-counter {
    position: relative;
}

.row-counter>.counting {
    position: absolute;
    top: 2px;
    right: 0;
    color: #b5b3b2;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.03em;
}

.row-counter>.counting>b {
    color: #33312f;
}

/* 240709 참여수기공모이벤트 */
.modal.-results.-event {
    top: 104px;
    left: 80px;
    width: auto;
    height: auto;
}

.modal.-results.-event .modal_container .conts {
    width: 540px;
    margin: 0;
}

.modal.-results.-event .modal_container .conts .modal_contents>.modal-move.btn {
    width: 50%;
    margin-left: -25%;
    bottom: 13.5%;
}

/**************************************************
* 250213 박세연 고도화
**************************************************/
/* * LAYOUT | LAYOUT */
.board_table-wrap .table-form.-grant {
    width: 567px;
}

.board_table-wrap .table-form.-grant .table {
    width: 100%;
}

.board_table-wrap .table-form.-grant .table>thead {
    height: 40px;
    background-color: #E1E6EF;
}

.board_table-wrap .table-form.-grant .table>thead th {
    border-right: 1px solid #fff;
}

.board_table-wrap .table-form.-grant .table>thead th:first-child {
    border-top-left-radius: 10px;
}

.board_table-wrap .table-form.-grant .table>thead th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}

.board_table-wrap .table-form.-grant .table>tbody th,
.board_table-wrap .table-form.-grant .table>tbody td {
    border: 1px solid #E1E6EF;
}

.board_table-wrap .table-form.-grant .table>tbody td {
    height: 40px;
    padding: 0 8px;
}

.board_table-wrap .table-form.-grant .table>tbody td.calc {
    padding: 0 0 0 8px;
    white-space: nowrap;
}

.board_table-wrap .table-form.-grant .table>tbody td.calc input {
    width: calc(100% - 40px);
    text-align: right;
}

.board_table-wrap .table-form.-grant .table>tbody td.calc input+span {
    display: inline-block;
    width: 40px;
    text-align: center;
}

.board_table-wrap .table-form.-grant .table>tfoot tr {
    height: 56px;
    border-bottom: 1px solid #EEEEEE;
}

.board_table-wrap .table-form.-grant .table>tfoot tr th {
    text-align: left;
}

.board_table-wrap .table-form.-grant .table>tfoot td {
    font-weight: 700;
}

.board_table-wrap .table-form.-grant .table>tfoot td.calc {
    padding: 0 0 0 8px;
    white-space: nowrap;
}

.board_table-wrap .table-form.-grant .table>tfoot td.calc input {
    width: calc(100% - 40px);
    text-align: right;
}

.board_table-wrap .table-form.-grant .table>tfoot td.calc input+span {
    display: inline-block;
    width: 40px;
    text-align: center;
}

.board_table-wrap .table-form.-grant .table>tfoot tr.all th {
    font-size: 16px;
}

.board_table-wrap .table-form.-grant .table>tfoot tr.all td.calc input {
    color: #476EFF;
}

.board_table-wrap .table-form.-grant .table-check {
    width: 100%;
    margin: 16px 0 0;
    padding: 24px 24px;
    background-color: #F4F7FC;
    border-radius: 6px;
}

.board_table-wrap .table-form.-grant .table-check>strong {
    color: #33312f;
    font-size: 16px;
    line-height: 24px;
}

.board_table-wrap .table-form.-grant .table-check>p {
    margin-top: 8px;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
}

.board_table-wrap .table-form.-grant .table-check>table {
    width: 100%;
    margin-top: 14px;
    text-align: center;
}

.board_table-wrap .table-form.-grant .table-check>table thead {
    height: 40px;
    background-color: #476EFF;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}

.board_table-wrap .table-form.-grant .table-check>table thead th {
    border-right: 1px solid #fff;
}

.board_table-wrap .table-form.-grant .table-check>table thead th:first-child {
    border-top-left-radius: 10px;
}

.board_table-wrap .table-form.-grant .table-check>table thead th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}

.board_table-wrap .table-form.-grant .table-check>table tbody {
    height: 40px;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}

.board_table-wrap .table-form.-grant .table-check>table tbody td {
    border-right: 1px solid #E1E6EF;
}

.board_table-wrap .table-form.-grant .table-check>table tbody td:first-child {
    border-bottom-left-radius: 10px;
}

.board_table-wrap .table-form.-grant .table-check>table tbody td:last-child {
    border-bottom-right-radius: 10px;
    border-right: none;
}

.board_table-wrap .table-form.-grant .table-check+.table-target {
    margin-top: 40px;
}

.board_notice-wrap .notice__txt03 {
    color: #414141;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.board_notice-wrap .notice__txt03+.notice__list {
    margin-top: 20px;
}

.board_notice-wrap .notice__more+.notice__txt01,
.board_notice-wrap .notice__more+.notice__tit {
    margin-top: 24px;
}

/**************************************************
* 250225 박세연 고도화
**************************************************/
/* * LAYOUT | LAYOUT */
.intro__txt .bundle-txt {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.42px;
}

.intro__txt .bundle-list.-textonly>li {
    padding-left: 0;
}

.intro__txt .bundle-list.-textonly>li::before {
    display: none;
}

.intro__txt .bundle-list>li .list-inner+strong {
    display: inline-block;
    margin-top: 16px;
}

.intro__txt .bundle-list .list-inner>li>span {
    color: #636363;
}

/**************************************************
* 250306 박세연 고도화
**************************************************/
/* * LAYOUT | LAYOUT */
.main__img img.main_deco01 {
    position: absolute;
    top: 44px;
    left: -425px;
    width: 271px;
}

.main__img img.main_deco02 {
    position: absolute;
    top: 230px;
    left: -169px;
    width: 121px;
}

.main__img img.main_deco03 {
    position: absolute;
    top: 35px;
    right: -483px;
    width: 407px;
}

/**************************************************
* 250324 박세연 사업소개 문의처 추가
**************************************************/
.intro__txt .bundle-list .list-inner>li.qr a {
    border-bottom: 1px solid #33312F;
    font-weight: 700;
}

.intro__txt .bundle-list .list-inner>li.qr img {
    display: block;
    width: 96px;
    height: auto;
    margin-top: 8px;
}

/**************************************************
* 260224 박세연 1:1 문의하기 추가
**************************************************/
.qna_pw-wrap {
    width: 344px;
    margin: 64px auto 40px;
}

.qna_pw-btn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

.board_write-wrap .input-line {
    display: flex;
    align-items: center;
    gap: 16px;
}

.board_write-wrap .input-line .input-box {
    width: 100%;
    margin-top: 0;
}

.board_write-wrap .input-line+.input-box {
    margin-top: 24px;
}

.modal_container .conts .modal_saved .txt.left+.form-password {
    margin-top: 16px;
}

.footer_info>.privacy>a.qna {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 17px;
    background-color: #476EFF;
    line-height: 20px;
    color: #fff;
}

/**************************************************
* 260304 박세연 사업소개 업데이트
**************************************************/
.font-shin {
    font-family: "OneShinhan Bold";
}

.bundle-set li {
    position: relative;
    padding-left: 16px;
    color: #33312f;
    font-size: 14px;
    line-height: 24px;
}

.bundle-set li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #33312F;
}

.intro__txt .bundle-list .list-inner>li>span.note-gray {
    color: #888888;
}

.note-gray {
    color: #888888;
}

.note-blue {
    color: #476eff !important;
}

.intro__txt .note.note-black {
    margin-top: 16px;
    color: #33312f;
}

.list-set+.list-set {
    margin-top: 16px;
}

.font-red {
    color: #FB584D !important;
}

.intro__txt .bundle-list>li strong.dot-blue {
    position: relative;
    padding-left: 18px;
    color: #476EFF;
}

.intro__txt .bundle-list>li strong.dot-blue::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #476EFF
}

.intro__txt .bundle-list>li strong.dot-red {
    position: relative;
    padding-left: 18px;
    color: #FB584D;
}

.intro__txt .bundle-list>li strong.dot-red::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #FB584D;
}

.intro__txt .bundle-list .list-inner.-hyphen>li::before {
    display: none;
}

.intro__txt .bundle-list>li>.list-pack.-update+.list-pack.-update {
    margin-top: 16px;
}

/**************************************************
* 260306 박세연 FAQ 업데이트
**************************************************/
.tab-list.depth01 {
    display: flex;
    margin: 26px 0 24px;
}

.tab-list.depth01 li {
    width: 100%;
}

.tab-list.depth01 li+li button {
    border-left: none;
}

.tab-list.depth01 button {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #D6D6D6;
    background: #fff;
    color: #33212F;
    font-size: 18px;
    font-family: "OneShinhan Bold";
    letter-spacing: -3%;
    cursor: pointer;
}

.tab-list.depth01 .active button {
    background: #476EFF;
    color: #fff;
}

.tab-list.depth02 {
    display: flex;
    gap: 8px;
    margin: 0 0 24px;
}

.tab-list.depth02 button {
    padding: 6px 24px;
    border-radius: 58px;
    border: 1px solid #476EFF;
    background: #fff;
    color: #476EFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    cursor: pointer;
}

.tab-list.depth02 .active button {
    background: #476EFF;
    color: #fff;
}

.tab-panel,
.sub-panel {
    display: none;
}

.tab-panel.active,
.sub-panel.active {
    display: block;
}

.board_accordion-wrap .ans .ans-link {
    color: #476EFF;
    font-weight: 700;
    text-decoration: underline;
}

.board_accordion-wrap .ans .ans-emp {
    color: #FB584D;
}

.board_btn-guide {
    width: 567px;
    margin: 24px auto 0;
    padding: 10px;
    border-radius: 4px;
    background-color: #FFEFEE;
}

.board_btn-guide p {
    color: #FB584D;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}