@charset "utf-8";

.list-category .div-tab.tabs { margin-bottom:5px; }
.div-panel.panel-group {padding-bottom: 50px;}

.faq-search { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.faq-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.faq-content { line-height:180%; }
.faq-content img { width:auto; height:auto; max-width:100%; }
.faq-content p { line-height: 1.4;  position: relative; margin-bottom: 15px;}
/* color: #026a47; font-size: 18px; */
/* padding-left: 0.8em; */
/* .faq-content p::before {content:'*'; position: absolute; top: 0; left: 0;} */
.faq-none { padding:50px 0px; text-align:center; color:#888; }
.faq_subject {font-size: 20px; color: #000; font-weight: bold; line-height: 1.3; margin-bottom: 1em; cursor:pointer; transition: 0.3s;}
.panel-icon {position: relative; bottom: 2px; margin-right: 10px;} 
.panel-body {padding-top: 25px;}
.div-panel.panel-group .panel-heading a {padding: 25px 15px; background: transparent; transition: 0.3s;}
.div-panel.panel-group .panel-heading a .panel-icon::after {background: var(--main-color);}

/* active 효과 */
.div-panel.panel-group .panel-heading a.active {background: var(--main-color); border-bottom: 1px solid transparent !important;} /* 보더는 스타일만 지우면 원래 기본 효과로 돌아감*/
.div-panel.panel-group .panel-heading a.active .panel-icon::after {background: #fff; color: #000;}
.div-panel.panel-group .panel-heading a.active .faq_subject {color: #fff;}


.panel-title {font-size: 35px; color: var(--main-color); font-weight: 600; line-height: 1.3; margin: 1.5em 0; font-family: 'Poppins' !important;}
.panel-title > small {color: inherit;}

.text-right {margin-top: 30px;}