@charset "utf-8";

#faq_hhtml { display:none; }
#bo_cate { margin:0 0 28px; text-align:center; }
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#bo_cate_ul { display:flex; justify-content:center; flex-wrap:wrap; margin:0; padding:0; list-style:none; }
#bo_cate_ul li { margin:0; padding:0; }
#bo_cate_ul a { display:block; min-width:145px; padding:15px 24px; border:1px solid #ddd; border-left:0; color:#555; font-size:15px; background:#fff; text-decoration:none; box-sizing:border-box; }
#bo_cate_ul li:first-child a { border-left:1px solid #ddd; }
#bo_cate_ul a:hover,
#bo_cate_ul #bo_cate_on,
#bo_cate_ul li#bo_cate_on a { color:#fff; background:#00babd; border-color:#00babd; }

#faq_wrap { max-width:1100px; margin:0 auto; font-family:'Nanum Gothic','NanumGothic','Malgun Gothic',sans-serif; }
.saoc-faq-admin { max-width:1100px; margin:0 auto 18px; text-align:right; }
.saoc-faq-admin a { display:inline-block; min-width:92px; margin-left:4px; padding:10px 14px; border:1px solid #555; color:#555; background:#fff; text-align:center; text-decoration:none; box-sizing:border-box; }
.saoc-faq-admin a.btn_b02 { color:#fff; background:#00babd; border-color:#00babd; }
#faq_wrap h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#faq_wrap ol { margin:0; padding:0; list-style:none; border-top:2px solid #555; }
#faq_wrap li { margin:0; padding:0; border-bottom:1px solid #e5e5e5; }
#faq_wrap .title { display:grid; grid-template-columns:170px 1fr; align-items:center; min-height:54px; color:#333; font-size:15px; background:#fff; }
#faq_wrap .title .category { padding:0 12px; color:#00a8aa; text-align:center; font-weight:700; }
#faq_wrap .title a { display:block; padding:17px 16px; color:#333; text-decoration:none; line-height:1.35; }
#faq_wrap .title a:hover { color:#00a8aa; }
#faq_wrap .con_inner { display:none; padding:28px 36px; color:#555; font-size:15px; line-height:1.8; background:#fafafa; border-top:1px solid #eee; }
#faq_wrap li.on .con_inner,
#faq_wrap li.active .con_inner { display:block; }
#faq_wrap .con_inner img { max-width:100%; height:auto; display:block; margin:0 auto; }
#faq_sch { max-width:1100px; margin:30px auto 0; padding:0; border:0; text-align:center; }
#faq_sch legend { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#faq_sch input[type=text] { height:38px; width:260px; padding:0 10px; border:1px solid #ddd; box-sizing:border-box; }
#faq_sch input[type=submit],
#faq_sch button { height:38px; padding:0 22px; border:0; color:#fff; background:#555; cursor:pointer; }

@media (max-width:760px) {
    #bo_cate_ul { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); }
    #bo_cate_ul a { min-width:0; margin:-1px 0 0 -1px; border:1px solid #ddd; padding:12px 8px; font-size:13px; }
    .saoc-faq-admin { text-align:left; }
    .saoc-faq-admin a { margin:0 4px 6px 0; padding:9px 10px; font-size:13px; }
    #faq_wrap .title { display:block; min-height:0; font-size:14px; }
    #faq_wrap .title .category { padding:12px 14px 0; text-align:left; }
    #faq_wrap .title a { padding:8px 14px 14px; }
    #faq_wrap .con_inner { padding:20px 14px; font-size:14px; }
}