/* 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,
/* 상단 제목 */
.faq-header .faq-title {
  font-size: 32px;
  font-weight: 600;
  color: #53341f;
  text-align: center;
  margin: 60px 0 40px;
  font-family: 'Pretendard', sans-serif;
}

/* 하위 메뉴 전체 박스 */
.faq-header .faq-subtabs {
  display: flex;
  justify-content: center; /* 가로 중앙 */
  margin-bottom: 60px;
}

/* ul 초기화 */
.faq-header .faq-subtabs ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px; /* 버튼 간격 */
}

/* li 기본 */
.faq-header .faq-subtabs ul li {
  list-style: none;
}

/* a 버튼 스타일 */
.faq-header .faq-subtabs ul li a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #53341f;
  background-color: #f5e6dc;
  padding: 14px 32px;
  border-radius: 28px;
  text-decoration: none;
  transition: all 0.2s ease;
  font-family: 'Pretendard', sans-serif;
}

/* hover */
.faq-header .faq-subtabs ul li a:hover {
  background-color: #f5e6dc;
}

/* 현재 선택된 메뉴 */
.faq-header .faq-subtabs ul li.on a {
  background-color: #ffffff;
  color: #53341f;
  border: 1px solid #53341f;
  font-weight: 600;
}

#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 {
    font-family: 'Pretendard', sans-serif; /* Pretendard 폰트 적용 */
    color: #53341f;                        /* 브라운 글자색 */
    font-size: 18px;                        /* 기존 크기 유지 */
    font-weight: bold;                       /* 굵게 */
    padding-bottom: 5px;
}


#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 .faq-search .btn-submit {
    width: 118px;               /* 기존 너비 유지 */
    height: 30px;               /* 기존 높이 유지 */
    line-height: 30px;          /* 텍스트 세로 중앙 정렬 */
    background-color: #53341f;  /* 버튼 배경 브라운 */
    color: #ffffff;             /* 글자 흰색 */
    border: none;               /* 테두리 제거 */
    cursor: pointer;
    font-family: 'Pretendard', sans-serif; /* 글꼴 Pretendard */
    text-align: center;         /* 텍스트 중앙 정렬 */
    display: inline-block;      /* 기존 inline-block 유지 */
}

_:-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; }

/* 페이지 네비게이션 전체 */
.paging {
    text-align: center;
    margin-top: 20px;
    font-family: 'Pretendard', sans-serif;
}

/* 기본 숫자 */
.paging a {
    display: inline-block;
    font-size: 15px;
    color: #888888; /* 선택 안된 숫자 회색 */
    text-decoration: none;
    padding: 4px 8px;
    margin: 0 2px;
    font-weight: 400;
    background: none; /* 배경 원 제거 */
    border: none;
}

/* 현재 선택된 페이지 숫자 */
.paging a.now {
    color: #53341f; /* 브라운 */
    font-weight: 600;
}

/* 화살표 << < > >> 항상 브라운 */
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {
    color: #53341f;
    font-weight: 600;
    background: none; /* 배경 원 제거 */
}
.paging a,
.paging a.now,
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {
    background: none !important;  /* 기존 배경 무조건 제거 */
    border-radius: 0 !important;  /* 원형 제거 */
}

/* 공통 기본 a 스타일 */
.faq-header .faq-subtabs ul li a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #502c1d;
    background-color: #f5e6dc; /* 기본 배경 NOTICE */
    padding: 14px 32px;
    border-radius: 28px;
    text-decoration: none;
    transition: all 0.2s ease;
    font-family: 'Pretendard', sans-serif;
}

/* hover */
.faq-header .faq-subtabs ul li a:hover {
    background-color: #f5e6dc;
}

/* NOTICE 선택 시 - 색칠 */
.faq-header .faq-subtabs ul li.on:first-child a {
    background-color: #53341f;
    color: #502c1d;
    font-weight: 600;
    border: none;
}

/* FAQ 선택 시 - 테두리만 */
.faq-header .faq-subtabs ul li.on:nth-child(2) a {
    background-color: transparent; /* 배경 제거 */
    color: #502c1d;                /* 글자 브라운 */
    border: 3px solid #f5e6dc;;     /* 테두리 브라운 */
    font-weight: 600;
}

/* Q&A, MEMBERSHIP 등 나머지 메뉴 기본 상태 */
.faq-header .faq-subtabs ul li:not(.on) a {
    background-color: #f5e6dc;
    color: #502c1d;
    font-weight: 500;
    border: none;
}

/* BASIC css end */