/* BASIC css start */
#MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;}
#faqWrap BLOCKQUOTE { margin-left:15px; }
#faqWrap BLOCKQUOTE.q1,
#faqWrap BLOCKQUOTE.q2,
#faqWrap BLOCKQUOTE.q3,
#faqWrap BLOCKQUOTE.q4,
#faqWrap BLOCKQUOTE.q5,
#faqWrap BLOCKQUOTE.q6,
#faqWrap BLOCKQUOTE.q7{ padding:10px; margin-left:15px; margin-right:15px;}
#faqWrap BLOCKQUOTE.q1{ padding:0 10px; border-left:2px solid #ccc;}
#faqWrap BLOCKQUOTE.q2{ padding:0 10px; background:url(/images/d3/modern_simple/common/bg_qmark.gif) no-repeat;}
#faqWrap BLOCKQUOTE.q3{ border:1px solid #d9d9d9;}
#faqWrap BLOCKQUOTE.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
#faqWrap BLOCKQUOTE.q5{ border:2px solid #707070;}
#faqWrap BLOCKQUOTE.q6{ border:1px dashed #707070;}
#faqWrap BLOCKQUOTE.q7{ border:1px dashed #707070; background:#fbfbfb;}
/* FAQ검색 폼 */
#faqWrap .faq-tit { padding-bottom:5px; font-size:18px; color:#202020; font-weight:bold }
#faqWrap .faq-search { height:110px; text-align: center; border: 1px solid #d8d8d8; background:#fff }
#faqWrap .search-wrap { margin:30px auto 0; position:relative; width:812px }
#faqWrap .search-wrap .keyword input { padding-left:10px; width:483px; height:28px; line-height:28px; border:1px solid #ddd }
#faqWrap .search-wrap .select-category { width:183px; height:32px; font-size:14px; color:#7b7b7b; border:1px solid #ddd }
#faqWrap .search-wrap .btn-submit { width:118px; height:30px; font-size:13px; line-height:30px }

_:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px }

#faqWrap .search-wrap .best-keyword { position: absolute; left:192px; top:40px; width:495px }
#faqWrap .search-wrap .best-keyword dt,
#faqWrap .search-wrap .best-keyword dd,
#faqWrap .search-wrap .best-keyword dd ul,
#faqWrap .search-wrap .best-keyword dd ul li { display: inline; float: left; width: auto; height: 17px; font-size:14px; line-height: 17px; }
#faqWrap .search-wrap .best-keyword dt { color: #000 }
#faqWrap .search-wrap .best-keyword dd ul li { margin-left:5px }
#faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; font-size:14px; color: #7b7b7b; vertical-align:top }
/* faq 메뉴 */
#faq-category { margin-top:60px; padding:15px 0; border-bottom:1px solid #000; overflow:hidden }
#faqWrap .faq-menu { padding-left:1px; *zoom:1 }
#faqWrap .faq-menu:after { display:block; clear:both; content:'' }
#faqWrap .faq-menu li { padding:0 15px; float:left; white-space:nowrap; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/bu_2x8.gif) 0 3px no-repeat }
#faqWrap .faq-menu li.first { padding-left:0; background:none }
#faqWrap .faq-menu li a { font-size:13px }
#faqWrap .faq-menu li.now a { font-weight:bold }
/* faq 리스트 */
#faqWrap #faqTable {  }
#faqWrap #faqTable th,
#faqWrap #faqTable tr td { padding:15px 0; border-bottom: 1px solid #e9e9e9; background:#fff }
#faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; }
#faqWrap #faqTable th { font-size:13px; font-weight:bold }
#faqWrap #faqTable td,
#faqWrap #faqTable td a { color:#343434 }
#faqWrap #faqTable td { cursor: pointer; }
#faqWrap #faqTable tr.slide-hide,
#faqWrap #faqTable tr.slide-hide dl { display: none; }
#faqWrap #faqTable tr.slide-show { display: table-rows; *display: block; }
#faqWrap #faqTable tr.slide-show dl { display: block; }
#faqWrap #faqTable tr.slide-hide td,
#faqWrap #faqTable tr.slide-show td { cursor: default; background:#fafafa !important }
#faqWrap #faqTable .tb-slide { padding: 0 20px; }
#faqWrap #faqTable .tb-slide a { text-decoration: underline; color : #800080; }
#faqWrap #faqTable .tb-slide ol,
#faqWrap #faqTable .tb-slide ul { margin-left:35px; }
#faqWrap #faqTable .tb-slide dl { position: relative; width: 100%; }
#faqWrap #faqTable td .tb-slide dl dt { position: absolute; left:10px; top:8px }
#faqWrap #faqTable td .tb-slide .qst dt { font-size:18px; color:#000; font-weight:bold }
#faqWrap #faqTable td .tb-slide .qst dd { color:#999 }
#faqWrap #faqTable td .tb-slide .adv dt { font-size:18px; color:#b17efe; font-weight:bold }
#faqWrap #faqTable td .tb-slide dl dd { margin-left:45px; padding:15px 0 }
#faqWrap #faqTable td .tb-slide dl.adv { margin-top: 5px; border-top: 1px dashed #e9e9e9; }
#faqWrap .pager { text-align: center; margin-top: 20px; }
#faqWrap .pager ol li { display: inline; padding: 0px 5px; }
#faqWrap .pager ol li img { margin-top: 2px; }
#faqWrap .pager ol li.first,
#faqWrap .pager ol li.next { padding-right: 0; }
#faqWrap .pager ol li.last,
#faqWrap .pager ol li.prev { padding-left: 0; }


