@charset "utf-8";
#middleArea:has(#faq_himg:not(:empty)) #faq_wrap,
#middleArea:has(#faq_hhtml:not(:empty)) #faq_wrap{ margin-top: 10rem;}
#container:has(#faq_thtml:not(:empty)) #faq_wrap,
#container:has(#faq_timg:not(:empty)) #faq_wrap{ margin-bottom: 10rem;}
body:has(#visual .visual-img-con) #faq_himg{ display: none;}
.cm-faq-list-con{border-top:1px solid #000; margin-bottom:30px; }
.cm-faq-list-con .faq-item{border-bottom:1px solid #e6e8eb;}
.cm-faq-list-con .faq-item dt{position:relative; padding:2.5rem; padding-right: 5rem; cursor:pointer; }
.cm-faq-list-con .faq-item dt .faq-title{ font-weight: 500; padding-right: 6%; font-size: 1.6rem;}
.cm-faq-list-con .faq-item dt .faq-category{color:var(--main-color2, #2561ae); margin-right:1.5rem; font-size:1.4rem; }
.cm-faq-list-con .faq-item dt .arrow{position:absolute; top:50%; right:1rem; transform: translateY(-50%); }
.cm-faq-list-con .faq-item dt i{color:#666; font-size:2.8rem;}
.cm-faq-list-con .faq-item.open dt .arrow i{transform:rotate(-180deg);}
.cm-faq-list-con .faq-item.open dt .faq-title{white-space:normal; text-overflow:unset;}
.cm-faq-list-con .faq-item dd{display:none; position:relative; border-top:1px solid #e6e8eb; padding:3rem 2.5rem; background:#f9fafc;}
.cm-faq-list-con .faq-item dd .answer-txt-con{line-height:24px; font-size:14px; color:#333; }
.cm-faq-list-con .faq-item dt .question-icon,
.cm-faq-list-con .faq-item dd .answer-icon{font-size: 2rem; font-weight: 600; margin-right: 1.5rem; color:#000}
.cm-faq-list-con .faq-item .answer-con img{ max-width: 80%; margin: 1rem 0;}

/* FAQ :: 카테고리 */
.cm-faq-list-con.faq-category-list-con dl dt .faq-category{display:inline-block; width:110px; color:#aaa; margin-right:5px; font-size:13px; line-height:24px; vertical-align:top; }
.cm-faq-list-con.faq-category-list-con dl dt .faq-title{display:inline-block; width:calc(95% - 120px);}

@media all and (max-width:768px){
	/*  FAQ 게시판 */
	.cm-faq-list-con .faq-item dd .answer-icon{display:block; margin-bottom:10px;}
	/* FAQ :: 카테고리 */
	.cm-faq-list-con .faq-item dt{ padding:2rem 4rem 2rem 2rem;}
	.cm-faq-list-con .faq-item dd{ padding:2rem ;}
	.cm-faq-list-con .faq-item dt .faq-category{ width: 100%;}
	.cm-faq-list-con .faq-item .answer-con img{ max-width: 100%;}
}