@charset "utf-8";

/* 공지 목록 */
.notice-list {border-top: 1px solid var(--border-strong);}
.notice-list .notice-row {position: relative; display: flex; align-items: center; column-gap: var(--space-32); padding: var(--space-24) var(--space-8); border-bottom: 1px solid var(--border-subtle); transition: background-color 0.2s;}
.notice-list .notice-row .notice-no {flex: none; width: 80px; color: var(--text-muted);}
.notice-list .notice-row .notice-no .notice-tag {display: inline-block; padding: 2px var(--space-8); background-color: var(--action-primary); color: var(--text-inverse);}
.notice-list .notice-row .notice-tit {flex: 1 1 auto; min-width: 0; color: var(--text-primary);}
.notice-list .notice-row.important .notice-tit {font-weight: 500;}
.notice-list .notice-row .notice-date {flex: none; color: var(--text-muted);}
.notice-list .notice-row:focus-visible {background-color: var(--bg-soft);}

/* 고객센터 레이아웃 */
.care-layout {display: flex; align-items: flex-start; column-gap: var(--space-120); padding-block: calc(var(--space-64) + var(--space-32)) calc(var(--space-160) + var(--space-40));}
.care-layout .care-content {flex: 1 1 auto; min-width: 0;}
.care-layout .care-cta {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-40); padding-top: var(--space-32); border-top: 1px solid var(--border-subtle);}
.care-layout .care-cta .txt-wrap {display: flex; flex-direction: column; row-gap: 6px;}
.care-layout .care-cta .txt-wrap .heading-kr-small {color: var(--text-primary);}
.care-layout .care-cta .txt-wrap .body-small {color: var(--text-secondary);}
.care-layout .care-cta[hidden] {display: none;}

/* 사이드 메뉴 */
.care-layout .care-nav {display: flex; flex-direction: column; row-gap: 10px; flex: none; width: 240px;}
.care-layout .care-nav .care-nav-tit {color: var(--text-muted);}
.care-layout .care-nav .care-nav-list {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px;}
.care-layout .care-nav .care-nav-list.policy {padding-top: 10px; border-top: 1px solid var(--border-subtle);}
.care-layout .care-nav .care-nav-list a {display: inline-block; padding-top: 4px; color: var(--text-primary); text-decoration: underline transparent; text-decoration-thickness: 1px; text-underline-offset: 5px; transition: text-decoration-color 0.2s, color 0.2s;}
.care-layout .care-nav .care-nav-list a[aria-current="page"] {text-decoration-color: var(--border-strong);}
.care-layout .care-nav .care-nav-info {display: flex; flex-direction: column; row-gap: 6px; padding-top: var(--space-40);}
.care-layout .care-nav .care-nav-info .caption-default {color: var(--text-primary);}
.care-layout .care-nav .care-nav-info .caption-small {color: var(--text-muted);}

/* 인트로 */
.care-intro-section {padding-top: var(--space-120);}
.care-intro-section .inner {display: flex; align-items: flex-end; justify-content: space-between; column-gap: var(--space-40); padding-bottom: calc(var(--space-64) + var(--space-32));}
.care-intro-section .tit-wrap {flex: none; display: flex; flex-direction: column; row-gap: var(--space-16);}
.care-intro-section .tit-wrap .display-hero {color: var(--text-strong);}
.care-intro-section .tit-wrap .editorial-lead-kr {color: var(--text-secondary);}
.care-intro-section .search-field {flex: 0 1 640px;}

/* 바로가기 · 운영 안내 */
.care-link-section .inner {display: flex; align-items: flex-start; column-gap: var(--space-120);}
.care-link-section .care-link-list {flex: 1 1 auto; min-width: 0; border-top: 1px solid var(--border-strong);}
.care-link-section .care-link-list .care-link {display: flex; align-items: center; column-gap: var(--space-40); padding-block: var(--space-32); border-bottom: 1px solid var(--border-subtle);}
.care-link-section .care-link-list .care-link .num {flex: none; color: var(--text-muted);}
.care-link-section .care-link-list .care-link .txt-wrap {display: flex; flex-direction: column; row-gap: 6px; flex: 1 1 auto; min-width: 0;}
.care-link-section .care-link-list .care-link .txt-wrap .display-subsection {color: var(--text-strong);}
.care-link-section .care-link-list .care-link .txt-wrap .body-small {color: var(--text-secondary);}
.care-link-section .care-link-list .care-link img {flex: none; width: 20px; height: 20px; transition: transform 0.3s var(--ease-out);}
.care-link-section .care-link-list .care-link:focus-visible img {transform: translateX(4px);}
.care-link-section .care-contact {position: sticky; top: calc(var(--header-height) + 1px); display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-16); flex: none; width: 440px; padding-top: var(--space-32);}
.care-link-section .care-contact .display-small {color: var(--text-strong);}
.care-link-section .care-contact .care-contact-info {display: flex; flex-direction: column; row-gap: var(--space-16); color: var(--text-secondary);}
.care-link-section .care-contact .caption-small {color: var(--text-muted);}

