@charset "utf-8"; 
/*모바일일때 헤드*/
@media screen and (max-width:768px) { 
    header.header { height: 70px !important; background: #fff; } 
    header.header .logo { background: url(/theme/basic/img/logo_b.png)no-repeat center / contain !important; } 
    header.header .inner { height: 70px; line-height: 70px; } 
    header.header.on .inner { height: 70px; line-height: 70px; } 
    }


#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:#003089; color:#fff } 
#bo_cate #bo_cate_on { z-index:2; background:#003089; color:#fff; font-weight:bold; border:1px solid #003089; } 

#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 ol a {display: block;}
#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; 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_con .con_inner { display:none; padding:5px 5px 20px 50px } 
#faq_con .con_inner p { color: var(--gray-d-color);} 
#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:var(--gray-d-color); font-weight: 600; 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;margin-left: 0.3em; font-size:1.083em; font-weight:bold; color:#fff; } 

#faq_sch form { display: flex; justify-content: center; align-items: center; } 

.bo_cate_ul {display: none;}

@media screen and (max-width:500px) { 
    #faq_sch{margin-bottom: 1em; padding: 1em;}
    #faq_sch .frm_input {width: 150px;    height:30px;}
    #faq_sch .btn_submit {height: 30px;    font-size: 1.4rem;}
    #bo_cate #bo_cate_on{display: none;}
    #faq_wrap li h3 {    padding-left: 39px; font-size: 1.7rem;}
    #faq_wrap li h3 .tit_bg {font-size: 1.8rem;}
    #faq_wrap li h3 .tit_btn .material-symbols-rounded  {color: #000 !important;}
    #faq_con .con_inner {padding-left: 39px;}

}














/**/