@charset "utf-8";

/* 로그인
------------------------------------------------------ */
.d-none {display: none;}

#login .inner {max-width: 976px;}
#login #contents {padding: 4.8rem 0 6rem;}
#login .wrt-container {margin-bottom: 0;}
.contents.login {width: 976px;margin: 0 auto;padding-bottom: 2.4rem;}
@media (max-width: 1023px) {
    #login .inner {padding-left: 2.4rem;padding-right: 2.4rem;}
    #login #contents {padding: 3.2rem 0 4rem;}
    .contents.login {width: 100%;}
}
@media (max-width: 767px) {
    #login .wrt-container {padding: var(--krds-mobile-padding-card-large);}
}


#login-header {padding: 2.4rem 0;border-bottom: 1px solid var(--krds-light-color-divider-gray-light);}
#login-header .logo {display: inline-flex;width: 22.4rem;height: var(--krds-size-height-7);}
#login-header .logo a {display: block;width: 100%;height: 100%;background: url("../img/logo.svg") no-repeat center;background-size: contain;}
@media (max-width: 1023px) {
    #login-header .logo {width: 14rem;}
}
@media (max-width: 767px) {
    #login-header {padding: var(--krds-padding-6) 1.6rem;}
}



/* LOGIN PAGE TITLE */
.login-container {display: flex;flex-direction: column;gap: var(--krds-pc-gap-layout-h1-h2);}
.login-title-wrap {display: flex;align-items: normal;justify-content: flex-start;flex-direction: column;gap: var(--krds-pc-gap-layout-title-body-large);}
.login-title-wrap .h-tit {font-size: var(--krds-pc-font-size-heading-xlarge);}
.login-title-wrap p {font-size: var(--krds-pc-font-size-body-large);}
@media (max-width: 1023px) {
    .login-container {gap: var(--krds-mobile-gap-layout-h1-h2);}
    .login-title-wrap {margin-bottom: var(--krds--gap-layout-h3-h4);}
    .login-title-wrap .h-tit {font-size: 2.8rem;}
    .login-title-wrap p {font-size: var(--krds-mobile-font-size-body-large);}
}


/* LOGIN GRID */
.login-grid-wrap {display: flex;flex-direction: column;gap: var(--krds-gap-9);}
.login-grid-con {display: flex;flex-direction: column;gap: var(--krds-gap-7);}
.login-grid-con .m-link-info {display: none;}

.login-grid-tit {display: flex;justify-content: space-between;align-items: center;}
.login-grid-tit.column {flex-direction: column;align-items: flex-start;gap: var(--krds-gap-7);}
.login-grid-tit.line {padding-top: 2.4rem;border-top: 1px solid var(--krds-light-color-border-gray-light);}
.login-grid-tit .item {display: flex;flex-direction: row;gap: var(--krds-gap-5);}
.login-grid-tit .item span {font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;}
.login-grid-tit .item a.login-link {display: flex;align-items: center;gap: 0.4rem;font-size: 1.6rem;font-weight: 500;}
.login-grid-tit .item a.login-link .svg-icon {width: 20px;height: 20px;}
.login-grid-tit .item a.login-link .ico-pdf {width: 20px;height: 20px;background: url("../img/ico_pdf.png") no-repeat center;background-size: contain;}
.login-grid-tit .item a:hover,
.login-grid-tit .item a:focus {text-decoration: underline;}
.login-grid-tit .item.column {flex-direction: column;align-items: flex-start;gap: var(--krds-gap-3);}

.login-grid-tit .left {display: flex;align-items: center;gap: var(--krds-gap-4);}
.login-grid-tit .left .krds-form-toggle-switch label {font-size: 1.6rem;font-weight: 600;}
.login-grid-tit .right {display: flex;align-items: center;gap: 2rem;}
.login-grid-tit .right .right-item {display: flex;align-items: center;gap: var(--krds-gap-3);}
.login-grid-tit .right .right-item span {font-size: var(--krds-pc-font-size-heading-xxsmall);font-weight: 700;}
.login-grid-tit .right .right-item a.login-link {display: flex;align-items: center;font-size: var(--krds-pc-font-size-label-small);}
.login-grid-tit .right .right-item a.login-link:hover,
.login-grid-tit .right .right-item a.login-link:focus {text-decoration: underline;}
.login-grid-tit .right .right-item a.login-link .svg-icon {width: 16px;height: 16px;}
.login-grid-tit .item .login-link.txt {font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;}
.login-grid-tit .item .login-link.txt .svg-icon {width: 24px;height: 24px;}
.login-grid-tit h3 {display: flex;align-items: center;gap: var(--krds-gap-3);font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;color: var(--krds-light-color-text-basic);}


