@charset "UTF-8";

#naf_overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(250, 250, 250, 0);
    z-index: 999999999;
}

.naf-postcode-layer {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.naf-postcode-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* iframe 전체 영역 */
.naf-postcode-frame {
    width: 400px;
    height: 480px; /* 원래보다 살짝 줄임 (기본 550~570 정도 나옴) */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.naf-postcode-inner-frame {
    width: 100%;
    height: 100%;
}

/* "푸터처럼 보이는 닫기 버튼" */
.naf-postcode-footer-fakein {
    width: 400px;
    padding: 10px 0 15px 0;
    text-align: center;
    margin-top: -5px;
    border-radius: 0 0 8px 8px;
    position: relative;
    z-index: 0;
    background: #ececec;
}

.naf-postcode-close-btn {
    background: #222;
    color: #fff;
    border: none;
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.cursor {
    cursor: pointer !important;
}

#intro {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.intro-logo {
    position: relative;
    z-index: 1;
    max-width: 1610px;
    padding: 0 24px;
    margin: 0 auto;
    height: 80px;
    display: flex;
    align-items: center;
}

#intro .intro-wrap {
    width: 100vw;
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

#intro .intro-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#intro .intro-bg .base {
    background: url(../images/main/meetingroom.png) center / cover no-repeat;
    width: 100%;
    height: 100%;
}

#intro .intro-list {
    display: flex;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

#intro .intro-item {
    width: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: width .4s ease-in-out;
    margin: 0 16px;
}

#intro .intro-item:hover {
    width: 80%;
}

#intro .intro-item:hover .intro-inner {
    border: transparent;
}

#intro .intro-item:hover .intro-inner > a {
    background: var(--p-color);
}

#intro .intro-item:hover .intro-inner > a .intro-btn-box {
    background: #fff;
}

#intro .intro-item:hover .intro-inner > a .intro-btn-box > span {
    color: var(--p-color);
    font-weight: 600;
}

#intro .intro-inner {
    position: relative;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 16px;
    backdrop-filter: blur(15px);
    overflow: hidden;
    box-sizing: border-box;
    transition: transform 0.8s ease-in-out;
    /* transform: translateY(100%); */
}

#intro .intro-inner > a {
    width: 100%;
    min-height: 30rem;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: 16px;
    transition: background 0.4s ease-in-out;
}

#intro .intro-txt1 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
}

#intro .intro-txt2 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 4px;
}

#intro .intro-btn-box {
    border: 1px solid #fff;
    padding: 12px;
    min-width: 240px;
    margin-top: 40px;
    transition: all 0.3s ease-in-out;
}

#intro .intro-btn-box > span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
    #intro .intro-list {
        flex-direction: column;
        row-gap: 20px;
        padding: 0 20px;
    }

    #intro .intro-item {
        width: 100%;
    }

    #intro .intro-inner > a {
        min-height: 22rem;
    }

    #intro .intro-txt1 {
        font-size: 1.125rem;
    }

    #intro .intro-txt2 {
        font-size: 2rem;
    }

    #intro .intro-item:hover {
        width: 100%;
    }
}

#naf_page_UI2025000086 .cst-sh-box {
    background: var(--gray-300);
    width: 100%;
    padding: 40px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 12px;
}

#naf_page_UI2025000086 .cst-sh-box > p * {
    font-size: 1.125rem;
    white-space: nowrap;
}

#naf_page_UI2025000086 .cst-sh-box .cst-sh-ip {
    position: relative;
    max-width: 640px;
    width: 100%;
    border-radius: 100px;
    padding: 16px 32px;
    background: #fff;
    border: 1px solid var(--gray-500);
}

#naf_page_UI2025000086 .cst-sh-box .cst-sh-ip > button {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    height: 20px;
}

#naf_page_UI2025000086 .faq-shbox {
    width: calc(100% - 20px);
    position: relative;
}

#naf_page_UI2025000086 .faq-shbox .btn-clear-text {
    right: 8px;
}

#naf_page_UI2025000086 #naf_input_UI2025000086_srh_faq {
    border: none;
    padding: 0;
    width: calc(100% - 40px);
}

#naf_page_UI2025000086 #naf_input_UI2025000086_srh_faq:focus {
    outline: none;
}

#naf_page_UI2025000086 .cst-tab-wrap {
    display: flex;
    margin: 32px 0;
    gap: 12px;
    overflow-x: auto;
}

#naf_page_UI2025000086 .cst-tab-wrap .cst-tab-item {
    padding: 10px 24px;
    border-radius: 100px;
    border: 1px solid var(--gray-t500);
    transition: all .2s;
    color: var(--gray-t500);
    cursor: pointer;
    white-space: nowrap;
}

#naf_page_UI2025000086 .cst-tab-wrap .cst-tab-item:hover {
    border-color: var(--bk);
    color: var(--bk);
}

#naf_page_UI2025000086 .cst-tab-wrap .cst-tab-item.on {
    border: 1px solid transparent;
    background: var(--bk);
    color: #fff;
    font-weight: 400;
}

#naf_page_UI2025000086 .cst-tab-con .total-wrap {
    display: flex;
    margin-bottom: 16px;
}

#naf_page_UI2025000086 .cst-tab-con .total-wrap > p {
    font-weight: 400;
    color: var(--gray-t700);
}

#naf_page_UI2025000086 .cst-tab-con .total-wrap > p:nth-child(1) {
    margin-right: 4px;
}

#naf_page_UI2025000086 .cst-tab-con .total-wrap > .total-num {
    font-weight: 700;
}

#naf_page_UI2025000086 .tc-list {
    border-top: 1px solid var(--bk);
}

#naf_page_UI2025000086 .tc-list .qst-btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-400);
}

#naf_page_UI2025000086 .qst-btn .division-t {
    min-width: 200px;
    text-align: center;
    font-size: 1.125rem;
    white-space: nowrap;
}

#naf_page_UI2025000086 .info-twrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#naf_page_UI2025000086 .info-tinr {
    display: flex;
    align-items: center;
    gap: 16px;
}

#naf_page_UI2025000086 .info-tinr > .cir-box {
    background: var(--bk);
    color: #fff;
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
}

#naf_page_UI2025000086 .info-tinr > span {
    font-size: 1.125rem;
    text-align: left;
}

#naf_page_UI2025000086 .qst-btn.on .plus-icon > span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(0);
}

#naf_page_UI2025000086 .tc-list .answer-wrap {
    border-bottom: 1px solid var(--gray-400);
}

#naf_page_UI2025000086 .answer-wrap {
    padding: 20px 0 20px 200px;
    display: none;
}

#naf_page_UI2025000086 .answer-wrap .info-tinr > .download-t {
    font-weight: 400;
    color: var(--gray-t700);
}

#naf_page_UI2025000086 .download-t {
    position: relative;
    padding-left: 24px;
}

#naf_page_UI2025000086 .download-t::before {
    content: "";
    display: inline-block;
    background: url(../images/icon/Download.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 3px;
}

#naf_page_UI2025000086 .answer-item {
    padding-left: 48px;
    margin-top: 16px;
}

#naf_page_UI2025000086 .answer-item > span, #naf_page_UI2025000086 .answer-item > span * {
    font-size: 1.125rem;
    font-weight: 400;
}

@media (max-width: 768px) {
    #naf_page_UI2025000086 .answer-wrap {
        padding: 20px 0 20px 20px;
    }

    #naf_page_UI2025000086 .cst-sh-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    #naf_page_UI2025000086 .cst-sh-box > p {
        margin-left: 10px;
    }

    #naf_page_UI2025000086 .cst-sh-box .cst-sh-ip {
        padding: 16px 24px;
    }

    #naf_page_UI2025000086 .cst-sh-box .cst-sh-ip > button {
        right: 24px;
    }

    #naf_page_UI2025000086 .info-tinr > .cir-box {
        display: none;
    }

    #naf_page_UI2025000086 .tc-list .qst-btn {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 20px 8px;
    }

    #naf_page_UI2025000086 .qst-btn .division-t {
        font-size: 14px;
        background: var(--gray-400);
        min-width: auto;
        padding: 4px 12px;
        border-radius: 50px;
    }

    #naf_page_UI2025000086 .plus-icon {
        padding-right: 0;
    }

    #naf_page_UI2025000086 .answer-item {
        padding-left: 24px;
    }
}

#naf_page_UI2025000087 .cst-sh-box {
    background: var(--gray-300);
    width: 100%;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 24px;
    row-gap: 12px;
    border-radius: 12px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

#naf_page_UI2025000087 .cst-sh-box > p {
    font-weight: 400;
}

#naf_page_UI2025000087 .my-ct-btn {
    background: var(--bk);
    padding: 10px 24px;
    border-radius: 50px;
}

#naf_page_UI2025000087 .my-ct-btn > span {
    color: #fff;
}

#naf_page_UI2025000087 .tb-flex > select {
    background-position: right 16px center;
}

#naf_page_UI2025000087 .tb-flex > select,
#naf_page_UI2025000087 .tb-flex > input[type="text"],
#naf_page_UI2025000087 .tb-flex > textarea {
    padding: 12px 20px;
}

#naf_page_UI2025000087 .cst-wbox1 select {
    max-width: 368px;
}

#naf_page_UI2025000087 .cst-wbox2 select,
#naf_page_UI2025000087 .cst-wbox2 input {
    max-width: 170px;
}

#naf_page_UI2025000087 .textarea-box > textarea {
    min-height: 120px;
}

#naf_page_UI2025000087 .file-add {
    padding: 8px 40px;
}

#naf_page_UI2025000087 .ck-custom > label {
    font-size: 1rem;
}

#naf_page_UI2025000087 .hori-table {
    overflow-x: auto;
}

#naf_page_UI2025000087 .hori-table > table {
    min-width: 700px;
}

@media (max-width: 768px) {
    #naf_page_UI2025000087 .cst-sh-box {
        padding: 24px;
    }

    #naf_page_UI2025000087 .my-ct-btn {
        width: 100%;
        text-align: center;
    }
}

#naf_page_UI2025000093 .cart-items {
    margin-top: 40px;
}

#naf_page_UI2025000093 .gds-item {
    justify-content: space-between;
}

#naf_page_UI2025000093 .gds-2dep {
    display: flex;
    gap: 32px;
}

#naf_page_UI2025000093 .gp-head {
    position: relative;
}

#naf_page_UI2025000093 .dt-view-btn {
    background: var(--bk);
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    gap: 4px;
}

#naf_page_UI2025000093 .dt-view-btn > span {
    color: #fff !important;
    font-weight: 600;
}

#naf_page_UI2025000093 .prod-twrap > strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025000093 .prod-twrap .inr-txt {
    display: flex;
    flex-wrap: wrap;
}

#naf_page_UI2025000093 .prod-twrap .inr-txt > li {
    width: 50%;
    color: var(--gray-t600);
    font-weight: 400;
    padding: 4px 0;
}

#naf_page_UI2025000093 .gp-btn-wrap {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000093 .gp-btn-wrap > button {
    min-width: 120px;
}

#naf_page_UI2025000093 .box-2line > input[type="text"] {
    height: 44px;
    padding: 0 16px;
    max-width: 760px;
}

#naf_page_UI2025000093 .box-2line button {
    height: 44px;
    border-radius: 8px;
    width: 88px;
}

@media (max-width: 768px) {
    #naf_page_UI2025000093 .gp-btn-wrap {
        width: 100%;
    }

    #naf_page_UI2025000093 .gp-btn-wrap > button {
        min-width: auto;
        width: 100%;
    }

    #naf_page_UI2025000093 .cart-items .group .gp-head {
        padding: 12px 40px 12px 16px;
    }

    #naf_page_UI2025000093 .prod-twrap .inr-txt > li {
        width: 100%;
    }

    #naf_page_UI2025000093 .group .gp-head-inr {
        column-gap: 0;
    }

    #naf_page_UI2025000093 .date-term {
        width: 52px;
    }
}

#naf_page_UI2025000216 .cst-sh-box {
    background: var(--gray-300);
    width: 100%;
    padding: 40px;
    border-radius: 12px;
    margin-bottom: 32px;
}

#naf_page_UI2025000216 .mp-box-inr {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000216 .mp-box-inr p {
    color: var(--gray-t700);
}

#naf_page_UI2025000216 .mp-box-inr span {
    display: inline-block;
}

#naf_page_UI2025000216 .my-ct-btn > span {
    color: #fff;
}

#naf_page_UI2025000216 .tb-flex {
    flex-wrap: wrap;
}

#naf_page_UI2025000216 .tb-flex > select {
    background-position: right 16px center;
}

#naf_page_UI2025000216 .tb-flex > select,
#naf_page_UI2025000216 .tb-flex > input[type="text"] {
    padding: 12px 20px;
}

#naf_page_UI2025000216 .cst-wbox1 select {
    max-width: 368px;
}

#naf_page_UI2025000216 .cst-wbox2 select,
#naf_page_UI2025000216 .cst-wbox2 input {
    max-width: 170px;
}

#naf_page_UI2025000216 .mail-btn {
    padding: 13px 32px;
}

#naf_page_UI2025000216 .hori-tb .code-inp {
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000216 .code-inp > input[type="text"] {
    max-width: 500px;
}

#naf_page_UI2025000216 .code-inp > span,
#naf_page_UI2025000216 .p-txt {
    color: var(--gray-t700);
    font-weight: 400;
    white-space: nowrap;
}

#naf_page_UI2025000216 .hori-tb .mail-vc {
    gap: 8px;
}

#naf_page_UI2025000216 .mail-vc > input[type="text"] {
    max-width: 500px;
    display: none;
}

#naf_page_UI2025000216 .mail-vc.on > input[type="text"] {
    display: block;
}

@media (max-width: 768px) {
    #naf_page_UI2025000216 .cst-sh-box {
        padding: 20px;
    }

    #naf_page_UI2025000216 .mp-box-inr {
        align-items: flex-start;
    }
}

#naf_page_UI2025000203 .contract-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

#naf_page_UI2025000203 .contract-list > h1 {
    font-size: 2.125rem;
    font-weight: 700;
}

#naf_page_UI2025000203 .contract-list .top-btn-list {
    display: flex;
    align-items: center;
    gap: 16px;
}

#naf_page_UI2025000203 .top-btn-list .gray-btn2 {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.875rem;
}