.slide-show img{max-width:100%;}
.xans-board-paging{margin-top:30px;}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* ========================================
   FAQ 전체 공통
======================================== */

#faqWrap,
#faqWrap * {
    font-family: "Pretendard", sans-serif !important;
    box-sizing: border-box;
}

/* 기존 공지사항 이미지 제목 숨김 */
#faqWrap .xans-board-title {
    display: none !important;
}

/* ========================================
   FAQ 제목 - EVENT와 동일
======================================== */

#faqWrap .faq-page-title {
    width: 100% !important;
    margin: 60px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

#faqWrap .faq-page-title h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
}

/* ========================================
   고객센터 상단 메뉴 - EVENT와 동일
======================================== */

#faqWrap .boardtabmenu.base_tab {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 30px !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    border-bottom: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

#faqWrap .boardtabmenu.base_tab > a {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 16px !important;

    color: #777 !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    border: 0 !important;
    background: none !important;
}

/* 기존 세로 구분선 제거 */
#faqWrap .boardtabmenu.base_tab > a::before {
    display: none !important;
    content: none !important;
}

/* 선택된 자주하는 질문 */
#faqWrap .boardtabmenu.base_tab > a.active {
    color: #111 !important;
    font-weight: 600 !important;
}

/* 선택된 메뉴 아래 검은 선 */
#faqWrap .boardtabmenu.base_tab > a.active::after {
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;

    display: block !important;
    height: 2px !important;

    background: #111 !important;
    content: "" !important;
}

/* ========================================
   FAQ 카테고리 버튼 - EVENT와 동일
======================================== */

#faqWrap .tabevent {
    width: 100% !important;
    margin: 40px 0 30px !important;
    padding: 0 !important;

    border: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
}

#faqWrap .tabevent .tabs {
    display: grid !important;
    grid-template-columns: repeat(8, 140px) !important;

    width: fit-content !important;
    margin: 0 !important;
    padding: 0 !important;

    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background: #fff !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

#faqWrap .tabevent .tabs > li {
    display: block !important;
    float: none !important;

    width: 140px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: none !important;
}

#faqWrap .tabevent .tabs > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    color: #555 !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    border: 0 !important;
    border-right: 1px solid #ddd !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

#faqWrap .tabevent .tabs > li::before,
#faqWrap .tabevent .tabs > li::after,
#faqWrap .tabevent .tabs > li > a::before,
#faqWrap .tabevent .tabs > li > a::after {
    display: none !important;
    content: none !important;
}

/* 선택된 카테고리 */
#faqWrap .tabevent .tabs > li.active > a {
    color: #fff !important;
    font-weight: 600 !important;
    border-color: #222 !important;
    background: #222 !important;
}

/* 카테고리 마우스 효과 */
#faqWrap .tabevent .tabs > li:not(.active) > a:hover {
    color: #111 !important;
    background: #f7f7f7 !important;
}

/* ========================================
   FAQ 목록 글자
======================================== */

#faqWrap #faqTable {
    width: 100% !important;
    margin: 0 !important;
}

#faqWrap #faqTable table {
    width: 100% !important;
    table-layout: fixed !important;
}

#faqWrap #faqTable th {
    padding: 15px 0 !important;
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

#faqWrap #faqTable td,
#faqWrap #faqTable td a {
    color: #343434 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

#faqWrap #faqTable td {
    padding: 20px 0 !important;
}

/* FAQ 질문과 답변 */
#faqWrap #faqTable .tb-slide {
    padding: 10px 25px !important;
}

