@charset "UTF-8";

/* 틀 */
.custom-conts-wrap {
    margin-top: 4%;
    margin-bottom: 4%;
}

@media (min-width: 1024px) {
    .inner.custom-conts-wrap {
        /* max-width: calc(79.2rem + var(--krds-contents-padding-x) * 2); */
        max-width: 128rem;
        width: 95%;

    }
}

/* 컨텐츠 공통 */
.custom-flex-wrap {
    flex-wrap: wrap;
}

.custom-h-auto {
    height: auto;
}

.sr-only {
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    white-space: nowrap !important;
}

.invisible {
    visibility: hidden;
}

/* 폼 반응형 모바일 */
@media (max-width: 767px) {
    .custom-m-column {
        flex-direction: column;
        gap: var(--krds-gap-5);
    }

    .custom-m-none {
        display: none;
    }
}

/* custom-page-titl-wrap */
.custom-page-title-wrap {}

.custom-page-title-wrap h1 {
    font-size: calc(18px + 1vw);
}

.custom-page-title-wrap .custom-group {}

.custom-page-title-wrap .custom-group.mt {
    margin-top: 2%;
}

.custom-page-title-wrap .custom-group.mb {
    margin-bottom: 2%;
}

.custom-page-title-wrap .custom-group .custom-txt {
    line-height: 180%;
}

/* custom-certification-icon-wrap */
.custom-certification-icon-wrap {
    margin-top: 4%;
    margin-bottom: 4%;
    text-align: center;
}

.custom-certification-icon-wrap img {
    margin-bottom: 4%;
}

@media (max-width: 767px) {
    .custom-certification-icon-wrap img {
        max-width: 12rem;
    }
}

/* custom-helper-box */
.custom-helper-box {
    --helper-color-background: var(--krds-light-color-surface-secondary-subtler);
    --helper-color-border: var(--krds-light-color-border-secondary-light);
    --helper-color-text: var(--krds-light-color-text-secondary);
    --helper-width-border: var(--krds-light-border-width-variable-regular);
    --helper-icon-size: var(--krds-size-height-3);
    --helper-gap-tit-icon: var(--krds-gap-3);
    --helper-desc-wrap-margin-top: var(--krds-gap-4);
    --helper-desc-wrap-margin-left: calc(var(--krds-size-height-3) + var(--krds-gap-3));
    padding: var(--krds-pc-padding-card-xsmall);
    border: var(--helper-width-border) solid var(--helper-color-border);
    width: 100%;
    background-color: var(--helper-color-background);
    border-radius: var(--krds-radius-xlarge2);
}

.custom-helper-box .custom-helper-tit {
    display: flex;
    align-items: center;
    position: relative;
    font-weight: var(--krds-font-weight-bold);
    color: var(--helper-color-text);
}

.custom-helper-box .custom-helper-tit::before {
    display: inline-flex;
    margin-right: var(--helper-gap-tit-icon);
    width: var(--helper-icon-size);
    height: var(--helper-icon-size);
    background-color: var(--krds-light-color-text-basic);
    background-color: transparent !important;
    background-image: url(/krds/img/icon/ico_helper_info.svg);
    background-size: contain;
    content: "";
    forced-color-adjust: none;
}

.custom-helper-box .custom-helper-desc-wrap {
    margin-top: var(--helper-desc-wrap-margin-top);
    margin-left: var(--helper-desc-wrap-margin-left);
}

@media (max-width: 767px) {
    .custom-helper-box .custom-helper-desc-wrap {
        margin-left: 0;
    }
}

/* custom-fieldset-msg */
.custom-fieldset-msg {
    margin-bottom: var(--krds-gap-7);
    padding-left: calc(var(--krds-size-height-4) + var(--krds-padding-3));
    position: relative;
    font-size: var(--krds-pc-font-size-body-large);
    color: #d00b0b;
}