/* 최신 공지 */
.care-notice-section {padding-top: var(--space-160);}
.care-notice-section .section-header {margin-bottom: var(--space-24);}

/* 자주 묻는 질문 */
.care-faq-section {padding-block: var(--space-160) calc(var(--space-160) + var(--space-40));}
.care-faq-section .section-header {margin-bottom: var(--space-24);}

/* FAQ */
.faq-list-section .care-content {display: flex; flex-direction: column; row-gap: var(--space-40);}
.faq-list-section .care-content .faq-heading {display: flex; align-items: flex-end; justify-content: space-between; column-gap: var(--space-40);}
.faq-list-section .care-content .faq-heading .display-section {color: var(--text-strong);}
.faq-list-section .care-content .faq-heading .search-field {flex: 0 1 560px;}
.faq-list-section .care-content .faq-cate-list {display: flex; flex-wrap: wrap; gap: var(--space-8);}
.faq-list-section .care-content .faq-cate-list .faq-cate {display: inline-flex; align-items: center; column-gap: 6px; padding: var(--space-8) var(--space-16); border: 1px solid var(--border-default); color: var(--text-primary); white-space: nowrap; transition: background-color 0.2s, border-color 0.2s, color 0.2s;}
.faq-list-section .care-content .faq-cate-list .faq-cate .count {color: var(--text-muted); transition: color 0.2s;}
.faq-list-section .care-content .faq-cate-list .faq-cate.active {border-color: var(--border-strong); background-color: var(--action-primary); color: var(--text-inverse);}
.faq-list-section .care-content .faq-cate-list .faq-cate.active .count {color: inherit;}
.faq-list-section .care-content .faq-list {border-top: 1px solid var(--border-strong);}
.faq-list-section .care-content .faq-list .accordion-item .accordion-tit .faq-q {flex: 1 1 auto; min-width: 0;}
.faq-list-section .care-content .faq-list .accordion-item .accordion-tit .faq-q .faq-cate-name {margin-right: var(--space-8);}
.faq-list-section .care-content .empty-state {padding-block: calc(var(--space-80) + var(--space-40)); border-top: 1px solid var(--border-strong);}
.faq-list-section .care-content .faq-more {display: flex; justify-content: center;}
.faq-list-section .care-content .faq-more .more-btn {min-width: 160px; color: var(--text-primary);}
.faq-list-section .care-content .faq-more[hidden] {display: none;}

/* 공지 목록 페이지 */
.notice-board-section .care-content .display-section {padding-bottom: var(--space-40); color: var(--text-strong);}
.notice-board-section .care-content .notice-head {display: flex; column-gap: var(--space-32); padding: var(--space-12) var(--space-8); border-bottom: 1px solid var(--border-strong); color: var(--text-muted);}
.notice-board-section .care-content .notice-head .notice-no {flex: none; width: 80px;}
.notice-board-section .care-content .notice-head .notice-tit {flex: 1 1 auto;}
.notice-board-section .care-content .notice-list {border-top: 0;}
.notice-board-section .care-content .pagination {margin-top: var(--space-64);}

