@charset "utf-8";
/* 2026-10-29: faq.css의 FAQ 본문 디자인을 스킨에 적용. 공통 헤더·푸터·커서는 기존 테마에서 유지. */

@keyframes faqSkinFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8%) rotate(8deg)}}
@keyframes faqSkinGlow{0%,100%{translate:0 0}50%{translate:calc(46 * var(--u)) calc(-34 * var(--u))}}

#faqPage {
    --u: clamp(0.42px, calc(100vw / 1920), 1px);
    --bg:#f8f8f8;
    --ink:#111;
    --text:#555;
    --yellow:#f49b20;
    --orange:#f49b20;
    --blue:#1b4dff;
    --soft:#e1e1e1;
    --pad: max(20px, calc(70 * var(--u)), env(safe-area-inset-left, 0px));
    --ease: cubic-bezier(.16,1,.3,1);
    --spring: cubic-bezier(.34,1.56,.64,1);
    color-scheme: light;
}

#faqPage * {
    box-sizing:border-box;
    margin:0;
    padding:0;
}

#faqPage {
    background:#fff;
    color:var(--ink);
    font-family:'DM Sans','Noto Sans KR',system-ui,sans-serif;
    overflow-x:clip;
    -webkit-font-smoothing:antialiased;
    word-break:keep-all;
}

#faqPage img {
    display:block;
    max-width:100%;
}

#faqPage a {
    color:inherit;
    text-decoration:none;
}

#faqPage button {
    font:inherit;
    color:inherit;
    background:none;
    border:0;
    cursor:pointer;
}

#faqPage ul {
    list-style:none;
}

#faqPage main {
    overflow-x:clip;
}

#faqPage .pad {
    padding-left:var(--pad);
    padding-right:var(--pad);
}

#faqPage .arw {
    display:block;
    flex:none;
}

#faqPage .rv {
    opacity:0;
    transform:translate3d(0,60px,0);
    transition:opacity 1.6s ease,transform 2s var(--ease);
    transition-delay:var(--d,0s);
}

#faqPage .rv.in {
    opacity:1;
    transform:none;
}

#faqPage .ttl2 .w {
    display:inline-block;
    overflow:hidden;
    vertical-align:bottom;
    padding-bottom:.06em;
}

#faqPage .ttl2 .w>span {
    display:inline-block;
    transform:translate3d(0,110%,0);
    transition:transform 2s var(--ease);
    transition-delay:var(--d,0s);
}

#faqPage .ttl2.in .w>span {
    transform:none;
}

#faqPage .lines .ln {
    display:block;
    overflow:hidden;
    padding-bottom:.06em;
}

#faqPage .lines .ln>span {
    display:inline-block;
    transform:translate3d(0,108%,0);
    transition:transform 1.9s var(--ease);
    transition-delay:calc(var(--d,0s) + var(--k,0) * .14s);
}

#faqPage .lines.in .ln>span {
    transform:none;
}

#faqPage .stg>* {
    opacity:0;
    transform:translate3d(0,70px,0);
    transition:opacity 1.5s ease,transform 2s var(--ease);
    transition-delay:calc(var(--i,0) * .11s);
}

#faqPage .stg.in>* {
    opacity:1;
    transform:none;
}

#faqPage .ttl2 {
    font-weight:700;
    font-size:max(40px, calc(80 * var(--u)));
    font-size:round(max(40px, calc(80 * var(--u))), 1px);
    line-height:1.3;
    letter-spacing:-.01em;
    color:var(--ink);
}

#faqPage .lead {
    font-size:max(15px, calc(24 * var(--u)));
    font-size:round(max(15px, calc(24 * var(--u))), 1px);
    line-height:1.5;
    color:var(--text);
    letter-spacing:-.05em;
}

#faqPage .big {
    font-weight:600;
    font-size:max(30px, calc(80 * var(--u)));
    font-size:round(max(30px, calc(80 * var(--u))), 1px);
    line-height:1.3;
    letter-spacing:-.05em;
    color:#111;
}

