@charset "utf-8";
/* @import url(common.css); */

/* FAQ */
.BD_count {line-height:30px; margin:30px 0 0; font-family:'NotoR'}
.BD_count span {color:#222; font-size:13px}
.BD_count strong.cnt_point { color:#06F}

.faqList{ margin-top:15px }
.cont_nonehead{border-top:2px solid #000;margin-top:1rem;}
.faqList .list > dt.cont_none { text-align:center; width:100%; border-bottom: 2px dotted #e0e0e0; padding: 2rem 0;}
.faqList .list { width:100%; display: flex; flex-direction: column; gap: 0.5rem;}
.faqList .list > dt{display:block;position:relative;border-bottom:1px solid #e9e9e9;}
.faqList .list > dt button {align-items: center; width:100%; display:flex; gap:0.5rem; text-align:left; font-family:pretendard!important; background-color:transparent; height: 4rem; outline:1px solid #fff; border: 1px solid #e0e0e0; padding: 1rem 1.5rem; gap: 1rem; justify-content:space-between;}
.faqList .list > dt button .faq-wrapper {display:flex; align-items:center; gap:0.5rem;}
.faqList .list > dt button i {transition: all 0.25s; font-size: 0.85rem;}
.faqList .list > dt.active button i {transform: rotate(180deg);}
.faqList .list > dt button .faq_Q {position:absolute; top:16px; left:15px; width:28px; height:28px; color:#fff; line-height:25px; text-align:center; margin:0 10px 0 0; border-radius:6px 0; background-color:#0b4d93}
.faqList .list > dt button .faq_question {display:inline-block; *display:inline; zoom:1; margin:0; font-size:0.9rem; color:#222; font-weight:600;}
.faqList .list > dd {display:none; position:relative; background:#f9f9f9}
.faqList .list > dd .faq_answer{border: 1px solid #e0e0e0; padding: 1.5rem;}
.faqList .list > dd .faq_answer > span.faq_A {position:absolute; top:12px; left:15px; width:28px; height:28px; color:#fff; line-height:25px; text-align:center; margin:0 10px 0 0; border-radius:6px 0; background:#00a078; font-family:'NotoM';}
.faqList .list > dd .faq_answer p {color: #444444; font-size: 0.85rem!important;}
.faqList .list > dd .faq_answer p.faq_btn { height:20px}
/* .faqList .list > dt{background: url("/images/board/faq_off.png") no-repeat right center}
.faqList .list > dt.active{background-image:url('/images/board/faq_on.png')} */
.faqList .list > dt button .faq_qna {background: #f4f4f4; font-size: 0.8rem; font-weight: 400; padding: 0.5rem 1rem; border-radius: 0.5rem;}
.faqList .list .active ~ dd {margin-top:-0.5rem;}
.faqList .list > .active button, 
.faqList .list > dt:hover button,
.faqList .list > dt:focus button {border-color: #e6002e; outline: 1px solid #e6002e;}
.faqList .list > .active .faq_question {color:#e6002e;}
.BD_srch > div {display:flex; gap:0.25rem;}
.BD_Top .BD_srch input[type="text"] {margin:0; width:100%;}
.BD_Top .BD_srch select {margin:0;}
.BD_Top .BD_srch button.btnSearch {flex-shrink:0; margin:0;}
.sec-option {display:flex; gap:0.25rem;}

@media screen and (max-width: 1240px){
	.BD_Top .BD_srch {width:100%; margin:0;}
	.BD_srch > div {width:100%;}
}


@media screen and (max-width: 800px){
	.BD_srch > div {flex-direction:column;}
	.sec-option {width:100%;}
	.faqList .list > dt button {padding:0.5rem 0.75rem; height:auto;}
	.faqList .list > dt button .faq_qna {padding:0.25rem 0.5rem; flex-shrink:0;}
	.faqList .list > dd .faq_answer {padding:0.75rem;}
	.faqList .list > dd .faq_answer span {font-size:0.85rem!important; letter-spacing:0!important; line-height:1; word-break:keep-all;}
}

@media screen and (max-width: 600px){
	.faqList .list > dt button {height:auto;}
	.faqList .list > dt button p {flex-direction:column; align-items:flex-start;}
}

@media screen and (max-width: 500px){
	.BD_srch > div {flex-direction:column;}
}