#naf_page_UI2025000203 .top-btn-list > .inr-bw {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000203 .top-btn-list .line {
    height: 20px;
    width: 1px;
    background: var(--gray-500);
}

#naf_page_UI2025000203 .card-bc {
    display: flex;
    gap: 24px;
    margin-bottom: 60px;
}

#naf_page_UI2025000203 .card-bc > .card-item {
    width: 100%;
    background: var(--gray-300);
    border-radius: 8px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
}

#naf_page_UI2025000203 .card-bc > .card-item > p {
    color: var(--gray-t600);
    font-weight: 700;
    font-size: 1.125rem;
    white-space: nowrap;
}

#naf_page_UI2025000203 .card-bc > .card-item .cdit-inr {
    text-align: right;
}

#naf_page_UI2025000203 .card-bc > .card-item .cdit-inr > span {
    font-weight: 700;
    font-size: 1.375rem;
}

#naf_page_UI2025000203 .card-bc > .card-item .cdit-inr > p {
    margin-top: 10px;
    color: var(--gray-t600);
}

#naf_page_UI2025000203 .label-tab-con {
    display: none;
    margin-top: 24px;
    overflow-x: auto;
}

#naf_page_UI2025000203 .line-tab-con {
    display: none;
}

#naf_page_UI2025000203 .label-tab-con.open {
    display: block;
}

#naf_page_UI2025000203 .line-tab-con.open {
    display: block;
}

#naf_page_UI2025000203 .con-dep1 {
    margin-top: 40px;
}

#naf_page_UI2025000203 .con-dep1 > h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 12px;
}

#naf_page_UI2025000203 .note-twrap {
    margin-top: 8px;
}

#naf_page_UI2025000203 .note-twrap > p {
    color: var(--gray-t600);
    font-weight: 400;
    padding: 2px;
}

/* 모달창 */
#naf_page_UI2025000203 .modal-wrap .md-ip-wrap {
    margin: 24px 0 8px;
    padding: 0 16px;
}

#naf_page_UI2025000203 .modal-wrap .md-ip-wrap .md-ip-item {
    padding: 6px 0;
}

#naf_page_UI2025000203 .md-ip-wrap .ip-if {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000203 .modal-wrap .tw4 {
    font-weight: 400;
    padding: 0 16px;
}

#naf_page_UI2025000203 .inner-mbox {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025000203 .file-add {
    padding: 8px 40px;
}


#naf_page_UI2025000203 .inner-mbox {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025000203 .file-add {
    padding: 8px 40px;
}

@media (max-width: 1280px) {
    #naf_page_UI2025000203 .contract-list > h1 {
        display: none;
    }
}

@media (max-width: 1024px) {
    #naf_page_UI2025000203 .card-bc {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 40px;
    }

    #naf_page_UI2025000203 .card-bc > .card-item {
        padding: 24px;
    }

    #naf_page_UI2025000203 .contract-list {
        margin-bottom: 16px;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000203 .contract-list .top-btn-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    #naf_page_UI2025000203 .top-btn-list .line {
        display: none;
    }

    #naf_page_UI2025000203 .e-cm-btn {
        padding: 6px 8px;
    }

    #naf_page_UI2025000203 .modal-wrap .md-ip-wrap {
        margin: 16px 0 8px;
    }
}

#naf_page_UI2025000203 #naf_modal_UI2025000203_inq .modal-body {
    max-height: 80vh;
}

#naf_page_UI2025000183 .sh-rst {
    text-align: center;
}

#naf_page_UI2025000183 .sh-rst > .txt > span {
    display: inline-block;
}

#naf_page_UI2025000183 .sh-rst > .txt,
#naf_page_UI2025000183 .sh-rst > .txt > span {
    font-size: 2.125rem;
}

#naf_page_UI2025000183 .sh-list-con {
    margin-top: 40px;
}

#naf_page_UI2025000183 .view-type {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}

#naf_page_UI2025000183 .vt-t {
    white-space: nowrap;
    color: var(--gray-t700);
}

#naf_page_UI2025000183 .vt-t > span {
    display: inline-block;
    font-weight: bold;
}

#naf_page_UI2025000183 .view-type .vt-select {
    padding: 10px 20px;
    max-width: 180px;
    background-position: right 18px center;
}

#naf_page_UI2025000195 .radio-wrap {
    display: flex;
    gap: 40px;
    margin-bottom: 16px;
}

#naf_page_UI2025000195 .now {
    margin-bottom: 40px;
}

#naf_page_UI2025000195 .log-btn-wrap {
    display: flex;
    gap: 16px;
    align-items: center;
}

#naf_page_UI2025000195 .log-btn-wrap > button {
    margin-bottom: 0;
    height: 72px;
}

#naf_page_UI2025000195 .log-btn-wrap > button > span {
    font-size: 1.125rem;
    font-weight: 600;
}

#naf_page_UI2025000195 .warning {
    color: var(--red);
    margin-top: 8px;
}

#naf_page_UI2025000195 .guide-txt {
    text-align: center;
    margin-bottom: 32px;
}

#naf_page_UI2025000195 .guide-txt > p {
    color: var(--gray-t700);
}

#naf_page_UI2025000094 .cst-sh-box {
    background: var(--gray-300);
    width: 100%;
    padding: 40px;
    border-radius: 12px;
    margin-bottom: 32px;
}

#naf_page_UI2025000094 .biz-name {
    overflow: auto;
}

#naf_page_UI2025000094 .biz-name > table {
    table-layout: fixed;
    min-width: 1024px;
}

#naf_page_UI2025000094 .biz-name .file-add {
    padding: 12px 32px;
}

#naf_page_UI2025000094 .biz-name .file-add-wrap {
    flex-wrap: wrap;
}

#naf_page_UI2025000094 #biz-name .hori-tb tr > th,
#naf_page_UI2025000094 #biz-name .hori-tb tr > td {
    height: 64px;
}

#naf_page_UI2025000094 .biz-name .address-from > li {
    margin-bottom: 6px;
}

#naf_page_UI2025000094 .biz-name .address-from > li button {
    height: 48px;
    padding: 0 20px;
}

#naf_page_UI2025000094 .biz-name .tb-flex {
    gap: 8px;
}

#naf_page_UI2025000094 .file-area > p {
    margin-top: 10px;
    font-size: 0.875rem;
    color: var(--gray-t600);
}

#naf_page_UI2025000094 .cst-sh-box > .p-color {
    display: flex;
    align-items: center;
    gap: 4px;
}

#naf_page_UI2025000094 .cst-sh-box > div:nth-child(2) {
    padding: 4px 20px 0;
}

#naf_page_UI2025000094 .cst-sh-box > div:nth-child(2) > p {
    color: var(--gray-t600);
}

@media (max-width: 768px) {
    #naf_page_UI2025000094 .cst-sh-box {
        padding: 20px;
    }
}

#naf_page_UI2025000199 .bs-tb-wrap {
    margin-top: 56px;
}

#naf_page_UI2025000199 .btn-black-border {
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    padding: 2px 8px;
    border-radius: 4px;
    cursor: pointer;
}

#naf_page_UI2025000199 .tb-layout {
    table-layout: fixed;
}

#naf_page_UI2025000199 .bs-tb-wrap .inr {
    display: block;
}

#naf_page_UI2025000199 .ag-inr {
    padding: 12px 32px;
}

#naf_page_UI2025000199 .ag-inr > .ck-custom {
    padding: 4px 0;
}

#naf_page_UI2025000199 .day-inp-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: 50%;
}

#naf_page_UI2025000199 .day-inp-wrap > span {
    padding: 0 8px;
}

#naf_page_UI2025000199 .day-inp-wrap > p,
#naf_page_UI2025000199 .day-inp-wrap > div {
    white-space: nowrap;
}

#naf_page_UI2025000199 .br-right {
    border-right: 1px solid var(--gray-t500) !important;
}

#naf_page_UI2025000199 .rd-fx-wrap {
    display: flex;
    gap: 40px;
}

#naf_page_UI2025000199 .address-from > button,
#naf_page_UI2025000199 .file-add {
    padding: 0 24px;
    height: 48px;
    min-width: 140px;
}

#naf_page_UI2025000199 .address-from input:nth-child(1) {
    max-width: 200px;
}

#naf_page_UI2025000199 .tb-btm-txt {
    margin-top: 10px;
}

#naf_page_UI2025000199 .tb-btm-txt > p {
    color: var(--gray-t500);
}

#naf_page_UI2025000199 .download-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    min-width: 200px;
    padding: 0 24px;
    height: 48px;
}

#naf_page_UI2025000199 .download-btn svg {
    z-index: 1;
}

#naf_page_UI2025000199 .download-btn:hover path {
    stroke: #ffffff;
}

#naf_page_UI2025000199 .file-add-wrap .gray-txt {
    color: var(--gray-t500);
    margin-left: 8px;
    font-weight: 400;
}

#naf_page_UI2025000199 .dot-inr {
    padding: 12px 24px;
    margin-bottom: 24px;
}

#naf_page_UI2025000199 .dot2-txt {
    padding: 4px 0;
    position: relative;
    padding-left: 10px;
    font-weight: 400;
}

#naf_page_UI2025000199 .dot2-txt::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--bk);
    position: absolute;
    top: 10px;
    left: 0;
}

#naf_page_UI2025000199 .line-table .rd-fx-wrap {
    justify-content: center;
}

#naf_page_UI2025000199 .tb-sub-tit span {
    font-size: 1.25rem;
    font-weight: 700;
}

#naf_page_UI2025000199 .category-text {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 50%;
}

#naf_page_UI2025000199 .category-text > span {
    white-space: nowrap;
}

#naf_page_UI2025000199 .th-gud-t {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--gray-t500);
}

#naf_page_UI2025000199 .btm-tcet {
    padding-top: 32px;
    text-align: center;
}

#naf_page_UI2025000199 .hori-tb tr > th {
    word-break: keep-all;
}

#naf_page_UI2025000199 .col-1 {
    width: 200px;
}

#naf_page_UI2025000199 .col-2 {
    width: calc(100% - 200px);
}

#naf_page_UI2025000199 #reservation .hori-tb tr > th {
    width: 200px;
}

@media (max-width: 1024px) {
    #naf_page_UI2025000199 .col-1 {
        width: 100px;
    }

    #naf_page_UI2025000199 .col-2 {
        width: calc(100% - 100px);
    }

    #naf_page_UI2025000199 .line-table > .inr {
        padding: 20px;
    }
}

#naf_page_UI2025000201 .tb-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025000201 .tb-bottom > a {
    padding: 12px 24px;
    min-width: 140px;
    text-align: center;
}

#naf_page_UI2025000201 .caps {
    max-width: 100px;
}

#naf_page_UI2025000201 .bs-tb-wrap {
    overflow-x: auto;
}

#naf_page_UI2025000201 .bs-tb-wrap > table {
    min-width: 1024px;
}

#naf_page_UI2025000201 .sib-wrap select {
    width: 140px;
    min-width: 140px;
}

#naf_page_UI2025000201 .sib-wrap input[type="text"] {
    width: 300px;
}

#naf_page_UI2025000201 .si-2dep {
    display: flex;
    gap: 8px;
}

@media (max-width: 768px) {
    #naf_page_UI2025000201 .list-top .sib-wrap {
        width: 100%;
        flex-direction: column;
    }

    #naf_page_UI2025000201 .list-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    #naf_page_UI2025000201 .sib-wrap .si-2dep {
        width: 100%;
    }

    #naf_page_UI2025000201 .sib-wrap select {
        width: 100%;
        min-width: 120px;
        max-width: 120px;
    }

    #naf_page_UI2025000201 .sib-wrap input[type="text"] {
        width: 100%;
    }

    #naf_page_UI2025000201 .list-top .sib-wrap .sh-btn {
        padding: 12px;
        justify-content: center;
    }

    #naf_page_UI2025000201 .tb-bottom {
        flex-direction: column;
        align-items: stretch; /* 전체 너비 사용하게 */
        gap: 10px; /* 위아래 간격 */
    }

    #naf_page_UI2025000201 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000201 .tb-bottom > a {
        width: 100%;
        box-sizing: border-box;
    }

    #naf_page_UI2025000095 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000251 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #naf_page_UI2025001270 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000093 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

#naf_page_UI2025000181 #floating {
    display: none;
}

#naf_page_UI2025000181 #header {
    box-shadow: 0 4px 10px rgba(200, 200, 200, 0.1);
}

#naf_page_UI2025000181 #join-content {
    position: relative;
}

#naf_page_UI2025000181 #join-content .esey-list {
    position: absolute;
    top: 0;
    right: 0;
}

#naf_page_UI2025000181 #join-content .info-label-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025000181 #join-content .info-label-wrap.terns-wrap {
    border-bottom: 1px solid var(--gray-400);
    padding-bottom: 32px;
    align-items: flex-start;
}

#naf_page_UI2025000181 #join-content .input-tit {
    min-width: 142px;
    font-size: 1.125rem;
    color: var(--gray-t800);
    font-weight: 500;
}

#naf_page_UI2025000181 #join-content .terms-itme {
    width: 100%;
}

#naf_page_UI2025000181 .terms-itme > li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}

#naf_page_UI2025000181 .terms-itme > li:last-child {
    margin-bottom: 0;
}

#naf_page_UI2025000181 .terms-itme > li.no-f {
    display: block;
}

#naf_page_UI2025000181 .ck-custom {
    margin-bottom: 8px;
}

#naf_page_UI2025000181 .agree-btn {
    border-radius: 4px;
    padding: 4px 20px;
}

#naf_page_UI2025000181 .agree-btn > span {
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
}

#naf_page_UI2025000181 .ckl-inner {
    display: flex;
    gap: 32px;
    margin-left: 28px;
}

#naf_page_UI2025000181 .info-label-wrap select {
    height: 68px;
}

#naf_page_UI2025000181 .input-sort {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000181 .mail-inp {
    width: 100%;
}

#naf_page_UI2025000181 .mail-inp > li:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

#naf_page_UI2025000181 .f-cnt > button {
    min-width: 140px;
    border-radius: 8px;
}

