@charset "UTF-8";
/*로그인*/
.login-contents {
    padding-top: 60px;
    word-break: keep-all;
}

.login-contents .login {
    max-width: var(--lg-widt);
    margin: 0 auto;
}

.login .login-form {
    border-radius: 5px;
    background-color: var(--sub-4);
    display: flex;
    gap: 40px;
    align-items: stretch;
}

.login .login-form .promo-box {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: hidden;
    width: 440px;
    align-self: stretch
}

.promo-box #loginBanner.swiper {
    height: auto;
    min-height: 0;
    width: 100%;
    border-radius: 5px 0 0 5px;
    flex: 1 1 auto;
}

.promo-box .swiper .swiper-wrapper, .promo-box .swiper .swiper-slide {
    height: 100%;
}

.promo-box .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.promo-box .swiper .banner-controls {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(0,0,0,.5);
    border-radius: 100px;
    padding: 10px 10px 10px 16px;
    color: #fff;
}

.promo-box .swiper .banner-controls .cop-dox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 20px;
}

.promo-box .swiper .banner-controls .cop-dox .swiper-pagination {
    position: static;
}

.promo-box .swiper .banner-controls .cop-dox .swiper-pagination .swiper-pagination-bullet {
    background: rgba(255,255,255,1);
}

.promo-box .swiper .banner-controls .cop-dox .swiper-pagination .swiper-pagination-bullet-active {
    width: 32px; border-radius: 100px;
}


.promo-box .swiper .banner-controls .cop-btn {
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 100%;
    padding: 1px;
}

.promo-box .swiper .banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #fff;
    cursor: pointer;
}

.promo-box .swiper .is-hidden {
    display: none !important;
}

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

#loginBanner .swiper-button-prev, #loginBanner .swiper-button-next {
    display: none !important;
}

.promo-box .prom-btn a {
    width: 100%;
    justify-content: space-between;
    border-radius: 0 0 5px 5px;
}

.promo-box .prom-btn a .ico-link {
    filter: invert(1);
}

.login .login-form .login-box {
    width: calc(100% - 347px);
    padding: 40px 40px 40px 0;
}

.login-title .lt-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-title .lt-box .l-title {
    font-size: 30px;
    color: #000;
}

.login-title .lt-box .btn.with-icon .ico-remote {
    filter: brightness(0.5);
}

.login-title p {
    color: #6F6F6F;
    font-size: 15px;
    padding-top: 9px;
}

.logn-info {
    margin-top: 40px;
}

.logn-info {
    margin-top: 40px;
}

.lin-box .form-group .form-input {
    height: 54px;
    line-height: 52px;
    font-size: 16px;
    padding: 0 20px;
}

.lin-box .form-group .form-input[title="password"] {
    padding: 0 40px 0 20px;
}

.lin-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

.lin-type .links-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.lin-type .links-wrap .link {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.38px;
}

.lin-type .links-wrap .link + .link::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    width: 1px;
    height: 12px;
    background-color: var(--grey-ddd);
    transform: translateY(-50%);
}

.logn-info .lin .button-group {
    padding-top: 32px;
}

.logn-info .contents-info.contents-info-grey {
    padding: 0;
    padding-top: 30px;
}

.logn-info .contents-info.contents-info-grey .item {
    color: #6F6F6F;
}

.login .info-form {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.login .info-form p {
    color: #6F6F6F;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.38px;
}

@media all and (max-width: 1280px) {
    .login-contents {
        padding-top: 30px;
    }

    .login-contents .login {
        padding: 0 15px;
    }
}

@media all and (max-width: 960px) {
    .login .login-form {
        flex-direction: column;
        gap: 20px;
        background-color: #fff;
        padding: 0;
    }

    .login .login-form .login-box {
        order: 1;
        width: 100%;
        padding: 0;
    }

    .login-title .lt-box .l-title {
        font-size: 28px;
    }

    .logn-info {
        margin-top: 30px;
    }

    .logn-info .contents-info.contents-info-grey {
        padding: 0;
        margin-top: 15px;
        background-color: #fff;
    }

    .login .login-form .promo-box {
        order: 2;
        width: 100%;
        max-width: 100%;
    }

    .promo-box .prom-btn a {
        font-size: 15px;
    }

    .promo-box .swiper .banner-controls {padding: 8px 8px 8px 12px;}

    .promo-box .swiper .banner-controls .cop-dox .swiper-pagination .swiper-pagination-bullet {height: 6px; width: 6px;}
    .promo-box .swiper .banner-controls .cop-dox .swiper-pagination .swiper-pagination-bullet-active {width: 24px;}

}

@media all and (max-width: 576px) {
    .login-contents {
        padding-top: 20px;
    }

    .login-title .lt-box .l-title {
        font-size: 24px;
    }

    .form-group + .form-group {
        margin-top: 15px;
    }

    .lin-type {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .lin-type .links-wrap {
        width: 100%;
        justify-content: center;
    }

    .logn-info .lin .button-group {
        flex-direction: column;
        padding-top: 24px;
    }

    .logn-info .lin .button-group .btn.btn-lg {
        width: 100%;
    }

    .logn-info .contents-info.contents-info-grey {
        margin-top: 10px;
    }

    .promo-box .prom-btn a {
        font-size: 14px;
    }
}

/*로그인 서브 공통*/
.login-contents .log-title {
    color: #000;
    text-align: left;
    margin-bottom: 40px;
}

.login-contents .log-title p {
    font-size: 16px;
    padding-bottom: 8px;
}

.login-contents .log-title h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -1.5px;
}

.login-contents .id-iss .step {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 40px;
    gap: 70px;
}

.login-contents .id-iss .step .item {
    position: relative;
    display: flex;
    align-items: center;
}

.login-contents .id-iss .step .item .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #f2f2f8;
    border-radius: 100%;
    margin-right: 8px;
}

