@charset "utf-8";

:root {
    --Qmark-padding-area: 90px;
}

#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)}

#wrapper_title {display: none;}
.faq_page {padding-bottom: 100px;}
.faq_page .list_wrap .ti_area {text-align: center; border-bottom: 1px solid #000;}
#faq_wrap {margin:0px 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 #D9D9D9;background:transparent;position:relative}

#faq_wrap li h3 { position: relative; min-height: 50px; line-height: 30px; padding: 28px 0; padding-inline: var(--Qmark-padding-area); color: #000; font-size: 16px; font-weight: 400; line-height: 120%; letter-spacing: -0.32px; }
#faq_wrap li h3 .tit_btn { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); border: 0; width: 30px; height: 30px; background: url(/img/posm/icon_slide_down.svg) no-repeat center / 15px 8px; color: #c5cdd8; font-size: 1.2em }
#faq_wrap li:has(.faq_li_open) { border-bottom: 1px solid transparent;}
#faq_wrap li h3.faq_li_open .tit_btn { background: url(/img/posm/icon_slide_up.svg) no-repeat center / 15px 8px; }
#faq_wrap li h3 .tit_bg { display: inline-block; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); text-align: center; color: #00002D; font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 500; }
#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#faq_con .con_inner { display: none; padding: 38px 20px; padding-inline: var(--Qmark-padding-area); background: #FFF; border-radius: 10px; background: #FFF; }
#faq_con .con_inner p { color: #474747; font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.32px; }
#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: 50%; transform: translateY(-50%); 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}


@media screen and (max-width:768px) {
    :root {
        --Qmark-padding-area: 50px;
    }
    #smb_my_list:has(.aside_wrap) .aside_list {}
    #smb_my_list:has(.aside_wrap) .aside_list li {max-width: none;}
    #faq_wrap li h3 .tit_bg {left: 15px;}
    #smb_my_list .list_wrap .ti_area {margin-bottom: 0;}
}





@media screen and (max-width:500px) {
    #smb_my_list {width: 100%;}
    #smb_my_list .list_wrap .ti_area {min-height: 100px;}
    #faq_wrap li h3 {padding-top: 24px; padding-bottom: 24px;}
    #faq_con .con_inner {padding-top: 30px; padding-bottom: 30px;}
    #faq_con .con_inner p {line-height: 1.3;}
    #faq_con .con_inner p span {font-size: 15px !important;}

}