@charset "utf-8";
/* 고객센터 공통 */
.customer-content-box {display: flex; flex-direction: column; row-gap: var(--fs-10);}
.customer-content-box .customer-table th {background-color: var(--color-white);}
.customer-content-box .customer-table td > .square-btn {margin-inline: auto; padding-block: 0; height: var(--fs-40);}
.customer-content-box .customer-table .notice-row {background-color: var(--color-bg1);}
.customer-content-box .customer-table .table-tit {text-align: left;}
.customer-content-box .customer-table .table-tit a {display: flex; align-items: center; column-gap: 10px;}
.customer-view-header {padding-bottom: var(--fs-20); border-bottom: 1px solid var(--color-border1);}
.customer-view-header h2 {color: var(--grayscale9);}
.customer-view-header .customer-view-info {margin-top: var(--fs-20); display: flex; align-items: center; column-gap: var(--space-60);}
.customer-view-header .customer-view-info div {display: flex; align-items: center; column-gap: 4px;}
.customer-view-header .customer-view-info dt,
.customer-view-header .customer-view-info dd {color: var(--color-static3);}
.customer-table tbody tr:not(.common-table-empty) {cursor: pointer;}
/* 공지사항-뷰 */
.notice-view-content {margin-top: var(--space-60); width: 100%; max-width: 1060px; margin-inline: auto;}
.notice-view-content img {max-width: 100%;}
.notice-view-nav-wrap {margin-top:var(--space-60); overflow:visible;}
.notice-view-nav-table {border-top:1px solid var(--color-border1);}
.notice-view-nav-table th {border-top: 0;}
.notice-view-nav-table th,
.notice-view-nav-table td {background-color:var(--color-white);}
.notice-view-nav-table .table-label {font-weight:400; color:var(--grayscale6); text-align:center;}
.notice-view-nav-table .table-tit {text-align:left;}
.notice-view-nav-table tr:hover a,
.notice-view-nav-table .table-tit a:hover {text-decoration:underline; text-underline-offset:3px;}
.notice-view-nav-table .table-date {color:var(--grayscale6); text-align:right;}
.notice-view-nav-table .table-empty {color:var(--grayscale5); text-align:left;}
.notice-view-nav-table tr.disabled:hover {background-color:transparent;}

/* 1:1문의 뷰 */
.inquiry-view-header .inquiry-view-info {column-gap: var(--fs-30);}
.inquiry-view-header .inquiry-order-info {padding: var(--fs-10); background-color: var(--color-bg1);}
.inquiry-view-header .inquiry-order-info dt,
.inquiry-view-header .inquiry-order-info dd {font-size: var(--fs-14); color: var(--grayscale9);}
.inquiry-question-section {margin-top: var(--fs-40);}
.inquiry-question-section .inquiry-view-content {padding: var(--fs-20);}
.inquiry-question-section .inquiry-view-content p {font-size: var(--fs-16); color: var(--grayscale9);}
.inquiry-answer-section {margin-top: var(--fs-40); background-color: var(--color-bg1); padding: var(--fs-20);}
.inquiry-answer-section .inquiry-answer-header {display: flex; align-items: center; column-gap: var(--fs-20);}
.inquiry-answer-section .inquiry-answer-header .a-symbol {color: var(--color-static3);}
.inquiry-answer-section .inquiry-answer-header .answer-tit {color: var(--grayscale9);}
.inquiry-answer-section .inquiry-answer-header .answer-date {margin-left: auto; color: var(--grayscale7);}
.inquiry-answer-section .inquiry-answer-content {margin-top: var(--fs-20);}
.inquiry-answer-section .inquiry-answer-content p {font-size: var(--fs-16); color: var(--grayscale9);}
.inquiry-manage-btn-wrap {margin-top: var(--fs-40);}