.login-contents .id-iss .step .item .title {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.8px;
    color: #011d3f;
}

.login-contents .id-iss .step .item .title small {
    display: block;
    font-size: 14px;
    letter-spacing: -0.7px;
}

.login-contents .id-iss .step .item + .item:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -46px;
    width: 26px;
    height: 2px;
    background-image: url(../images/login/line.png);
    background-size: cover;
}

.login-contents .id-iss .step .item.active .img {
    background-color: var(--main-1);
}

.login-contents .id-iss .step .item.active .title {
    font-weight: bold;
    font-size: 18px;
    color: var(--main-1);
}

@media all and (max-width: 960px) {
    .login-contents .log-title {
        margin-bottom: 30px;
    }

    .login-contents .log-title h2 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -1.2px;
    }
}

@media all and (max-width: 840px) {
    .login-contents .log-title {
        margin-bottom: 20px;
    }

    .login-contents .id-iss .step {
        gap: 10px;
        margin-bottom: 30px;
    }

    .login-contents .id-iss .step .item {
        flex-direction: column;
        width: 70px;
    }

    .login-contents .id-iss .step .item .img {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .login-contents .id-iss .step .item .title {
        display: none;
        text-align: center;
    }

    .login-contents .id-iss .step .item.active .title {
        display: block;
        font-size: 14px;
        line-height: 16px;
        white-space: nowrap;
    }

    .login-contents .id-iss .step .item .title small {
        font-size: 12px;
    }

    .login-contents .id-iss .step .item + .item:before {
        width: 16px;
        left: -14px;
        top: 21px;
        transform: none;
    }
}

/*아이디발급*/
/*수정 (1/8)*/
.us-type-list {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.us-type-list .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px 20px 20px;
    border-radius: 5px;
    border: 1px solid #454545;
    background-color: var(--white);
    align-items: center;
    color: #454545;
    vertical-align: middle;
}

.us-type-list .item:hover {
    background-color: #ebebeb;
}

.us-type-list .item .img {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.us-type-list .item .img img {
    width: 100%;
}

.us-type-list .item .txt {
    word-break: keep-all;
    text-align: center;
    font-size: 18px;
    letter-spacing: -0.75px;
    font-weight: 500;
}

.login-contents .id-iss .terms-of-use {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #e4e8ee;
    padding: 60px 40px;
}

.login-contents .id-iss .terms-of-use .item .label {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    letter-spacing: -.5px;
    color: var(--grey-222);
    margin-bottom: 20px;
    padding-left: 31px;
}

.login-contents .id-iss .terms-of-use .item .label::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 20px;
    background-image: url(../images/login/i-list.png);
    background-size: cover;
    left: 0;
    top: 0;
}

.login-contents .id-iss .terms-of-use .item .content {
    border: 1px solid #e4e8ee;
    padding: 16px 5px 16px 20px;
    height: 200px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.login-contents .id-iss .terms-of-use .item .content .content-inner {
    max-height: 100%;
    overflow-y: auto;
    font-size: 14px;
    letter-spacing: -0.7px;
    line-height: 16px;
    color: #222;
}

.login-contents .id-iss .terms-of-use .item .content .tit {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: -0.8px;
    margin-bottom: 8px;
}

.login-contents .id-iss .terms-of-use .item .content .tit + .bullet {
    margin-top: 5px;
}

.login-contents .id-iss .terms-of-use .item .content .desc {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.7px;
    color: var(--grey-222);
    margin-top: 5px;
    margin-bottom: 6px;
}

.login-contents .id-iss .terms-of-use .item .content .desc .dot {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
}

.login-contents .id-iss .terms-of-use .item .content .desc .desc-inner {
    display: block;
    padding-left: 13px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.75px;
    color: var(--grey-666);
    margin-top: 10px;
}

.login-contents .id-iss .terms-of-use .item .content .desc + .tit, .login-contents .id-iss .terms-of-use .item .content .bullet + .tit {
    margin-top: 13px;
}

.login-contents .id-iss .terms-of-use .item .content .bullet.tit {
    padding-left: 0;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 4px;
}

.login-contents .id-iss .terms-of-use .item .content .bullet.tit:before {
    content: none;
}

.login-contents .id-iss .terms-of-use .item .content .bullet {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.75px;
    color: var(--grey-222);
    padding-left: 8px;
}

.login-contents .id-iss .terms-of-use .item .content .bullet:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: var(--grey-222);
}

.login-contents .id-iss .terms-of-use .item .content .bullet + .desc {
    margin-top: 12px;
}

.login-contents .id-iss .form-radio-group {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.login-contents .id-iss .terms-of-use .item + .item {
    margin-top: 80px;
}

.login-contents .id-iss .check-all {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border-radius: 5px;
    border: solid 1px #e4e8ee;
    background-color: #f4f7fc;
}

.login-contents .id-iss .check-all.checked {
    border-color: var(--main-1);
}

.login-contents .id-iss .check-all .form-group {
    display: flex;
    align-items: center;
}

.login-contents .id-iss .button-group {
    margin-top: 40px;
    margin-bottom: 0;
}

.login-contents .id-iss .form {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #e4e8ee;
    padding: 60px 40px;
}

.login-contents .id-iss .form .item .form-title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding-bottom: 20px;
}

.login-contents .id-iss .form .form-group + .form-group {
    margin-top: 30px;
}

.login-contents .id-iss .form .form-group:has(.phone-group) {
    margin-top: 30px;
}

.login-contents .id-iss .form .form-group .form-row {
    display: flex;
    align-items: center;
    position: relative;
}

.login-contents .id-iss .form .form-group .form-row .form-input {
    flex: 1;
}

.login-contents .id-iss .form .form-group .form-row .form-input[readonly] {
    background-color: #e2e2e2;
    color: #000;
}

.login-contents .id-iss .form .form-group .form-row .btn {
    margin-left: 10px;
}

.login-contents .id-iss .email-group {
    display: flex;
    width: calc(100% - 90px);
    align-items: center;
    gap: 10px;
}

.login-contents .id-iss .email-group .form-input {
    min-width: 186px;
}

.login-contents .id-iss .email-group .txt {
    font-size: 15px;
    color: #666;
}

.login-contents .id-iss .email-group .form-select, .login-contents .id-iss .phone-group .form-select {
    min-width: 180px;
    flex: 1;
}

.login-contents .id-iss .form .item + .item {
    margin-top: 40px;
}

.login-contents .id-iss .phone-group {
    display: flex;
    align-items: center;
    width: 100%;
}

.login-contents .id-iss .phone-group .dash {
    width: 10px;
    height: 1px;
    margin: 0 10px;
    background-color: var(--grey-ccc);
}

.login-contents .id-iss .form .form-row.form-row-half {
    width: 50%;
}

.login-contents .id-iss .form .form-row + .form-row {
    margin-top: 10px;
}

.login-contents .id-iss .form .form-group .validation, .login-contents .id-iss .form .form-group .caution {
    margin-top: 8px;
}

.login-contents .id-iss .form .form-row-search {
    display: flex;
    align-items: center;
    width: 100%;
}

.login-contents .id-iss .form .form-row-search .form-radio + .form-radio, .login-contents .id-iss .form .form-row-search .form-radio + .form-input {
    margin-left: 20px;
}

.login-contents .id-iss .form .form-radio-row {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.login-contents .id-iss .form .contents-info {
    margin-top: 10px;
}

.login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    border: 0;
    padding: 0;
}

.login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item {
    margin: 0;
    list-style: none;
    height: auto;
}

.login-contents .id-iss .tab-container .tabs-box.us-type .tabs .item::after, .login-contents .id-iss .tab-container .tabs-box.us-type .tabs .item::before {
    content: none;
}

.login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #999;
    border-radius: 3px;
    background-color: #fff;
    color: #999;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.75px;
    text-decoration: none;
    transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s, transform .02s;
    cursor: pointer;
    box-shadow: none !important;
}

