/* BBS - Faq */
.bbs-faq { position: relative; }
.bbs-faq > ul > li { margin: 20px 0; text-align: left; }
.bbs-faq > ul > li:first-child { margin-top: 0; }
.bbs-faq > ul > li:last-child { margin-bottom: 0; }
.bbs-faq__question{
    position: relative; padding-left: 65px;
    cursor: pointer;
}
.bbs-faq__question-mark{
    position: absolute; top: 0; left: 0; width: 65px; height: 100%; line-height: 65px;
    text-align: center; font-size: 18px; font-weight: 800; color: #42558d;
    border: 1px solid #42558d;
}
.bbs-faq__question-mark form{
    z-index: 2; position: absolute; top: 0; left: 0;
    width: 15px; height: 15px;
}
.bbs-faq__question-mark form input { position: absolute; top: 0; left: 0; }
.bbs-faq__question-title{
    position: relative;
    padding: 18px 75px 15px 20px; min-height: 65px;
    font-size: 18px; color: #42558d; font-weight: 700;
    border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
}
.bbs-faq__question-title::before{
    content: ''; position: absolute; top: 0; right: 30px; bottom: 0;
    margin: auto; width: 16px; height: 10px;
    background: url('/adm/bbs/skin/faqBasic/image/bbs-faq-arrow.png') no-repeat center;
    -webkit-transition: all .3s ease; transition: all .3s ease;
}
.bbs-faq__question-title button {
    font-size: inherit; font-weight: inherit; color: inherit;
}
.bbs-faq__question--on .bbs-faq__question-title::before{
    -webkit-transform: rotate(-180deg); transform: rotate(-180deg);
}
.bbs-faq__answer { display: none; }
.bbs-faq__question--on + .bbs-faq__answer { display: block; }
.bbs-faq__answer-inner{
    display: flex; flex-wrap: wrap;
    padding: 25px 80px;
    background: #f9f9f9;
}
.bbs-faq__answer-mark { flex-basis: 20px; font-size: 16px; color: #555555; font-weight: 700; }
.bbs-faq__answer-contents { flex: 1 1; line-height: 26px; font-size: 16px; color: #555555; font-weight: 300; }
.bbs-faq__button-wrap { margin-top: 10px; }
.bbs-faq__button-wrap .button { margin-right: 2px; padding: 0 15px; height: 35px; line-height: 35px; font-size: 13px; font-weight: 500; background: #fff; }
@media (max-width:1024px){
    .bbs-faq__question-mark { font-size: 16px; }
    .bbs-faq__question-title { font-size: 16px; }
    .bbs-faq__answer-mark { font-size: 15px; }
    .bbs-faq__answer-contents { font-size: 14px; }
}
@media (max-width:768px){
    .bbs-faq__question { padding-left: 50px; }
    .bbs-faq__question-mark { width: 50px; line-height: 50px; font-size: 15px; }
    .bbs-faq__question-title { padding: 18px 70px 15px 15px; min-height: 55px; font-size: 13px; }
    .bbs-faq__answer-inner { padding: 15px 15px 15px 65px; }
    .bbs-faq__answer-mark { font-size: 13px; }
    .bbs-faq__answer-contents { font-size: 13px; }
}