/* 공지 상세 */
.notice-view-section .notice-view {display: flex; flex-direction: column; row-gap: var(--space-40);}
.notice-view-section .notice-view .notice-view-head {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-16); padding-bottom: var(--space-32); border-bottom: 1px solid var(--border-strong);}
.notice-view-section .notice-view .notice-view-head .tag-list {display: flex; column-gap: var(--space-12);}
.notice-view-section .notice-view .notice-view-head .tag-list .notice-tag {display: inline-block; padding: 2px var(--space-8); background-color: var(--action-primary); color: var(--text-inverse);}
.notice-view-section .notice-view .notice-view-head .heading-kr-small {color: var(--text-strong);}
.notice-view-section .notice-view .notice-view-head .caption-default {color: var(--text-muted);}
.notice-view-section .notice-view .notice-view-body {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-24); padding-block: var(--space-16) calc(var(--space-48) + var(--space-8));}
.notice-view-section .notice-view .notice-view-body .img-wrap {width: min(100%, 1021px); background-color: var(--bg-image-placeholder);}
.notice-view-section .notice-view .notice-view-body .img-wrap img {display: block; width: 100%; height: auto;}
.notice-view-section .notice-view .notice-view-body .txt-wrap {display: flex; flex-direction: column; row-gap: var(--space-16); width: 100%; max-width: 880px;}
.notice-view-section .notice-view .notice-view-body .txt-wrap .body-large {color: var(--text-primary);}
.notice-view-section .notice-view .notice-view-body .txt-wrap .body-default {color: var(--text-secondary);}
.notice-view-section .notice-view .notice-view-nav {border-top: 1px solid var(--border-strong);}
.notice-view-section .notice-view .notice-view-nav .notice-view-nav-row {display: flex; align-items: center; column-gap: var(--space-24); padding-block: var(--space-20); border-bottom: 1px solid var(--border-subtle);}
.notice-view-section .notice-view .notice-view-nav .notice-view-nav-row .label {display: flex; align-items: center; column-gap: 6px; flex: none; width: 120px; color: var(--text-muted);}
.notice-view-section .notice-view .notice-view-nav .notice-view-nav-row .label img {flex: none; width: 14px; height: 14px;}
.notice-view-section .notice-view .notice-view-nav .notice-view-nav-row .tit {flex: 1 1 auto; min-width: 0; color: var(--text-primary); text-underline-offset: 4px; text-decoration-thickness: 1px;}
.notice-view-section .notice-view .notice-view-nav .notice-view-nav-row .date {flex: none; color: var(--text-muted);}
.notice-view-section .notice-view .notice-view-nav .notice-view-nav-row:focus-visible .tit {text-decoration: underline;}
.notice-view-section .notice-view .notice-view-nav .btn-list {justify-content: center; padding-top: var(--space-48);}
.notice-view-section .notice-view .notice-view-nav .btn-list .square-btn {width: 280px; max-width: 100%;}