#faqPage .big em {
    font-style:normal;
    color:var(--orange);
}

#faqPage .pill {
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:240px;
    height:60px;
    padding:0 13px 0 30px;
    border-radius:50px;
    background:#111;
    color:#fff;
    font-size:20px;
    font-weight:600;
    letter-spacing:-.05em;
    line-height:1.3;
    white-space:nowrap;
    transition:background .4s,color .4s,box-shadow .4s;
}

#faqPage .pill .arw {
    width:35px;
    height:35px;
    transition:transform .7s var(--spring);
}

#faqPage .pill:hover {
    background:#000;
}

#faqPage .pill:hover .arw {
    transform:rotate(45deg);
}

#faqPage .pill.dl:hover .arw {
    transform:translateY(3px);
}

#faqPage .pill.lg {
    width:420px;
    height:80px;
    padding:0 22px 0 40px;
    font-size:24px;
    background:#111;
}

#faqPage .pill.ol {
    background:#fff;
    color:#111;
    box-shadow:inset 0 0 0 1px #111;
}

#faqPage .pill.ol:hover {
    background:#111;
    color:#fff;
}

#faqPage .pill.dk {
    background:#111;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}

#faqPage .pill.dk:hover {
    background:#fff;
    color:#111;
}

#faqPage .sheet {
    position:relative;
    z-index:2;
    background:var(--bg);
    border-radius:80px 80px 0 0;
}

#faqPage .qa {
    width:min(1144px, 60%);
}

#faqPage .qi {
    position:relative;
}

#faqPage .qi+.qi {
    margin-top:17px;
    padding-top:17px;
}

#faqPage .qi+.qi::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:rgba(0,0,0,.08);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform 1.8s var(--ease);
    transition-delay:var(--d,0s);
}

#faqPage .qi.in::before {
    transform:none;
}

#faqPage .qi .fl-question-toggle {
    width:100%;
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 34px;
    border-radius:25px;
    text-align:left;
    font-size:max(17px, calc(24 * var(--u)));
    font-size:round(max(17px, calc(24 * var(--u))), 1px);
    font-weight:500;
    line-height:1.3;
    letter-spacing:-.05em;
    color:#111;
    transition:background .4s;
}

#faqPage .qi .arw {
    width:35px;
    height:35px;
    color:#111;
    transform:rotate(135deg);
    transition:transform .9s var(--ease),color .4s;
}

#faqPage .qi.open .arw {
    transform:rotate(-45deg);
    color:var(--orange);
}

#faqPage .qi .a {
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .85s var(--ease);
}

#faqPage .qi.open .a {
    grid-template-rows:1fr;
}

#faqPage .qi .a>div {
    overflow:hidden;
}

#faqPage .sw {
    width:100%;
    max-width:1440px;
    margin:0 auto;
}

#faqPage .shero {
    position:sticky;
    top:0;
    z-index:0;
    padding:100px var(--spad) 0;
    background:#fff;
}

#faqPage .sh-veil {
    position:absolute;
    inset:0;
    z-index:2;
    background:#f8f8f8;
    opacity:0;
    pointer-events:none;
}

#faqPage .shero-in {
    min-height:max(300px, calc(450 * var(--u)));
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:30px 0 40px;
}

#faqPage .sh-t {
    font-size:max(48px, calc(90 * var(--u)));
    font-size:round(max(48px, calc(90 * var(--u))), 1px);
    font-weight:700;
    line-height:1.3;
    letter-spacing:-.03em;
    color:#111;
}

#faqPage .sh-t b {
    font-weight:700;
    color:var(--orange);
}

#faqPage .sh-sub {
    margin-top:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

#faqPage .sh-s1 {
    font-size:max(21px, calc(45 * var(--u)));
    font-size:round(max(21px, calc(45 * var(--u))), 1px);
    font-weight:500;
    line-height:1.3;
    letter-spacing:-.05em;
    color:#111;
}

