@charset "UTF-8";

/*========================================================================
고객센터 메인
========================================================================*/
.faq_list { margin:34px 20px 0; padding:34px 0 0; border-top:1px solid #D1D1D1; }

/* FAQ 카테고리 */
.faq-category { margin:0 0 40px; }
.faq-category ul { display:grid; grid-template-columns:repeat(3,1fr); grid-row-gap:20px; text-align:center; }
.faq-category ul li {}
.faq-category ul li a { display:block; height:100%; padding:42px 0 0; background:url("../img/faq_icon1.png") no-repeat 50% 0; background-size:auto 26px; border:0; }
.faq-category ul li a span { top:auto; color:#2E2E2E; font-size:14px; font-weight:500; line-height:1; }
.faq-category ul li a span:hover { font-weight:500; border-bottom:0; }
.faq-category ul li:nth-child(2) a { background-image:url("../img/faq_icon2.png");}
.faq-category ul li:nth-child(3) a { background-image:url("../img/faq_icon3.png");}
.faq-category ul li:nth-child(4) a { background-image:url("../img/faq_icon4.png");}
.faq-category ul li:nth-child(5) a { background-image:url("../img/faq_icon5.png");}
.faq-category ul li:nth-child(6) a { background-image:url("../img/faq_icon6.png");}

/* 검색 */
.faq_list .boardlist .board_search { display:flex; flex-wrap: wrap; justify-content: space-between; padding:32px 30px; background:var(--point-color); border-radius:20px; }
.faq_list .boardlist .board_search::before { content:"자주묻는질문 검색"; display:block; margin:0 0 16px; color: #FFF; font-size: 20px; font-weight: 700; line-height:1; }
.faq_list .boardlist .board_search .search_input { width:calc(100% - 70px); }
.faq_list .boardlist .board_search .search_input input { height: 40px; padding:0; text-indent:12px; font-size: 14px; font-weight: 400; border-radius: 4px; border: 1px solid #D1D1D1; }
.faq_list .boardlist .board_search .search_input input::placeholder { color: #999; }
.faq_list .boardlist .board_search .search_btn { position:static; width:60px; }
.faq_list .boardlist .board_search .search_btn button { width:100%; height:40px; font-size: 16px; font-weight: 600; border-radius: 4px; background: #A99888;}
.faq_list .boardlist .sel_box { display:none; }

/* 1:1 문의 버튼 */
.date_check_box { background:#F7F4EF; border-radius:20px; }
.date_check_box .date_faq_txt { display:flex; justify-content: center; align-items: center; gap:18px; padding:20px 0; }
.date_check_box .date_faq_txt strong { color:#221C10; font-size:16px; font-weight:600; line-height:1; }
.date_check_box .date_faq_txt strong span { color:#AF8863; }
.date_check_box .date_faq_txt .btn_gray_list a { display:inline-flex; justify-content: center; width:90px; height:34px; line-height:32px; padding:0; color:#221C10; font-size:14px; font-weight:600; background:#fff; border-radius:4px; border:1px solid #E2DED7; box-sizing:border-box; }

/* 게시글 */
.faq_list .boardlist h3 { display: flex; justify-content: space-between; align-items: flex-end; padding:0 0 20px; margin:60px 0 0; color: #221C10; font-size: 20px; font-weight: 600; line-height: 1.2; }
.faq_list .board_faq_box .board_faq { border-bottom:0; border-top:2px solid #000; }
.faq_list .board_faq_box .board_faq li.data_row { display:flex; align-items: center; flex-wrap: wrap; border-top:0; border-bottom:1px solid #D1D1D1; }
.faq_list .board_faq_box .board_faq li.data_row::before { content:""; display:inline-flex; vertical-align:top; width:15px; height:13px; margin:0 10px 0 0; background:url("../img/faq_q_icon.png") no-repeat; background-size:100% auto; }
.faq_list .board_faq_box .board_faq li.data_row .faq_subject { width: calc(100% - 25px); padding:20px 0; color: #2E2E2E; font-size: 14px; font-weight: 400; line-height:1.2; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; box-sizing: border-box; }

/* 더보기 */
.btn_board_more { display:inline-block; color:#666; font-size:14px; font-weight: 400; text-decoration-line:underline; text-underline-offset:3px; }

/* 공지사항 */
.service_main_notice ul { border-top:2px solid #000; }
.service_main_notice ul li { display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #D1D1D1; }
.service_main_notice ul li a { width:calc(100% - 120px); padding:20px 0; color: #2E2E2E; font-size: 16px; font-weight: 500; line-height:1.1; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
.service_main_notice ul li span { color: #999; font-size: 16px; font-weight: 400; line-height:1.1; }

/* 이벤트 */
.service_main_event > div { }
.service_main_event > div .swiper-pagination { width:auto; left:auto; right:10px; display:flex; justify-content: flex-end; gap:6px; }
.service_main_event > div .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; padding:0; margin:0; opacity:1; }