@charset "utf-8";
/* 온나라 FAQ 전체 페이지 — theme/oncap 스킨을 쓰지 않음 */

.gut-faq-page {
    max-width: 100%;
    overflow-x: hidden;
    padding: 32px 0 48px;
    background: #f6f8fc;
}
.gut-faq-page__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.gut-faq-page__head { margin: 0 0 20px; }
.gut-faq-page__head span {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
    color: #0f57d6;
}
.gut-faq-page__head h1 {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 800;
    color: #0b1b36;
    word-break: keep-all;
}
.gut-faq-page__head p { margin: 0; color: #64748b; font-size: 15px; }
.gut-faq-page__result {
    margin: 0 0 14px;
    font-size: 14px;
    color: #475569;
}
.gut-faq-page__result strong { color: #0f57d6; }

#faq_wrap { margin: 10px 0 24px; }
#faq_wrap h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#faq_wrap ol { margin: 0; padding: 0; list-style: none; }
#faq_wrap li { border-bottom: 1px solid #e6eaf0; background: #fff; position: relative; }
#faq_wrap li:first-child { border-top: 1px solid #e6eaf0; }
#faq_wrap li h3 {
    min-height: 50px; line-height: 1.45; padding: 16px 48px 16px 50px;
    position: relative; margin: 0; font-size: 16px; font-weight: 700; color: #0b1b36;
    word-break: keep-all;
}
#faq_wrap li h3 a { color: inherit; text-decoration: none; }
#faq_wrap li h3 .tit_btn {
    position: absolute; right: 12px; top: 14px; border: 0; width: 30px; height: 30px;
    background: #fff; color: #94a3b8; font-size: 1.1em; cursor: pointer;
}
#faq_wrap li h3 .tit_bg {
    display: inline-block; position: absolute; top: 16px; left: 16px;
    color: #0f57d6; font-size: 1.25em;
}
#faq_wrap li h3.faq_li_open a { color: #0f57d6; }
#faq_con .con_inner { display: none; padding: 0 16px 20px 50px; color: #475569; font-size: 15px; line-height: 1.7; }
#faq_con .con_inner .closer_btn {
    position: absolute; right: 12px; top: 14px; border: 0; width: 30px; height: 30px;
    background: #fff; color: #0f57d6; font-size: 1.1em; cursor: pointer;
}
.empty_list { padding: 40px 16px; text-align: center; color: #64748b; background: #fff; border: 1px solid #e6eaf0; }
.faq_admin { text-align: right; margin-top: 12px; }
.pg_wrap { text-align: center; margin: 16px 0 8px; word-break: keep-all; }
.pg_wrap a, .pg_wrap strong {
    display: inline-block; min-width: 32px; padding: 6px 10px; margin: 2px;
    border: 1px solid #e6eaf0; border-radius: 6px; background: #fff;
    color: #16233a; text-decoration: none; font-size: 14px; box-sizing: border-box;
}
.pg_wrap .pg_current { background: #0f57d6; border-color: #0f57d6; color: #fff; }

@media (max-width: 767px) {
    .gut-faq-page { padding: 20px 0 36px; }
    .gut-faq-page__inner { padding: 0 16px; }
    .gut-faq-page__head h1 { font-size: 22px; }
    #faq_wrap li h3 { font-size: 15px; padding: 14px 42px 14px 44px; }
    #faq_con .con_inner { padding: 0 14px 16px 44px; font-size: 14px; }
}