#faqWrap #faqTable .tb-slide dt {
    font-family: "Pretendard", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

#faqWrap #faqTable .tb-slide dd {
    color: #555 !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}
/* FAQ 전체 영역을 EVENT 페이지처럼 넓게 */
#contents {
    width: calc(100% - 80px) !important;
    max-width: 1400px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#faqWrap {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* 상단 메뉴와 FAQ 목록도 전체 너비 사용 */
#faqWrap .faq-page-title,
#faqWrap .faq-top-menu,
#faqWrap .tabevent,
#faqWrap #faqTable,
#faqWrap #faqTable table {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* 작은 화면 좌우 여백 */
@media screen and (max-width: 900px) {
    #contents {
        width: calc(100% - 30px) !important;
    }
}
/* ========================================
   FAQ 페이지 번호 - EVENT와 동일
======================================== */

#contents .xans-board-paging-4 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;

    width: 100% !important;
    margin: 45px 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

/* 이전·다음 영역 */
#contents .xans-board-paging-4 > p {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 기존 화살표 이미지 숨기기 */
#contents .xans-board-paging-4 > p img {
    display: none !important;
}

/* 이전·다음 버튼 */
#contents .xans-board-paging-4 > p > a {
    position: relative !important;
    display: block !important;

    width: 16px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* 이전 화살표 */
#contents .xans-board-paging-4 > p:first-child > a::before {
    position: absolute;
    top: 50%;
    left: 5px;

    width: 7px;
    height: 7px;

    border-bottom: 1px solid #777;
    border-left: 1px solid #777;

    box-sizing: border-box;
    content: "";
    transform: translateY(-50%) rotate(45deg);
}

/* 다음 화살표 */
#contents .xans-board-paging-4 > p:last-child > a::before {
    position: absolute;
    top: 50%;
    right: 5px;

    width: 7px;
    height: 7px;

    border-top: 1px solid #777;
    border-right: 1px solid #777;

    box-sizing: border-box;
    content: "";
    transform: translateY(-50%) rotate(45deg);
}

/* 페이지 번호 목록 */
#contents .xans-board-paging-4 > ol {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* 페이지 번호 항목 */
#contents .xans-board-paging-4 > ol > li {
    display: block !important;

    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

/* 페이지 번호 */
#contents .xans-board-paging-4 > ol > li > a {
    position: relative !important;
    display: block !important;

    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 8px !important;

    color: #777 !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 현재 페이지 */
#contents .xans-board-paging-4 > ol > li > a.this {
    color: #111 !important;
    font-weight: 500 !important;
}

/* 현재 페이지 아래 검은 선 */
#contents .xans-board-paging-4 > ol > li > a.this::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 1px;
    background: #111;
    content: "";
}

/* ========================================
   FAQ 검색 영역 - EVENT와 동일
======================================== */

/* 기존 검색 영역 테두리 제거 */
#contents .xans-board-search-4,
#contents .xans-board-search-4 .boardSearch {
    width: 100% !important;
    height: auto !important;
    margin: 60px 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    background: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* 검색 제목 숨김 */
#contents .xans-board-search-4 legend {
    display: none !important;
}

/* 검색 요소 가운데 정렬 */
#contents .xans-board-search-4 .boardSearch > p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* 검색 선택창 */
#contents .xans-board-search-4 select {
    display: block !important;

    width: 110px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;

    color: #333 !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

/* 검색 입력창 */
#contents .xans-board-search-4 input[type="text"] {
    width: 280px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    color: #333 !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 14px !important;

    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* 검색창 선택 시 */
#contents .xans-board-search-4 input[type="text"]:focus {
    border-color: #999 !important;
}

/* 돋보기 버튼 */
#contents .xans-board-search-4 .boardSearch > p > a {
    position: relative !important;
    display: block !important;

    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: none !important;
}

/* 기존 분홍색 돋보기 이미지 숨기기 */
#contents .xans-board-search-4 .boardSearch > p > a img {
    display: none !important;
}

/* 검은색 돋보기 원 */
#contents .xans-board-search-4 .boardSearch > p > a::before {
    position: absolute;
    top: 10px;
    left: 9px;

    width: 14px;
    height: 14px;

    border: 1px solid #222;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    content: "";
}

/* 검은색 돋보기 손잡이 */
#contents .xans-board-search-4 .boardSearch > p > a::after {
    position: absolute;
    top: 24px;
    left: 22px;

    width: 8px;
    height: 1px;

    background: #222;
    content: "";
    transform: rotate(45deg);
    transform-origin: left center;
}
/* BASIC css end */