/* 1:1 문의 */
.inquiry-form-section .care-content {display: flex; flex-direction: column; row-gap: var(--space-40);}
.inquiry-form-section .inquiry-heading {display: flex; flex-direction: column; row-gap: var(--space-12);}
.inquiry-form-section .inquiry-heading .display-section {color: var(--text-strong);}
.inquiry-form-section .inquiry-heading .body-default {color: var(--text-secondary);}
.inquiry-form-section .inquiry-wrap {display: flex; align-items: flex-start; column-gap: var(--space-80);}
.inquiry-form-section .inquiry-wrap .inquiry-form {display: flex; flex-direction: column; row-gap: var(--space-24); flex: 0 1 880px; min-width: 0;}
.inquiry-form-section .inquiry-wrap .inquiry-form .valid-msg[hidden] {display: none;}
.inquiry-form-section .inquiry-wrap .inquiry-form .input-item + .input-item {margin-top: 0;}
.inquiry-form-section .inquiry-wrap .inquiry-form .input-item[hidden] {display: none;}
.inquiry-form-section .inquiry-wrap .inquiry-form .input-item .input-helper[hidden] {display: none;}
.inquiry-form-section .inquiry-wrap .inquiry-form .input-row {display: flex; column-gap: var(--space-24);}
.inquiry-form-section .inquiry-wrap .inquiry-form .input-row .input-item {flex: 1 1 0; min-width: 0;}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file {row-gap: var(--space-12);}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-upload {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-12); width: 100%; padding: var(--space-32) var(--space-24); border: 1px dashed var(--border-default); text-align: center; transition: border-color 0.2s, background-color 0.2s;}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-upload.dragover {border-color: var(--border-strong); background-color: var(--bg-soft);}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-upload img {width: 24px; height: 24px;}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-upload .body-small {color: var(--text-primary);}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-upload .caption-small {color: var(--text-muted);}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-upload input:focus-visible + .square-btn {outline: 2px solid var(--action-primary); outline-offset: 2px;}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-list {display: flex; flex-direction: column; width: 100%;}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-list:empty {display: none;}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-list .file-item {display: flex; align-items: center; column-gap: var(--space-12); padding-left: var(--space-4); border-bottom: 1px solid var(--border-subtle);}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-list .file-item .name {flex: 1 1 auto; min-width: 0; overflow: hidden; color: var(--text-primary); text-overflow: ellipsis; white-space: nowrap;}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-list .file-item .size {flex: none; color: var(--text-muted);}
.inquiry-form-section .inquiry-wrap .inquiry-form .inquiry-file .file-list .file-item .ico-btn img {width: 16px; height: 16px;}
.inquiry-form-section .inquiry-wrap .inquiry-form .consent-item {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-16);}
.inquiry-form-section .inquiry-wrap .inquiry-form .consent-item .txt-btn {flex: none; color: var(--text-muted); text-decoration: underline;}
.inquiry-form-section .inquiry-wrap .inquiry-form .consent-item .check-item .custom-checkbox[aria-invalid="true"] {border-color: var(--status-error);}
.inquiry-form-section .inquiry-wrap .inquiry-form .consent-item .check-item .custom-checkbox[aria-invalid="true"] + label {color: var(--text-error);}
.inquiry-form-section .inquiry-wrap .inquiry-guide {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-16); flex: 1 1 240px; min-width: 0; padding-top: var(--space-8);}
.inquiry-form-section .inquiry-wrap .inquiry-guide .ui-nav {color: var(--text-primary);}
.inquiry-form-section .inquiry-wrap .inquiry-guide ul {display: flex; flex-direction: column; row-gap: var(--space-16); color: var(--text-secondary);}
.inquiry-form-section .inquiry-wrap .inquiry-guide a {color: var(--text-primary); text-decoration: underline; text-underline-offset: 3px;}
.inquiry-agree-modal .modal-inner .modal-body {display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: var(--space-12) var(--space-16); color: var(--text-secondary);}
.inquiry-agree-modal .modal-inner .modal-body dt {color: var(--text-primary);}
.inquiry-agree-modal .modal-inner .modal-desc {margin-top: var(--space-24); color: var(--text-muted);}

/* 문의 접수 완료 */
.inquiry-complete-section .inquiry-complete {display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 720px; margin-inline: auto; padding-top: var(--space-40);}
.inquiry-complete-section .inquiry-complete .txt-wrap {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-16); padding-bottom: calc(var(--space-48) + var(--space-8)); text-align: center;}
.inquiry-complete-section .inquiry-complete .txt-wrap .display-hero {color: var(--text-strong);}
.inquiry-complete-section .inquiry-complete .txt-wrap .body-default {color: var(--text-secondary);}
.inquiry-complete-section .inquiry-complete .inquiry-summary {display: flex; flex-direction: column; row-gap: var(--space-12); width: 100%; padding-block: calc(var(--space-24) + var(--space-4)); border-top: 1px solid var(--border-strong); border-bottom: 1px solid var(--border-strong);}
.inquiry-complete-section .inquiry-complete .inquiry-summary .inquiry-summary-row {display: flex; column-gap: var(--space-24);}
.inquiry-complete-section .inquiry-complete .inquiry-summary .inquiry-summary-row dt {flex: none; width: 140px; color: var(--text-muted);}
.inquiry-complete-section .inquiry-complete .inquiry-summary .inquiry-summary-row dd {flex: 1 1 auto; min-width: 0; color: var(--text-primary); overflow-wrap: anywhere;}
.inquiry-complete-section .inquiry-complete .btn-list {flex-wrap: nowrap; width: 100%; padding-top: var(--space-48);}
.inquiry-complete-section .inquiry-complete .btn-list .square-btn {flex: 1 1 0; min-width: 0;}