.custom-fieldset-msg::before {
    display: inline-flex;
    content: "";
    position: absolute;
    top: var(--krds-gap-1);
    left: 0;
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_switch_on.svg);
    mask-image: url(/krds/img/icon/ico_switch_on.svg);
    background-color: var(--krds-main-menu--main-trigger-color-text);
    transition: var(--krds-transition-base);
    transform: rotate(0deg);
    background: #b82b2b;
}

.custom-fieldset-msg-small {
    font-size: var(--krds-icon--size-small);
    display: inline-flex;
    align-items: center;
}

.custom-fieldset-msg-small::before {
    display: inline-flex;
    margin-right: 5px;
    content: "";
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_switch_on.svg);
    mask-image: url(/krds/img/icon/ico_switch_on.svg);
    background-color: var(--krds-main-menu--main-trigger-color-text);
    transition: var(--krds-transition-base);
    transform: rotate(0deg);
    background: #b82b2b;
}

/* txt-box.bg-white */
.custom-txt-box {
    --txt-box-width-border: var(--krds-light-border-width-static-regular);
    --txt-box-color-border: var(--krds-light-color-border-gray);
    --txt-box-color-background: var(--krds-light-color-surface-gray-subtler);
    padding: var(--krds-pc-padding-card-large);
    border: var(--txt-box-width-border) solid var(--txt-box-color-border);
    background-color: var(--txt-box-color-background);
    border-radius: var(--krds-radius-xlarge1);
}

.custom-txt-box:not(:first-of-type) {
    margin-top: var(--krds-gap-7);
}

.custom-txt-box.custom-bg-white {
    --bg-white-color-background: var(--krds-light-color-surface-white-subtle);
    --bg-white-color-background-gray: var(--krds-light-color-surface-gray-subtler);
    --bg-white-color-border: var(--krds-light-color-divider-gray-light);
    --bg-white-color-text: var(--krds-light-color-text-subtle);
    display: flex;
    gap: var(--krds-gap-7);
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    background-color: var(--bg-white-color-background);
}

.custom-txt-box.custom-bg-white .custom-box-sec {
    display: flex;
    gap: 4rem;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .custom-txt-box {
        padding: unset;
        border: unset;
    }

    .custom-txt-box.custom-bg-white .custom-box-sec {
        flex-direction: column;
    }
}

/* custom-form-group-row */
.custom-form-group {
    --krds-form-group--label-pc-font-size: var(--krds-pc-font-size-label-small);
    --krds-form-group--label-mobile-font-size: var(--krds-mobile-font-size-label-small);
    --krds-form-group--gap: var(--krds-gap-3);
    --krds-form-group--icon-padding-right: calc(var(--krds-padding-7) * 2 + var(--krds-icon--size-large));
    --krds-form-group--message-pc-font-size: var(--krds-pc-font-size-label-xsmall);
    --krds-form-group--message-mobile-font-size: var(--krds-mobile-font-size-label-xsmall);
    --krds-form-group--message-text-color: var(--krds-light-color-text-subtle);
    --krds-form-group--message-success-text-color: var(--krds-light-color-text-success);
    --krds-form-group--message-information-text-color: var(--krds-light-color-text-information);
    --krds-form-group--message-error-text-color: var(--krds-light-color-text-danger);
    display: flex;
    gap: var(--krds-form-group--gap);
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}

.custom-txt-box.custom-bg-white .custom-form-group,
.custom-txt-box.custom-bg-white .custom-form-group-row {
    width: calc(50% - 2rem);
    max-width: 100%;
}

.custom-txt-box.custom-bg-white .custom-form-group {
    /* flex: 1; */
}

.custom-txt-box.custom-bg-white .custom-form-group-row {
    display: flex;
    gap: var(--krds-gap-5);
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
}

@media (max-width: 767px) {

    .custom-txt-box.custom-bg-white .custom-form-group,
    .custom-txt-box.custom-bg-white .custom-form-group-row {
        width: 100%;
    }
}