.login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item > a:hover {
    border-color: var(--main-1, #0a70d3);
    background-color: rgba(10,112,211,.08);
}

.login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item > a:active {
    transform: translateY(1px);
}

.login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item.on > a {
    background-color: var(--main-1, #0a70d3) !important;
    border-color: var(--main-1, #0a70d3) !important;
    color: var(--white, #fff) !important;
}

.login-contents .id-iss .form .form-group [class*="nu-"] span {
    font-weight: 700;
}

.login-contents .id-iss #nurseGroup .form-radio-row {
    margin-bottom: 15px;
}

.login-contents .id-iss #nurseGroup .form-row-search {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.login-contents .id-iss #nurseGroup .form-row-search > div {
    display: flex;
    width: 100%;
    gap: 10px;
}

.login-contents .id-iss #nurseGroup .form-row-search > div .btn {
    margin-left: 0;
}

.login-contents .id-iss #nurseGroup .form-row-search > div > * {
    flex: 1;
}

.login-contents .id-iss .form .tabs .item + .item {
    margin-top: 0;
}

.login-contents .id-iss .form-row-search .form-select {
    max-width: 120px;
    margin-right: 10px;
}

.login-contents .id-iss .gload-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.login-contents .id-iss .ty-nuas .btn.with-icon {
    gap: 6px;
}

.login-contents .id-iss .form .form-radio-row .radio-item.radio-item-auto {
    flex: 1;
}

.login-contents .id-iss .form .form-radio-row .radio-item {
    display: flex;
    gap: 10px;
    align-items: center;
}

