@charset "utf-8";

#bo_cate {margin-bottom:28px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

#faq_wrap {margin:10px 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 #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#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:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}

#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

/* ONCAP support/FAQ/QA UI normalization. */
#faq_wrap,
#bo_list,
#bo_v,
#bo_w,
#bo_cate,
#sfl,
#stx {
    box-sizing: border-box;
}

#faq_wrap,
#bo_list,
#bo_v,
#bo_w {
    height: auto !important;
    min-height: 0 !important;
}

#faq_wrap .faq_admin,
#bo_list .btn_bo_user,
#bo_w .btn_confirm,
#bo_v_top {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

#faq_wrap a,
#faq_wrap button,
#bo_list .btn,
#bo_v .btn,
#bo_w .btn,
#bo_w button,
#bo_w input[type="submit"] {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
}

#faq_wrap .btn,
#bo_list .btn,
#bo_v .btn,
#bo_w .btn,
#bo_w button,
#bo_w input[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    font-weight: 700;
    line-height: 1 !important;
}

#faq_wrap .btn_submit,
#bo_w .btn_submit,
#bo_list .btn_write {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

#faq_wrap .btn_submit:hover,
#bo_w .btn_submit:hover,
#bo_list .btn_write:hover {
    background: #1d4ed8 !important;
    color: #fff !important;
}

#bo_w .frm_input,
#bo_w input[type="text"],
#bo_w input[type="password"],
#bo_w input[type="email"],
#bo_w select,
#bo_w textarea,
#faq_wrap input[type="text"],
#faq_wrap select {
    min-height: 44px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    box-sizing: border-box;
}

#bo_w textarea,
#faq_wrap textarea {
    line-height: 1.7;
}

@media (max-width: 768px) {
    #faq_wrap .faq_admin,
    #bo_list .btn_bo_user,
    #bo_w .btn_confirm,
    #bo_v_top {
        align-items: stretch;
        justify-content: flex-start;
    }

    #faq_wrap .btn,
    #bo_list .btn,
    #bo_v .btn,
    #bo_w .btn,
    #bo_w button,
    #bo_w input[type="submit"] {
        width: 100%;
        flex: 1 1 auto;
    }
}