/* custom-form-hint */
.custom-form-group [class^=custom-form-hint] {
    display: flex;
    gap: var(--krds-gap-2);
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    font-size: var(--krds-form-group--message-pc-font-size);
    color: var(--krds-form-group--message-text-color);
}

.custom-form-group [class^=custom-form-hint]::before {
    display: inline-flex;
    display: inline-flex;
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    background-color: var(--krds-light-color-text-basic);
    content: "";
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_information.svg);
    mask-image: url(/krds/img/icon/ico_information.svg);
}

/* custom-box-tit1 */
.custom-txt-box.custom-bg-white .custom-box-tit1 {
    font-size: var(--krds-pc-font-size-heading-medium);
    color: var(--krds-light-color-text-bolder);
}

/* custom-box-tit2 */
.custom-txt-box.custom-bg-white .custom-box-tit2 {
    display: flex;
    gap: var(--krds-gap-3);
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    font-size: var(--krds-pc-font-size-heading-small);
    font-weight: var(--krds-font-weight-bold);
}

/* 비밀번호 */
.custom-form-group .custom-form-conts {
    display: flex;
    gap: var(--krds-gap-4);
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}

.custom-form-group .custom-form-conts.custom-btn-ico-wrap {
    position: relative;
}

.custom-krds-btn.custom-icon {
    --krds-button--icon-size-xsmall: var(--krds-size-height-2);
    --krds-button--icon-size-small: var(--krds-size-height-3);
    --krds-button--icon-size-medium: var(--krds-size-height-4);
    --krds-button--icon-size-large: var(--krds-size-height-5);
    --krds-button--icon-size-xlarge: var(--krds-size-height-6);
    padding: 0 !important;
    border: 0;
    border-color: var(--krds-light-color-border-transparency);
    width: var(--krds-button--icon-size-medium);
    height: var(--krds-button--icon-size-medium);
    background-color: transparent;
    color: inherit;
}

.custom-krds-btn.custom-icon.custom-medium {
    width: var(--krds-button--icon-size-medium);
    height: var(--krds-button--icon-size-medium);
}

.custom-form-group .custom-form-conts.custom-btn-ico-wrap .custom-btn-group,
.custom-form-group .custom-form-conts.custom-btn-ico-wrap .custom-krds-btn {
    position: absolute;
    top: 50%;
    right: var(--krds-padding-7);
    transform: translateY(-50%);
}

/* 첨부파일 목록 */
.custom-box-group-area {
    display: flex;
    gap: var(--krds-gap-7);
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}

.w100 {
    width: 100% !important;
}

.w50 {
    width: 50% !important;
}

.custom-box-group-area>li {
    padding: var(--krds-padding-6);
    border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
    width: 100%;
    border-radius: var(--krds-radius-medium3);
}

.custom-box-group-area>li .custom-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.custom-box-group-area>li .custom-btn-wrap {
    display: flex;
    gap: var(--krds-gap-5);
    align-items: center;
    width: auto;
}

.custom-form-error-hint {
    display: flex;
    gap: var(--krds-gap-2);
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 1%;
    padding-top: 1%;
    border-top: 1px solid var(--krds-light-color-divider-gray);
    width: 100%;
    font-size: var(--krds-form-group--message-pc-font-size);
    color: var(--krds-form-group--message-text-color);
}

.custom-form-group [class^=custom-form-error-hint]::before {
    display: inline-flex;
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    background-color: var(--krds-light-color-text-basic);
    content: "";
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_information.svg);
    mask-image: url(/krds/img/icon/ico_information.svg);
}

@media (max-width: 767px) {
    .w50 {
        width: 100% !important;
    }
}

/* 첨부파일 업로드 */
.custom-file-upload-btn-wrap {
    display: flex;
    gap: var(--krds-gap-5);
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.custom-ico-plus-fill {
    background-color: transparent !important;
    background-image: url(/krds/img/icon/ico_plus_fill.svg);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/krds/img/icon/ico_plus_fill.svg);
    mask-image: url(/krds/img/icon/ico_plus_fill.svg);
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-mask: none;
    mask: none;
}