/* 1:1 문의 작성 */
.inquiry-write-form fieldset {display:flex; flex-direction:column;}
.inquiry-write-head {margin-bottom:var(--fs-40);}
.inquiry-write-head .card-tit {color:var(--grayscale9);}
.inquiry-write-list {display:flex; flex-direction:column; row-gap:var(--fs-32);}
.inquiry-secret-setting {margin-bottom:var(--fs-10);}
.inquiry-write-list .custom-input {width:100%;}
.inquiry-write-list .inquiry-textarea {height:180px;}
.inquiry-write-list .input-item-label {row-gap:var(--fs-12);}
.inquiry-file-upload {width:100%; display:flex; flex-direction:column; align-items:flex-start; row-gap:var(--fs-10);}
.file-upload-head {display:flex; align-items:center; flex-wrap:wrap; gap:var(--fs-16);}
.file-upload-head .file-upload-btn {margin:0;}
.inquiry-existing-file-list,
.inquiry-file-list {display:flex; flex-direction:column; align-items:flex-start; row-gap:8px;}
.inquiry-upload-item {width:fit-content; max-width:100%; min-width:250px; padding:var(--fs-10) var(--fs-12); display:flex; align-items:center; justify-content:space-between; column-gap:var(--fs-32); border:1px solid var(--color-border1); background-color:var(--color-white);}
.inquiry-upload-name,
.inquiry-upload-meta {display:flex; align-items:center; column-gap:8px;}
.inquiry-upload-name {min-width:0;}
.inquiry-upload-name > img {width:16px; height:16px; flex-shrink:0;}
.inquiry-upload-name > span {min-width:0; overflow:hidden; color:var(--grayscale9); font-size:var(--fs-14); line-height:1.5; text-overflow:ellipsis; white-space:nowrap;}
.inquiry-upload-meta {flex-shrink:0; color:var(--grayscale5); font-size:var(--fs-14);}
.inquiry-upload-remove {width:18px; height:18px; display:flex; align-items:center; justify-content:center;}
.inquiry-upload-remove img {width:12px; height:12px; opacity:0.5;}
.inquiry-upload-remove:hover img {opacity:1;}
.inquiry-notice-list {display:flex; align-items:center; column-gap:var(--fs-20);}
.inquiry-write-btn-wrap {margin-top:var(--fs-48);}
.inquiry-write-btn-wrap .square-btn {min-width:94px; justify-content:center;}

/* 자주 묻는 질문 */
.faq-list {width:100%; border-top:1px solid var(--color-border1);}
.faq-item {width:100%; border-bottom:1px solid var(--color-border1);}
.faq-question {width:100%; font-size:inherit; font-weight:400;}
.faq-toggle {width:100%; min-height:72px; padding:var(--fs-20) var(--space-60); display:grid; grid-template-columns:54px minmax(0, 1fr) 24px; align-items:center; column-gap:var(--fs-20); color:var(--grayscale9); text-align:left;}
.faq-symbol {color:var(--color-static3); font-size:var(--fs-16); line-height:1.5;}
.faq-question-txt {color:var(--grayscale9); min-width:0; font-size:var(--fs-18); line-height:1.5; word-break:keep-all;}
.faq-toggle-ico {position:relative; width:16px; height:16px; justify-self:end;}
.faq-toggle-ico::before,
.faq-toggle-ico::after {content:''; position:absolute; top:50%; left:50%; width:10px; height:1px; background-color:var(--color-static3); transition:transform 0.25s ease;}
.faq-toggle-ico::before {transform:translate(-50%, -50%);}
.faq-toggle-ico::after {transform:translate(-50%, -50%) rotate(90deg);}
.faq-toggle:hover {background-color:var(--grayscale1);}
.faq-toggle:focus-visible {outline:2px solid var(--color-static3); outline-offset:-2px;}
.faq-item.open .faq-toggle-ico::after {transform:translate(-50%, -50%) rotate(0deg);}
.faq-answer {overflow:hidden; background-color:var(--color-bg1);}
.faq-answer-inner {padding:var(--fs-20) var(--space-60); display:grid; grid-template-columns:54px minmax(0, 1fr); align-items:start; column-gap:var(--fs-20);}
.faq-answer-txt {color:var(--grayscale9); font-size:var(--fs-16); line-height:1.7; word-break:keep-all;}
.faq-empty {height:180px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--color-border1); color:var(--grayscale5); font-size:var(--fs-16);}

@media screen and (max-width: 768px) {
    .notice-view-nav-table {border-top: 0;}
    .notice-view-nav-table tr {flex-direction: row; flex-wrap: unset;}
    .notice-view-nav-table .table-label {width: 80px; flex-shrink: 0; justify-content:flex-start;}
    .notice-view-nav-table .table-tit a {align-items:flex-start; flex-wrap:wrap;}
    .notice-view-nav-table td::before {display: none;}
    .notice-view-nav-table .table-date {width: 80px; flex-shrink: 0; text-align: right; justify-content: flex-end;}
    .customer-content-box .customer-table td > .square-btn {margin-inline: 0;}

    /* 자주 묻는 질문 */
    .faq-toggle {min-height:64px; padding:var(--fs-16); grid-template-columns:28px minmax(0, 1fr) 20px; column-gap:var(--fs-10);}
    .faq-symbol {font-size:var(--fs-14);}
    .faq-question-txt {font-size:var(--fs-16); word-break:break-word;}
    .faq-toggle-ico {width:16px; height:16px;}
    .faq-answer-inner {padding:var(--fs-20) var(--fs-16); grid-template-columns:28px minmax(0, 1fr); column-gap:var(--fs-10);}
    .faq-answer-txt {font-size:var(--fs-14); line-height:1.7; word-break:break-word;}
    .faq-empty {height:140px; padding-inline:var(--fs-16); font-size:var(--fs-14); text-align:center;}
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */