@charset "utf-8";


ul.faq_list_board {color: #363636; }

ul.faq_list_board li {border-bottom:1px solid #555; position: relative;}
ul.faq_list_board li:first-child {border-top:1px solid #555;}

ul.faq_list_board p.q {display: block; padding:30px 30px 30px 5px; position: relative; font-weight: 700; cursor: pointer; font-size:28px; transition:all 0.3s;}
ul.faq_list_board p.q:hover {color:var(--main-color); transition:all 0.3s;}

ul.faq_list_board p.q:after {content:"\f107"; font-family:"FontAwesome"; font-size: 20px; display:block; text-align: center; position:absolute;  width:28px; height:28px; line-height: 28px;right:0; top:50%; margin-top: -14px;	transform: rotate(0deg); transition: transform 120ms 200ms ease-out;	z-index:0;

}

ul.faq_list_board p.q:hover:after {color:#333;}

ul.faq_list_board p.q.on:after  {transform: rotate(-180deg);    transition: transform 120ms ease-in-out;  }

ul.faq_list_board p.q.on {}



ul.faq_list_board span.qt {font-size:0.95rem; font-weight:600; color: #252525; text-align: center; padding:0 10px 0 0;}



ul.faq_list_board div.answer  {position:relative;color: #686868; background: #f9f9f9; padding: 20px 20px 20px 5px; display: none; font-size:1rem; margin-bottom:15px;}


ul.faq_list_board div.answer img {max-width:100%; margin: 0;}



ul.faq_list_board div.answer .desc {font-size:20px; line-height: 1.5; font-weight:300; color:#333;}
ul.faq_list_board div.answer .desc h2 {font-size:22px; line-height: 1.5; font-weight:300; color:#333; padding-bottom:15px;}
ul.faq_list_board div.answer .desc p {padding-bottom:10px;}
ul.faq_list_board div.answer .desc br {display: none;}

ul.faq_list_board .cate_name {display: inline-block; padding: 0 10px 0 0; text-align: center;}

	

ul.faq_list_board .empty_table {min-height:110px; padding-top: 40px;}


@media screen and (max-width:926px) {
    ul.faq_list_board div.answer {
        position: relative;
        color: #686868;
        background: #f9f9f9;
        padding: 20px 20px 20px 5px;
        display: none;
        font-size: 1rem;
        margin-bottom: 15px;
    }

    ul.faq_list_board p.q {
        display: block;
        padding: 15px 30px 15px 5px;
        position: relative;
        font-weight: 700;
        cursor: pointer;
        font-size: 15px;
        transition: all 0.3s;
    }

    ul.faq_list_board div.answer {
        position: relative;
        color: #686868;
        background: #f9f9f9;
        padding: 20px 0px 20px 5px;
        display: none;
        font-size: 1rem;
        margin-bottom: 15px;

    }

    ul.faq_list_board div.answer .desc {
        font-size: 15px;
        word-break: break-word;
    }

    ul.faq_list_board div.answer .desc h2 {
        padding-bottom:15px;
        font-size:17px;
    }
}




/* 새글 스킨 (latest) */

.lat {position:relative;margin-bottom:20px;background:#fff}

.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}

.lat .lat_title a {position:relative;color:#000;display:inline-block}



.lat ul {padding:10px 0}

.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;margin-bottom:10px}

.lat li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}

.lat li a:hover {color:#3a8afd}

.lat li .fa-heart {color:#ff0000}

.lat li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}

.lat li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}

.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}

.lat li .fa-caret-right {color:#bbb}

.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}

.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}



.lat .profile_img img{border-radius:50%}



.lt_info {padding:10px 0}

.lt_info .lt_nick {}

.lt_info .lt_date {color:#888}



.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}

.lat .empty_li:before {background:none;padding:0}



.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.lat .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}

.lat .lt_more:hover {color:#777}