.login-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, auto);gap: var(--krds-gap-7);}
.login-grid .item {padding: 28px 22px;border: 1px solid #e4e4e4;border-radius: var(--krds-radius-xlarge2);background-color: #f8f8f8;}
.login-grid .item:hover,
.login-grid .item:focus {border: 1px solid var(--krds-light-color-border-primary);box-shadow: 0 0 0 1px var(--krds-light-color-border-primary) inset;}
.login-grid .item > p {font-size: 1.3rem;}
.login-grid .item .tit {position: relative;display: flex;align-items: center;gap: var(--krds-gap-4);margin-bottom: var(--krds-gap-3);}
.login-grid .item .tit .svg-icon.ico-angle {margin-left: auto;}
.login-grid .item .tit span {font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;}

.login-grid.type2 {display: flex;}
.login-grid.type2 .item {width: auto;}
.login-grid.type2 .item .tit span {font-size: var(--krds-pc-font-size-heading-medium);}

.login-grid.type3 {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(1, auto);}
.login-grid.type3 .item .tit .svg-icon {width: 32px;height: 32px;}
.login-grid.type3 .item .tit .svg-icon.ico-angle {width: 24px;height: 24px; margin-left: auto;}
.login-grid.type3 .item > p {font-size: 1.6rem;}
@media (max-width: 1023px) {
    .login-grid-tit {flex-direction: column;align-items: flex-start;gap: 1.2rem;}
    .login-grid {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(1, auto);}
}
@media (max-width: 767px) {
    .login-grid-wrap .login-grid-con + .login-grid-con .login-grid {grid-template-columns: repeat(1, 1fr);}

    .login-grid-con .m-link-info {display: flex;flex-direction: column;gap: 2rem;}
    .login-grid-con .m-link-info .right-item {display: flex;flex-direction: column;gap: var(--krds-gap-3);}
    .login-grid-con .m-link-info .right-item span {font-size: var(--krds-pc-font-size-heading-xxsmall);font-weight: 700;}
    .login-grid-con .m-link-info .right-item a.login-link {display: flex;align-items: center;font-size: var(--krds-pc-font-size-label-small);}
    .login-grid-con .m-link-info .right-item a.login-link:hover,
    .login-grid-con .m-link-info .right-item a.login-link:focus {text-decoration: underline;}
    .login-grid-con .m-link-info .right-item a.login-link .svg-icon {width: 16px;height: 16px;}

    .login-grid-tit.column .item {flex-direction: column;}
    .login-grid-tit .left {justify-content: space-between;width: 100%;}
    .login-grid-tit > .right {display: none;}

    .login-grid-tit.line .item {flex-direction: column;align-items: flex-start;}

    .login-grid .item {padding: var(--krds-padding-8);}
    .login-grid .item p {display: none;}
    .login-grid .item .tit {flex-direction: column;margin-bottom: 0;}
    .login-grid .item .tit span {font-size: var(--krds-mobile-font-size-heading-xsmall);}
    .login-grid .item .tit .svg-icon {width: 32px;height: 32px;}
    .login-grid .item .tit .svg-icon.ico-angle {display: none;}

    .login-grid.type2 .item {width: 100%;}
    .login-grid.type2 .item .tit {flex-direction: row;margin-bottom: var(--krds-gap-3);}
    .login-grid.type2 .item p {display: block;}
}


/* LOGIN BOX */
.login-box {position: relative;display: flex; gap: var(--krds-gap-12);padding: var(--krds-padding-9);border-top: 1px solid var(--krds-high-contrast-color-divider-gray);border-bottom: 1px solid var(--krds-high-contrast-color-divider-gray);}
.login-box::after {content: "";position: absolute;top: var(--krds-gap-9);left: calc(50% - 0.1rem);width: 1px;height: calc(100% - var(--krds-gap-12));background-color: var(--krds-light-color-divider-gray);}
.login-box > div {flex: 1;display: flex;flex-direction: column;gap: 4rem;}
.login-box.full {justify-content: center;}
.login-box.full::after {display: none;}
.login-box.full > div {max-width: 52rem;}
.login-box.full .center {text-align: center;align-items: center;}
.login-box .form-group .form-tit {font-size: var(--krds-pc-font-size-label-small);font-weight: 400;padding-bottom: 0;}
.login-box .form-group .krds-input {height: 5.6rem;font-size: var(--krds-pc-font-size-label-large);}
.login-box .form-group .captcha-wrap {gap: 0.8rem;}
.login-box .form-group .captcha-wrap .form-conts input {font-size: var(--krds-pc-font-size-label-small);}
.login-box .form-group .link-group {display: flex;align-items: center;justify-content: center;flex-direction: row;}
.login-box .form-group .link-group > li + li::before {content: "";display: inline-block;vertical-align: middle;margin: 0 var(--krds-gap-3);width: 1px;height: var(--krds-size-height-2);background-color: var(--krds-light-color-divider-gray-light);}
.login-box .form-group .link-group li a {font-size: 1.6rem;color: var(--krds-light-color-text-basic);font-weight: 500;}
.login-box .form-group .link-group li .svg-icon {width: 20px;height: 20px;vertical-align: -1px;}
.login-box .form-group .form-inline input {width: 384px;}
.login-box .form-group .form-inline button {width: 120px;}

.login-box .tit {font-size: 1.6rem;font-weight: 700;margin-bottom: 2.4rem;}
.login-box .login-info-wrap {padding: var(--krds-padding-8) 0;}
.login-box .krds-info-list {gap: 1.2rem;}
.login-box .login-txt {font-size: var(--krds-pc-font-size-heading-medium);text-align: center;}

.login-box .login-btn {font-weight: 600;}
.login-box .login-btn .ico-naver {width: 24px;height: 24px;background: url("../img/ico_login_naver.svg") no-repeat center;}
.login-box .login-btn .ico-kakao {width: 24px;height: 24px;background: url("../img/ico_login_kakao.svg") no-repeat center;}
@media (max-width: 1023px) {
    .login-box {padding: var(--krds-padding-9) 1.6rem;}
    .login-box .form-group .captcha-wrap .captcha-box .btn-group {flex-direction: column;gap: 0.4rem;}
}
@media (max-width: 767px) {
    .login-box {flex-direction: column;gap: 4rem;padding-left: 0;padding-right: 0;}
    .login-box::after {display: none;}
    .login-box.full > div {max-width: 100%;}
    .login-box .form-group .krds-input {height: 4.8rem;font-size: 1.6rem;}
    .login-box .form-group .form-inline input {width: 100%;}
    .login-box .form-group .form-inline button {width: 100%;}

    .login-box .login-txt {font-size: var(--krds-mobile-font-size-heading-medium);}
}


/* 로딩화면 */
.login-loading {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3.2rem;min-height: 50rem;}
.login-loading .img {width: 80px;height: 80px;background: url("../img/personal-data.gif") no-repeat center;background-size: contain;}
.login-loading .txt {display: flex;flex-direction: column;align-items: center;gap: 0.8rem;}
.login-loading .txt h2 {font-size: var(--krds-mobile-font-size-display-large);}
.login-loading .txt p {font-size: 2.4rem;}
@media (max-width: 767px) {
    .login-loading .txt h2 {font-size: var(--krds-mobile-font-size-display-small);}
    .login-loading .txt p {font-size: 1.7rem;}
}



/* LOGIN MODAL */
/* 정부 통합인증 안내 */
.anyId_info.krds-modal p {font-size: 1.6rem;}
.anyId_info.krds-modal .con-box {display: flex;align-items: center;gap: var(--krds-gap-8);padding: var(--krds-padding-9);}
.anyId_info.krds-modal .con-box .img {width: 169px;}
.anyId_info.krds-modal .con-box p {flex: 1;font-size: var(--krds-pc-font-size-body-small);}




/* 회원가입
------------------------------------------------------ */

.svg-icon.ico-signup1 {-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("../img/ico_signup_type1.png");mask-image: url("../img/ico_signup_type1.png");}
.svg-icon.ico-signup2 {-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("../img/ico_signup_type2.png");mask-image: url("../img/ico_signup_type2.png");}
.svg-icon.ico-signup3 {-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("../img/ico_signup_type3.png");mask-image: url("../img/ico_signup_type3.png");}

@media (max-width: 1023px) {
    #login .krds-step-wrap {margin-bottom: 0;}
}

.signup-area {display: flex;flex-direction: column;gap: var(--krds-pc-gap-layout-h2-h3);}
.signup-area.type2 h2.title {margin-bottom: 2.4rem;}
.signup-area.type2 .form-group .form-conts {width: 712px;}
.signup-area.type2 .form-inline.email-inline span.txt {color: var(--krds-light-color-text-secondary);}
@media (max-width: 830px) {
    .signup-area.type2 .form-group .form-conts {width: 100%;}
}

.signup-area .form-group .krds-input,
.signup-area .form-group .krds-form-select {height: 5.6rem;font-size: var(--krds-pc-font-size-label-large);}

.signup-title {display: flex;flex-direction: column;gap: var(--krds-gap-3);}
.signup-title .title-step {font-size: var(--krds-pc-font-size-body-medium);}
.signup-title .title-step strong {color: var(--krds-light-color-text-primary);}
.signup-title h2 {font-size: var(--krds-pc-font-size-heading-large);}

.signup-type {display: flex;gap: var(--krds-gap-9);}
.signup-type .item {flex: 1;display: flex;flex-direction: column;justify-content: center;gap: var(--krds-gap-6);padding: var(--krds-gap-9) 0;border: 1px solid var(--krds-light-color-border-gray-light);border-radius: var(--krds-radius-xlarge2);text-align: center;}
.signup-type .item .svg-icon {width: 7.2rem;height: 7.2rem;}
.signup-type .item .txt p {font-size: var(--krds-pc-font-size-heading-medium);font-weight: 700;}
.signup-type .item:hover,
.signup-type .item:focus,
.signup-type .item.active {background-color: var(--krds-light-color-surface-primary-subtler);border-color: var(--krds-light-color-border-primary);box-shadow: 0 0 0 1px var(--krds-light-color-border-primary) inset;}
.signup-type .item:hover .svg-icon,
.signup-type .item:focus .svg-icon,
.signup-type .item.active .svg-icon {background-color: var(--krds-light-color-icon-primary);}
.signup-type .item:hover .txt p,
.signup-type .item:focus .txt p,
.signup-type .item.active .txt p {color: var(--krds-light-color-text-primary);}
@media (max-width: 1023px) {
    .signup-type {gap: var(--krds-gap-7);}
}
@media (max-width: 767px) {
    .signup-area {gap: var(--krds-mobile-gap-layout-h2-h3);}
    .signup-title h2 {font-size: var(--krds-mobile-font-size-heading-large);}

    .signup-type {flex-direction: column;gap: var(--krds-gap-5);}
    .signup-type .item {flex-direction: row;padding: var(--krds-padding-9) 0;}
    .signup-type .item .svg-icon {width: 7rem;height: 7rem;}
    .signup-type .item .txt {text-align: left;}
    .signup-type .item .txt p {font-size: var(--krds-mobile-font-size-heading-medium);}
    .signup-type .item .txt span {font-size: var(--krds-mobile-font-size-body-medium);}
}


.auth-chk-box {display: flex;gap: 15px;}
.auth-chk-box .auth-chk-icon {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 25px;height: 25px;background-color: #CDD1D5;border-radius: 50%;}
.auth-chk-box .auth-chk-icon .svg-icon {width: 15px;height: 15px;background-color: #747474;}
.auth-chk-box .auth-chk-con p {font-size: 19px;font-weight: 700;padding-bottom: 5px;}
.auth-chk-box.done .auth-chk-icon {background-color: #256EF4;}
.auth-chk-box.done .auth-chk-icon .svg-icon {background-color: #ffffff;}
.auth-chk-box.done .auth-chk-con p {color: #0b50d0;}


.terms-area {position: relative;}
.terms-area::before {content: "";position: absolute;top: 5rem;left: 0;width: 100%;height: 1px;background-color: var(--krds-light-color-border-gray-light);}
.terms-area .fieldset {gap: 4.8rem;}
.terms-area .krds-form-check input[type=radio] ~ label,
.terms-area .krds-form-check input[type=checkbox] ~ label {font-size: var(--krds-pc-font-size-label-large);font-weight: 600;}

.terms-box {display: flex;flex-direction: column;gap: var(--krds-gap-7);width: 100%;}
.terms-box .item {display: flex;justify-content: space-between;}
.terms-box .item button {font-size: 1.6rem;text-decoration: underline;}
@media (max-width: 767px) {
    .terms-area .krds-form-check input[type=radio] ~ label,
    .terms-area .krds-form-check input[type=checkbox] ~ label {font-size: var(--krds-mobile-font-size-label-large);}
    .terms-box .item {gap: 1rem;}
    .terms-box .item button {padding-top: 1px;}
}


.terms-modal .txt-box {padding-bottom: 0;padding-right: 2rem;}
.terms-modal .txt-box .terms-inner {height: 340px;overflow-y: auto;}

.terms-txt-area {display: flex;flex-direction: column;gap: 3.2rem;}
.terms-txt-area .krds-info-list > li {padding-left: 2rem;}
.terms-txt-desc {display: flex;flex-direction: column;gap: var(--krds-gap-5);}
.terms-txt-desc p {font-size: 1.6rem;}
@media (max-width: 767px) {
    .terms-modal.krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header {padding-left: 2rem;padding-right: 2rem;}
    .terms-modal .txt-box {padding: 0; border: 0;}
}


/* 가입완료 */
.signup-done {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3.2rem;min-height: 30rem;}
.signup-done .img {width: 73px;height: 73px;background: url("../img/confetti.gif") no-repeat center;background-size: contain;}
.signup-done .txt {display: flex;flex-direction: column;align-items: center;gap: 0.8rem;}
.signup-done .txt h2 {font-size: var(--krds-pc-font-size-display-small);}
.signup-done .txt p {font-size: var(--krds-pc-font-size-body-large);color: #464C53;}
@media (max-width: 767px) {
    .signup-done {min-height: 18rem;}
    .signup-done img {width: 64px;height: 64px;}
    .signup-done .txt h2 {font-size: var(--krds-mobile-font-size-display-small);}
    .signup-done .txt p {font-size: 1.7rem;}
}



/* 인증서 등록 */
.certificate-road {padding-bottom: 4rem;border-bottom: 1px solid var(--krds-light-color-border-gray-light);}
.certificate-road .item {display: flex;gap: var(--krds-gap-4);}
.certificate-road .item .svg-icon {-webkit-mask-image: none;mask-image: none;background: url("../img/component/icon/ico_complete_fill_gray.svg") no-repeat center;background-size: contain;}
.certificate-road .item.success .svg-icon {background: url("../img/component/icon/ico_complete_fill.svg") no-repeat center;background-size: contain;}
.certificate-road .item p {font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;}
.certificate-road .item span {font-size: 1.6rem;}



/* 회원정보 수정 */
.profile-edit-box {display: flex;flex-direction: column;gap: 2.4rem;}
.in-profile-edit {display: flex;flex-direction: row;gap: 4rem;border-radius: var(--krds-radius-xlarge2);padding: 3.2rem;background-color: #EEF2F7;border: 1px solid #D6E0EB;}
.in-profile-edit .user-avatar-group {display: flex;flex-direction: column;align-items: center;gap: 1rem;min-width: 200px;}
.in-profile-edit .user-avatar-group .user-avatar {width: 78px;height: 78px;background-color: #ffffff;background-repeat: no-repeat;background-size: 4rem;background-position: center center;border: 1px solid #CDD1D5;border-radius: 50%;}
.in-profile-edit .user-avatar-group .user-avatar.com-user {background-image: url("../portal/img/user_avatar_com.svg");}
.in-profile-edit .user-avatar-group .user-avatar.nor-user {background-image: url("../portal/img/user_avatar_normal.svg");}
.in-profile-edit .user-avatar-group .user-info {text-align: center;}
.in-profile-edit ul {display: flex;flex-direction: column;gap: 2.4rem;min-width: 200px;}
.in-profile-edit ul li {display: flex;flex-direction: column;gap: 1.2rem;}
@media (max-width: 1023px) {
    .in-profile-edit {flex-direction: column;}
    .in-profile-edit .user-avatar-group {min-width: auto;}
    .in-profile-edit ul {min-width: auto;}
}
@media (max-width: 767px) {
    .in-profile-edit {gap: 2.4rem;}
}

.auth-verify {gap: 2.4rem;}
.auth-verify .item {align-items: center;gap: 2rem;width: 100%;padding: 4rem 3.2rem 3.2rem;}
.auth-verify .item .icon {display: inline-block;width: 64px;height: 64px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.auth-verify .item .txt p {font-size: var(--krds-pc-font-size-heading-small);}
.auth-verify .item .icon.phone {background-image: url("../img/ico_auth_01.svg");}
.auth-verify .item .icon.ipin {background-image: url("../img/ico_auth_02.svg");}
.auth-verify .item:hover .icon.phone,
.auth-verify .item:focus .icon.phone {background-image: url("../img/ico_auth_01_hover.svg");}
.auth-verify .item:hover .icon.ipin,
.auth-verify .item:focus .icon.ipin {background-image: url("../img/ico_auth_02_hover.svg");}

.profile-edit .form-group {flex-direction: row;align-items: center;}
.profile-edit .form-group .form-tit {min-width: 160px;width: auto;padding-bottom: 0;}
.profile-edit .form-group label {font-weight: 700;font-size: var(--krds-pc-font-size-heading-xsmall);}
.profile-edit .krds-calendar-area.active .calendar-wrap {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.profile-edit.column .form-group {flex-direction: column;align-items: flex-start;}
@media (max-width: 767px) {
    .profile-edit .form-group {flex-direction: column;}
    .profile-edit .form-group .form-tit {width: 100%;}
    .profile-edit .input-group.m-column {flex-direction: column;gap: var(--krds-gap-5);align-items: flex-start;}
}