@media (max-width: 768px) {
    #naf_page_UI2025000181 #join-content .esey-list {
        position: relative;
        margin-top: 10px;
    }

    #naf_page_UI2025000181 #join-content .info-label-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    #naf_page_UI2025000181 .agree-btn > span {
        font-size: 1rem;
    }

    #naf_page_UI2025000181 .terms-itme > li,
    #naf_page_UI2025000181 .f-cnt {
        flex-direction: column;
    }

    #naf_page_UI2025000181 .terms-itme > li > button {
        max-width: 100px;
        height: 32px;
    }

    #naf_page_UI2025000181 .f-cnt > button {
        height: 68px;
        width: 100%;
    }

    #naf_page_UI2025000186 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000183 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

#naf_page_UI2025000217 .radio-wrap {
    display: flex;
    gap: 40px;
    margin-bottom: 16px;
}

#naf_page_UI2025000217 .info-input {
    padding-top: 40px;
}

#naf_page_UI2025000232 .radio-wrap {
    display: flex;
    gap: 40px;
    margin-bottom: 16px;
}

#naf_page_UI2025000232 .info-input {
    padding-top: 40px;
}

#naf_page_UI2025000232 .my-id-info {
    text-align: center;
    font-size: 1.5rem;
    padding-bottom: 40px;
}

#naf_page_UI2025000232 .my-id-info > span {
    font-size: 1.5rem;
    color: var(--p-color2);
    font-weight: 700;
}

#naf_page_UI2025000235 .radio-wrap {
    display: flex;
    gap: 40px;
    margin-bottom: 16px;
}

#naf_page_UI2025000235 .now {
    margin-bottom: 40px;
}

#naf_page_UI2025000235 .log-btn-wrap {
    display: flex;
    gap: 16px;
    align-items: center;
}

#naf_page_UI2025000235 .log-btn-wrap > button {
    margin-bottom: 0;
    height: 72px;
}

#naf_page_UI2025000235 .log-btn-wrap > button > span {
    font-size: 1.125rem;
    font-weight: 600;
}

#naf_page_UI2025000235 .warning {
    color: var(--red);
    margin-top: 8px;
}

#naf_page_UI2025000099 .gds-item {
    display: flex;
    position: relative; /* 삭제 버튼 위치 고정을 위해 */
    width: 100%;
}

#naf_page_UI2025000099 .gds-item .prod-twrap > strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025000099 .gds-item .prod-twrap > span {
    color: var(--gray-t600);
    margin-bottom: 4px;
}

#naf_page_UI2025000099 .cart-btn-wrap {
    display: flex;
    gap: 8px;
    margin-top: 24px;
}

#naf_page_UI2025000099 .gds-item .del-cart-btn {
    position: absolute;
    top: 32px;
    right: 32px;
}

#naf_page_UI2025000099 .prod-twrap span {
    display: block;
}

#naf_page_UI2025000099 .prod-img {
    position: relative;
}

#naf_page_UI2025000099 .prod-img > .ck-custom {
    position: absolute;
    top: 8px;
    left: 8px;
}

#naf_page_UI2025000099 .gds-item-2dep.over {
    width: 50%;
    display: flex;
    align-items: center;
    column-gap: 40px;
}

#naf_page_UI2025000099 .gds-item-2dep.under {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 100px;
}

#naf_page_UI2025000099 .qt-prc .total-amt {
    margin-top: 0;
}

#naf_page_UI2025000099 .final-amount > span > span {
    font-weight: 700;
    font-size: 1.25rem;
}

@media (max-width: 1280px) {
    #naf_page_UI2025000099 .gds-item {
        justify-content: space-between;
    }
}

@media (max-width: 1024px) {
    #naf_page_UI2025000099 .gds-item-2dep.over {
        gap: 20px;
    }

    #naf_page_UI2025000099 .gds-item-2dep.under {
        width: 100%;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000099 .gds-item {
        flex-direction: column;
        align-items: flex-start;
    }

    #naf_page_UI2025000099 .qt-prc .total-amt {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000099 .gds-item-2dep {
        column-gap: 23px;
    }

    #naf_page_UI2025000099 .gds-item-2dep.over {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    #naf_page_UI2025000099 .gds-item-2dep.under {
        width: 100%;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000099 .gds-item .del-cart-btn {
        top: 20px;
        right: 16px;
    }
}

#naf_modal_UI2025000099 .inner-mbox {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

#naf_modal_UI2025000099 .img-wrap {
    width: 108px;
    height: 108px;
    overflow: hidden;
}

#naf_modal_UI2025000099 .img-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#naf_modal_UI2025000099 .inner-mbox .ord-name {
    font-size: 1.125rem;
}

#naf_modal_UI2025000099 .hori-tb tr > td {
    padding: 12px 24px;
    max-width: 192px;
    min-width: 192px;
    text-align: center;
}

#naf_page_UI2025000241 .cart-items .group .gp-head {
    justify-content: space-between;
}

#naf_page_UI2025000241 .gp-head-inr {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000241 .gp-head .open-close {
    border: 1px solid var(--gray-500);
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: #fff;
}

#naf_page_UI2025000241 .group .gds-item {
    align-items: flex-start;
}

#naf_page_UI2025000241 .gds-item .order-items > strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025000241 .order-items {
    width: 100%;
}

#naf_page_UI2025000241 .order-items .odr-box {
    background: #F7F9FC;
    margin-top: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
}

#naf_page_UI2025000241 .order-items > li:first-child {
    margin-top: 0;
}

#naf_page_UI2025000241 .order-items .obx-txt span {
    color: var(--gray-t600);
}

#naf_page_UI2025000241 .order-items .obx-2dep {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

#naf_page_UI2025000241 .order-items .obx-2dep > hr {
    width: 1px;
    height: 11px;
    background: var(--gray-500);
}

#naf_page_UI2025000241 .odr-box .amt {
    font-weight: 700;
}

#naf_page_UI2025000241 .odp-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

#naf_page_UI2025000241 .odp-total > .item-ao {
    display: flex;
    align-items: center;
}

#naf_page_UI2025000241 .odp-total > .item-ao > span {
    font-size: 1.25rem;
    font-weight: 700;
}

#naf_page_UI2025000241 .open-close > img {
    transition: all .2s;
    position: relative;
    top: 1px;
}

#naf_page_UI2025000241 .open-close.on > img {
    transform: rotate(-180deg);
}

#naf_page_UI2025000241 .discount {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000241 .pay-way > p {
    font-size: 1.125rem;
}

#naf_page_UI2025000241 .radio-wrap {
    display: flex;
    margin: 10px 0 16px;
    gap: 40px;
}

#naf_page_UI2025000241 .radio-wrap .radio-custom > label {
    color: var(--gray-t800);
}

#naf_page_UI2025000241 .exp-txt {
    color: var(--gray-t600);
    font-size: 0.875rem;
    font-weight: 400;
}

#naf_page_UI2025000241 .discount .e-cm-btn {
    padding: 4px 12px;
}

/* 모달창 */
#naf_modal_UI2025000241 .inner-mbox {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

#naf_modal_UI2025000241 .img-wrap {
    width: 54px;
    height: 54px;
    overflow: hidden;
    border-radius: 4px;
}

#naf_modal_UI2025000241 .img-wrap > img {
    width: 100%;
    height: 100%;
    overflow: cover;
}

#naf_modal_UI2025000241 .coupon-wrap {
    margin-top: 16px;
    margin-bottom: 24px;
}

#naf_modal_UI2025000241 .coupon-wrap > h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 12px;
}

#naf_modal_UI2025000241 .coupon-items {
    border-top: 1px solid var(--bk);
}

#naf_modal_UI2025000241 .coupon-items > .coupon-item {
    padding: 20px 32px;
    border-bottom: 1px solid var(--gray-400);
}

#naf_modal_UI2025000241 .coupon-wrap.mb-d2 {
    margin-bottom: 16px;
}

#naf_modal_UI2025000241 .basic-table tr th,
#naf_modal_UI2025000241 .basic-table tr td {
    padding: 12px 0;
}

#naf_modal_UI2025000241 .coupon-items > .coupon-item p {
    margin-left: 31px;
    margin-top: 4px;
    color: var(--gray-t500);
}

#naf_modal_UI2025000241 .coupon-item input[type="radio"]:checked + label {
    color: var(--p-color);
}

#naf_page_UI2025000241 .tb-mobile {
    overflow-x: auto;
}

#naf_page_UI2025000241 .text-right {
    text-align: right !important;
    padding-right: 10px !important;
}

#naf_page_UI2025000242 .complete > h1 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 48px;
}

#naf_page_UI2025000242 .box760 {
    max-width: 760px;
    width: 100%;
    background: var(--gray-300);
    padding: 32px;
    margin: 0 auto;
}

#naf_page_UI2025000242 .box760 .ord-num {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding-bottom: 16px;
    border-bottom: 1px dashed var(--gray-500);
}

#naf_page_UI2025000242 .box760 .ord-num > span {
    font-size: 1.25rem;
}

#naf_page_UI2025000242 .box760 .ord-num > span.num {
    color: var(--p-color);
    font-weight: 700;
}

#naf_page_UI2025000242 .cpt-detail {
    margin-top: 16px;
}

#naf_page_UI2025000242 .cpt-detail > li {
    display: flex;
    justify-content: space-between;
    padding: 8px;
}

#naf_page_UI2025000242 .cpt-detail > li .tit {
    color: var(--gray-t600);
}

#naf_page_UI2025000103 .b-500 {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 64px;
}

#naf_page_UI2025000103 .pw-box > p {
    margin-top: 10px;
    color: var(--gray-t600);
}

#naf_page_UI2025000103 .b-500 .bk-btn {
    width: 100%;
    font-size: 1.125rem;
    padding: 20px 24px;
    margin-top: 32px;
}

#naf_page_UI2025000247 .cst-sh-box {
    background: var(--gray-300);
    width: 100%;
    padding: 40px;
    border-radius: 12px;
    margin-bottom: 32px;
}

#naf_page_UI2025000247 .mp-box-inr {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000247 .mp-box-inr p {
    color: var(--gray-t700);
}

#naf_page_UI2025000247 .mp-box-inr span {
    display: inline-block;
}

#naf_page_UI2025000247 .my-ct-btn > span {
    color: #fff;
}

#naf_page_UI2025000247 .cst-wbox1 select {
    max-width: 368px;
}

#naf_page_UI2025000247 .cst-wbox2 select,
#naf_page_UI2025000247 .cst-wbox2 input {
    max-width: 170px;
}

#naf_page_UI2025000247 .code-inp > input[type="text"] {
    max-width: 500px;
}

#naf_page_UI2025000247 .code-inp > span {
    color: var(--gray-t700);
    font-weight: 400;
}

#naf_page_UI2025000247 .mail-vc > input[type="text"] {
    max-width: 500px;
    display: none;
}

#naf_page_UI2025000247 .mail-vc.on > input[type="text"] {
    display: block;
}

#naf_page_UI2025000247 .list-item {
    margin-top: 32px;
}

#naf_page_UI2025000247 .list-item .ck-custom > label {
    font-size: 1rem;
    font-weight: 400;
}

#naf_page_UI2025000247 .line-table > .inr {
    column-gap: 40px;
}

#naf_page_UI2025000247 .list-item .lt2 {
    margin-bottom: 10px;
}

#naf_page_UI2025000247 .tb-flex {
    display: flex;
}

#naf_page_UI2025000247 .tb-flex > input[name="zipCode"] {
    max-width: 200px;
}

#naf_page_UI2025000247 .hori-table {
    margin-top: 32px;
}

#naf_page_UI2025000247 .hori-tb .gray-btn2 {
    padding: 13px 24px;
}

#naf_page_UI2025000247 .hori-table .icon-box {
    width: 32px;
    height: 32px;
}

#naf_page_UI2025000247 .hori-table .icon-box > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#naf_page_UI2025000247 .sns-th {
    padding-left: 32px;
}

#naf_page_UI2025000247 .ck-flex {
    gap: 40px;
}

#naf_page_UI2025000247 .stg {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000247 .stg > span {
    color: var(--p-color);
}

#naf_page_UI2025000247 .inside-txt {
    margin-left: 32px;
    margin-top: 10px;
}

#naf_page_UI2025000247 .inside-txt > p {
    color: var(--gray-t600);
    font-weight: 400;
}

#naf_page_UI2025000247 .list-item .ck-custom > label {
    white-space: inherit;
}

#naf_page_UI2025000247 .mob-tb-scr {
    overflow-x: auto;
}

@media (max-width: 1024px) {
    #naf_page_UI2025000247 .list-item .line-table > .inr {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 20px;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000247 .cst-sh-box {
        padding: 20px;
    }

    #naf_page_UI2025000247 .mp-box-inr {
        align-items: flex-start;
    }

    #naf_page_UI2025000247 .inside-txt {
        margin-left: 8px;
    }

    #naf_page_UI2025000247 .sns-th {
        padding-left: 12px;
    }

    #naf_page_UI2025000247 .sns-th > .tb-flex {
        gap: 4px;
    }
}

#naf_page_UI2025000100 .ck-custom > .chk {
    -webkit-appearance: none; /* 브라우저 기본 스타일 제거 */
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #6a1b9a; /* 보라 테두리 */
    border-radius: 4px;
    background: #fff; /* 흰 배경 */
    cursor: pointer;
    position: relative;
}

/* 체크됐을 때 */
#naf_page_UI2025000100 .ck-custom > .chk:checked::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid #6a1b9a; /* 보라 체크 */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#naf_page_UI2025000100 .ck-custom > label {
    display: none;
}

#naf_page_UI2025000100 .sh-rst {
    text-align: center;
}

#naf_page_UI2025000100 .sh-rst > .txt > span {
    display: inline-block;
}

#naf_page_UI2025000100 .sh-rst > .txt,
#naf_page_UI2025000100 .sh-rst > .txt > span {
    font-size: 2.125rem;
}

#naf_page_UI2025000100 .sh-list-con {
    margin-top: 40px;
}

#naf_page_UI2025000100 .vt-t {
    white-space: nowrap;
    color: var(--gray-t700);
}

#naf_page_UI2025000100 .vt-t > span {
    display: inline-block;
    font-weight: bold;
}

#naf_page_UI2025000100 .gds-item .prod-twrap > strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025000100 .gds-item .prod-twrap > span {
    color: var(--gray-t600);
    margin-bottom: 4px;
}

#naf_page_UI2025000100 .cart-btn-wrap {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

#naf_page_UI2025000100 .gds-item .del-cart-btn {
    position: absolute;
    top: 20px;
    right: 0;
}