#faqPage .sh-s2 {
    font-size:max(15px, calc(20 * var(--u)));
    font-size:round(max(15px, calc(20 * var(--u))), 1px);
    line-height:1.5;
    letter-spacing:-.05em;
    color:#555;
}

#faqPage .sh-btn {
    margin-top:40px;
}

#faqPage .pill.sbtn {
    width:360px;
    height:60px;
    padding:0 13px 0 20px;
    font-size:16px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}

#faqPage .shero.deco {
    overflow-x:clip;
    overflow-y:visible;
}

#faqPage .sh-deco {
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}

#faqPage .shero.deco .shero-in {
    position:relative;
    z-index:1;
}

#faqPage .sh-big {
    position:absolute;
    left:calc(var(--bx, 800) * var(--u));
    top:calc(100px + 41.5 * var(--u));
    font-family:'paperLogy','DM Sans',sans-serif;
    font-size:calc(200 * var(--u));
    font-size:round(calc(200 * var(--u)), 1px);
    font-weight:700;
    line-height:1.18;
    letter-spacing:0;
    white-space:nowrap;
    color:#f8f8f8;
    opacity:0;
    transform:translate3d(calc(80 * var(--u)),0,0);
    transition:opacity 1.6s ease .3s,transform 2.4s var(--ease) .3s;
}

#faqPage.faq-ready .sh-big {
    opacity:1;
    transform:none;
}

#faqPage .sh-g {
    position:absolute;
    max-width:none;
    height:auto;
    opacity:0;
    transition:opacity 2.4s ease .2s;
}

#faqPage.faq-ready .sh-g {
    opacity:.4;
}

#faqPage .sh-g1 {
    left:calc(-250 * var(--u));
    top:calc(100px - 110 * var(--u));
    width:calc(640 * var(--u));
    animation:faqSkinGlow 17s ease-in-out infinite;
}

#faqPage .sh-cube {
    display:inline-block;
    vertical-align:top;
    width:calc(57 / 90 * 1em);
    margin:calc(52 / 90 * 1em) 0 0 calc(10 / 90 * 1em);
    opacity:0;
    transform:translate3d(0,30%,0) rotate(-25deg) scale(.6);
    transition:opacity 1.2s ease .5s,transform 1.8s cubic-bezier(.3,1.25,.5,1) .5s;
}

#faqPage .sh-t.in .sh-cube {
    opacity:1;
    transform:none;
}

#faqPage .sh-cube img {
    display:block;
    width:100%;
    animation:faqSkinFloat 5.7s ease-in-out 2.4s infinite;
}

@media (max-width:900px) {
    #faqPage .sh-big {
        left:auto;
        right:-4%;
        top:76px;
        font-size:96px;
    }

    #faqPage .sh-g1 {
        width:360px;
        left:-170px;
        top:20px;
    }

}

@media (max-width:640px) {
    #faqPage .sh-big {
        display:none;
    }

}

@media (prefers-reduced-motion:reduce) {
    #faqPage .sh-big,
    #faqPage .sh-cube {
        opacity:1!important;
        transform:none!important;
    }

    #faqPage.faq-ready .sh-g,
    #faqPage .sh-g {
        opacity:.4!important;
    }

}

#faqPage .pill.sbtn.w240 {
    width:240px;
}

#faqPage .shero.c .shero-in {
    align-items:center;
    text-align:center;
}

#faqPage .shero.c .sh-sub {
    align-items:center;
}

#faqPage .sh-h {
    font-size:max(30px, calc(60 * var(--u)));
    font-size:round(max(30px, calc(60 * var(--u))), 1px);
    font-weight:400;
    line-height:1.4;
    letter-spacing:-.05em;
    color:#111;
}

#faqPage .sh-h .b {
    font-weight:600;
}

#faqPage .sh-h em {
    font-style:normal;
    color:var(--orange);
}

#faqPage .chips {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
}