/* 배송 · 반품 안내 */
.shipping-info-section .care-content {display: flex; flex-direction: column; row-gap: var(--space-32);}
.shipping-info-section .care-content .display-section {color: var(--text-strong);}
.shipping-info-section .shipping-tab {position: sticky; top: var(--header-height); z-index: 5; column-gap: var(--space-32); background-color: var(--bg-canvas);}
.shipping-info-section .shipping-block {display: flex; flex-direction: column; row-gap: var(--space-24); padding-top: calc(var(--space-48) + var(--space-8)); border-top: 1px solid var(--border-strong); scroll-margin-top: calc(var(--size-44) + 2px);}
.shipping-info-section .shipping-block .shipping-block-tit {display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-16); font-weight: 400;}
.shipping-info-section .shipping-block .shipping-block-tit .num {color: var(--text-muted);}
.shipping-info-section .shipping-block .shipping-block-tit .display-subsection {color: var(--text-strong);}
.shipping-info-section .shipping-block .shipping-block-tit .name {color: var(--text-secondary);}
.shipping-info-section .shipping-block .info-list {display: flex; flex-direction: column; row-gap: 14px;}
.shipping-info-section .shipping-block .info-list .info-row {display: flex; column-gap: var(--space-24);}
.shipping-info-section .shipping-block .info-list .info-row dt {flex: none; width: 140px; color: var(--text-muted);}
.shipping-info-section .shipping-block .info-list .info-row dd {flex: 1 1 auto; min-width: 0; color: var(--text-primary);}
.shipping-info-section .shipping-block .region-table {table-layout: fixed; text-align: left;}
.shipping-info-section .shipping-block .region-table thead th {padding: var(--space-16) var(--space-24) var(--space-16) 0; border-bottom: 1px solid var(--border-strong); font-weight: 400; color: var(--text-muted);}
.shipping-info-section .shipping-block .region-table thead th:nth-child(1) {width: 264px;}
.shipping-info-section .shipping-block .region-table thead th:nth-child(2), .shipping-info-section .shipping-block .region-table thead th:nth-child(3) {width: 224px;}
.shipping-info-section .shipping-block .region-table tbody th, .shipping-info-section .shipping-block .region-table tbody td {padding: var(--space-16) var(--space-24) var(--space-16) 0; border-bottom: 1px solid var(--border-subtle); vertical-align: top;}
.shipping-info-section .shipping-block .region-table tbody th {font-weight: 400; color: var(--text-primary);}
.shipping-info-section .shipping-block .region-table tbody td {color: var(--text-secondary);}
.shipping-info-section .shipping-block .note {color: var(--text-secondary);}
.shipping-info-section .shipping-block .process-list {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-24);}
.shipping-info-section .shipping-block .process-list .process-step {display: flex; flex-direction: column; row-gap: 10px; padding-top: var(--space-20); border-top: 1px solid var(--border-strong);}
.shipping-info-section .shipping-block .process-list .process-step .ui-label {color: var(--text-muted);}
.shipping-info-section .shipping-block .process-list .process-step .ui-nav {font-weight: 400; color: var(--text-primary);}
.shipping-info-section .shipping-block .process-list .process-step .body-small {color: var(--text-secondary);}
.shipping-info-section .shipping-block .except-wrap {display: flex; flex-direction: column; row-gap: 10px; padding-top: var(--space-16);}
.shipping-info-section .shipping-block .except-wrap .ui-nav {font-weight: 400; color: var(--text-primary);}
.shipping-info-section .shipping-block .except-wrap .except-list {display: flex; flex-direction: column; row-gap: 10px; color: var(--text-secondary);}
.shipping-info-section .shipping-block .except-wrap .except-list li::before {content: '— ';}

