@charset "UTF-8";

/* List Faq */
/* .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:1px solid #aaa; padding:17px 30px 17px 19px; margin-bottom:20px; overflow:hidden}
.board-faq > ul > li::before{content:''; position:absolute; left:-133px; top:-100px; width:200px; height:300px; background-color:#1e5ba8;}
.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:#635959; font-size:18px;padding:0 70px; font-family:'S-CoreDream-4Regular'}
.board-faq > ul > li >a.question.on{padding:0 40px; transition:none}
.board-faq > ul > li > a.question:before{content:'Q'; text-indent:-9999px; position:absolute; width:18px; height:26px; top:5px; left:5px; background:url(../images/ico-faq.png) bottom center no-repeat}
.board-faq > ul > li >a.question.on:before{background:url(../images/ico-faq.png) top center no-repeat}
.board-faq > ul > li > a.question:after{content:''; display:block; position:absolute;right:0;top:calc(50% - 7px); width:28px; height:15px; background:url(../images/arrow-faq.png) left top no-repeat; transition:all .2s ease}
.board-faq > ul >l i.open > a.question:after{background:url(../images/arrow-faq-on.png) left top no-repeat}
.board-faq li.open{border:2px solid #5471b6; background:#f7fdff; box-shadow:2px 2px 1px #e3e3e3}
.board-faq li.open .answer-box{min-height:109px; border-top:1px solid #cdcdcd; margin-top:15px}
.board-faq .answer-box{position:relative; color:#666; font-size:16px; padding:20px 0 0 180px; background:url(../images/img-faq.png) 20px 20px no-repeat; font-family:'S-CoreDream-4Regular'}
.board-faq .answer-box:before{content:'A'; text-indent:-9999px; position:absolute; width:24px; height:28px; top:18px; left:140px; background:url(../images/ico-faq.png) top -76px left no-repeat}
.board-faq li.open .answer-box{display:block}
@media all and (max-width:860px) {
    .board-faq > ul > li > a.question{font-size:17px; padding:0 30px 0 70px}
}

@media all and (max-width:600px) {
    .board-faq .answer-box {padding-left: 45px; background:none;}
    .board-faq .answer-box:before {left: 4px;}
}

@media all and (max-width:500px) {
    .board-faq > ul > li > a.question{font-size:15px}
} */

.board-faq {position: relative;}
.board-faq > ul > li {border:1px solid #d9d9d9; transition: border .3s; margin-bottom: 20px;}
.board-faq > ul > li:last-child {margin-bottom: 0;}
.board-faq > ul > li.open {border:1px solid #2822E9;}
.board-faq .question {width:100%; display: block; padding:35px 48px 35px 120px; font-size: 20px; font-family: 'Pre Bold'; line-height: 1.5; color:#000; background:#fff; position: relative;}
.board-faq .question .sj {padding-right:55px; width:100%; display: inline-block;}
.board-faq .question .sj.trash {text-decoration: line-through; color:#f00;}
.board-faq .question::before {content:''; width:40px; height:40px; background:url('../images/ic-faq-q.png') no-repeat center; position: absolute; left:48px; top:50%; margin-top:-20px;}
.board-faq .question .more-icon {width:48px; height:48px; display: flex; align-items: center; justify-content: center; position: absolute; right:48px; top:50%; margin-top:-24px; border-radius:4px; background:#f7f7f7; transition:background .3s;}
.board-faq .question .more-icon span {width:24px; height:24px; position: relative; transition:transform .3s;}
.board-faq .question .more-icon span::before {content:''; width:24px; height:4px; background:#000; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition:background .3s;} /* 가로 */
.board-faq .question .more-icon span::after {content:''; width:4px; height:24px; background:#000; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition:all .3s;} /* 세로 */
.board-faq .question.on .more-icon {background:#000;}
.board-faq .question.on .more-icon span {transform:rotate(180deg);}
.board-faq .question.on .more-icon span::before {background:#fff;}
.board-faq .question.on .more-icon span::after {background:#fff; height:4px;}

.board-faq .answer-box {background:#F0F8FF; padding:45px 48px 45px 120px; position: relative;}
.board-faq .answer-box::before {content:''; width:40px; height:40px; background:url('../images/ic-faq-a.png') no-repeat center; position: absolute; left:48px; top:40px;}
.board-faq .answer-box .answer-cn {font-size: 20px; font-family: 'Pre Medium'; display: inline-block;}

.board-bottom {text-align:right;}
.board-bottom .btn-control {margin-top: 20px;}
.board-bottom .btn-control input[type="submit"]{background: #3445EB url(../images/write_icon.png) no-repeat left 71px center; padding: 18px 71px 18px 114px; font-size: 20px; line-height: 32px;}

.regist-file {position: relative; max-width:840px;width: 100%;}
.regist-file .file-select label {position: relative;}
.regist-file .file-box {display: none !important;position: relative; background: #F7F7F7; border-radius:4px; height:60px; font-size: 16px; color:#515151; font-family: 'Pre Medium'; padding:0 20px; display: flex; align-items: center;}
.regist-file .file-btn.add {display: block;background: #000; color:#fff; border-radius:4px; font-size: 16px; font-family: 'Pre Medium'; line-height: 26px; margin: 0 0 10px;padding:0px 48px; height: 54px;width: 280px; cursor: pointer;z-index: 10;}
.regist-file .file-option {width: 100%;height: 100%;margin-top: 2px;  max-height:180px; overflow-y:auto; background: #F7F7F7; border-radius:4px;}
.regist-file .file-option > ul {padding: 20px 10px;}
.regist-file .file-option li {display:flex; align-items: center; padding:8px 20px; margin-bottom: 4px;font-size: 16px;font-family: 'Pre Medium';color: #515151;cursor: pointer;}
.regist-file .file-option li:hover {background:#dedede;}
.regist-file .file-option li:last-child {margin-bottom: 0px;}
.regist-file .file-option li.selected {background: #EAEAEA;}
.regist-file .file-option li span {color:#000; max-width: 60%;font-size: 16px; font-family: 'Pre Medium'; margin-right: 12px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.regist-file .file-btn.del {width:20px; height:20px; background:#000 url('../images/file-del.png') no-repeat center;; border-radius:50%; text-indent: -9999px; cursor: pointer;}
@media (max-width:600px) {
  /* .regist-file .file-box {height:50px;} */
  .regist-file .file-btn.add {padding:0px 28px;}
  .regist-file .file-option li span {max-width: 80%;}
}

@media (max-width:1023px) {
  .board-faq .question,
  .board-faq .answer-box .answer-cn {font-size: 18px;}
  .board-faq .question .more-icon {width:40px; height:40px;}
}
@media (max-width:768px) {
  .board-faq .question {padding:25px 48px 25px 100px; }
  .board-faq .question::before {left:30px;}
  .board-faq .question .more-icon {right:30px; margin-top: -20px;}
  .board-faq .answer-box {padding: 25px 48px 25px 100px;}
  .board-faq .answer-box::before {left:30px; top:25px;}
  .board-faq .question,
  .board-faq .answer-box .answer-cn {font-size: 16px;}
}