@charset "utf-8";
/* grovi — FAQ 모바일 */

/* PC .gv-container 와 맞는 좌우 여백(모바일 16px) */
.gv-faq-page {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
  box-sizing: border-box;
  width: 100%;
}

#bo_cate h2 { width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
#bo_cate ul { background: #fff; padding-left: 1px; border-bottom: 1px solid var(--stone-100, #e8e4dc); zoom: 1; }
#bo_cate ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_cate li { display: inline-block; float: left; }
#bo_cate a { display: block; line-height: 24px; padding: 15px; border-radius: 12px; background: #fff; }
#bo_cate #bo_cate_on { display: inline-block; position: relative; color: var(--primary, #3f7a4a); }
#bo_cate #bo_cate_on:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; display: inline-block; background: var(--primary, #3f7a4a); }

#faq_wrap { margin: 0 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 h3 { min-height: 50px; line-height: 30px; padding: 15px 15px 15px 50px; position: relative; }
#faq_wrap li h3 a { font-size: 1.15em; }
#faq_wrap li h3 .tit_btn {
  position: absolute; right: 12px; top: 12px; border: 0; width: 32px; height: 32px; border-radius: 8px; background: var(--ivory, #fbf9f4);
  color: var(--stone-400, #9a9288); font-size: 1.1em;
}
#faq_wrap li h3 .tit_bg { display: inline-block; position: absolute; top: 15px; left: 12px; text-align: center; color: var(--primary, #3f7a4a); font-size: 1.4em; 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: 12px; top: 12px; border: 0; width: 32px; height: 32px; border-radius: 8px; background: #fff; color: var(--primary, #3f7a4a);
  font-size: 1.1em;
}

#faq_sch { position: relative; padding: 12px; text-align: center; }
#faq_sch .frm_input { width: 100%; height: 46px; border: 1px solid var(--stone-100, #e8e4dc); border-radius: 8px; box-sizing: border-box; padding: 0 48px 0 12px; }
#faq_sch .btn_submit { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: none; border-radius: 8px; background: var(--primary, #3f7a4a); color: #fff; font-size: 14px; }