#faqPage .chip {
    position:relative;
    display:inline-flex;
    align-items:center;
    height:60px;
    padding:0 40px;
    border-radius:50px;
    background:#fff;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
    font-size:20px;
    font-weight:500;
    line-height:1.3;
    letter-spacing:-.05em;
    color:#111;
    white-space:nowrap;
    cursor:pointer;
    transition:background .45s,color .45s,box-shadow .45s;
}

#faqPage .chip:hover {
    box-shadow:inset 0 0 0 1px #111;
}

#faqPage .chip.on,
#faqPage input:checked+.chip {
    background:#111;
    color:#fff;
    box-shadow:inset 0 0 0 1px #111;
}

#faqPage .chips.og .chip.on {
    background:linear-gradient(135deg,rgba(232,145,19,.9) 0%,rgba(233,126,27,.9) 49.519%,rgba(235,107,36,.9) 100%);
    box-shadow:none;
}

#faqPage .chips.sm .chip {
    height:45px;
    padding:0 40px;
    font-size:16px;
}

#faqPage .chip:focus-visible,
#faqPage input:focus-visible+.chip {
    outline:2px solid var(--orange);
    outline-offset:3px;
}

@media (max-width:900px) {
    #faqPage .chip {
        height:50px;
        padding:0 26px;
        font-size:17px;
    }

    #faqPage .chips.sm .chip {
        height:42px;
        padding:0 24px;
        font-size:15px;
    }

}

@media (max-width:640px) {
    #faqPage .shero-in {
        min-height:260px;
        padding:20px 0 36px;
    }

    #faqPage .pill.sbtn {
        width:100%;
    }

    #faqPage .chips {
        flex-wrap:nowrap;
        justify-content:flex-start;
        overflow-x:auto;
        margin:0 calc(-1 * var(--spad));
        padding:2px var(--spad);
        scrollbar-width:none;
    }

    #faqPage .chips::-webkit-scrollbar {
        display:none;
    }

    #faqPage .chip,
    #faqPage .chips.sm .chip {
        flex:none;
        height:44px;
        padding:0 20px;
        font-size:15px;
    }

    #faqPage .pgn {
        gap:3px;
    }

    #faqPage .pgn button,
    #faqPage .pgn .gap {
        width:36px;
        height:36px;
        font-size:15px;
    }

    #faqPage .pgn .gap {
        width:18px;
    }

    #faqPage .pgn .ar svg {
        width:36px;
        height:36px;
    }

    #faqPage .pgn .ar.prev {
        margin-right:8px;
    }

    #faqPage .pgn .ar.next {
        margin-left:8px;
    }

}

#faqPage .sr {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
}

#faqPage .fl {
    padding:calc(120 * var(--u) + 20px) var(--spad) calc(80 * var(--u) + 10px);
}

#faqPage .fl .chips {
    margin-bottom:calc(80 * var(--u) + 10px);
}

#faqPage .fl-search {
    position:relative;
    display:flex;
    align-items:center;
    height:max(64px, calc(80 * var(--u)));
    border-bottom:1px solid rgba(0,0,0,.08);
    margin-bottom:calc(80 * var(--u) + 10px);
}

#faqPage .fl-search::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:2px;
    background:#111;
    transform:scaleX(0);
    transition:transform .9s var(--ease);
}

#faqPage .fl-search:focus-within::after {
    transform:none;
}

#faqPage .fl-search input[type="search"] {
    flex:1;
    min-width:0;
    height:100%;
    padding:0 110px;
    border:0;
    border-radius:0;
    background:transparent;
    outline:none;
    -webkit-appearance:none;
    appearance:none;
    text-align:center;
    font:inherit;
    font-size:max(17px, calc(24 * var(--u)));
    font-size:round(max(17px, calc(24 * var(--u))), 1px);
    letter-spacing:-.05em;
    color:#111;
}

#faqPage .fl-search input[type="search"]::placeholder {
    color:#797e8d;
    transition:opacity .3s;
}