#naf_page_UI2025000100 .prod-twrap span {
    display: block;
}

#naf_page_UI2025000100 .prod-img {
    position: relative;
}

#naf_page_UI2025000100 .prod-img > .ck-custom {
    position: absolute;
    top: 8px;
    left: 8px;
}

#naf_page_UI2025000100 .gds-item-2dep {
    display: flex;
    align-items: center;
}

#naf_page_UI2025000100 .gds-item-2dep.over {
    gap: 32px;
}

#naf_page_UI2025000100 .gds-item-2dep.under {
    display: flex;
    column-gap: 32px;
    row-gap: 8px;
}

#naf_page_UI2025000100 .wishlist-wrap .gp-body {
    padding: 16px 32px;
}

#naf_page_UI2025000100 .wishlist-wrap .gds-item {
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

#naf_page_UI2025000100 .wishlist-wrap .gds-item:last-child {
    border-bottom: 0;
}

@media (max-width: 1280px) {
    #naf_page_UI2025000100 .gds-item {
        justify-content: space-between;
    }
}

@media (max-width: 1024px) {
    #naf_page_UI2025000100 .gds-item-2dep.over {
        gap: 20px;
    }

    #naf_page_UI2025000100 .gds-item-2dep.under {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    #naf_page_UI2025000100 .gds-item {
        flex-direction: column;
        align-items: flex-start;
    }

    #naf_page_UI2025000100 .qt-prc {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    #naf_page_UI2025000100 .qt-prc .total-amt {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000100 .gds-item-2dep.over {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    #naf_page_UI2025000100 .gds-item .del-cart-btn {
        top: 20px;
        right: 16px;
    }
}

#naf_page_UI2025000102 .bs-tb-wrap {
    overflow-x: auto;
}

#naf_page_UI2025000102 .basic-table {
    min-width: 768px;
}

#naf_page_UI2025000102 .basic-table tbody tr {
    cursor: pointer;
}

#naf_page_UI2025000102 .tb-bottom > a {
    padding: 12px 24px;
    min-width: 140px;
    text-align: center;
}

#naf_page_UI2025000102 .caps {
    max-width: 100px;
}

#naf_page_UI2025000102 .ck-custom > label {
    font-size: 1rem;
}

#naf_page_UI2025000102 .tb-flex + .ck-custom {
    margin-top: 8px;
}

#naf_page_UI2025000102 .file-add {
    padding: 8px 40px;
}

#naf_page_UI2025000102 .si-2dep {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000102 .sib-wrap select {
    width: 140px;
    min-width: 140px;
}

#naf_page_UI2025000102 .sib-wrap input[type="text"] {
    width: 300px;
}

#naf_page_UI2025000102 .tb-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025000102 .tb-bottom > a {
    padding: 12px 24px;
    min-width: 140px;
    text-align: center;
}

@media (max-width: 768px) {
    #naf_page_UI2025000102 .list-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    #naf_page_UI2025000102 .list-top .sib-wrap {
        width: 100%;
        flex-direction: column;
    }

    #naf_page_UI2025000102 .sib-wrap .si-2dep {
        width: 100%;
    }

    #naf_page_UI2025000102 .sib-wrap input[type="text"] {
        width: 100%;
    }

    #naf_page_UI2025000102 .sib-wrap select {
        width: 100%;
        min-width: 120px;
        max-width: 120px;
    }

    #naf_page_UI2025000102 .list-top .sib-wrap .sh-btn {
        padding: 12px;
        justify-content: center;
    }

    #naf_page_UI2025000102 .tb-bottom {
        flex-direction: column;
        align-items: stretch; /* 전체 너비 사용하게 */
        gap: 10px; /* 위아래 간격 */
    }

    #naf_page_UI2025000102 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000102 .tb-bottom > a {
        width: 100%;
        box-sizing: border-box;
    }
}

#naf_page_UI2025000250 .detail-bottom {
    border-bottom: 1px solid var(--gray-500);
    padding: 24px 32px;
}

#naf_page_UI2025000250 .anr-head {
    display: flex;
    width: 100%;
    gap: 12px;
    align-items: center;
    margin-bottom: 20px;
}

#naf_page_UI2025000250 .anr-head .ah-ld {
    display: flex;

}

#naf_page_UI2025000250 .anr-head .ah-ld > .anr-cap {
    padding: 2px 16px;
    white-space: nowrap;
    background: var(--p-color);
    border-radius: 100px;
    color: #fff;
}

#naf_page_UI2025000250 .anr-head .ah-rd {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000250 .anr-head .ah-rd > .time {
    color: var(--gray-t600);
    font-weight: 400;
}

#naf_page_UI2025000250 .detail-con .detail-title > dt {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025000250 .caps.clear {
    background: #f3ebff;
}

#naf_page_UI2025000250 .dt-inr {
    display: flex;
    gap: 8px;
    align-items: center;
}

#naf_page_UI2025000250 .detail-con .caps {
    margin: 0;
    white-space: nowrap;
}

#naf_page_UI2025000250 .admin-anr p {
    font-weight: 400;
}

#naf_page_UI2025000250 .admin-anr strong {
    font-weight: 700;
}

#naf_page_UI2025000250 [data-name="re_cont"] [style*="font-size"] *:not([style*="font-size"]) {
    font-size: inherit !important;
}

#naf_page_UI2025000250 .btns {
    justify-content: flex-end;
}

#naf_page_UI2025000250 .con-btn-wrap {
    text-align: center; /* 목록으로 버튼 가운데 정렬 */
}

@media (max-width: 768px) {
    #naf_page_UI2025000250 .detail-con .detail-title {
        padding: 24px 20px;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }

    #naf_page_UI2025000250 .detail-con .detail-title > dt {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    #naf_page_UI2025000250 .detail-con .detail-body,
    #naf_page_UI2025000250 .detail-bottom {
        padding: 16px 20px;
    }

    #naf_page_UI2025000250 .anr-head {
        gap: 16px;
    }

    #naf_page_UI2025000250 .anr-head .ah-ld > .anr-cap,
    #naf_page_UI2025000250 .ah-rd > span {
        font-size: 13px;
    }
}

#naf_page_UI2025000095 .cart-items {
    margin-top: 40px;
}

#naf_page_UI2025000095 .gds-item {
    justify-content: space-between;
}

#naf_page_UI2025000095 .gds-2dep {
    display: flex;
    gap: 32px;
}

#naf_page_UI2025000095 .gp-head {
    position: relative;
}

#naf_page_UI2025000095 .dt-view-btn {
    background: var(--bk);
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    gap: 4px;
}

#naf_page_UI2025000095 .dt-view-btn > span {
    color: #fff !important;
    font-weight: 600;
}

#naf_page_UI2025000095 .prod-twrap > strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025000095 .prod-twrap .inr-txt > li,
#naf_page_UI2025000095 .prod-twrap .inr-txt > li > span {
    color: var(--gray-t600);
    font-weight: 400;
    padding: 4px 0;
}

#naf_page_UI2025000095 .gp-btn-wrap {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#naf_page_UI2025000095 .gp-btn-wrap > button {
    min-width: 120px;
}

#naf_page_UI2025000095 .no-data {
    position: static;
    text-align: center;
    transform: none;
}

#naf_page_UI2025000095 .box-2line > input[type="text"] {
    height: 44px;
    padding: 0 16px;
    max-width: 760px;
}

#naf_page_UI2025000095 .box-2line button {
    height: 44px;
    border-radius: 8px;
    width: 88px;
}

@media (max-width: 768px) {
    #naf_page_UI2025000095 .mp-sh-box .box-2line {
        flex-direction: column;
    }

    #naf_page_UI2025000095 .mp-sh-box .box-2line button {
        width: 100%;
    }

    #naf_page_UI2025000095 .gds-item {
        align-items: flex-start;
    }

    #naf_page_UI2025000095 .gp-btn-wrap {
        justify-content: flex-start;
    }
}

#naf_page_UI2025000251 .cst-sh-box {
    background: var(--gray-300);
    width: 100%;
    padding: 40px;
    border-radius: 12px;
    margin-bottom: 32px;
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000251 .tb-bottom {
    position: relative;
}

#naf_page_UI2025000251 .tb-bottom > .bn-add-btn {
    position: absolute;
    right: 0;
    top: 20px;
    padding: 11px 24px;
    min-width: 140px;
}

#naf_page_UI2025000251 .cst-sh-box .gray-btn2 {
    min-width: 100px;
    border-radius: 8px;
    padding: 13px 12px;
}

#naf_page_UI2025000251 .bs-tb-wrap {
    overflow-x: auto;
}

#naf_page_UI2025000251 .bs-tb-wrap > table {
    min-width: 1024px;
}

/* 모달창 */
#naf_page_UI2025000251 .modal-bg .line-tb {
    min-width: auto;
}

#naf_page_UI2025000251 .modal-body {
    max-height: 500px; /* 높이 제한은 원하는대로 조정 가능 */
    overflow-y: visible; /* 스크롤 제거 */
    padding-right: 0;
}

#naf_page_UI2025000251 .add-list-area {
    max-height: 150px; /* 원하는 높이 */
    overflow-y: auto; /* 목록만 세로 스크롤 */
    padding-right: 8px; /* 스크롤 여백 */
}

#naf_page_UI2025000251 .lt-card-box {
    width: 100%;
    background: var(--gray-300);
    border-radius: 8px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

#naf_page_UI2025000251 .lt-card-box > p {
    font-weight: 700;
    font-size: 1.5rem;
}

#naf_page_UI2025000251 .lt-card-box > .tit {
    color: var(--gray-t600);
    font-size: 1.125rem;
}

#naf_page_UI2025000251 .lt-card-box .cdit-inr {
    text-align: right;
}

#naf_page_UI2025000251 .lt-card-box .cdit-inr > span {
    font-weight: 700;
    font-size: 1.375rem;
}

#naf_page_UI2025000251 .lt-card-box .cdit-inr > p {
    margin-top: 10px;
}

#naf_page_UI2025000251 .lt-tb-items {
    display: flex;
    gap: 24px;
}

#naf_page_UI2025000251 .lt-tb-items > .lt-tb-item {
    width: 100%;
}

#naf_page_UI2025000251 .modal-wrap .md-ip-wrap {
    padding: 24px 16px 0;
}

#naf_page_UI2025000251 .mail-sh {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000251 .mail-sh .mail-add {
    border: 1px solid var(--gray-500);
    border-radius: 8px;
    min-width: 80px;
}

#naf_page_UI2025000251 .add-list-area {
    height: 300px;
    overflow-y: auto;
    margin: 20px 0 20px 0;
}

#naf_page_UI2025000251 .add-list {
    padding: 12px 0 0;
}

#naf_page_UI2025000251 .add-list .add-item {
    background: var(--gray-400);
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    position: relative;
}

#naf_page_UI2025000251 .add-list .add-item > button {
    height: 20px;
}

#naf_page_UI2025000251 .selbox-wrap {
    position: relative;
}

#naf_page_UI2025000251 .sel-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    cursor: pointer;
}

#naf_page_UI2025000251 .custom-selbox {
    position: fixed;
    background: #fff;
    border: 1px solid var(--gray-500);
    border-radius: 8px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
    padding: 8px 0;
    z-index: 10;
    right: 0;
    top: 28px;
    display: none;
    max-width: 100px;
}

#naf_page_UI2025000251 .custom-selbox.on {
    display: block;
}

#naf_page_UI2025000251 .custom-selbox > li {
    min-width: 70px;
    text-align: center;
    font-size: 0.875rem;
    padding: 2px 0;
    color: var(--gray-t500);
    cursor: pointer;
}

#naf_page_UI2025000251 .custom-selbox > li:hover {
    color: var(--bk);
    background: var(--gray-300);
}

#naf_page_UI2025000251 .cst-sh-box > select {
    max-width: 200px;
}

#naf_page_UI2025000251 .caps {
    max-width: 8svh;
}

#naf_page_UI2025000251 .add-chk {
    display: flex;
    margin: 20px 0 20px 0;
}

#naf_page_UI2025000251 .add-chk p {
    margin-right: 20px;
}

@media (max-width: 1024px) {
    #naf_page_UI2025000251 .cst-sh-box {
        flex-direction: column;
        padding: 24px;
    }

    #naf_page_UI2025000251 .cst-sh-box > select {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000251 .lt-tb-items {
        flex-direction: column;
        gap: 40px;
    }

    #naf_page_UI2025000251 .lt-card-box {
        padding: 20px;
        margin-bottom: 12px;
    }

    #naf_page_UI2025000251 .lt-card-box > .tit {
        font-size: 1rem;
    }

    #naf_page_UI2025000251 .lt-card-box > p {
        font-size: 1.4rem;
    }

    #naf_page_UI2025000251 .inner-mbox {
        font-size: 13px;
    }

    #naf_page_UI2025000251 .add-chk {
        display: block;
    }

    #naf_page_UI2025000251 .add-chk p {
        margin-bottom: 10px;
    }

    #naf_page_UI2025000251 .add-list-area {
        height: 180px;
    }

    #naf_page_UI2025000251 .add-chk .ck-custom > label {
        font-size: 1rem;
    }
}

#naf_error_page.error-con {
    display: flex;
    align-items: center;
    height: 100vh;
    overflow: hidden;
}

#naf_error_page .error-wrap {
    max-width: 768px;
    margin: auto;
    text-align: center;
    padding: 0 24px;
}

#naf_error_page.error-con .logo {
    width: 160px;
}

#naf_error_page .page-error,
#naf_error_page .page-error > span {
    font-size: 5rem;
    text-align: center;
}

#naf_error_page .error-sub-tit {
    font-size: 2rem;
    font-weight: 400;
}

#naf_error_page .error-txt {
    margin-top: 24px;
    color: var(--gray-t600);
    line-height: 160%;
}

#naf_error_page.error-con .back-btn {
    margin-top: 48px;
    padding: 20px 0;
    min-width: 240px;
    font-size: 1.125rem;
}

@media (max-width: 768px) {
    #naf_error_page .page-error, #naf_error_page .page-error > span {
        font-size: 3.5rem;
    }

    #naf_error_page .error-sub-tit {
        font-size: 1.375rem;
    }

    #naf_error_page.error-con .logo {
        width: 120px;
    }
}

#naf_page_UI2025000261 .contract-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