/* 약관 · 개인정보 처리방침 */
.policy-section .care-content {display: flex; flex-direction: column; row-gap: var(--space-40);}
.policy-section .policy-heading {display: flex; align-items: flex-end; justify-content: space-between; column-gap: var(--space-40); padding-bottom: var(--space-24); border-bottom: 1px solid var(--border-strong);}
.policy-section .policy-heading .tit-wrap {display: flex; flex-direction: column; row-gap: 10px;}
.policy-section .policy-heading .tit-wrap .display-section {color: var(--text-strong);}
.policy-section .policy-heading .tit-wrap .caption-default {color: var(--text-secondary);}
.policy-section .policy-heading .policy-version {flex: none; width: 320px;}
.policy-section .policy-body {display: flex; align-items: flex-start; column-gap: var(--space-80);}
.policy-section .policy-body .policy-toc {position: sticky; top: calc(var(--header-height) + var(--space-32)); display: flex; flex-direction: column; row-gap: var(--space-12); flex: none; width: 240px;}
.policy-section .policy-body .policy-toc .ui-label {color: var(--text-muted);}
.policy-section .policy-body .policy-toc ol {display: flex; flex-direction: column; row-gap: var(--space-12);}
.policy-section .policy-body .policy-toc ol a {color: var(--text-secondary); text-underline-offset: 3px; transition: color 0.2s;}
.policy-section .policy-body .policy-toc ol a.active {color: var(--text-primary); text-decoration: underline;}
.policy-section .policy-body .policy-article-list {flex: 1 1 auto; min-width: 0;}
.policy-section .policy-body .policy-article-list .policy-article {display: flex; flex-direction: column; row-gap: var(--space-16); padding-block: var(--space-40); border-bottom: 1px solid var(--border-subtle);}
.policy-section .policy-body .policy-article-list .policy-article .ui-nav {font-weight: 400; color: var(--text-primary);}
.policy-section .policy-body .policy-article-list .policy-article .policy-txt {display: flex; flex-direction: column; color: var(--text-secondary);}
.policy-section .policy-body .policy-article-list .policy-article .policy-txt ol, .policy-section .policy-body .policy-article-list .policy-article .policy-txt ul {padding-left: var(--space-16);}
.policy-section .policy-body .policy-article-list .policy-article .policy-txt ol {list-style: decimal;}
.policy-section .policy-body .policy-article-list .policy-article .policy-txt table {border-top: 1px solid var(--border-strong);}
.policy-section .policy-body .policy-article-list .policy-article .policy-txt table th, .policy-section .policy-body .policy-article-list .policy-article .policy-txt table td {padding: var(--space-12) var(--space-16); border-bottom: 1px solid var(--border-subtle); font-weight: 400; text-align: left; vertical-align: top;}
.policy-section .policy-body .policy-article-list .policy-article .policy-txt table th {color: var(--text-primary);}

/* 호버 */
@media (hover: hover) {
    .notice-list .notice-row:hover {background-color: var(--bg-soft);}
    .care-layout .care-nav .care-nav-list a:not([aria-current="page"]):hover {color: var(--text-primary); text-decoration-color: var(--border-default);}
    .care-link-section .care-link-list .care-link:hover img {transform: translateX(4px);}
    .faq-list-section .care-content .faq-cate-list .faq-cate:not(.active):hover {border-color: var(--border-strong);}
    .faq-list-section .care-content .faq-more .more-btn:hover {background-color: var(--bg-muted);}
    .notice-view-section .notice-view .notice-view-nav .notice-view-nav-row:hover .tit {text-decoration: underline;}
    .policy-section .policy-body .policy-toc ol a:hover {color: var(--text-primary);}
    .inquiry-form-section .inquiry-wrap .inquiry-guide a:hover, .inquiry-form-section .inquiry-wrap .inquiry-form .consent-item .txt-btn:hover {color: var(--text-secondary);}
}

