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



/*coustom*/

#faq_con .con_inner .closer_btn {border: 1px solid #000;}
#faq_sch {background: #f5f5f5 ;border-radius: 4px;;}
.sch_btn02 {width: 90px;
    height: 50px;
    font-size: 15px;
    color: #fff;
    border: 0;
    background-color: #212529;
    vertical-align: middle;border-radius: 2px;transition: .1s;}
    .sch_btn02:hover {background-color: #424649;}    



.list-search-keyword {    width: 310px;
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
    border: 1px solid #d1d1d1;
    vertical-align: middle;
    border-radius: 2px;}

    #bo_cate {margin-top: 40px; margin-bottom: 20px;}
    #bo_cate #bo_cate_on {

        background: #fff;
        color: #fff;
        font-weight: normal;
        border: 1px solid var(--color-point);
        box-shadow: none;
        border-radius: 4px;
        color:var(--color-point);
    }

    

#faq_wrap {
    position: relative;
    border-top: 2px solid #555;
    margin-bottom: 20px;}
    #faq_wrap li h3 {font-size: 18px;}
    #faq_wrap li h3 .tit_bg {
    color: var(--color-point);
    margin-right: 14px;font-size: 24px;top: 17px;
    left: 28px;}


    #faq_wrap li {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    letter-spacing: -0.5pt;
    font-size: 1.2rem;
    font-weight: 500;
    color: #555;
    line-height: 30px;}
    #faq_wrap li h3.faq_li_open a {color: #000;}


    #faq_con .con_inner {
    border-top: 1px solid #ddd;
    padding: 20px 30px 20px 30px;
    background: #f9f9f9;
    display: none;
    margin: 0;font-size: 17px;font-weight: 400;}

    #faq_wrap li h3 { padding: 20px 45px 20px 60px; }
    .answer {
    font-weight: 700;
    float: left;
    margin-right: 14px;
    width: 16px;
    font-size: 20px;
    line-height: 100%;
    color: #666;
    margin-top: 3px;}



.faq_admin {font-size: 1.2rem;}    

#faq_wrap li h3 .tit_btn:before, #faq_wrap li h3 .tit_btn:after {
    content: '';
    position: absolute;
    top: 8px;
    display: block;
    width: 2px;
    height: 13px;
    background: #bbb;
    transition: .1s;
}


#faq_wrap li h3 .tit_btn:before, #faq_wrap li h3 .tit_btn:after {    content: '';
    position: absolute;
    display: block;
    width: 2px;
    height: 13px;
    background: #bbb;
    transition: .1s;}

#faq_wrap li h3 .tit_btn:before {    margin-right: 4px;    right: 50%;    transform: rotate(135deg);    width: 2px;}
#faq_wrap li h3 .tit_btn:after {margin-left: 3px;    width: 2px;  transform: rotate(45deg);left: 50%;}    
#faq_wrap li h3.faq_li_open .tit_btn:before {    transform: rotate(45deg);
    background: var(--color-point);    width: 2px;margin-right: 4px;}
#faq_wrap li h3.faq_li_open .tit_btn:after{    transform: rotate(135deg);
    background: var(--color-point); }    
#bo_cate a {color: #000;
    background-color: #efefef;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #ccc;}
#bo_cate #bo_cate_on {    color:#000;
    background-color:#fff;
    font-weight: 500;    border-radius: 4px;
    border: 1px solid #212529}
    #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {background:#212529;}


/* 페이징 */
.pg_wrap {    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center; margin-top: 50px;float: none;}
.pg_current {      display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    color: #fff;
    background-color: #333;
    border: 1px solid #e5e5e5;}
    .pg {display: flex;}    
.pg a {    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    font-family: "noto-sans";
    color: #999;
    background-color: #fff;
    border: 1px solid #e5e5e5;}

    a.btn_admin, .btn_admin{font-size: 1.2rem;}


    @media screen and (max-width: 970px) {


    }

    @media screen and (max-width: 640px) {
        #faq_wrap li h3 .tit_bg {font-size: 18px;left:10px;top:10px;     }
        #faq_wrap li h3 {padding: 14px 35px 14px 32px;   min-height: auto;}
        #faq_wrap li h3 .tit_btn {top:10px;}
        #faq_wrap li h3 .tit_btn:before, #faq_wrap li h3 .tit_btn:after {height: 10px;margin-right: 1px;;}
        #faq_wrap li h3.faq_li_open .tit_btn:before {margin-right: 1px;}
        #faq_con .con_inner {padding: 14px 20px 14px 14px;}
        .answer{font-size: 15px;        margin-right: 10px;}
        .bbs .common-title-wrap {margin-bottom: 10px;}
        #bo_cate a {font-size: 14px;}
        #bo_w .bo_w_flie .frm_file {padding-left: 40px;}
        .pg_wrap {margin-top: 20px;}
        .pg_current {width: 30px;height: 30px;font-size: 14px;}
        .pg a {width: 30px; height: 30px;font-size: 14px;}
        .list-search-keyword {height: 45px; width: calc(100% - 75px);}
        .list-search-select {height: 45px;}
        .sch_btn02 {height: 45px;float: right;width: 75px;}
        
        .sch_flex {flex-direction: column;
            width: 100%;}
            #faq_sch {padding: 16px;}
     
    }