@charset "utf-8";
/* grovi — FAQ: 회원/쇼핑 톤(스톤 + primary) */

/* 쇼핑 헤더/푸 .gv-container 와 동일( default_shop.css ) — 본문만 풀폭이었던 것 정렬 */
.gv-faq-page {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
  box-sizing: border-box;
  width: 100%;
}
@media (max-width: 991px) {
  .gv-faq-page { padding: 0 16px; }
}

#bo_cate { margin-bottom: 28px; }
#bo_cate h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#bo_cate ul { zoom: 1; }
#bo_cate ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_cate li { display: inline-block; padding: 2px; }
#bo_cate a {
  display: block; line-height: 28px; padding: 5px 15px; border-radius: 30px;
  border: 1px solid var(--stone-100, #e8e4dc); color: var(--stone-600, #5c5348);
  background: #fff; transition: background 0.2s, color 0.2s, border-color 0.2s;
}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { text-decoration: none; }
#bo_cate a:hover { color: var(--primary, #3f7a4a); border-color: rgba(63, 122, 74, 0.4); }
#bo_cate #bo_cate_on {
  z-index: 2;
  background: var(--primary, #3f7a4a);
  color: #fff;
  font-weight: bold;
  border: 1px solid var(--primary, #3f7a4a);
  box-shadow: 0 2px 6px rgba(63, 122, 74, 0.25);
}

#faq_wrap { margin: 10px 0 30px; }
#faq_wrap h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.faq_admin { text-align: right; }
#faq_wrap ol { margin: 0; padding: 0; list-style: none; }
#faq_wrap li { border-bottom: 1px solid var(--stone-100, #e8e4dc); background: #fff; position: relative; }
#faq_wrap li:first-child { border-top: 1px solid var(--stone-100, #e8e4dc); }
#faq_wrap li h3 { min-height: 50px; line-height: 30px; padding: 15px 15px 15px 50px; position: relative; }
#faq_wrap li h3 .tit_btn {
  position: absolute; right: 15px; top: 15px; border: 0; width: 32px; height: 32px; border-radius: 8px;
  background: var(--ivory, #fbf9f4); color: var(--stone-400, #9a9288); font-size: 1.1em; cursor: pointer;
}
#faq_wrap li h3 .tit_bg { display: inline-block; position: absolute; top: 15px; left: 15px; text-align: center; color: var(--primary, #3f7a4a); font-size: 1.5em; font-weight: 600; }
#faq_wrap li h3.faq_li_open a { color: var(--primary, #3f7a4a); }

#faq_con .con_inner { display: none; padding: 5px 5px 20px 50px; }
#faq_con .con_inner .tit_bg {
  display: inline-block; position: absolute; top: 10px; left: 10px; text-align: center;
  background: var(--stone-600, #5c5348); color: #fff; border-radius: 50%; width: 30px; line-height: 30px; height: 30px; font-size: 0.85em;
}
#faq_con .con_inner .closer_btn {
  position: absolute; right: 15px; top: 15px; border: 0; width: 32px; height: 32px; border-radius: 8px;
  background: #fff; color: var(--primary, #3f7a4a); font-size: 1.1em; cursor: pointer;
}

#faq_sch { background: transparent; padding: 8px 0 20px; text-align: center; margin: 0 0 8px; border: none; box-shadow: none; }
#faq_sch .sch_tit { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
#faq_sch .frm_input {
  border: 1px solid var(--stone-100, #e8e4dc); max-width: 100%; width: 300px; height: 46px; border-radius: 8px; padding: 0 12px; background: #fff;
  color: var(--charcoal-800, #26231e); font-size: 15px; box-sizing: border-box;
}
#faq_sch .frm_input:focus { outline: none; border-color: var(--primary, #3f7a4a); box-shadow: 0 0 0 3px rgba(63, 122, 74, 0.12); }
#faq_sch .btn_submit {
  padding: 0 16px; height: 46px; min-width: 88px; font-size: 0.95em; font-weight: 600; color: #fff;
  background: var(--primary, #3f7a4a); border: none; border-radius: 8px; margin-left: 4px; cursor: pointer; transition: background 0.2s;
}
#faq_sch .btn_submit:hover { background: var(--grovi-green-600, #3a5c44); }

.empty_list { text-align: center; padding: 20px; color: var(--stone-600, #5c5348); }