@charset "utf-8";

#bo_cate {height: fit-content; width: 100%;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display: flex; flex-wrap: wrap; gap:0.5rem; height: fit-content; width: 100%;}
#bo_cate li {display: flex;}
#bo_cate a {font-size: 0.875rem; padding:0.5rem; border-radius:0.5rem; border:1px solid #999;color:#666}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; opacity: 0.875;}
#bo_cate #bo_cate_on {z-index:2;background:#005430;color:#fff; font-weight: 700; border:1px solid #005430;}

#faq_wrap {margin:10px 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right; display: none;}
#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 ol p {line-height: 1.75; font-size: 0.875rem;}
#faq_wrap .faqq {min-height: 2rem; display: flex; align-items: center;}
.tit_bg {width: fit-content; height: fit-content; display: flex; justify-content: flex-start; align-items: flex-start; line-height: 1;}
#faq_wrap li h3 {display: flex; gap:1rem; padding: 1rem 0; align-items: flex-start; font-size: 1rem;}
#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; display: none;}
#faq_wrap li h3 .tit_bg {    
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    background: rgba( 0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
}
#faq_wrap li h3.faq_li_open a,#faq_wrap li h3.faq_li_open .tit_bg {}
#faq_con .con_inner_box {
    padding:1rem; 
    border-radius: 1rem; 
    background: rgba(0,0,0,0.03); 
    width: 100%;
    display:flex; gap:1rem;
}
#faq_con .con_inner {top:0;  padding-left:2rem; padding-bottom:1rem; position:relative;}
#faq_con .con_inner .tit_bg {    
    position: relative;
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    background: #005430;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
    color: white;
    z-index: 1000;
}
#faq_con .con_inner_box::before {
    content: "⤷";
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    color: #005430;
    }
#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; display: none;}

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

.cs-faq {max-width: calc(64rem + 4rem); padding: 0 2rem; margin: 0 auto;}
.cs-faq > h2 {font-size: 1.25rem; margin-bottom: 1rem; font-weight: 700; letter-spacing: -0.0125rem;}
.qa-container {display: flex; gap:1rem; flex-direction: column; margin-top: 2rem; padding: 2rem 0;}
.qa-container h3.title {font-size: 1.5rem; font-weight: 700; letter-spacing:-0.0375rem}
.qa-container a {font-size: 0.875rem; letter-spacing: -0.0125rem;}
.qa-container a.link-button {font-size: 1rem; letter-spacing: -0.0125rem;}
.title-aria {max-width:calc(64rem + 4rem); display: flex; margin: 0 auto; padding: 1rem 2rem; margin-bottom: 1rem;}
.title-aria h1 {font-size: 2rem; font-weight: 700;}

@media all and (max-width:768px) {
    .qa-container h3.title {font-size: 1.25rem;}
    .title-aria, .cs-faq {padding-left:1rem; padding-right: 1rem;}
    #faq_wrap li h3, #faq_con .con_inner_box {gap:0.75rem}
    #faq_con .con_inner_box::before {font-size: 1rem; left:0.25rem; }
    .qa-container a.link-button {font-size: 0.875rem;}
}