@charset "utf-8";

/* 고객센터 : 목록 검색 */
.board-search {position:relative;width:100%;max-width:300px;}
.board-search .textbox{height:var(--space-44);padding-right:var(--space-44);border-radius:var(--radius-full);font-size:var(--fs-16);}
.board-search button{position:absolute;top:50%;right:0;display:flex;align-items:center;justify-content:center;width:var(--space-42);height:var(--space-42);transform:translateY(-50%);}

/* 고객센터 : 1:1 문의 상단 */
.board-head-wrap{display:flex;align-items:center;justify-content:space-between;column-gap:var(--space-20);margin-bottom:var(--space-40);}
.board-tit{display:flex;align-items:center;column-gap:var(--space-16);font-size:var(--fs-18);font-weight:500;color:var(--text-1);}
.board-tit .count{font-size:var(--fs-16);color:var(--text-1);}
.board-tit .count .total-num {color: var(--static-1);}
.board-filter{display:flex;align-items:center;margin-bottom:var(--space-8);}
.board-filter li+li::before{display:inline-block;width:1px;height:var(--space-10);margin:0 var(--space-10);background:var(--border-2);vertical-align:middle;content:'';}
.board-filter button{font-size:var(--fs-16);font-weight:500;color:var(--text-3);transition:var(--transition);}
.board-filter button:hover{color:var(--text-1);}
.board-filter button[aria-selected="true"]{color:var(--text-1);}
.board-empty{padding:var(--space-80) 0;border-bottom:1px solid var(--border-2);font-size:var(--fs-15);text-align:center;color:var(--text-3);}
.board-empty[hidden]{display:none;}

/* 고객센터 : 비회원 문의 조회 */
.guest-lookup{display:flex;border:1px solid var(--border-2);border-radius:var(--radius-20);overflow:hidden;}
.guest-form{flex:2;display:flex;flex-direction:column;row-gap:var(--space-32);padding:var(--space-48) var(--space-80);}
.guest-form .common-flex-20{align-items:center;}
.guest-member{flex:1;align-items:center;justify-content:center;padding:var(--space-48) var(--space-40);border-left:1px dashed var(--border-2);background:var(--bg-1);}
.guest-member .common-flex-20{align-items:center;width:100%;max-width:440px;}
.guest-lookup .sub-tit .tit{font-size:var(--fs-22);}

/* 고객센터 : 1:1 문의하기 */
.write-form{display:flex;flex-direction:column;row-gap:var(--space-32);}
.write-tit{padding-bottom:var(--space-10);border-bottom:1px solid var(--text-1);font-size:var(--fs-24);font-weight:600;line-height:1.4;color:var(--text-1);}
.write-form .input-email{height:56px;}
.write-form .check-group{display:flex;flex-wrap:wrap;gap:var(--space-12) var(--space-20);}
.write-form .btn-grid{margin-top:var(--space-16);}
.write-form .label .req{margin-left:2px;color:var(--static-2);}   /* p.label 필수 표시 */
.write-form .select:has(option[value=""]:checked){color:var(--text-3);}   /* 선택 안 한 셀렉트 : placeholder 색 */


@media screen and (max-width: 768px) {
    .guest-lookup{flex-direction:column;}
    .guest-form,
    .guest-member{padding:32px 20px;}
    .guest-form{row-gap:24px;}
    .guest-member{border-left:0;border-top:1px dashed var(--border-2);}
    .guest-member .common-flex-20 {max-width: 100%;}
    .guest-lookup .sub-tit .tit{font-size:19px;}
}

@media screen and (max-width: 500px) {
    .board-search{max-width:none;}
    .board-search .textbox {height: 36px;}
    .list-top:has(.board-search){align-items:stretch;}
    .board-head-wrap{margin-bottom:24px;}
    .board-tit{font-size:17px;}
}