@media screen and (max-width: 1024px) {
    .care-layout {flex-direction: column; align-items: stretch; row-gap: var(--space-32);}
    .care-layout .care-nav {flex-direction: row; column-gap: var(--space-24); width: 100%; overflow-x: auto; border-bottom: 1px solid var(--border-subtle); scrollbar-width: none;}
    .care-layout .care-nav::-webkit-scrollbar {display: none;}
    .care-layout .care-nav .care-nav-tit, .care-layout .care-nav .care-nav-info {display: none;}
    .care-layout .care-nav .care-nav-list {flex-direction: row; column-gap: var(--space-24); flex: none;}
    .care-layout .care-nav .care-nav-list.policy {padding-top: 0; border-top: 0;}
    .care-layout .care-nav .care-nav-list li {flex: none;}
    .care-layout .care-nav .care-nav-list a {position: relative; padding: var(--space-12) var(--space-4); color: var(--text-muted); text-decoration: none; white-space: nowrap;}
    .care-layout .care-nav .care-nav-list a::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: var(--border-strong); transform: scaleX(0); transition: transform 0.3s var(--ease-out);}
    .care-layout .care-nav .care-nav-list a[aria-current="page"] {color: var(--text-primary);}
    .care-layout .care-nav .care-nav-list a[aria-current="page"]::after {transform: scaleX(1);}

    .care-link-section .inner {flex-direction: column; align-items: stretch; row-gap: var(--space-24);}
    .care-link-section .care-contact {position: static; width: 100%; max-width: 440px;}

    .faq-list-section .care-content .faq-heading .search-field {flex-basis: 420px;}

    .shipping-info-section .shipping-block .process-list {grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-32);}
}
@media screen and (max-width: 768px) {
    .notice-list .notice-row {flex-direction: column; align-items: flex-start; row-gap: 6px; padding-block: var(--space-20);}
    .notice-list .notice-row .notice-no {width: auto;}
    .notice-list .notice-row:not(.important) .notice-no {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}

    .care-layout .care-cta {flex-direction: column; align-items: stretch; row-gap: var(--space-24);}
    .care-layout .care-cta .square-btn {width: 100%; min-width: 0;}

    .care-intro-section .inner {flex-direction: column; align-items: stretch; row-gap: var(--space-16);}
    .care-intro-section .search-field {flex: none;}
    .care-link-section .care-contact {max-width: none;}

    .faq-list-section .care-content .faq-heading {flex-direction: column; align-items: stretch; row-gap: var(--space-24);}
    .faq-list-section .care-content .faq-heading .search-field {flex: none;}
    .faq-list-section .care-content .faq-cate-list {flex-wrap: nowrap; margin-inline: calc(var(--layout-page-margin) * -1); padding-inline: var(--layout-page-margin); overflow-x: auto; scrollbar-width: none;}
    .faq-list-section .care-content .faq-cate-list::-webkit-scrollbar {display: none;}
    .faq-list-section .care-content .faq-cate-list .faq-cate {flex: none;}

    .notice-board-section .care-content .notice-head {display: none;}
    .notice-board-section .care-content .notice-list {border-top: 1px solid var(--border-strong);}

    .notice-view-section .notice-view .notice-view-nav .notice-view-nav-row {column-gap: var(--space-16);}
    .notice-view-section .notice-view .notice-view-nav .notice-view-nav-row .label {width: auto;}

    .inquiry-form-section .inquiry-wrap {flex-direction: column; row-gap: var(--space-48);}
    .inquiry-form-section .inquiry-wrap .inquiry-form {flex: none; width: 100%;}
    .inquiry-form-section .inquiry-wrap .inquiry-form .input-row {flex-direction: column; row-gap: var(--space-24);}
    .inquiry-form-section .inquiry-wrap .inquiry-guide {flex: none; width: 100%; padding-top: 0;}

    .inquiry-complete-section .inquiry-complete .inquiry-summary .inquiry-summary-row dt {width: 112px;}
    .inquiry-complete-section .inquiry-complete .btn-list {flex-direction: column; align-items: stretch;}
    .inquiry-complete-section .inquiry-complete .btn-list .square-btn {flex: none;}

    .shipping-info-section .shipping-tab {flex-wrap: nowrap; margin-inline: calc(var(--layout-page-margin) * -1); padding-inline: var(--layout-page-margin);}
    .shipping-info-section .shipping-block .info-list .info-row dt {width: 112px;}
    .shipping-info-section .shipping-block .region-table, .shipping-info-section .shipping-block .region-table tbody, .shipping-info-section .shipping-block .region-table tr {display: block;}
    .shipping-info-section .shipping-block .region-table thead {display: none;}
    .shipping-info-section .shipping-block .region-table tbody tr {display: flex; flex-direction: column; row-gap: 2px; padding-block: var(--space-16); border-bottom: 1px solid var(--border-subtle);}
    .shipping-info-section .shipping-block .region-table tbody tr:first-child {border-top: 1px solid var(--border-strong);}
    .shipping-info-section .shipping-block .region-table tbody th, .shipping-info-section .shipping-block .region-table tbody td {padding: 0; border: 0;}
    .shipping-info-section .shipping-block .region-table tbody th {padding-bottom: 4px; font-weight: 500;}
    .shipping-info-section .shipping-block .process-list {grid-template-columns: minmax(0, 1fr);}

    .policy-section .policy-heading {flex-direction: column; align-items: stretch; row-gap: var(--space-24);}
    .policy-section .policy-heading .policy-version {width: 100%;}
    .policy-section .policy-body .policy-toc {display: none;}
}
@media screen and (max-width: 360px) {
    .notice-view-section .notice-view .notice-view-nav .notice-view-nav-row {flex-wrap: wrap; row-gap: var(--space-4);}
    .notice-view-section .notice-view .notice-view-nav .notice-view-nav-row .date {width: 100%; text-align: right;}
}