/* 약관 */
.custom-agree-body {
    padding: var(--krds-padding-2);
    border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
    overflow: hidden;
    height: 36.4rem;
    border-radius: var(--krds-radius-xlarge1);
    border-radius: var(--krds-radius-medium3);
}

.custom-agree-body .custom-in {
    display: flex;
    gap: var(--krds-gap-5);
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    padding: var(--krds-padding-7);
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

.custom-agree-t1 {
    font-size: var(--krds-pc-font-size-heading-small);
    font-weight: var(--krds-font-weight-bold);
}

/* 동의박스 */
.custom-agree-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: var(--krds-padding-8);
    background-color: #f8f8f8;
    border-radius: var(--krds-radius-xlarge1);
}

.custom-box-sec .krds-check-area {
    justify-content: center;
}

/* 페이지 버튼 */
.custom-page-btn-wrap {
    display: flex;
    gap: var(--krds-gap-5);
    justify-content: flex-end;
    margin-top: var(--krds-gap-9);
    z-index: 10;
}

.custom-page-btn-wrap.custom-both {
    justify-content: space-between;
}

/* Form Btn Custom */
.custom-conts-wrap .krds-btn.primary {
    background-color: #00879e;
    border-color: #00879e;
}

.custom-conts-wrap .krds-btn.primary:hover {
    background-color: #007589;
}

.custom-conts-wrap .krds-btn.primary:active,
.custom-conts-wrap .krds-btn.primary:focus {
    background-color: #007589;
}

.custom-conts-wrap .krds-btn.primary.tertiary {
    background-color: #fff;
    border-color: #58616a;
}

.custom-conts-wrap .krds-btn.primary.tertiary:hover {
    background-color: #f2f2f2;
}

.custom-conts-wrap .krds-btn.primary.tertiary:active,
.custom-conts-wrap .krds-btn.primary.tertiary:focus {
    background-color: #f2f2f2;
}

.custom-conts-wrap .krds-form-check input[type=checkbox]:checked~label:before {
    background-color: #00879e;
    border-color: #00879e;
}

.custom-conts-wrap .krds-form-check input[type=radio]:checked~label:before {
    border-color: #00879e;
}

.custom-conts-wrap .krds-form-check input[type=radio]:checked~label:after {
    background-color: #00879e;
}

.custom-conts-wrap .krds-btn.secondary {
    background-color: #e1f3f6;
    border-color: #00879e;
    color: #00879e;
}

.custom-conts-wrap .krds-btn.secondary:active,
.custom-conts-wrap .krds-btn.secondary:focus {
    background-color: #cff2f7;
}

.krds-input:focus,
.krds-input.focus,
.custom-conts-wrap .krds-input[readonly]:focus,
.custom-conts-wrap .krds-form-select:focus {
    border-color: #00879e;
}

.custom-conts-wrap .tab.fill .active .btn-tab {
    background: #e2f5f9;
    color: #00879e;
    /*background: linear-gradient(270deg, rgba(225, 245, 249, 1) 0%, rgba(252, 255, 244, 1) 100%);*/
    border: 1px solid #00879e !important;
}

.custom-conts-wrap .tab.fill .btn-tab:focus {
    box-shadow: inset 0 0 0 0.6rem #00879e;
    outline-offset: -0.4rem;
}

.custom-conts-wrap .krds-form-chip input[type=radio]:checked~label,
.custom-conts-wrap .krds-form-chip input[type=checkbox]:checked~label {
    background-color: #e1f3f6;
    border-color: #00879e;
    color: #00879e;
}

.custom-conts-wrap .krds-form-chip input[type=radio]:checked~label:before,
.custom-conts-wrap .krds-form-chip input[type=checkbox]:checked~label:before {
    background-color: #00879e;
}