#naf_page_UI2025000261 .contract-list > h1 > span {
    font-size: 2.125rem;
    font-weight: 700;
}

#naf_page_UI2025000261 .card-bc {
    display: flex;
    gap: 24px;
    margin-bottom: 60px;
}

#naf_page_UI2025000261 .card-bc > .card-item {
    width: 100%;
    background: var(--gray-300);
    border-radius: 8px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025000261 .card-bc > .card-item > p > span {
    font-weight: 700;
    font-size: 1.5rem;
}

#naf_page_UI2025000261 .card-bc > .card-item > .tit {
    color: var(--gray-t600);
    font-size: 1.125rem;
}

#naf_page_UI2025000261 .card-bc > .card-item .cdit-inr {
    text-align: right;
}

#naf_page_UI2025000261 .card-bc > .card-item .cdit-inr > span {
    font-weight: 700;
    font-size: 1.375rem;
}

#naf_page_UI2025000261 .card-bc > .card-item .cdit-inr > p {
    margin-top: 10px;
    color: var(--gray-t600);
}

#naf_page_UI2025000261 .lt-tb-items {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

#naf_page_UI2025000261 .lt-tb-items > .lt-tb-item {
    width: 100%;
}

#naf_page_UI2025000261 .lt-tb-items .gray-btn2 {
    padding: 6px 12px;
    border-radius: 4px;
    min-width: 80px;
    font-size: 0.875rem;
    font-weight: 400;
}

#naf_page_UI2025000261 .lt-tb-items .btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
    gap: 8px;
}

#naf_page_UI2025000261 .lt-tb-items .btn-wrap > button {
    height: 32px;
}

#naf_page_UI2025000261 .scl-x {
    overflow-x: auto;
}

/* 각종 신청서 제출 */
#naf_page_UI2025000261 .guide-txt > p {
    color: var(--gray-t600);
}

#naf_page_UI2025000261 .guide-txt > p .big-bold {
    font-weight: 700;
    font-size: 1.125rem;
}

#naf_page_UI2025000261 .dw-card-wrap {
    display: flex;
    gap: 24px;
    margin-top: 12px;
}

#naf_page_UI2025000261 .dw-card-wrap > .download-card {
    width: 100%;
    border: 1px solid var(--gray-500);
    border-radius: 8px;
    padding: 24px 32px;
    cursor: pointer;
    position: relative;
    transition: all .2s;
}

#naf_page_UI2025000261 .download-card .dlownload-icon {
    position: absolute;
    right: 32px;
    top: 24px;
}

#naf_page_UI2025000261 .download-card .icon-coin {
    width: 40px;
    height: 40px;
    background: var(--gray-t700);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

#naf_page_UI2025000261 .download-card > span {
    font-weight: bold;
    color: var(--gray-t700);
    word-break: keep-all;
}

#naf_page_UI2025000261 .download-card:hover {
    border-color: var(--p-color);
    box-shadow: 0 0 8px rgba(198, 84, 255, 0.25);
}

#naf_page_UI2025000261 .download-card:hover .dlownload-icon path {
    stroke: var(--p-color);
}

#naf_page_UI2025000261 .download-card:hover > span {
    color: var(--p-color);
}

#naf_page_UI2025000261 .download-card:hover .icon-coin {
    background: var(--p-color);
}

#naf_page_UI2025000261 .file-fcon {
    padding: 24px;
}

#naf_page_UI2025000261 .fe-gray-box {
    background: var(--gray-300);
    width: 100%;
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    gap: 24px;
}

#naf_page_UI2025000261 .fe-gray-box .fe-inr {
    width: 100%;
}

#naf_page_UI2025000261 .file-drag {
    background: #fff;
    border: 1px dashed var(--gray-500);
    height: 320px;
    border-radius: 8px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#naf_page_UI2025000261 .file-drag > p {
    font-size: 1.125rem;
    color: var(--gray-t600);
    margin: 16px 0 12px;
}

#naf_page_UI2025000261 .file-drag .file-add {
    min-width: 120px;
}

#naf_page_UI2025000261 .fel-wrap {
    margin-top: 60px;
    position: relative
}

#naf_page_UI2025000261 .fel-wrap .no-data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--gray-t600);
}

#naf_page_UI2025000261 .fel-wrap .file-list {
    height: 262px;
    overflow-y: auto;
    margin-bottom: 12px;
}

#naf_page_UI2025000261 .fel-wrap .upload {
    padding: 12px 24px;
    min-width: 200px;
}

#naf_page_UI2025000261 .file-list .file-item {
    background: var(--gray-400);
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    position: relative;
}

#naf_page_UI2025000261 .file-list .file-item:last-child {
    margin-bottom: 0px;
}

#naf_page_UI2025000261 .file-list .delete-btn {
    width: 24px;
    height: 24px;
}

#naf_page_UI2025000261 .file-list .file-item .file-name {
    padding-left: 28px;
    position: relative;
}

#naf_page_UI2025000261 .upload-data {
    margin-top: 12px;
    overflow-x: auto;
}

#naf_page_UI2025000261 .upload-data table tr > td:nth-child(2),
#naf_page_UI2025000261 .upload-data table tr > td:nth-child(3),
#naf_page_UI2025000261 .upload-data table tr > td:nth-child(4),
#naf_page_UI2025000261 .upload-data table tr > td:nth-child(5),
#naf_page_UI2025000261 .upload-data table tr > td:nth-child(6),
#naf_page_UI2025000261 .upload-data table tr > td:nth-child(7) {
    border-left: 1px solid var(--gray-500);
}

#naf_page_UI2025000261 .hori-tb tr > th {
    word-break: keep-all;
}

/* 홈페이지 게재신청 */
#naf_page_UI2025000261 .homepage-con table {
    min-width: 1280px;
}

#naf_page_UI2025000261 .file-add,
#naf_page_UI2025000261 .file-add2 {
    padding: 8px 40px;
}

#naf_page_UI2025000261 .home-tb-items {
    overflow-x: auto;
}

#naf_page_UI2025000261 .home-tb-items .btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
    gap: 8px;
}

#naf_page_UI2025000261 .home-tb-items .btn-wrap > button {
    height: 32px;
}

#naf_page_UI2025000261 .home-tb-items .gray-btn2 {
    padding: 6px 12px;
    border-radius: 4px;
    min-width: 80px;
    font-size: 0.875rem;
    font-weight: 400;
}


/* 세팅입력 */
#naf_page_UI2025000261 .setting-con table {
    min-width: 1280px;
}

#naf_page_UI2025000261 .mtr-setting {
    position: relative;
    padding: 0 8px;
}

#naf_page_UI2025000261 .mob-selbg {
    position: fixed;
    z-index: 100;
    display: none;
}

#naf_page_UI2025000261 .mtr-setting .select-wrap {
    display: grid;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
    padding: 16px;
    background: #fff;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 8px;
}

#naf_page_UI2025000261 .mtr-setting.active .mob-selbg {
    display: block;
}

#naf_page_UI2025000261 .select-wrap .option {
    border: 1px solid var(--gray-500);
    padding: 8px;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

#naf_page_UI2025000261 .select-wrap .option:hover {
    border: 1px solid var(--p-color);
    box-shadow: 0 0 8px rgba(198, 84, 255, 0.25);
}

#naf_page_UI2025000261 .select-wrap .option > span {
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 600;
    display: block;
}

#naf_page_UI2025000261 .select-wrap .option:hover > span {
    color: var(--p-color);
}

#naf_page_UI2025000261 .dform-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
}

#naf_page_UI2025000261 .dform-wrap input[type="text"] {
    padding: 8px;
}

#naf_page_UI2025000261 .dform-wrap > p {
    white-space: nowrap;
}

#naf_page_UI2025000261 .setting-con .set-ct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px;
    row-gap: 10px;
}

#naf_page_UI2025000261 .set-ct .set-ct-l {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;

}

#naf_page_UI2025000261 .set-ct .set-ct-l span {
    white-space: nowrap;
}

#naf_page_UI2025000261 .set-ct .set-ct-l select {
    min-width: 200px;
    max-width: 200px;
    height: 36px;
}

#naf_page_UI2025000261 .set-ct-l .set-ct-inr {
    display: flex;
    gap: 4px;
    align-items: center;
}

#naf_page_UI2025000261 .set-ct .gray-btn2,
#naf_page_UI2025000261 .set-ct .e-cm-btn {
    height: 36px;
    min-width: 68px;
    border-radius: 6px;
    font-size: 0.875rem;
}

#naf_page_UI2025000261 .setting-con .gray-btn {
    height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    margin: 0 4px;
}

#naf_page_UI2025000261 .setting-con .file-wrap {
    margin-top: 10px;
}

#naf_page_UI2025000261 .setting-con .file-wrap > span {
    display: block;
}

/* 주차권 사용 */
#naf_page_UI2025000261 .line-table > .inr {
    display: block;
}

#naf_page_UI2025000261 .line-table {
    margin-bottom: 50px;
}

#naf_page_UI2025000261 .vt {
    vertical-align: top;
    padding-top: 60px;
}

#naf_page_UI2025000261 .parking-con .dot2-txt {
    padding: 2px 0;
    position: relative;
    padding-left: 10px;
}

#naf_page_UI2025000261 .parking-con .dot2-txt::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--bk);
    position: absolute;
    top: 10px;
    left: 0;
}

#naf_page_UI2025000261 .parking-con .dot2-txt,
#naf_page_UI2025000261 .parking-con .dot2-txt > span {
    font-weight: 400;
}

#naf_page_UI2025000261 .parking-con .gray-box {
    background: var(--gray-300);
    margin-top: 16px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
}

#naf_page_UI2025000261 .parking-con .gray-box > .lnt > p {
    font-size: 1.125rem;
    margin-bottom: 8px;
}

#naf_page_UI2025000261 .parking-con .gray-box > .lnt > span {
    color: var(--gray-t600);
    font-weight: 400;
}

#naf_page_UI2025000261 .parking-con .gray-box > .rnt > strong {
    font-weight: 700;
    font-size: 1.25rem;
}

#naf_page_UI2025000261 .parking-con .gray-box > .rnt > img {
    position: relative;
    top: 6px;
}

#naf_page_UI2025000261 .parking-con .kakao-t {
    display: flex;
    gap: 8px;
    padding-left: 8px;
    margin-top: 4px;
}

#naf_page_UI2025000261 .parking-con .kakao-t > button {
    width: 200px;
    height: 48px;
}

#naf_page_UI2025000261 .parking-con .kakao-t > button > img {
    vertical-align: -4px;
}

#naf_page_UI2025000261 .parking-con .kakao-t > button > span {
    color: #fff;
    margin-left: 4px;
}

/* 모달창 */
#naf_page_UI2025000261 .modal-wrap .md-ip-wrap {
    margin: 24px 0 8px;
    padding: 0 16px;
}

#naf_page_UI2025000261 .modal-wrap .md-ip-wrap .md-ip-item {
    padding: 6px 0;
}

#naf_page_UI2025000261 .md-ip-wrap .ip-if {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025000261 .modal-wrap .tw4 {
    font-weight: 400;
    padding: 0 16px;
}

#naf_page_UI2025000261 .lt-tb-items .line-tb {
    min-width: auto;
}

#naf_page_UI2025000261 #naf_modal_UI2025000261_permMgmt .btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

#naf_page_UI2025000261 .mp-sh-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
}

#naf_page_UI2025000261 .mp-sh-box .sh-inr {
    display: flex;
    align-items: center;
    column-gap: 32px;
    row-gap: 10px;
    flex-wrap: wrap;
}

#naf_page_UI2025000261 .mp-sh-box .sh-inr > li {
    display: flex;
    gap: 8px;
    align-items: center;
    row-gap: 10px;
}

#naf_page_UI2025000261 .mp-sh-box .sh-inr > li > span {
    white-space: nowrap;
}

#naf_page_UI2025000261 .mp-sh-box .sh-inr > li select {
    max-width: 200px;
    min-width: 200px;
    width: 100%;
}

#naf_page_UI2025000261 .mp-sh-box .gray-btn2 {
    min-width: 88px;
    border-radius: 8px;
    height: 48px;
}

#naf_page_UI2025000261 .qr-area {
    text-align: center;
    padding-right: 30px;
}

#naf_page_UI2025000261 .inline-block {
    display: inline-block !important;
}

#naf_page_UI2025000261 .no-auth {
    display: flex;
    justify-content: center;
    padding: 50px;
}

@media (max-width: 1280px) {
    #naf_page_UI2025000261 .mob-selbg {
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    #naf_page_UI2025000261 .mtr-setting .select-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #naf_page_UI2025000261 .contract-list {
        display: none;
    }
}

@media (max-width: 1024px) {
    #naf_page_UI2025000261 .card-bc {
        flex-direction: column;
        gap: 12px;
    }

    #naf_page_UI2025000261 .lt-tb-items {
        flex-direction: column;
    }

    #naf_page_UI2025000261 .lt-tb-items .line-tb {
        min-width: 700px;
    }

    #naf_page_UI2025000261 .dw-card-wrap {
        gap: 12px;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000261 .dw-card-wrap > .download-card {
        width: calc(50% - 6px);
    }

    .fe-gray-box {
        flex-direction: column;
    }

    #naf_page_UI2025000261 .fel-wrap {
        margin-top: 0;
    }

    #naf_page_UI2025000261 .fel-wrap .file-list {
        height: auto;
        max-height: 262px;
        margin-bottom: 6px;
    }

    #naf_page_UI2025000261 .fel-wrap .no-data {
        position: static;
        text-align: center;
        transform: none;
    }

    #naf_page_UI2025000261 .fel-wrap .upload {
        width: 100%;
    }

    #naf_page_UI2025000261 .file-fcon {
        padding: 16px 0;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000261 .card-bc > .card-item {
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    #naf_page_UI2025000261 .card-bc > .card-item > .tit {
        font-size: 1rem;
    }

    #naf_page_UI2025000261 .card-bc > .card-item > p {
        font-size: 1.4rem;
    }

    #naf_page_UI2025000261 .dw-card-wrap > .download-card {
        padding: 16px 20px;
    }

    #naf_page_UI2025000261 .line-table > .inr {
        padding: 20px 8px;
    }

    #naf_page_UI2025000261 .parking-con .gray-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 20px;
    }

    #naf_page_UI2025000261 .parking-con .kakao-t {
        padding-left: 0;
    }

    #naf_page_UI2025000261 .kakao-t > button > img {
        max-width: 70px;
    }

    #naf_page_UI2025000261 .download-card .dlownload-icon {
        right: 20px;
    }

    #naf_page_UI2025000261 .mp-sh-box .gray-btn2 {
        width: 100%;
    }

    #naf_page_UI2025000261 .mp-sh-box .sh-inr {
        flex-direction: column;
        width: 100%;
    }

    #naf_page_UI2025000261 .mp-sh-box .sh-inr > li {
        width: 100%;
    }

    #naf_page_UI2025000261 .mp-sh-box .sh-inr > li select {
        width: 100%;
        max-width: 100%;
    }

    #naf_page_UI2025000261 .set-ct .set-ct-l,
    #naf_page_UI2025000261 .set-ct .set-ct-l > span,
    #naf_page_UI2025000261 .set-ct-inr {
        width: 100%;
    }

    #naf_page_UI2025000261 .set-ct .set-ct-l select {
        width: 100%;
        min-width: auto;
        max-width: 100%;
    }


    #naf_page_UI2025000261 .setting-con .set-ct {
        flex-direction: column;
        align-items: flex-end;
    }
}

