@charset "UTF-8";

/* List Faq */
.board-faq {position: relative; border-top: 2px solid #004594;}
.board-faq .no-data {text-align: center; padding: 40px 0;}
.board-faq .no-data::before {display: none;}
.board-faq {margin-bottom:40px}
.board-faq > ul {padding-bottom:2px}
.board-faq > ul > li {position:relative; border-bottom:1px solid #e2e2e2; overflow:hidden}
.board-faq > ul > li.open::before{display:none}
.board-faq > ul > li.open:after{transform:rotate(180deg)}
.board-faq > ul > li > a.question{position:relative; display:block; color:#333; font-size:18px;padding:32px 120px; font-family:'Noto DemiLight'}
.board-faq > ul > li > a.question:before{content:'Q'; position:absolute; width:50px; height:50px; background: #004594; top:23px; left:30px; border-radius: 100%; font-family: 'Noto Medium'; font-size: 24px; line-height: 45px; text-align: center; color: #fff;}
.board-faq > ul >l i.open > a.question:after{background:url(../images/arrow-faq-on.png) left top no-repeat}
.board-faq li.open {background: #f6f8fa; border-bottom: 1px solid #566d99;}
.board-faq li.open .answer-box{display:block}
.board-faq .answer-box{position:relative; color:#666; font-size:16px; padding:35px 30px 40px 120px; font-family:'Noto DemiLight'}
.board-faq .answer-box:before{content:'A'; position:absolute; width:50px; height:50px; background: #23a3b9; top:20px; left:30px; border-radius: 100%; font-family: 'Noto Medium'; font-size: 24px; line-height: 45px; text-align: center; color: #fff;}
.board-faq .answer {font-family: 'Noto Light'; font-size: 16px; color: #333; line-height: 1.4;}