.login-contents .id-iss .form .form-radio-row .radio-item .btn {
    margin-left: 0;
}

.login-contents .id-iss .birth-group {
    display: flex;
    align-items: center;
    width: 100%;
}

.login-contents .id-iss .birth-group .form-input {
    flex: 1;
}

.login-contents .id-iss .birth-group .dash {
    margin: 0 10px;
    color: #ccc;
}

.popup.nlc .form-box, .popup.nlc .table {
    margin-top: 20px;
}

.popup.nlc .form-box .form-title {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-bottom: 8px;
}

.popup.nlc .form-box .form-title .label {
    margin-bottom: 0;
}

.popup.nlc .form-box .contents-info {
    margin-bottom: 0;
    margin-top: 10px;
}

.popup.nlc .form-box .form-group + .form-group {
    margin-top: 30px;
}

.popup.nlc .re-guide {
    margin-top: 40px;
}

.popup.nlc .re-guide .s-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 8px;
}

.popup.nlc .re-guide .s-tex {
    display: flex;
}

.popup.nlc .re-guide .s-tex p {
    font-weight: 600;
}

.popup.nlc .content {
    margin-top: 20px;
    border: 1px solid #e4e8ee;
    padding: 16px 5px 16px 20px;
    height: 160px;
    border-radius: 5px;
    margin-bottom: 10px;
    min-height: auto;
}

.popup.nlc .content .content-inner {
    max-height: 100%;
    overflow-y: auto;
    font-size: 14px;
    letter-spacing: -0.7px;
    line-height: 16px;
    color: #222;
}

.popup.nlc .content .content-inner .tit {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: -0.8px;
}

.popup.nlc .content .content-inner .desc {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.7px;
    color: var(--grey-222);
    margin-top: 5px;
    margin-bottom: 10px;
}

.popup.nlc .content .content-inner .bullet {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.75px;
    color: var(--grey-222);
    padding-left: 8px;
    margin-top: 6px;
}

.popup.nlc .content .content-inner .bullet:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: var(--grey-222);
}

.popup.nlc .tooltip {
    z-index: 10;
}

.popup.nlc .tooltip img {
    max-width: 300px;
}

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

.board .board-head .total {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.75px;
    color: var(--grey-666);
}

.board .board-head .total .num {
    color: var(--grey-000);
    font-weight: 500;
}

.board .board-head .sorting {
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.board .board-head .sorting .form-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

.board .board-head .sorting .form-select {
    width: 110px;
    font-weight: 500;
}

.board .board-head .sorting .form-search {
    width: 320px;
}

.board .board-head .sorting .form-search .form-input {
    padding-right: 115px;
}

.board .board-head .sorting .form-search .btn-search {
    width: 100px;
    height: 100%;
    right: 0;
    gap: 5px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.75px;
    color: var(--main-1);
}

.board .board-head .sorting .form-search .btn-search::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 1px;
    height: 16px;
    background-color: var(--grey-ddd);
}

.board .board-head .sorting .form-search .btn-search span {
    line-height: 38px;
}

.table-loclist .form-check-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-loclist .form-check-group .form-radio {
    padding-left: 0;
    width: 20px;
    height: 20px;
}

.table-loclist table {
    margin-bottom: 30px;
}

.loc-pop .tooltip {
    z-index: 10;
}

.login-contents .id-iss .form-box {
    padding: 60px 20px;
    border-radius: 5px;
    border: 1px solid #e4e8ee;
    text-align: center;
}

.login-contents .id-iss .form-box .login-su-form .img {
    width: 80px;
    margin: 0 auto 24px;
}

.login-contents .id-iss .form-box .login-su-form .img img {
    width: 100%;
}

.login-contents .id-iss .form-box .login-su-form .txt-1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.6px;
    margin-bottom: 14px;
}

.login-contents .id-iss .form-box .login-su-form .txt-2 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    margin-bottom: 5px;
}

.login-contents .id-iss .form-box .login-su-form .table {
    max-width: 600px;
}

.login-contents .id-iss .form-box .login-su-form .table.table-blue {
    margin: 40px auto 10px;
}

.login-contents .id-iss .form-box .login-su-form .contents-info {
    max-width: 600px;
    margin: 0 auto;
}

.login-contents .id-iss .form-box + .form-box {
    margin-top: 40px;
}

/*수정 (1/9)*/
.specialist-checkboxes .form-check {width: 11%;}