#naf_page_UI2025001100 .gp-head-inr,
#naf_page_UI2025001100 .gp-head-inr > .inr2 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap !important;
}

#naf_page_UI2025001100 .gp-head-inr .ck-custom > label {
    font-size: 1rem;
}

#naf_page_UI2025001100 .e-cm-btn.add-option {
    border: 1px solid var(--gray-500);
    color: var(--gray-t700);
    border-radius: 4px;
    font-size: 0.875rem;
    background: #fff;
}

#naf_page_UI2025001100 .gds-item .prod-img {
    min-width: 108px;
}

#naf_page_UI2025001100 .group .gds-item {
    align-items: flex-start;

}

#naf_page_UI2025001100 .gds-item .order-items strong {
    font-size: 1.125rem;
    font-weight: 600;
}

#naf_page_UI2025001100 .order-items {
    width: 100%;
}

.button-wrapper {
    display: flex;
    gap: 4px; /* 간격 조정 */
}

#naf_page_UI2025001100 .order-items .odr-box {
    background: #F7F9FC;
    margin-top: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
}

#naf_page_UI2025001100 .order-items > li:first-child {
    margin-top: 0;
}

#naf_page_UI2025001100 .order-items .obx-txt span {
    color: var(--gray-t600);
}

#naf_page_UI2025001100 .order-items .obx-2dep {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

#naf_page_UI2025001100 .order-items .obx-2dep > hr {
    width: 1px;
    height: 11px;
    background: var(--gray-500);
}

#naf_page_UI2025001100 .odr-box .amt {
    font-weight: 700;
}

#naf_page_UI2025001100 .odp-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

#naf_page_UI2025001100 .odp-total > .item-ao {
    display: flex;
    align-items: center;
}

#naf_page_UI2025001100 .odp-total > .item-ao > span {
    font-size: 1.25rem;
    font-weight: 700;
}

#naf_page_UI2025001100 .open-close > img {
    transition: all .2s;
    position: relative;
    top: 1px;
}

#naf_page_UI2025001100 .open-close.on > img {
    transform: rotate(-180deg);
}

#naf_page_UI2025001100 .discount {
    display: flex;
    align-items: center;
    gap: 8px;
}

#naf_page_UI2025001100 .pay-way > p {
    font-size: 1.125rem;
}

#naf_page_UI2025001100 .radio-wrap {
    display: flex;
    margin: 10px 0 16px;
    gap: 40px;
}

#naf_page_UI2025001100 .radio-wrap .radio-custom > label {
    color: var(--gray-t800);
}

#naf_page_UI2025001100 .exp-txt {
    color: var(--gray-t600);
    font-size: 0.875rem;
    font-weight: 400;
}

#naf_page_UI2025001100 .discount .e-cm-btn {
    padding: 4px 2px;
}

#naf_page_UI2025001100 .cart-tt {
    width: calc(100% - 528px);
}

#naf_page_UI2025001100 .filter-inr {
    display: flex;
    padding: 16px 0;
}

#naf_page_UI2025001100 .filter-inr:nth-child(1) {
    border-bottom: 1px solid var(--gray-400);
}

#naf_page_UI2025001100 .filter-inr > span {
    min-width: 100px;
}

#naf_page_UI2025001100 .filter-inr > .ck-sort {
    display: flex;
    column-gap: 40px;
    flex-wrap: wrap;
    row-gap: 8px;
}

#naf_page_UI2025001100 .filter-inr > .ck-sort .ck-custom > label {
    font-size: 1rem;
}

#naf_page_UI2025001100 .order-list {
    margin-top: 16px;
}

#naf_page_UI2025001100 .dep2-sort {
    display: flex;
    align-items: center;
    gap: 32px;
}

#naf_page_UI2025001100 .totalBox {
    background: var(--gray-300);
    padding: 16px 24px;
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025001100 .totalBox > p {
    font-size: 1.25rem;
    font-weight: 700;
}

#naf_page_UI2025001100 .label-ck-wrap {
    display: flex;
    gap: 8px;
    padding: 16px 28px;
    flex-wrap: wrap;
}

#naf_page_UI2025001100 .label-ck-wrap > .label-ck-item {
    width: auto;
}

#naf_page_UI2025001100 .label-ck-wrap + .gds-item {
    padding: 0 32px 32px 32px;
}

#naf_page_UI2025001100 .label-ck-item > label {
    background: var(--gray-400);
    border-radius: 4px;
    padding: 6px 16px;
    color: var(--gray-t600);
    font-size: 1rem;
    border: 1px solid transparent;
}

#naf_page_UI2025001100 .label-ck-item > label::before {
    display: none !important;
}

#naf_page_UI2025001100 .label-ck-item > input[type="checkbox"]:checked + label {
    background: #FDF9FF;
    color: var(--p-color);
    border-color: var(--p-color);
}

#naf_page_UI2025001100 .ft-info {
    padding: 16px 0;
}

#naf_page_UI2025001100 .ft-info > .name-t {
    font-size: 1.25rem;
    font-weight: 700;
}

#naf_page_UI2025001100 .ft-info > .term-t {
    color: var(--gray-t700);
    padding: 8px 0;
}

#naf_page_UI2025001100 .ft-info > .inr-txt {
    padding-left: 8px;
}

#naf_page_UI2025001100 .ft-info > .inr-txt > li {
    color: var(--gray-t700);
}

#naf_page_UI2025001100 .sel-label-wrap {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

#naf_page_UI2025001100 .sel-label-wrap .slw-item {
    border: 1px solid var(--gray-500);
    color: var(--gray-t700);
    padding: 4px 8px;
    border-radius: 4px;
    background: #fff;
}

#naf_page_UI2025001100 .sel-label-wrap .slw-item > span {
    font-size: 0.875rem;
    color: var(--gray-t700);
}

#naf_page_UI2025001100 .sel-label-wrap .slw-item > span:nth-child(1) {
    padding-right: 8px;
    margin-right: 8px;
    position: relative;
}

#naf_page_UI2025001100 .sel-label-wrap .slw-item > span:nth-child(1):after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: var(--gray-400);
}

#naf_page_UI2025001100 .floating-btn {
    display: flex;
    width: 100%;
    gap: 16px;
}

#naf_page_UI2025001100 .clear-btn {
    border: 1px solid var(--bk);
    font-weight: 600;
    background: #fff;
    height: 67px;
}

#naf_page_UI2025001100 .mob-only {
    display: none;
}

#naf_page_UI2025001100 .gds-item {
    border-bottom: 1px solid var(--gray-400);
}

#naf_page_UI2025001100 .option-wrap {
    border-top: 1px solid var(--gray-500);
    border-bottom: 1px solid var(--gray-500);
    padding: 20px;
    max-height: 50vh;
    overflow-y: auto;
}

#naf_page_UI2025001100 .btn-box .bk-btn span {
    color: #fff !important; /* 흰색으로 명확히 지정 */
}

#naf_page_UI2025001100 .btn-box {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
}

#naf_page_UI2025001100 .btn-box .bk-btn,
#naf_page_UI2025001100 .btn-box .clear-btn {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    height: 48px !important;
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 검정 버튼 (담기) */
#naf_page_UI2025001100 .btn-box .bk-btn {
    background-color: #000;
    color: #fff;
}

/* 흰색 버튼 (취소) */
#naf_page_UI2025001100 .btn-box .clear-btn {
    background-color: #fff;
    color: #000;
    border-color: #000;
}

/* 버튼 내 span도 색 보장 */
#naf_page_UI2025001100 .btn-box button span {
    color: inherit;
}

#naf_page_UI2025001100 .option-wrap > li {
    margin-bottom: 8px;
}

#naf_page_UI2025001100 .option-wrap > li:last-child {
    margin-bottom: 0;
}

#naf_page_UI2025001100 .default-opt {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

#naf_page_UI2025001100 .default-opt .sel-pdt-wrap .pdt-name {
    font-size: 1.125rem;
}

#naf_page_UI2025001100 .default-opt .sel-pdt-wrap .pdt-opt {
    font-size: 0.875rem;
}

#naf_page_UI2025001100 .pdt-flex {
    display: flex;
    justify-content: space-between;
}

#naf_page_UI2025001100 .sel-pdt-wrap {
    padding: 0 0 16px;
}

#naf_page_UI2025001100 .sel-pdt-wrap .pdt-name {
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 4px;
}

#naf_page_UI2025001100 .sel-pdt-wrap .pdt-opt {
    color: var(--gray-t500);
}

#naf_page_UI2025001100 .last-opt {
    display: flex;
    justify-content: space-between;
}

#naf_page_UI2025001100 .last-opt .pp-item {
    font-size: 1.375rem;
    font-weight: 700;
}

#naf_page_UI2025001100 .price-per {
    display: flex;
    align-items: center;
    gap: 16px;
}

@media (max-width: 1280px) {
    #naf_page_UI2025001100 .floating-btn .double-btn > button.reset {
        min-width: 64px;
        width: 64px;
    }

    #naf_page_UI2025001100 .floating-btn .double-btn {
        gap: 0;
    }

    #naf_page_UI2025001100 .floating-btn .double-btn > button:nth-child(2) {
        border-left: 0;
    }

    #naf_page_UI2025001100 .floating-btn .double-btn > button > span {
        font-size: 1.125rem;
        font-weight: 600;
    }

    #naf_page_UI2025001100 .floating-btn .reset {
        position: relative;
    }

    #naf_page_UI2025001100 .floating-btn .reset::before {
        content: "";
        background: url(../images/icon/reset.svg) no-repeat;
        width: 24px;
        height: 24px;
        display: block;
        background-size: contain;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #naf_page_UI2025001100 .floating-btn .reset > span {
        display: none;
    }

    #naf_page_UI2025001100 .cart-tt {
        display: block !important;
        width: 100%;
        margin-bottom: 20px;
    }

    #naf_page_UI2025001100 .cart-tt > h1 {
        display: none;
    }

    #naf_page_UI2025001100 .totalBox {
        margin-top: 12px;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025001100 .f-sb {
        display: none;
    }

    #naf_page_UI2025001100 .f-sb.mob-only {
        display: block;
        margin-left: 8px;
    }

    #naf_page_UI2025001100 .f-sb.mob-only > strong {
        font-size: 16px;
        font-weight: 600;
        display: block;
    }

    #naf_page_UI2025001100 .f-sb.mob-only > button {
        margin-top: 8px;
    }

    #naf_page_UI2025001100 .odp-total {
        padding: 0 4px;
    }

    #naf_page_UI2025001100 .label-ck-wrap {
        padding: 20px 16px 0;
    }

    #naf_page_UI2025001100 .label-ck-wrap + .gds-item {
        padding: 16px;
    }

    #naf_page_UI2025001100 .dep2-sort {
        gap: 8px;
    }

    #naf_page_UI2025001100 .order-items .odr-box {
        padding: 12px;
        flex-wrap: wrap;
        row-gap: 4px;
    }

    #naf_page_UI2025001100 .totalBox {
        padding: 16px;
    }

    #naf_page_UI2025001100 .totalBox > p {
        font-size: 16px;
    }
}

#naf_page_UI2025001100 .opt-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

#naf_page_UI2025001100 .opt-name {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#naf_page_UI2025001100 .opt-count {
    flex-shrink: 0;
}

#naf_page_UI2025001100 .pay-ifbox {
    margin-top: 16px;
    margin-bottom: 16px;
}

#naf_page_UI2025000101 .sh-rst {
    text-align: center;
}

#naf_page_UI2025000101 .sh-rst > .txt > span {
    display: inline-block;
}

#naf_page_UI2025000101 .sh-rst > .txt,
#naf_page_UI2025000101 .sh-rst > .txt > span {
    font-size: 2.125rem;
}

#naf_page_UI2025000101 .sh-list-con {
    margin-top: 40px;
}

#naf_page_UI2025000101 .view-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025000101 .vt-t {
    white-space: nowrap;
    color: var(--gray-t700);
}

#naf_page_UI2025000101 .vt-t > span {
    display: inline-block;
    font-weight: bold;
}

#naf_page_UI2025000101 .view-type .vt-select {
    padding: 10px 20px;
    max-width: 210px;
    background-position: right 18px center;
}

#naf_page_UI2025000101 .prd-list-table {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 64px;
    margin-top: 16px;
}

#naf_page_UI2025000101 .pds-t-wrap {
    margin-top: 24px;
}

#naf_page_UI2025000101 .pds-t-wrap > .pd-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    margin-bottom: 16px;
}

#naf_page_UI2025000101 .pds-t-wrap > .pd-price {
    color: var(--gray-t600);
}

#naf_page_UI2025000101 .pds-t-wrap > p {
    font-size: 1.5rem;
    font-weight: 700;
}

#naf_page_UI2025000101 .no-result {
    text-align: center;
    margin-top: 24px;
    padding: 32px 0;
    min-height: 400px;
    display: none;
}

#naf_page_UI2025000101 .no-result > span {
    color: var(--gray-t500);
    font-weight: 400;
    margin-top: 8px;
}

@media (max-width: 768px) {
    #naf_page_UI2025000101 .view-type .vt-select {
        max-width: 175px;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000183 .r-price > span {
        font-size: 20px;
    }
}

