@charset "utf-8";

/* 게시판 공통 요소 */
@import url('/Web-home/fnct/bbs/bbs_common/css/board_common.css');

/* FAQ 타입 */
.faq-list {border-top: 2px solid #2c2c2c; border-bottom:0.1rem solid #8B9099;}
.faq-list .question {display: flex; height: 8.5rem; margin: 0; padding: 2.25rem 8rem 2.25rem 0; background: url('../../bbs_common/images/btn-faq-close.png') no-repeat calc(100% - 3rem) center; border-bottom: 1px solid #e4e4e4; font-family: pb; font-size: 1.8rem; color: #121212; align-items: center;}
.faq-list .question.on {background: url('../../bbs_common/images/btn-faq-open.png') no-repeat calc(100% - 3rem) center;}
.faq-list .question::before {position: relative; display: block; width: 4.5rem; height: 4.5rem; margin-right: 1.4rem; margin-left: 2rem; background: url('../images/ic-faq-q.png') no-repeat center; flex-shrink: 0; top: 0; content: '';}
.faq-list .question1 {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-clamp: 1;}
.faq-list .answer {display: none; height: auto; margin: 0; padding: 3.5rem 0 2.3rem; background: #f1f6fa; border-bottom: 1px solid #555555; font-family: pm; font-size: 1.8rem; color: #666666; line-height: 3rem;}
.faq-list .open .answer {display: flex !important;}
.faq-list .answer .row {padding-right: 3rem;}
.faq-list .answer::before {position: relative; display: block; width: 4.5rem; height: 4.5rem; margin-right: 2rem; margin-left: 2rem; background: url('../images/ic-faq-a.png') no-repeat center; flex-shrink: 0; top: 0; content: '';}
.faq-list .answer .more {display: inline-flex; height: 3rem; margin-top: 1rem; padding: 0 1rem; background: #fff; border: 1px solid #0d5dbe; font-family: pm; font-size: 1.4rem; color: #0d5dbe; border-radius: .5rem; align-items: center;}
.faq-list .answer .more:hover {background: #0d5dbe; color: #fff;}
.faq-list .answer ._faqAtchmnfl {margin-top: .5rem;}
.faq-list .answer ._faqAtchmnfl a {display: inline-block; padding: 1rem 0 1rem 3.5rem; background: url('../../bbs_common/images/ic-file.png') no-repeat left center; font-family: pr; font-size: 1.6rem; color: #333333;}
.faq-list .answer ._faqAtchmnfl a span {position: relative;}
.faq-list .answer ._faqAtchmnfl a span::after {position: absolute; width: 0; height: 1px; background: #000; transition: width .35s; left: 0; bottom: -.2rem; content: '';}
.faq-list .answer ._faqAtchmnfl a:hover span::after {width: 100%;}
.faq-list > ul > li:last-child > .answer {border-bottom:0;}
.faq-list > ul > li:last-child > .question.on {border-bottom: 1px solid #e4e4e4;}
.faq-list .no-data {padding: 3rem 0;}

@media screen and (max-width: 768px) {
	.faq-list .question {font-size: 1.7rem;}
	.faq-list .question::before {margin-right: 2rem; margin-left: 1rem;}
	.faq-list .answer::before {margin-right: 2rem; margin-left: 1rem;}
}