@media all and (max-width: 1280px) {
    .board .board-head {
        position: relative;
        width: 100%;
    }

    .board .board-head .total {
        position: absolute;
        left: 0;
        bottom: 10px;
    }

    .board .board-head .sorting {
        width: 100%;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media all and (max-width: 840px) {
    .login-contents .id-iss .terms-of-use, .login-contents .id-iss .form {
        padding: 30px 0 0;
        border: 0;
        border-top: 1px solid #ddd;
        border-radius: 0;
    }

    .login-contents .id-iss .terms-of-use .item + .item {
        margin-top: 30px;
    }

    .login-contents .id-iss .button-group {
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .login-contents .id-iss .terms-of-use .item .label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .login-contents .id-iss .terms-of-use .item .content {
        padding: 10px 4px 0 10px;
    }

    .login-contents .id-iss .form-radio-group {
        justify-content: center;
    }

    .login-contents .id-iss .form .item + .item {
        margin-top: 30px;
    }

    .login-contents .id-iss .form .form-group + .form-group {
        margin-top: 20px;
    }

    .login-contents .id-iss .form .item .form-title {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .login-contents .id-iss .form .form-group .form-row:has(.email-group) {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .login-contents .id-iss .form .form-group .form-row:has(.email-group) .btn {
        margin-left: 0;
    }

    .login-contents .id-iss .email-group {
        flex-wrap: wrap;
        width: 100%;
    }

    .login-contents .id-iss .email-gac {
        flex-wrap: wrap;
    }

    .login-contents .id-iss .email-gac .form-input {
        width: 100%;
        flex: auto !important;
        margin-bottom: 10px;
    }

    .login-contents .id-iss .email-gac button {
        margin-left: 0 !important;
    }

    .login-contents .id-iss .email-gac button + button {
        margin-left: 10px !important;
    }

    .login-contents .id-iss .form .form-radio-row {
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .login-contents .id-iss .phone-group .form-select {
        min-width: auto;
    }

    .login-contents .id-iss .phone-group .dash {
        margin: 0 5px;
        width: 5px;
    }

    .login-contents .id-iss .form .form-row.form-row-half {
        width: 100%;
    }

    .login-contents .id-iss .gload-group {
        flex-direction: column;
    }

    .login-contents .id-iss .form .form-radio-row.name-group {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .login-contents .id-iss .form .form-radio-row.name-group .radio-item.radio-item-auto {
        min-width: 180px;
    }

    .login-contents .id-iss .form .form-radio-row.name-group .btn {
        margin-left: 0;
    }

    .login-contents .id-iss .form .form-group .form-row.form-col {
        flex-wrap: wrap;
        gap: 10px;
    }

    .login-contents .id-iss .form .form-group .form-row.form-col .form-input {
        flex: auto;
    }

    .login-contents .id-iss .form .form-group .form-row.form-col .btn {
        margin-left: 0;
    }

    .login-contents .id-iss .form .form-radio-row .radio-item.radio-item-auto {
        width: 100%;
    }

    .popup.nlc .re-guide {
        margin-top: 30px;
    }

    .popup .popup-body .text + .form-box {
        margin-top: 15px;
    }

    .popup.nlc .form-box .form-group + .form-group {
        margin-top: 20px;
    }

    .popup.nlc .re-guide .s-tex {
        flex-wrap: wrap;
    }

    .popup.nlc .content {
        margin-top: 10px;
        padding: 10px 5px 10px 15px;
    }

    .popup.nlc .table .col-title {
        white-space: normal;
        font-size: 15px;
    }

    .popup.nlc .table td span {
        font-size: 14px;
        word-break: break-word;
    }

    .popup.nlc .table td, .popup.nlc .table th {
        padding: 10px 5px;
    }

}

@media all and (max-width: 576px) {
    .us-type-list {
        flex-direction: column;
        gap: 10px;
    }

    .us-type-list .item {
        width: 100%;
        padding: 10px;
    }

    .us-type-list .item .img {
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
    }

    .us-type-list .item .txt {
        font-size: 16px;
    }

    .board .board-head .sorting {
        gap: 10px 5px;
    }

    .board .board-head .sorting:not(.button-group) {
        margin-bottom: 40px;
    }

    .board .board-head .sorting .form-group {
        width: 100%;
        flex-wrap: wrap;
    }

    .board .board-head .sorting .form-select {
        width: 80px;
    }

    .board .board-head .sorting .form-search {
        width: calc(100% - 80px - 5px);
    }

    .board .board-head .sorting .form-search .form-input {
        padding-right: 98px;
    }

    .board .board-head .sorting .form-search .btn-search {
        width: 90px;
    }

    .login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab {
        gap: 0;
        flex-direction: column;
    }

    .login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item {
        border-left: 1px solid #c4cfd7;
        border-right: 1px solid #c4cfd7;
        border-bottom: 1px solid #c4cfd7;
    }

    .login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item:first-child {
        border-top: 1px solid #c4cfd7;
        border-radius: 5px 5px 0 0;
    }

    .login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item:last-child {
        border-top: 0;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
    }

    .login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item > a {
        border: 0;
        transition: none;
        border-radius: 0;
    }

    .login-contents .id-iss .tab-container .tabs-box.us-type .tabs._tab .item > a:active {
        transform: none;
    }

    /*수정 (1/9)*/
    .specialist-checkboxes .form-check {width: 28%;}
}

/*아이디&비번 찾기*/
.login-contents .find-box {
    padding: 60px 20px;
    border-radius: 5px;
    border: 1px solid #e4e8ee;
    text-align: center;
    color: #222;
}

.login-contents .find-box .img {
    width: 80px;
    margin: 0 auto 24px;
}

.login-contents .find-box .img img {
    width: 100%;
}

.login-contents .find-box .txt-1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.6px;
    margin-bottom: 14px;
}

.login-contents .find-box .txt-2 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    margin-bottom: 5px;
}

.login-contents .find-box .table.table-blue {
    max-width: 600px;
    margin: 40px auto 10px;
}

.login-contents .find-box .contents-info {
    max-width: 600px;
    margin: 0 auto;
}

.login-contents .find-box + .find-box {
    margin-top: 40px;
}

.login-contents .find-box .login-fi-form {
    max-width: 600px;
    margin: 40px auto 0;
}

.login-contents .find-box .form-group {
    text-align: left;
    margin: 30px 0 10px;
}

.login-contents .find-box .form-input {
    height: 54px;
    line-height: 52px;
    font-size: 16px;
}

/*추가(1/23)*/
.login-contents .find-box .form-select {
    height: 54px;
    line-height: 52px;
    font-size: 16px;
    margin-right: 10px;
    border-right: 1px solid var(--grey-ccc);
    border-radius: 2px;
    padding: 0 30px 0 15px;
}

.login-contents .find-box .button-group {
    margin: 20px 0 40px;
}

.login-contents .find-box .login-fi-form .links-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.login-contents .login-fi-form .links-wrap .link {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.38px;
    color: var(--main-1);
}

.login-contents .reset-form {
    max-width: 600px;
    margin: 40px auto 0;
}

.login-contents .find-box .form-group .form-row.pw {
    position: relative;
}

.login-contents .find-box .form-group .form-row.pw .form-input {
    height: 40px;
}

@media all and (max-width: 960px) {
    .login-contents .id-iss .form-box, .login-contents .find-box {
        border: 0;
        padding: 0;
    }

    .login-contents .id-iss .form-box .login-su-form .img, .login-contents .find-box .img {
        margin: 0 auto 20px;
    }

    .login-contents .id-iss .form-box .login-su-form .txt-1, .login-contents .find-box .txt-1 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.5px;
        margin-bottom: 20px;
    }

    .login-contents .id-iss .form-box .login-su-form .table.table-blue, .login-contents .find-box .table.table-blue {
        margin-top: 30px;
    }

    .login-contents .id-iss .form-box .login-su-form .col-title {
        white-space: normal;
    }

    .login-contents .find-box .button-group {
        margin-bottom : 30px;
    }

    .login-contents .find-box .form-group {
        margin: 20px 0 10px;
    }
}

/*정보수정*/
.myself-name {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.form-group .myself-name label {
    margin-bottom: 0;
}

.myself-name .color-darkblue {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.75px;
    gap: 3px;
}

/*회원탈퇴*/
.login-contents .id-iss .log-title2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: -1.5px;
    color: var(--grey-000);
    text-align: center;
    margin-bottom: 40px;
}

.login-contents .id-iss .log-title2 + .contents-info {
    margin-bottom: 60px;
}

.login-contents .id-iss .userle-form .label {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    letter-spacing: -.5px;
    color: var(--grey-222);
    margin: 40px 0 20px;
    padding-left: 31px;
}

.login-contents .id-iss .userle-form .label::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 20px;
    background-image: url(../images/login/i-list.png);
    background-size: cover;
    left: 0;
    top: 0;
}

.login-contents .id-iss .userle-form .item .content {
    border: 1px solid #e4e8ee;
    padding: 16px 5px 16px 20px;
    height: 200px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.login-contents .id-iss .userle-form .item .content .content-inner {
    max-width: 100%;
    overflow-y: auto;
}

@media all and (max-width: 960px) {
    .login-contents .id-iss .log-title2 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -1.2px;
        margin-bottom: 30px;
    }

    .login-contents .id-iss .log-title2 + .contents-info {
        margin-bottom: 40px;
    }
}

@media all and (max-width: 840px) {
    .login-contents .id-iss .userle-form .label {
        margin: 30px 0 10px;
        font-size: 18px;
    }

    .login-contents .id-iss .userle-form .item .content {
        padding: 10px 4px 0 10px;
    }
}

/*회원증출력퍼블 전체적으로 수정(1/9)*/
.Mprint-wrap {padding-top: 60px; word-break: keep-all;}
.Mprint-wrap .Mprint {max-width: var(--minWidth); margin: 0 auto;}
.Mprint-wrap .Mprint + .Mprint {margin-top: 60px;}
.Mprint .page-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.Mprint .page-title .title {font-size: 30px; font-weight: bold; line-height: 32px; letter-spacing: -1.5px;}
.Mprint-contents .img-wrap {text-align: center; height: 600px;}
.Mprint-contents .certificate-container {position: relative; height: 100%; margin: 0 auto; width: fit-content;}
.Mprint-contents .img-wrap + .img-wrap {margin-top: 20px;}
.Mprint-contents .img-wrap.mconfir {height: 840px; padding-top: 20px;}
.Mprint-contents .img-wrap.mconfir img {border: 1px solid #ddd;}
.Mprint-contents .img-wrap img {height: 100%;}
.Mprint-contents .table-wrap .contents-info {margin: 40px 0 20px;}
.Mprint-contents .table-wrap .table-container .table { min-width: 700px;}
.Mprint-contents .membership-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.Mprint-contents .membership-overlay .photo {position: absolute; top: 15.6%; left: 50%; transform: translateX(-50%); width: 126px; aspect-ratio: 1 / 1.32; background: transparent; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.Mprint-contents .membership-overlay .photo img {width: 100%; height: 100%; object-fit: cover;}
.Mprint-contents .membership-overlay.kr .seal {position: absolute; width: 50px; aspect-ratio: 1 / 1; bottom: 2%; right: 19%;}
.Mprint-contents .membership-overlay.kr .seal img {width: 100%; height: 100%; object-fit: cover;}
.Mprint-contents .membership-overlay.en .sign {position: absolute; height: 48px; bottom: 7.5%; left: 50%; transform: translateX(-50%);}
.Mprint-contents .membership-overlay.en .sign img {width: auto; height: 100%; object-fit: cover;}
.Mprint-contents .membership-overlay.en .photo {top: 14.5%;}
.Mprint-contents .membership-overlay.kr .info-value {display: block; color: #fff; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; text-align: left; position: absolute; left: 32%; padding-right: 20px;}
.Mprint-contents .membership-overlay.kr #kr-name.info-value {top: 46.8%;}
.Mprint-contents .membership-overlay.kr #kr-birth.info-value {top: 52.8%;}
.Mprint-contents .membership-overlay.kr #kr-license.info-value {top: 59%;}
.Mprint-contents .membership-overlay.kr #kr-member.info-value {top: 64.8%;}
.Mprint-contents .membership-overlay.kr #kr-branch.info-value {top: 70.8%;}
.Mprint-contents .membership-overlay.kr #kr-date.info-value {top: 76.9%;}
.Mprint-contents .membership-overlay.en .info-value {display: block; color: #fff; font-size: 13px; font-weight: 500; letter-spacing: 0.05em; text-align: left; position: absolute; padding-right: 20px;}
.Mprint-contents .membership-overlay.en #en-name.info-value {top: 45.8%; left: 21.4%;}
.Mprint-contents .membership-overlay.en #en-birth.info-value {top: 50.8%; left: 31.5%;}
.Mprint-contents .membership-overlay.en #en-license.info-value {top: 56.1%; left: 30%;}
.Mprint-contents .membership-overlay.en #en-member.info-value {top: 61.4%; left: 40.5%;}
.Mprint-contents .membership-overlay.en #en-branch.info-value {top: 66.5%; left: 23.5%;}
.Mprint-contents .membership-overlay.en #en-date.info-value {top: 71.8%; left: 41%;}
.Mprint-contents .confirmation-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.Mprint-contents .confirmation-overlay.kr .info-value {display: block; color: #222; font-size: 19px; font-weight: 500; letter-spacing: 0.05em; text-align: left; position: absolute; left: 35.5%; padding-right: 20px;}
.Mprint-contents .confirmation-overlay.kr #cf-name.info-value {top: 32.7%;}
.Mprint-contents .confirmation-overlay.kr #cf-birth.info-value {top: 37.3%;}
.Mprint-contents .confirmation-overlay.kr #cf-license.info-value {top: 42%;}
.Mprint-contents .confirmation-overlay.kr #cf-member.info-value {top: 46.5%;}
.Mprint-contents .confirmation-overlay.kr #cf-branch.info-value {top: 51.2%;}
.Mprint-contents .confirmation-overlay.kr .footer-text {position: absolute; top: 62%; left: 17.4%; text-align: center; color: #222; font-size: 22.5px; font-weight: 500;}
.Mprint-contents .confirmation-overlay.kr .date-text {position: absolute; top: 69%; left: 33.4%; text-align: center; color: #222; font-size: 20px; font-weight: 500;}
.Mprint-contents .confirmation-overlay.en .info-value {display: block; color: #222; font-size: 14px; font-weight: 500; letter-spacing: 0.05em; text-align: left;}
.Mprint-contents .confirmation-overlay.en .info-section .info-value {position: absolute; left: 48.3%; padding-right: 20px;}
.Mprint-contents .confirmation-overlay.en .info-section #cf-name-en.info-value {top: 30.8%;}
.Mprint-contents .confirmation-overlay.en .info-section #cf-birth-en.info-value {top: 34%;}
.Mprint-contents .confirmation-overlay.en .info-section #cf-add-en.info-value {top: 36.8%;}
.Mprint-contents .confirmation-overlay.en .info-section2 .info-value {position: absolute; left: 48.3%;}
.Mprint-contents .confirmation-overlay.en .info-section2 #cf-nat-en.info-value {top: 45.3%;}
.Mprint-contents .confirmation-overlay.en .info-section2 #cf-license-en.info-value {top: 48.3%;}
.Mprint-contents .confirmation-overlay.en .info-section2 #cf-member-en.info-value {top: 51.3%;}
.Mprint-contents .confirmation-overlay.en .info-section3 {position: absolute; top: 74.8%; left: 20.8%; padding-right: 20px;}

@media all and (max-width: 1280px) {
    .Mprint-wrap {padding-top: 30px;}
    .Mprint-wrap .Mprint {padding: 0 15px;}
    .Mprint .page-title {margin-bottom: 20px;}
    .Mprint .page-title .title {font-size: 24px; line-height: 26px; letter-spacing: -1.2px;}
}

@media all and (max-width: 767px) {
    .Mprint-contents .certificate-container {height: auto;}
    .Mprint-contents .img-wrap, .Mprint-contents .img-wrap.mconfir {height: auto; width: 100%;}
    .Mprint-contents .img-wrap img {height: auto;width: 100%;}
    .Mprint-contents .table-wrap .contents-info {margin: 20px 0 12px;}
    .Mprint-contents .membership-overlay .photo {width: 32vw; aspect-ratio: auto;}
    .Mprint-contents .membership-overlay.kr .seal {width: 12vw;}
    .Mprint-contents .membership-overlay.en .sign {height: 12vw;}
    .Mprint-contents .membership-overlay.kr .info-value {font-size: 3.6vw;}
    .Mprint-contents .membership-overlay.en .info-value {font-size: 3.3vw;}
    .Mprint-contents .confirmation-overlay.kr .info-value {font-size: 3vw;}
    .Mprint-contents .confirmation-overlay.kr .footer-text {left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 3.4vw;}
    .Mprint-contents .confirmation-overlay.kr .date-text {left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 3vw;}
    .Mprint-contents .confirmation-overlay.en .info-value {font-size: 2vw;}
}
@media all and (max-width: 576px) {
    .Mprint-contents .membership-overlay .photo {width: 33.2%;}
    .Mprint-contents .membership-overlay.kr .info-value {font-size: 3.5vw; left: 32.9%;}
    .Mprint-contents .membership-overlay.kr #kr-name.info-value {top: 46.5%;}
    .Mprint-contents .membership-overlay.kr #kr-birth.info-value {top: 52.4%;}
    .Mprint-contents .membership-overlay.kr #kr-license.info-value {top: 58.4%;}
    .Mprint-contents .membership-overlay.kr #kr-member.info-value {top: 64.4%;}
    .Mprint-contents .membership-overlay.kr #kr-branch.info-value {top: 70.5%}
    .Mprint-contents .membership-overlay.kr #kr-date.info-value {top: 76.4%;}
    .Mprint-contents .membership-overlay.en #en-name.info-value {top: 45.3%;}
    .Mprint-contents .membership-overlay.en #en-birth.info-value {top: 50.4%}
    .Mprint-contents .membership-overlay.en #en-license.info-value {top: 55.8%}
    .Mprint-contents .membership-overlay.en #en-member.info-value {top: 60.8%}
    .Mprint-contents .membership-overlay.en #en-branch.info-value {top: 65.9%}
    .Mprint-contents .membership-overlay.en #en-date.info-value {top: 71.1%}
    .Mprint-contents .confirmation-overlay.kr .info-section {position: unset;}
    .Mprint-contents .confirmation-overlay.kr .info-value {font-size: 2.9vw; left: 35.9%;}
    .Mprint-contents .confirmation-overlay.kr #cf-name.info-value {top: 32.6%;}
    .Mprint-contents .confirmation-overlay.kr #cf-birth.info-value {top: 37.2%;}
    .Mprint-contents .confirmation-overlay.kr #cf-license.info-value {top: 41.9%;}
    .Mprint-contents .confirmation-overlay.kr #cf-member.info-value {top: 46.4%;}
    .Mprint-contents .confirmation-overlay.kr #cf-branch.info-value {top: 51.2%;}
    .Mprint-contents .confirmation-overlay.en .info-section3 {top: 74.4%;}
}

/*추가 (1/8)*/
#searchPop .popup-head .tit-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

#searchPop .popup-head .tit-box .desc {
    font-size: 14px;
}

/*추가 (1/12)*/
.popup .popup-body .bullet {position: relative; color: var(--grey-222); padding-left: 16px;}
.popup .popup-body .bullet:before {content: ''; position: absolute; top: 6px; left: 8px; width: 3px; height: 3px; border-radius: 100%; background-color: var(--grey-222);}
#msgAuthDesc .bullet + .bullet {margin-bottom: 12px;}


/*추가(1/15)*/
.login-contents .id-iss .terms-of-use .item_table {margin-bottom: 10px;}
.login-contents .id-iss .form-group .form-title02 {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px; gap: 8px;}
.login-contents .id-iss .form-group .form-title02 .label {margin-bottom: 0}
.login-contents .id-iss .form-group .form-title02 > * {font-size: 15px; line-height: 18px; letter-spacing: -0.75px;}
.popup.popup-terms .popup-content .number {position: relative; font-size: 15px; line-height: 24px; letter-spacing: -0.75px; color: var(--grey-666);}
.popup.popup-terms .popup-content .number02 {position: relative; font-size: 14px; line-height: 24px; letter-spacing: -0.75px; color: var(--grey-666); padding-left: 20px;}
.popup.popup-terms .popup-content .number02 + .number {margin-top: 6px;}
.popup.popup-terms .popup-content .number + .title, .popup.popup-terms .popup-content .number02 + .title {margin-top: 20px;}
.popup.popup-terms .popup-content .title + .number {margin-top: 13px;}
@media all and (max-width: 576px) {
    .login-contents .id-iss .form-group .form-title02 {flex-direction: column; align-items: flex-start;}
}