#naf_page_UI2025000183 .r-price {
    display: flex;
    gap: 16px;
}

#naf_page_UI2025000183 .r-price > span {
    font-size: 1.5rem;
    font-weight: bold;
}

#naf_page_UI2025000183 #product-info .bf-dc {
    text-decoration: line-through;
    color: var(--gray-t500);
    font-size: 1.125rem;
}

#naf_page_UI2025000186 .h1-tit {
    font-size: 2.125rem;
    font-weight: 700;
    text-align: center;
}

#naf_page_UI2025000186 .cat-tab-list {
    margin: 32px 0 44px;
}

#naf_page_UI2025000186 .view-type {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#naf_page_UI2025000186 .vt-t {
    white-space: nowrap;
    color: var(--gray-t700);
}

#naf_page_UI2025000186 .vt-t > span {
    display: inline-block;
    font-weight: bold;
}

#naf_page_UI2025000186 .view-type .vt-select {
    padding: 10px 20px;
    width: 210px;
    background-position: right 18px center;
}

@media (max-width: 768px) {
    #naf_page_UI2025000186 .r-price > span {
        font-size: 20px;
    }
}

#naf_page_UI2025000186 .r-price {
    display: flex;
    gap: 16px;
}

#naf_page_UI2025000186 .r-price > span {
    font-size: 1.5rem;
    font-weight: bold;
}

#naf_page_UI2025000186 #product-info .bf-dc {
    text-decoration: line-through;
    color: var(--gray-t500);
    font-size: 1.125rem;
}

@media (max-width: 1280px) {
    #naf_page_UI2025000186 .sh-rst {
        margin-top: 32px;
    }
}

@media (max-width: 1024px) {
    #naf_page_UI2025000186 .view-type .vt-select {
        padding: 8px 12px;
        background-position: right 8px center;
    }

    #naf_page_UI2025000186 section .h1-tit {
        text-align: left;
    }

    #naf_page_UI2025000186 .cat-tab-list {
        margin: 12px 0 40px;
    }
}

@media (max-width: 768px) {
    #naf_page_UI2025000186 .view-type .vt-select {
        width: 175px;
    }

    #naf_page_UI2025000186 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #naf_page_UI2025000101 .coex-pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

#naf_page_UI2025000183 .custom-select {
    width: 160px; /* 기존보다 넉넉하게 */
    text-align: left; /* 셀렉트 박스 안 텍스트 좌측 정렬 */
    padding-left: 10px; /* 좌측 여백 살짝 */
}

#naf_page_UI2025000183 .result {
    display: grid;
    justify-content: center;
}

#naf_page_UI2025001270 .cart-items {
    margin-top: 40px;
}

#naf_page_UI2025001270 .box-2line {
    width: 100%;
}

#naf_page_UI2025001270 .box-2line select {
    height: 42px;
    padding: 0 16px;
    min-width: 200px;
    margin-bottom: 12px;
}

#naf_page_UI2025001270 .box-2line button {
    height: 42px;
    border-radius: 8px;
    min-width: 88px;
}

#naf_page_UI2025001270 .gds-item {
    justify-content: space-between;
}

#naf_page_UI2025001270 .gds-2dep {
    display: flex;
    gap: 32px;
}

#naf_page_UI2025001270 .gp-head {
    position: relative;
}

#naf_page_UI2025001270 .dt-view-btn {
    position: relative; /* ← absolute 제거 */
    background: var(--bk);
    height: 40px;
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: white;
    text-decoration: none;
}

#naf_page_UI2025001270 .btn-wrap {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

#naf_page_UI2025001270 .dt-view-btn > span {
    color: #fff !important;
    font-weight: 600;
}

#naf_page_UI2025001270 .prod-twrap > strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025001270 .prod-twrap .inr-txt {
    display: flex;
    flex-wrap: wrap;
}

#naf_page_UI2025001270 .prod-twrap .inr-txt > li {
    /*width: 50%;*/
    /*flex: 1;*/
    color: var(--gray-t600);
    font-weight: 400;
    padding: 4px 0;
    margin-right: 120px;
}

#naf_page_UI2025001270 .gp-btn-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#naf_page_UI2025001270 .gp-btn-wrap > button {
    min-width: 120px;
}

@media (max-width: 768px) {
    #naf_page_UI2025001270 .gp-btn-wrap {
        width: 100%;
    }

    #naf_page_UI2025001270 .gp-btn-wrap > button {
        min-width: auto;
        width: 100%;
    }

    #naf_page_UI2025001270 .cart-items .group .gp-head {
        padding: 8px 40px 8px 16px;
    }

    #naf_page_UI2025001270 .prod-twrap .inr-txt > li {
        width: 100%;
    }

    #naf_page_UI2025001270 .group .gp-head-inr {
        column-gap: 0;
    }

    #naf_page_UI2025001270 .gp-btn-wrap {
        flex-direction: row;
    }

    #naf_page_UI2025001270 .gds-2dep {
        flex-direction: column;
    }

    #naf_page_UI2025001270 .gds-item .prod-img {
        max-width: 100%;
        height: 200px;
    }

    #naf_page_UI2025001270 .box-2line select {
        padding: 0 10px;
    }

    #naf_page_UI2025001270 .date-term {
        width: 52px;
    }
}

#naf_page_UI2025001270 .date-sel-form {
    display: flex;
    gap: 8px;
}

#naf_page_UI2025001270 .no-data {
    position: static;
    text-align: center;
    transform: none;
}

#naf_page_UI2025001273 .step-wrap .step-item {
    display: block;
    padding-right: 24px;
}

#naf_page_UI2025001273 .step-wrap .step-item:last-child {
    padding-right: 0;
}

#naf_page_UI2025001273 .step-wrap .step-item.clear > p {
    color: var(--bk);
}

#naf_page_UI2025001273 .step-wrap .step-item.on > p {
    color: var(--p-color) !important;
}

#naf_page_UI2025001273 .step-wrap .step-item.clear .circle {
    border: transparent;
}

#naf_page_UI2025001273 .step-item .circle {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    border: 1px solid var(--gray-t500);
    margin-bottom: 10px;
    position: relative;
}

#naf_page_UI2025001273 .step-item .circle::after {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: var(--bk);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
}

#naf_page_UI2025001273 .step-item:first-child .circle::after {
    display: none;
}

#naf_page_UI2025001273 .step-item.off .circle::after {
    background: repeating-linear-gradient(
            to right,
            #ccc 0,
            #ccc 6px,
            transparent 5px,
            transparent 10px
    );
}

#naf_page_UI2025001273 .step-wrap .step-item.on > .circle {
    background: var(--p-color);
    color: #fff !important;
    border: transparent;
}

#naf_page_UI2025001273 .step-wrap .step-item > p:nth-child(2) {
    font-weight: 700;
}

#naf_page_UI2025001273 .gds-item {
    justify-content: space-between;
}

#naf_page_UI2025001273 .gds-2dep {
    display: flex;
    gap: 32px;
}

#naf_page_UI2025001273 .gds-2dep strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025001273 .inr-txt > li {
    display: flex;
    column-gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

#naf_page_UI2025001273 .inr-txt > li:last-child {
    margin-bottom: 0;
}

#naf_page_UI2025001273 .inr-txt > li .date {
    font-weight: 700;
}

#naf_page_UI2025001273 .prt-2dep {
    display: flex;
    column-gap: 16px;
    flex-wrap: wrap;
}

#naf_page_UI2025001273 .prt-2dep > li {
    display: flex;
}

#naf_page_UI2025001273 .prt-2dep > li .pd-name {
    color: var(--gray-t600);
    padding-right: 6px;
    margin-right: 6px;
    position: relative;
}

#naf_page_UI2025001273 .prt-2dep > li .pd-name::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 11px;
    width: 1px;
    background: var(--gray-500);
}

#naf_page_UI2025001273 .odt-amt {
    display: flex;
    align-items: flex-end;
    gap: 24px;
}

#naf_page_UI2025001273 .odt-amt > li {
    text-align: right;
}

#naf_page_UI2025001273 .odt-amt > li .sml-t {
    color: var(--gray-t600);
    margin-bottom: 8px;
}

#naf_page_UI2025001273 .odt-amt > li .big-t {
    font-size: 1.2rem;
}

#naf_page_UI2025001273 .odt-amt > li .total-amt {
    font-weight: bold;
    color: var(--p-color);
}

#naf_page_UI2025001273 .cart-items .group .bk-head {
    background: var(--bk);
    gap: 0;
}

#naf_page_UI2025001273 .cart-items .group .bk-head > span {
    color: #fff;
}

#naf_page_UI2025001273 .bk-head > span {
    font-size: 1rem !important;
    padding-right: 16px;
    margin-right: 16px;
    position: relative;
    font-weight: 400;
    white-space: nowrap;
}

#naf_page_UI2025001273 .bk-head > span.date {
    font-size: 1.125rem !important;
}

#naf_page_UI2025001273 .bk-head > span.date::after {
    content: "";
    position: absolute;
    display: block;
    height: 12px;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#naf_page_UI2025001273 .box-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    gap: 32px;
}

#naf_page_UI2025001273 .box-wrap > .detail-box {
    width: 100%;
    border: 1px solid var(--gray-400);
}

#naf_page_UI2025001273 .detail-box .box-head {
    background: #f9f9f9;
    padding: 12px 32px;
}

#naf_page_UI2025001273 .db-items {
    padding: 28px 32px;
}

#naf_page_UI2025001273 .db-items .db-item {
    display: flex;
    justify-content: space-between;
    text-align: right;
    padding: 6px 0;
}

#naf_page_UI2025001273 .db-items .db-item > .tit {
    color: var(--gray-t600);
}

#naf_page_UI2025001273 .db-item .help-t {
    display: flex;
}

#naf_page_UI2025001273 .help-t .help {
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 20px;
    top: -1px;
}

#naf_page_UI2025001273 .help-t .help .speech {
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    background: var(--gray-bg2);
    padding: 8px 16px;
    font-size: 0.875rem;
    border-radius: 4px;
    top: 32px;
    text-align: left;
    display: none;
}

#naf_page_UI2025001273 .help-t .help:hover .speech {
    display: block;
}

#naf_page_UI2025001273 .help-t .help .speech::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px solid var(--gray-bg2);
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
}

#naf_page_UI2025001273 .receipt-wrap {
    margin-top: 32px;
}

#naf_page_UI2025001273 .receipt-wrap > h2 {
    font-size: 1.125rem;
    margin-bottom: 10px;
    font-weight: 700;
}

#naf_page_UI2025001273 .line-table > .inr {
    justify-content: space-between;
}

#naf_page_UI2025001273 .line-table .e-cm-btn {
    padding: 6px 24px;
}

/* 모달창 */
#naf_page_UI2025001273 .inner-mbox {
    margin-bottom: 24px;
}

#naf_page_UI2025001273 .cst-wbox2 select,
#naf_page_UI2025001273 .cst-wbox2 input {
    max-width: 170px;
}

#naf_page_UI2025001273 .textarea-box > textarea {
    min-height: 120px;
}

#naf_page_UI2025001273 .file-add {
    padding: 8px 40px;
}

#naf_page_UI2025001273 .ck-custom > label {
    font-size: 1rem;
}

#naf_page_UI2025001273 .tb-flex + .ck-custom {
    margin-top: 8px;
}

#naf_page_UI2025001273 .inner-mbox {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
}

#naf_page_UI2025001273 .non-flex > .inr {
    flex-direction: column;
    gap: 8px;
}

#naf_page_UI2025001273 .non-flex > .inr > div {
    width: 100%;
}

#naf_page_UI2025001273 .modal-body .line-tb-wrap {
    margin-bottom: 32px;
}

#naf_page_UI2025001273 .modal-body .line-tb-wrap:last-child {
    margin-bottom: 0;
}

#naf_page_UI2025001273 #naf_modal_UI2025001273_change_count .inner-mbox {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
}

#naf_page_UI2025001273 .img-wrap {
    min-width: 108px;
    width: 108px;
    min-height: 108px;
    height: 108px;
    overflow: hidden;
}

#naf_page_UI2025001273 .img-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#naf_page_UI2025001273 .inner-mbox .ord-name {
    font-size: 1.125rem;
}

#naf_page_UI2025001273 #naf_modal_UI2025001273_change_count .hori-tb tr > td {
    padding: 12px 24px;
    max-width: 192px;
    min-width: 192px;
    text-align: center;
}

#naf_page_UI2025001273 .inner-mbox .ord-name + .e-cm-btn {
    margin-top: 10px;
}

#naf_page_UI2025001273 .tag-items {
    display: flex;
    margin-top: 12px;
    gap: 8px;
    padding-left: 32px;
}

#naf_page_UI2025001273 .tag-items > .tag-btn {
    border: 1px solid var(--gray-500);
    padding: 4px 8px;
    border-radius: 4px;
    background: #fff;
}

#naf_page_UI2025001273 .tag-items > .tag-btn > span {
    font-size: 0.875rem;
    color: var(--gray-t700);
    margin-right: 10px;
}

#naf_page_UI2025001273 .tag-items > .tag-btn > img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    vertical-align: -1px;
}

#naf_page_UI2025001273 .r-dep {
    display: flex;
    gap: 32px;
    align-items: center;
}

#naf_page_UI2025001273 .r-dep .amt-t {
    font-weight: 700;
    font-size: 1.25rem;
}

#naf_page_UI2025001273 .line-table > .inr {
    gap: 8px;
}

#naf_page_UI2025001273 #cancel-modal .last-total {
    background: var(--gray-300);
}

#naf_page_UI2025001273 #cancel-modal .last-total > .cd-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
}

#naf_page_UI2025001273 #cancel-modal .last-total > .cd-wrap > div {
    font-size: 1.25rem;
    font-weight: 700;
}

@media (max-width: 1280px) {
    #naf_page_UI2025001273 .gds-item {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    #naf_page_UI2025001273 .odt-amt {
        flex-direction: column;
        width: 100%;
        gap: 4px;
        padding: 16px 0 0;
        border-top: 1px solid var(--gray-400);
        margin-top: 8px;
    }

    #naf_page_UI2025001273 .odt-amt > .times,
    #naf_page_UI2025001273 .odt-amt > .total {
        display: none;
    }

    #naf_page_UI2025001273 .odt-amt > li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    #naf_page_UI2025001273 .odt-amt > li .big-t {
        font-size: 16px;
    }

    #naf_page_UI2025001273 .odt-amt > li .total-amt {
        font-size: 18px;
    }

}