#faqPage .fl-search input[type="search"]:focus::placeholder {
    opacity:.5;
}

#faqPage .fl-search input[type="search"]::-webkit-search-cancel-button {
    display:none;
}

#faqPage .fl-go {
    position:absolute;
    right:20px;
    top:50%;
    width:35px;
    height:35px;
    margin-top:-17.5px;
    color:#797e8d;
    transition:color .3s;
}

#faqPage .fl-go .ic {
    display:block;
    width:100%;
    height:100%;
}

#faqPage .fl-search:focus-within .fl-go,
#faqPage .fl-go:hover {
    color:#111;
}

#faqPage .fl-clr {
    position:absolute;
    right:70px;
    top:50%;
    width:28px;
    height:28px;
    margin-top:-14px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e8e8e8;
    color:#555;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s,background .3s,color .3s;
}

#faqPage .fl-clr svg {
    width:10px;
    height:10px;
}

#faqPage .fl-search.has .fl-clr {
    opacity:1;
    pointer-events:auto;
}

#faqPage .fl-clr:hover {
    background:#111;
    color:#fff;
}

#faqPage .fl .qa.fl-list {
    width:100%;
    transition:opacity .35s ease;
}

#faqPage .fl-list.fade {
    opacity:0;
}

#faqPage .fl .qi .fl-question-toggle {
    font-weight:400;
}

#faqPage .fl .qi .cat {
    font-weight:700;
    margin-right:.35em;
}

#faqPage .fl .qi mark {
    background:rgba(244,155,32,.22);
    color:inherit;
    border-radius:4px;
    padding:0 2px;
}

#faqPage .fl-empty {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding:40px 0 20px;
    text-align:center;
}

#faqPage .fl-empty[hidden] {
    display:none;
}

#faqPage .fl-empty .t {
    font-size:max(19px, calc(24 * var(--u)));
    font-size:round(max(19px, calc(24 * var(--u))), 1px);
    font-weight:600;
    letter-spacing:-.05em;
    color:#111;
}

#faqPage .fl-empty .d {
    font-size:16px;
    line-height:1.6;
    letter-spacing:-.05em;
    color:#555;
}

#faqPage .fl-empty .pill {
    margin-top:20px;
}

@media (max-width:640px) {
    #faqPage .fl-search input[type="search"] {
        padding:0 84px 0 12px;
        text-align:left;
    }

    #faqPage .fl-go {
        right:6px;
        width:28px;
        height:28px;
        margin-top:-14px;
    }

    #faqPage .fl-clr {
        right:44px;
    }

}

@media (max-width:900px) {
    #faqPage .qi .fl-question-toggle {
        padding:0 18px;
        border-radius:18px;
    }

}

@media (max-width:640px) {
    #faqPage .sheet {
        border-radius:40px 40px 0 0;
    }

}


