@charset "utf-8";

/* =========================================================
   GGONGPLAY FAQ — BASIC / PC
   ========================================================= */

.gg-faq-page{
    width:100%;
    margin:24px auto 46px;
    color:#111827;
}

/* 상단 안내 카드 */
.gg-faq-head{
    position:relative;
    margin:0 0 14px;
    padding:27px 30px 24px;
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:16px;
    box-shadow:0 8px 26px rgba(17,24,32,.035);
    overflow:hidden;
}
.gg-faq-head:before{
    content:"";
    position:absolute;
    left:30px;
    top:0;
    width:42px;
    height:3px;
    background:#b7ff16;
    border-radius:0 0 3px 3px;
}
.gg-faq-kicker{
    display:block;
    margin:0 0 6px;
    color:#8ed400;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.4px;
}
.gg-faq-head h1{
    margin:0;
    color:#0b111a;
    font-size:27px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:-1.2px;
}
.gg-faq-head p{
    margin:8px 0 0;
    color:#7b8490;
    font-size:13px;
    line-height:1.6;
}

/* 검색 */
#faq_sch{
    margin:0 0 14px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
}
#faq_sch legend,
#faq_sch .sch_tit{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
}
#faq_sch form{
    display:flex;
    overflow:hidden;
    width:100%;
    margin:0;
    background:#fff;
    border:1.5px solid #dce2e8;
    border-radius:12px;
    box-shadow:0 6px 20px rgba(17,24,32,.025);
}
#faq_sch form:focus-within{
    border-color:#b7ff16;
    box-shadow:0 6px 20px rgba(183,255,22,.10);
}
#faq_sch .frm_input{
    flex:1;
    width:auto !important;
    height:52px !important;
    padding:0 17px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#111827;
    font-size:14px;
    box-shadow:none !important;
    outline:none;
}
#faq_sch .frm_input::placeholder{color:#9aa2ad;}
#faq_sch .btn_submit{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:94px !important;
    height:52px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#0b111a !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:none !important;
}
#faq_sch .btn_submit:hover{
    background:#141e2a !important;
    color:#b7ff16 !important;
}

/* 카테고리 */
#bo_cate{
    margin:0 0 14px !important;
    padding:12px 14px;
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:12px;
    box-shadow:0 6px 20px rgba(17,24,32,.025);
}
#bo_cate h2{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
}
#bo_cate ul{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}
#bo_cate ul:after{display:none;}
#bo_cate li{
    display:block;
    padding:0;
    margin:0;
}
#bo_cate a{
    display:flex;
    align-items:center;
    min-height:36px;
    padding:0 14px;
    border:1px solid #e6eaee;
    border-radius:9px;
    background:#f8fafb;
    color:#586270;
    font-size:13px;
    font-weight:700;
    line-height:1;
    text-decoration:none !important;
}
#bo_cate a:hover,
#bo_cate a:focus{
    border-color:#b7ff16;
    background:#fbfff2;
    color:#0b111a;
}
#bo_cate #bo_cate_on{
    border-color:#b7ff16;
    background:#b7ff16;
    color:#0b111a;
    box-shadow:none;
}

/* FAQ 리스트 */
#faq_wrap{
    margin:0 0 24px !important;
    overflow:hidden;
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:16px;
    box-shadow:0 8px 26px rgba(17,24,32,.035);
}
#faq_wrap h2{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
}
#faq_wrap ol{
    margin:0;
    padding:0;
    list-style:none;
}
#faq_wrap li{
    position:relative;
    margin:0;
    border:0;
    border-bottom:1px solid #edf0f2;
    background:#fff;
}
#faq_wrap li:first-child{border-top:0;}
#faq_wrap li:last-child{border-bottom:0;}
#faq_wrap li h3{
    position:relative;
    min-height:64px;
    margin:0;
    padding:17px 58px 17px 66px;
    line-height:30px;
    background:#fff;
}
#faq_wrap li h3 a{
    display:block;
    color:#1c2530;
    font-size:15px;
    font-weight:700;
    text-decoration:none !important;
}
#faq_wrap li h3 .tit_bg{
    position:absolute;
    left:20px;
    top:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:9px;
    background:#eef2f5;
    color:#0b111a;
    font-size:13px;
    font-weight:900;
}
#faq_wrap li h3 .tit_btn{
    position:absolute;
    right:18px;
    top:17px;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    border-radius:8px;
    background:#f5f7f9;
    color:#89939f;
    font-size:13px;
}
#faq_wrap li h3.faq_li_open{
    background:#fbfff4;
}
#faq_wrap li h3.faq_li_open a{color:#0b111a;}
#faq_wrap li h3.faq_li_open .tit_bg{background:#b7ff16;}
#faq_wrap li h3.faq_li_open .tit_btn{
    background:#eaffbd;
    color:#0b111a;
}
#faq_con .con_inner{
    display:none;
    position:relative;
    margin:0;
    padding:18px 64px 22px 66px;
    border-top:1px solid #edf0f2;
    background:#fafbfc;
    color:#5f6975;
    font-size:14px;
    line-height:1.75;
}
#faq_con .con_inner .closer_btn{
    position:absolute;
    right:18px;
    top:18px;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    border-radius:8px;
    background:#fff;
    color:#0b111a;
    font-size:13px;
}

/* 비어있을 때 */
.gg-faq-empty{
    padding:54px 20px 58px;
    text-align:center;
}
.gg-faq-empty-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin:0 auto 15px;
    border-radius:15px;
    background:#f1f4f6;
    color:#89939f;
    font-size:20px;
}
.gg-faq-empty strong{
    display:block;
    margin:0 0 7px;
    color:#1a232d;
    font-size:16px;
    font-weight:800;
}
.gg-faq-empty p{
    margin:0;
    color:#929ba5;
    font-size:13px;
    line-height:1.6;
}
.gg-faq-admin-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:36px;
    margin-top:16px;
    padding:0 14px;
    border-radius:8px;
    background:#0b111a;
    color:#fff !important;
    font-size:12px;
    font-weight:700;
    text-decoration:none !important;
}

/* 관리자 톱니 */
.faq_admin{
    margin-top:-12px;
    text-align:right;
}
.faq_admin .btn_admin{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0 !important;
    border:1px solid #e3e8ed !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#7b8490 !important;
    box-shadow:none !important;
}
.faq_admin .fa-spin{
    animation:none !important;
}

/* 페이지네이션 */
.pg_wrap{margin-top:20px;}

/* 혹시 PC창이 좁아졌을 때만 최소 대응 */
@media (max-width:767px){
    .gg-faq-page{margin:18px auto 32px;}
    .gg-faq-head{padding:22px 18px 19px;border-radius:14px;}
    .gg-faq-head:before{left:18px;width:36px;}
    .gg-faq-head h1{font-size:23px;}
    #faq_sch .btn_submit{width:74px !important;}
    #bo_cate{padding:10px;}
    #faq_wrap li h3{padding-left:58px;}
    #faq_con .con_inner{padding-left:58px;padding-right:50px;}
}


/* GGONGPLAY FAQ V3 — legacy duplicate master title/admin cleanup */
#faq_hhtml,
#faq_thtml,
#faq_himg,
#faq_timg,
.faq_admin {
    display:none !important;
}