@media (max-width: 768px) {
    #naf_page_UI2025001273 .gds-item .prod-img {
        max-width: 100%;
        height: 200px;
    }

    #naf_page_UI2025001273 .prod-img > img {
        object-position: center;
    }

    #naf_page_UI2025001273 .gds-2dep {
        gap: 12px;
        flex-direction: column;
    }

    #naf_page_UI2025001273 .cart-items .group .gp-head {
        padding: 12px 20px;
    }

    #naf_page_UI2025001273 .cart-items .bk-head > span {
        padding-right: 8px;
        margin-right: 8px;
        font-size: 1rem !important;
    }

    #naf_page_UI2025001273 .box-wrap {
        flex-wrap: wrap;
        gap: 16px;
    }

    #naf_page_UI2025001273 .line-table > .inr {
        padding: 20px 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    #naf_page_UI2025001273 .db-items,
    #naf_page_UI2025001273 .detail-box .box-head {
        padding: 12px 20px;
    }

    #naf_page_UI2025001273 .r-dep {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-top: 8px;
    }

    #naf_page_UI2025001273 .modal-body .inner-mbox {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    #naf_page_UI2025001273 #naf_modal_UI2025001273_change_count .inner-mbox {
        flex-direction: row;
        gap: 12px;
    }
}

#naf_page_UI2025001273 #naf_modal_UI2025001273_custom_md .modal-body {
    max-height: 82vh;
}

#naf_page_UI2025001274 .step-wrap .step-item {
    display: block;
    padding-right: 24px;
}

#naf_page_UI2025001274 .step-wrap .step-item:last-child {
    padding-right: 0;
}

#naf_page_UI2025001274 .step-wrap .step-item.clear > p {
    color: var(--bk);
}

#naf_page_UI2025001274 .step-wrap .step-item.on > p {
    color: var(--p-color) !important;
}

#naf_page_UI2025001274 .step-wrap .step-item.clear .circle {
    border: transparent;
}

#naf_page_UI2025001274 .step-item .circle {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    border: 1px solid var(--gray-t500);
    margin-bottom: 10px;
    position: relative;
}

#naf_page_UI2025001274 .step-item .circle::after {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: var(--bk);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
}

#naf_page_UI2025001274 .step-item:first-child .circle::after {
    display: none;
}

#naf_page_UI2025001274 .step-item.off .circle::after {
    background: repeating-linear-gradient(
            to right,
            #ccc 0,
            #ccc 6px,
            transparent 5px,
            transparent 10px
    );
}

#naf_page_UI2025001274 .step-wrap .step-item.on > .circle {
    background: var(--p-color);
    color: #fff !important;
    border: transparent;
}

#naf_page_UI2025001274 .step-wrap .step-item > p:nth-child(2) {
    font-weight: 700;
}

#naf_page_UI2025001274 .gds-item {
    justify-content: space-between;
}

#naf_page_UI2025001274 .gds-2dep {
    display: flex;
    gap: 32px;
}

#naf_page_UI2025001274 .gds-2dep strong {
    font-size: 1.125rem;
    margin-bottom: 12px;
}

#naf_page_UI2025001274 .inr-txt > li {
    display: flex;
    column-gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

#naf_page_UI2025001274 .inr-txt > li:last-child {
    margin-bottom: 0;
}

#naf_page_UI2025001274 .inr-txt > li .date {
    font-weight: 700;
}

#naf_page_UI2025001274 .prt-2dep {
    display: flex;
    column-gap: 16px;
    flex-wrap: wrap;
}

#naf_page_UI2025001274 .prt-2dep > li {
    display: flex;
}

#naf_page_UI2025001274 .prt-2dep > li .pd-name {
    color: var(--gray-t600);
    padding-right: 6px;
    margin-right: 6px;
    position: relative;
}

#naf_page_UI2025001274 .prt-2dep > li .pd-name::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 11px;
    width: 1px;
    background: var(--gray-500);
}

#naf_page_UI2025001274 .odt-amt {
    display: flex;
    align-items: flex-end;
    gap: 24px;
}

#naf_page_UI2025001274 .odt-amt > li {
    text-align: right;
}

#naf_page_UI2025001274 .odt-amt > li .sml-t {
    color: var(--gray-t600);
    margin-bottom: 8px;
}

#naf_page_UI2025001274 .odt-amt > li .big-t {
    font-size: 1.375rem;
}

#naf_page_UI2025001274 .odt-amt > li .total-amt {
    font-weight: bold;
    color: var(--p-color);
}

#naf_page_UI2025001274 .cart-items .group .bk-head {
    background: var(--bk);
    gap: 0;
}

#naf_page_UI2025001274 .cart-items .group .bk-head > span {
    color: #fff;
}

#naf_page_UI2025001274 .bk-head > span {
    font-size: 1rem !important;
    padding-right: 16px;
    margin-right: 16px;
    position: relative;
    font-weight: 400;
    white-space: nowrap;
}

#naf_page_UI2025001274 .bk-head > span.date {
    font-size: 1.125rem !important;
}

#naf_page_UI2025001274 .bk-head > span.date::after {
    content: "";
    position: absolute;
    display: block;
    height: 12px;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#naf_page_UI2025001274 .box-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    gap: 32px;
}

#naf_page_UI2025001274 .box-wrap > .detail-box {
    width: 100%;
    border: 1px solid var(--gray-400);
}

#naf_page_UI2025001274 .detail-box .box-head {
    background: #f9f9f9;
    padding: 12px 32px;
}

#naf_page_UI2025001274 .db-items {
    padding: 28px 32px;
}

#naf_page_UI2025001274 .db-items .db-item {
    display: flex;
    justify-content: space-between;
    text-align: right;
    padding: 6px 0;
}

#naf_page_UI2025001274 .db-items .db-item > .tit {
    color: var(--gray-t600);
}

#naf_page_UI2025001274 .db-item .help-t {
    display: flex;
}

#naf_page_UI2025001274 .help-t .help {
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 20px;
    top: -1px;
}

#naf_page_UI2025001274 .help-t .help .speech {
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    background: var(--gray-bg2);
    padding: 8px 16px;
    font-size: 0.875rem;
    border-radius: 4px;
    top: 32px;
    text-align: left;
    display: none;
}

#naf_page_UI2025001274 .help-t .help:hover .speech {
    display: block;
}

#naf_page_UI2025001274 .help-t .help .speech::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px solid var(--gray-bg2);
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
}

#naf_page_UI2025001274 .receipt-wrap {
    margin-top: 32px;
}

#naf_page_UI2025001274 .receipt-wrap > h2 {
    font-size: 1.125rem;
    margin-bottom: 10px;
    font-weight: 700;
}

#naf_page_UI2025001274 .line-table > .inr {
    justify-content: space-between;
}

#naf_page_UI2025001274 .line-table .e-cm-btn {
    padding: 6px 24px;
}

/* 모달창 */
#naf_page_UI2025001274 .inner-mbox {
    margin-bottom: 24px;
}

#naf_page_UI2025001274 .cst-wbox2 select,
#naf_page_UI2025001274 .cst-wbox2 input {
    max-width: 170px;
}

#naf_page_UI2025001274 .textarea-box > textarea {
    min-height: 120px;
}

#naf_page_UI2025001274 .file-add {
    padding: 8px 40px;
}

#naf_page_UI2025001274 .ck-custom > label {
    font-size: 1rem;
}

#naf_page_UI2025001274 .tb-flex + .ck-custom {
    margin-top: 8px;
}

#naf_page_UI2025001274 .inner-mbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#naf_page_UI2025001274 .non-flex > .inr {
    flex-direction: column;
    gap: 8px;
}

#naf_page_UI2025001274 .non-flex > .inr > div {
    width: 100%;
}

#naf_page_UI2025001274 .modal-body .line-tb-wrap {
    margin-bottom: 32px;
}

#naf_page_UI2025001274 .modal-body .line-tb-wrap:last-child {
    margin-bottom: 0;
}

#naf_modal_UI2025001274_change_count .inner-mbox {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
}

#naf_page_UI2025001274 .img-wrap {
    min-width: 108px;
    width: 108px;
    min-height: 108px;
    height: 108px;
    overflow: hidden;
}

#naf_page_UI2025001274 .img-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#naf_page_UI2025001274 .inner-mbox .ord-name {
    font-size: 1.125rem;
}

#naf_modal_UI2025001274_change_count .hori-tb tr > td {
    padding: 12px 24px;
    max-width: 192px;
    min-width: 192px;
    text-align: center;
}

#naf_page_UI2025001274 .inner-mbox .ord-name + .e-cm-btn {
    margin-top: 10px;
}

#naf_page_UI2025001274 .tag-items {
    display: flex;
    margin-top: 12px;
    gap: 8px;
    padding-left: 32px;
}

#naf_page_UI2025001274 .tag-items > .tag-btn {
    border: 1px solid var(--gray-500);
    padding: 4px 8px;
    border-radius: 4px;
    background: #fff;
}

#naf_page_UI2025001274 .tag-items > .tag-btn > span {
    font-size: 0.875rem;
    color: var(--gray-t700);
    margin-right: 10px;
}

#naf_page_UI2025001274 .tag-items > .tag-btn > img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    vertical-align: -1px;
}

#naf_page_UI2025001274 .r-dep {
    display: flex;
    gap: 32px;
    align-items: center;
}

#naf_page_UI2025001274 .r-dep .amt-t {
    font-weight: 700;
    font-size: 1.25rem;
}

#naf_page_UI2025001274 .line-table > .inr {
    gap: 8px;
}

#naf_modal_UI2025001274_cancel .last-total {
    background: var(--gray-300);
}

#naf_modal_UI2025001274_cancel .last-total > .cd-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
}

#naf_modal_UI2025001274_cancel .last-total > .cd-wrap > div {
    font-size: 1.25rem;
    font-weight: 700;
}

@media (max-width: 1280px) {
    #naf_page_UI2025001274 .gds-item {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    #naf_page_UI2025001274 .odt-amt {
        flex-direction: column;
        width: 100%;
        gap: 4px;
        padding: 16px 0 0;
        border-top: 1px solid var(--gray-400);
        margin-top: 8px;
    }

    #naf_page_UI2025001274 .odt-amt > .times,
    #naf_page_UI2025001274 .odt-amt > .total {
        display: none;
    }

    #naf_page_UI2025001274 .odt-amt > li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    #naf_page_UI2025001274 .odt-amt > li .big-t {
        font-size: 16px;
    }

    #naf_page_UI2025001274 .odt-amt > li .total-amt {
        font-size: 18px;
    }

}

@media (max-width: 768px) {
    #naf_page_UI2025001274 .gds-item .prod-img {
        max-width: 100%;
        height: 200px;
    }

    #naf_page_UI2025001274 .prod-img > img {
        object-position: center;
    }

    #naf_page_UI2025001274 .gds-2dep {
        gap: 12px;
        flex-direction: column;
    }

    #naf_page_UI2025001274 .cart-items .group .gp-head {
        padding: 12px 20px;
    }

    #naf_page_UI2025001274 .cart-items .bk-head > span {
        padding-right: 8px;
        margin-right: 8px;
        font-size: 1rem !important;
    }

    #naf_page_UI2025001274 .box-wrap {
        flex-wrap: wrap;
        gap: 16px;
    }

    #naf_page_UI2025001274 .line-table > .inr {
        padding: 20px 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    #naf_page_UI2025001274 .db-items,
    #naf_page_UI2025001274 .detail-box .box-head {
        padding: 12px 20px;
    }

    #naf_page_UI2025001274 .r-dep {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-top: 8px;
    }

    #naf_page_UI2025001274 .modal-body .inner-mbox {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    #naf_modal_UI2025001274_change_count .inner-mbox {
        flex-direction: row;
        gap: 12px;
    }
}

.coex-pagination button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    filter: grayscale(100%);
}

#naf_pop_UI2025000089_noti.naf-noti-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

#naf_pop_UI2025000089_noti.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#naf_pop_UI2025000089_noti .naf-noti-card {
    width: min(460px, calc(100% - 40px));
    background: #fff;
    border: 2px solid #222;
    border-radius: 12px;
    padding: 40px 26px 30px;
    position: relative;
    color: #222;
    transform: scale(.9);
    opacity: 0;
    transition: transform .2s ease, opacity .2s ease;
    font-family: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

#naf_pop_UI2025000089_noti.show .naf-noti-card {
    transform: scale(1);
    opacity: 1;
}

#naf_pop_UI2025000089_noti .naf-noti-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: #111;
}

#naf_pop_UI2025000089_noti .naf-noti-header {
    margin: 0 0 22px;
    text-align: center;
}

#naf_pop_UI2025000089_noti .naf-noti-header h2 {
    margin: 0;
    font-weight: 800;
    font-size: 30px;
    letter-spacing: -.02em;
}

#naf_pop_UI2025000089_noti .naf-noti-rule {
    display: block;
    width: 72%;
    height: 1px;
    background: #222;
    margin: 14px auto 0;
}

#naf_pop_UI2025000089_noti .naf-noti-body {
    text-align: center;
    max-width: 320px;
    margin: 12px auto 0;
    font-size: 17px;
    line-height: 1.7;
    color: #222;
    word-break: keep-all;
}

#naf_pop_UI2025000089_noti .naf-noti-actions {
    margin-top: 26px;
    text-align: center;
}

#naf_pop_UI2025000089_noti .naf-noti-btn {
    min-width: 140px;
    height: 46px;
    padding: 0 22px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: filter .15s ease, transform .05s ease;
}

#naf_pop_UI2025000089_noti .naf-noti-btn-dark {
    background: #111;
    color: #fff;
    border-color: #111;
}

#naf_pop_UI2025000089_noti .naf-noti-btn-dark:hover {
    filter: brightness(1.05);
}

#naf_pop_UI2025000089_noti .naf-noti-btn-dark:active {
    transform: translateY(1px);
}

@media (max-width: 360px) {
    #naf_pop_UI2025000089_noti .naf-noti-header h2 {
        font-size: 26px;
    }

    #naf_pop_UI2025000089_noti .naf-noti-body {
        font-size: 16px;
    }
}