@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 {width:1200px;margin:0 auto;}

#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}

/* 아코디언 전체보기: 둥근 박스 + 밝은 청록 테두리 (이미지 스타일) */
.faq_accordion_wrap {margin:10px 0 30px}
.faq_accordion_switch {margin:0 0 12px;text-align:right;font-size:0.9em}
.faq_accordion_switch a {color:#3a8afd;text-decoration:none}
.faq_accordion_switch a:hover {text-decoration:underline}

.faq_accordion_menu {margin:0;padding:0;list-style:none}
.faq_accordion_menu .faq_cate_item {
    margin-bottom:12px;
    border:1px solid #00bcd4;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
}
.faq_accordion_menu .faq_cate_item:last-child {margin-bottom:0}

.faq_cate_tit {margin:0;padding:0}
.faq_cate_link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    padding: 0 30px;
    cursor: pointer;
    transition:background .2s;
}
.faq_cate_link:hover, .faq_cate_link:focus {background:#e0f7fa;text-decoration:none;color:#000}
.faq_cate_item.faq_cate_open .faq_cate_link {background:#e0f7fa;color:#000}
.faq_cate_name {font-size: 23px;font-weight: 600;color:#000;}
.faq_cate_link i {margin-left:8px;font-size:23px;color:#808080;transition:transform .3s}
.faq_cate_item.faq_cate_open .faq_cate_link i {transform:rotate(180deg);color:#808080}

.faq_cate_body {
    display:none;
    overflow:hidden;
    border-top:1px solid #b2ebf2;
}
.faq_cate_body .faq_img {
    max-width:100%;
    height:auto;
    margin:10px 0;
}
.faq_cate_body .faq_item_list {margin:0;padding:0;list-style:none}
.faq_cate_body .faq_item {border-bottom:1px solid #ececec;background:#fff;position:relative}
.faq_cate_body .faq_item:last-child {border-bottom:0}

.faq_cate_body .faq_q_tit {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
.faq_cate_body .faq_q_link {color:#333;text-decoration:none;cursor:pointer}
.faq_cate_body .faq_q_link:hover {color:#3a8afd;text-decoration:underline}
.faq_cate_body .faq_q_tit.faq_li_open .faq_q_link {color:#3a8afd;font-weight:bold}
.faq_cate_body .faq_q_tit .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
.faq_cate_body .faq_q_tit .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:transparent;color:#c5cdd8;font-size:1.2em;cursor:pointer}
.faq_cate_body .faq_q_tit .tit_btn:hover {color:#3a8afd}

.faq_cate_body .con_inner {display:none;padding:15px 20px 20px 50px;border-top:1px solid #f0f0f0;background:#fff}
.faq_cate_body .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:transparent;color:#3a8afd;font-size:1.2em;cursor:pointer}

/* 로딩 메시지 */
.faq_loading, .empty_list {
    padding:20px;
    text-align:center;
    color:#666;
    font-size:0.9em;
}

/* 카테고리별 보기일 때 전체 아코디언 보기 링크 */
.faq_cate_nav .faq_accordion_switch {display:inline-block;margin-left:12px;margin-bottom:0;vertical-align:middle}

@media only screen and (max-width:640px) {
    .inner2{width:100%}
    #faq_wrap{width:600px;margin:0 auto;}
}