@charset "utf-8";

/* =================================
*		게시판 css
*		2021-01-22 작성
================================== */


/* board-search
-----------------------------------------------------*/
.board-search {border-width: 0 0 1px 0; padding: 20px 20px; margin: 0 auto 20px; }



/* fm--board-list
-----------------------------------------------------*/
.fm--board-list .page-header {background-color: #fff; }



/* board-list
-----------------------------------------------------*/
.board-list {border-top: 1px solid #ddd; }
.board-list li {width: 100%; padding: 15px 15px; background-color: #fff; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }
.board-list li > a,
.board-list li > button {width: 100%; text-align: left; }

.board-list .nodata {width: 100%; padding: 100px 0; text-align: center; color: #666; font-size: 14px; }
.board-list .nodata p {padding: 100px 0; text-align: center; color: #666; font-size: 14px;}
.board-list .title {display: block; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-list .date {display: inline-block; margin-top: 4px; font-size: 12px; color: #666; }

.board-list + .pagination-wrapper {margin-top: 20px; }

/* img + title */
.board-list.type-img {}
.board-list.type-img .board-thumb {display: block; width: 100%; padding: 0 0; box-sizing: border-box; }
.board-list.type-img .board-thumb img {width: 100%; }

.board-list.type-img .board-info {display: block; width: 100%; padding: 10px 5px; box-sizing: border-box; vertical-align: top; }
.board-list.type-img .title {display: block; width: 100%; padding: 0; text-align: left; }
.board-list.type-img .date {display: block; width: 100px; margin-top: 0; text-align: right; padding: 0;  }


/* board-view
-----------------------------------------------------*/
.fm--board-view {background-color: #f5f5f5; }


.board-view {}

.board-view .board-header {background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 30px 15px 10px; box-sizing: border-box; }
.board-view .title {font-size: 18px; line-height: 24px;  text-align: left; font-weight: 300; color: #000; }
.board-view .date {margin-top: 10px; font-size: 12px; color: #999; }

.board-view .board-contents {min-height: 300px; background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 20px 15px 40px; box-sizing: border-box; }
.board-view .board-contents img {max-width: 100%; }
 .board-view img {max-width: 100%; }

.board-bottom {box-sizing: border-box; text-align: center;  }
.board-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.board-bottom .board-prev,
.board-bottom .board-next {background-color: #fff; padding: 10px 15px; box-sizing: border-box; text-align: left; }

.board-bottom .board-prev span,
.board-bottom .board-next span {display: block; font-size: 12px; color: #999; }

.board-bottom div span em {padding-left: 0; font-style: normal; background: none;  }


.board-bottom .board-prev a,
.board-bottom .board-prev button,
.board-bottom .board-next a,
.board-bottom .board-next button {width: 100%; text-align: left; font-size: 13px; color: #666; }

.board-bottom .board-prev .date,
.board-bottom .board-next .date {font-size: 12px; color: #666; margin-top: 5px; }

.board-bottom .board-prev {border-bottom: 1px solid #eee; }
.board-bottom .board-next {border-bottom: 1px solid #ddd; }


.fm--board-view .page-bottom .btn-text.mobile {display: block;}
.fm--board-view .page-bottom .btn.pc {display: none; }




/* board-write
-----------------------------------------------------*/
.fm--board-write {}
.board-write {width: 100%; padding: 0 0; box-sizing: border-box;  }




/* =======================================================
	자주하는 질문
========================================================*/
.fm--faq .pc.tab-nav {display: none; }
/*.fm--faq .board-search {border-left: 0; border-right: 0; }*/


.fm--faq .board-select-category {display: block; margin: 20px auto 0; padding: 20px 20px; background-color: #fff;  border-top: 1px solid #ddd; box-sizing: border-box; }
.fm--faq .board-select-category .input-title {display:block; padding-bottom: 5px; }

.board-faq li {padding: 0; background-color: #fff; }
.board-faq li .icon {position: absolute; top: 20px; left: 20px; display: inline-block; width: 30px; height: 30px; border-radius: 999px; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; }


.icon-q {background-image: url("/AppData/images/site/icon/icon_q.png"); }
.icon-a {background-image: url("/AppData/images/site/icon/icon_a.png"); }


.board-faq .faq-question {position: relative; width: 100%; padding: 20px 20px; box-sizing:border-box; background-image: url("/AppData/images/site/button/accordion_plus.png"); background-repeat: no-repeat; background-position: right 20px top 30px ; background-size: 12px auto; cursor: pointer; }
.board-faq .faq-question.active {background-image: url("/AppData/images/site/button/accordion_minus.png"); }
.board-faq .faq-question:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.board-faq .faq-question .faq-type {display: block; margin-bottom: 8px; padding-left: 40px; line-height: 30px;  font-weight: 500; color: #000; }
.board-faq .faq-question .text {display: block; margin-top: 5px; text-align: left; font-size: 13px; color: #222; }

.board-faq .faq-answer {display: none; position: relative; min-height: 60px; padding: 26px 20px 20px 59px; background-color: #f7f7f7; border-top: 1px solid #eee; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; }
.board-faq .faq-answer .prebox {font-size: 13px; color: #222; }

.board-faq .faq-question.active + .faq-answer {display: block; }




/* =======================================================
	1:1 문의
========================================================*/
.fm--qna .page-header {padding-bottom: 20px; }
.fm--qna .page-header .btn {width: 100%; height:40px; line-height: 40px; margin-top: 30px; }


.fm--qna .board-list {border-top-width: 0; }

.fm--qna .board-list .qna-state {width: 46px; margin-bottom: 5px; }

.fm--qna .board-view .qna-state {margin-bottom: 10px; } 
.fm--qna .board-view .qna-question {color: #666; }
.fm--qna .board-view .qna-answer {border-top: 1px dashed #ddd; margin-top: 30px; padding-top: 20px; color: #666; } 
.fm--qna .board-view .qna-answer .marking {padding: 3px 10px; margin-bottom: 10px; }



/* =======================================================
	이벤트
========================================================*/

.fm--event .page-header { padding: 40px 20px; border: none; }
.fm--event .page-header .title { font-size: 28px;  }
.fm--event .main-search { padding: 20px 0px 40px 0; }
.fm--event .search-box input:focus { background-color: #f6f6f6; }

@media(max-width: 1024px) {
	.fm--event .page-header .title { font-size: 24px;  }
}
@media(max-width: 768px)  { 
	.fm--event .page-header { padding: 40px 20px 20px;  box-sizing: border-box; }
	.fm--event .page-header .title { font-size: 20px;  }
	.fm--event .main-search { padding: 20px 0; }

/*	.fm--event .tab-nav03 li > button { padding: 30px 5px ; }*/
	
}


/* =======================================================
	솔루션
========================================================*/
.fm--solution .solution-agree {padding: 20px 15px; border-width: 1px 0 1px 0;}