/* 2026-10-29: 기존 FAQ의 HTML 답변·닫기·상하단 설정·관리자 링크와 get_paging 마크업 지원. */
#faqPage {
    width: 100%;
    --spad: max(var(--pad), calc(50vw - 720px));
}
#faqPage [hidden] { display: none !important; }
#faqPage .sh-big { font-family: 'paperLogy', 'DM Sans', sans-serif !important; }
#faqPage ol { list-style: none; }
#faqPage .fl-question-text { min-width: 0; overflow-wrap: anywhere; }
#faqPage .fl-question-text>p { display: inline; }
#faqPage .fl-question-toggle>.arw { flex: none; }
#faqPage .fl-question-toggle:focus-visible,
#faqPage .fl-answer-close:focus-visible,
#faqPage .fl-go:focus-visible,
#faqPage .fl-clr:focus-visible,
#faqPage .faq-manage-link:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
#faqPage .fl-answer-clip { min-height: 0; }
#faqPage .fl-answer-content { padding: 16px 34px 8px; font-size: 17px; line-height: 1.7; color: var(--text); overflow-wrap: anywhere; }
#faqPage .qi .a .fl-answer-content p { padding: 0; font: inherit; color: inherit; }
#faqPage .fl-answer-content p+p,
#faqPage .fl-answer-content ul,
#faqPage .fl-answer-content ol { margin-top: .8em; }
#faqPage .fl-answer-content ul { padding-left: 1.4em; list-style: disc; }
#faqPage .fl-answer-content ol { padding-left: 1.4em; list-style: decimal; }
#faqPage .fl-answer-content a { text-decoration: underline; }
#faqPage .fl-answer-content img,
#faqPage .fl-answer-content iframe,
#faqPage .fl-answer-content video { max-width: 100%; }
#faqPage .fl-answer-content table { width: 100%; max-width: 100%; }
#faqPage .fl-answer-close { display: inline-flex; align-items: center; justify-content: flex-start; width: auto; min-height: 0; gap: 8px; margin-top: 16px; padding: 8px 0; border: 0; border-radius: 0; background: none; color: #797e8d; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: -.03em; }
#faqPage .fl-answer-close:hover { color: var(--orange); }
#faqPage .faq_img { text-align: center; }
#faqPage .faq_img img { height: auto; margin: 0 auto; }
#faqPage #faq_himg,
#faqPage #faq_hhtml:not(:empty) { margin-bottom: 32px; }
#faqPage #faq_thtml:not(:empty),
#faqPage #faq_timg { margin-top: 32px; }
#faqPage .faq_admin { margin-top: 24px; text-align: right; }
#faqPage .faq-manage-link { display: inline-block; padding: 10px 16px; border: 1px solid #dfdfdf; border-radius: 24px; font-size: 14px; line-height: 1.4; }
#faqPage .faq-manage-link:hover { border-color: #111; }
#faqPage .pgn { display: flex; justify-content: center; margin-top: calc(80 * var(--u) + 10px); }
#faqPage .pgn .pg_wrap { display: block; width: auto; margin: 0; padding: 0; border: 0; background: none; text-align: center; }
#faqPage .pgn .pg { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; }
#faqPage .pgn .pg_page,
#faqPage .pgn .pg_current { display: grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #111; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; font-variant-numeric: tabular-nums; }
#faqPage .pgn .pg_page:hover { background: rgba(0,0,0,.05); }
#faqPage .pgn .pg_current { background: #111; color: #fff; }
#faqPage .pgn .pg_start,
#faqPage .pgn .pg_end,
#faqPage .pgn .pg_prev,
#faqPage .pgn .pg_next { background: #fff; box-shadow: inset 0 0 0 1px #dfdfdf; font-size: 0; }
#faqPage .pgn .pg_start::before { content: '«'; font-size: 24px; }
#faqPage .pgn .pg_end::before { content: '»'; font-size: 24px; }
#faqPage .pgn .pg_prev::before { content: '‹'; font-size: 24px; }
#faqPage .pgn .pg_next::before { content: '›'; font-size: 24px; }
#faqPage .pgn a:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
@media (max-width:900px) {
    #faqPage .fl-answer-content { padding: 12px 18px 6px; }
}
@media (max-width:640px) {
    #faqPage .pgn .pg { gap: 3px; }
    #faqPage .pgn .pg_page, #faqPage .pgn .pg_current { width: 36px; height: 36px; font-size: 15px; }
    #faqPage .pgn .pg_start, #faqPage .pgn .pg_end, #faqPage .pgn .pg_prev, #faqPage .pgn .pg_next { font-size: 0; }
    #faqPage .fl-question-toggle { gap: 12px; }
    #faqPage .fl-question-toggle>.arw { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion:reduce) {
    #faqPage *, #faqPage *::before, #faqPage *::after { animation: none !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
    #faqPage .rv, #faqPage .ttl2 .w>span, #faqPage .lines .ln>span, #faqPage .stg>* { opacity: 1 !important; transform: none !important; filter: none !important; }
    #faqPage .qi::before { transform: none !important; }
}