/**
	faq skin css
*/

.faq_title {cursor:pointer;}
.search_box { text-align:right; margin:0 15px; }
.search_box .btn { border-radius:0; height:34px; padding:0 15px; }

#accordion {}
#accordion.panel-group .panel { border-radius:0; box-shadow:none; border:0; margin:0; }
#accordion .faq_a { border:0; border-bottom:1px #ddd solid; }

#accordion .panel-default.active {
    background-color:#f4f6f9 !important; 
}

#accordion .panel-default>.panel-heading { background:none; border-bottom:1px #ddd solid;  }
#accordion .panel-default.active>.panel-heading {border-bottom: none;}
#accordion .panel-default>.panel-heading:after { content:""; clear:both; display:block; }


#accordion .panel-heading {display: flex;}

#accordion .faq_title div { width:90%; }
#accordion .nopost { width:100%; float:inherit; border-bottom:1px #ddd solid; }

#accordion .panel-default>.panel-heading,
#accordion .panel-body div { padding:25px 30px; }


#accordion a.faq_title p {
    line-height: 1.2em !important;
}
#accordion .faq_title:before    { 
    display:inline-block; font-size:30px;width:35px; height:35px; font-weight: 700;
    line-height:35px; text-align:center; margin-right:10px; }
    
#accordion .faq_a:before { display:inline-block; color:#f4f6f9;; font-size:35px; border-radius:10px; width:35px; height:35px; line-height:35px; text-align:center; margin-right:15px; } 
#accordion .faq_title:before { content:"Q";  }

#accordion .faq_title, 
#accordion .faq_a  {display: flex; align-items: center;}

#accordion .faq_title {  font-size: 18px; font-weight: 700; }

#accordion .faq_a {padding: 30px;}

#accordion .faq_title:before, 
#accordion a.faq_title:hover,
#accordion .panel-default.active .faq_title {color:#4f6df5 !important; }

#accordion .panel-title,
#accordion .panel-body { font-size:16px; line-height:1.5; padding:8px 0 0 0; } 
#accordion .panel-body { padding:0 60px 40px 30px ; } 


/* 부트스트랩 제거 */
#accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top: none !important}

@media (max-width:768px) {

    #accordion .faq_title, #accordion .faq_a {
        align-items: flex-start;

    }
    #accordion .faq_a:before {width: 55px;}
    #accordion .panel-body {padding: 0 20px 20px 10px;}
}