@charset "utf-8";

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

@media (min-width: 1024px) {

  /* board-search
  -----------------------------------------------------*/
  .board-search {border-width: 1px 1px 1px 1px; padding: 40px 40px; box-sizing: border-box; }


  /* board-list
  -----------------------------------------------------*/
  .board-list {border-top: 1px solid #ddd; }
  .board-list li {display: table; table-layout: fixed; }
  .board-list .nodata {padding: 200px 0; }

  .board-list li a {display: table-row; width: 100%; }

  .board-list li a:hover {background-color: #fafafa; }

  .board-list .title {display: table-cell; width: calc(100% - 100px); padding: 20px 10px 20px 20px; text-align: left; }
  .board-list .date {display: table-cell; width: 100px; margin-top: 0; text-align: right; padding: 20px 20px 10px 20px; }

  .board-list.type-img {}
  .board-list.type-img .board-thumb {display: table-cell; width: 420px; padding: 20px 0 20px 20px; box-sizing: border-box; vertical-align: top; }
  .board-list.type-img .board-info {display: table-cell; width: calc(100% - 420px); padding: 25px 20px 20px; 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: #fff; }

  .board-view {border: 1px solid #eee; padding: 40px 20px 0; box-sizing: border-box; }

  .board-view .board-header {border-bottom: 1px solid #e0e0e0; padding: 0 0 10px; }
  .board-view .board-header .title {font-size: 18px; line-height: 24px; text-align: left; font-weight: 300; color: #000; }
  .board-view .board-header .date {margin-top: 10px;}

  .board-view .board-contents {padding: 40px 0 40px; min-height: 200px; border-bottom: 0; box-sizing: border-box; }
  .board-view .board-contents img {max-width: 100%; }

  /* board-page */
  .board-bottom {margin-top: 10px; border: 1px solid #eee; box-sizing: border-box; }
  .board-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

  .board-bottom .board-page {display: table; width: 100%; table-layout: fixed; }

  .board-bottom .board-prev,
  .board-bottom .board-next {display: table-row; }

  .board-bottom .board-prev span,
  .board-bottom .board-next span {display: table-cell; width: 100px; padding: 20px 20px; font-size: 13px; text-align: center; background-color: #f5f5f5; vertical-align: middle; }

  .board-bottom div span em {padding-left: 16px; font-style: normal; background-repeat: no-repeat; background-position: left center; background-size: 8px 7px; }
  .board-bottom .board-prev span em {background-image: url("/AppData/images/site/sub/board_top.png"); }
  .board-bottom .board-next span em {background-image: url("/AppData/images/site/sub/board_bottom.png"); }

  .board-bottom .board-prev a,
  .board-bottom .board-prev button,
  .board-bottom .board-next a,
  .board-bottom .board-next button {display: table-cell; width: 85%; font-size: 13px;text-align: left; padding: 20px 20px 20px 10px; vertical-align: middle; }

  .board-bottom .board-prev a:hover,
  .board-bottom .board-prev button:hover,
  .board-bottom .board-next a:hover,
  .board-bottom .board-next button:hover {text-decoration: underline; }

  .board-bottom .board-next {border-bottom: 0; }


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


  /* =======================================================
  	자주하는 질문
  ========================================================*/
  .fm--faq .board-select-category.mobile {display: none; }
  .fm--faq .pc.tab-nav {display: block; margin: 30px 0 20px; }

  .board-faq {}
  .board-faq .faq-question {padding: 20px 74px 20px 20px; background-position: right 20px top 24px; background-size: 24px auto; }
  .board-faq .faq-question:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
  .board-faq .faq-question:hover {background-color: #fafafa; }

  .board-faq li .icon {position: static; float: left; width: 30px; height: 30px; }
  .board-faq .faq-question .faq-type {float: left; display: inline-block; width: 120px; margin-bottom: 0; margin-left: 15px; padding-left: 0; font-weight: 500; font-size: 14px; box-sizing: border-box; line-height: 30px; }
  .board-faq .faq-question .text {margin-top: 5px; font-size: 14px; }

  .board-faq .faq-answer {padding: 30px 20px 40px 20px; min-height: 50px; }
  .board-faq .faq-answer:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
  .board-faq .faq-answer .prebox {float: left; width: calc(100% - 30px); padding-left: 15px; font-size: 14px; color: #222; }


  /* =======================================================
  	1:1 문의
  ========================================================*/
  .fm--qna .page-header .title {float: left; }
  .fm--qna .page-header .btn {float: right; width: 200px; height:40px; line-height: 40px; margin-top: 0; }

  .fm--qna .board-list {border-top-width: 1px; }
  .fm--qna .board-list .qna-state {display: table-cell; width: 46px; padding: 20px 0 20px 20px; }
  .fm--qna .board-list .qna-title {width: calc(100% - 146px); }

  .fm--qna .board-view .qna-state {margin-bottom: 10px; }


  .fm--qna .board-view .qna-answer {margin-top: 40px; padding-top: 30px; }


  /* =======================================================
  	제휴문의
  ========================================================*/
  .fm--solution .solution-agree {margin-top: 20px; border-width: 1px; }


  /* =======================================================
  	이벤트
  ========================================================*/
  .fm--event .board-list {margin-top: 40px; }
  .fm--event .tab-nav03 li  { width: 300px; }

  .fm--event .state {display: inline-block; padding: 1px 2px 0px; font-size: 11px; border: 1px solid green; border-radius: 2px; line-height: 1.2; }

}


@media(max-width:375px){
  .fm--event .tab-nav03 li { display: inline-block;  }
  .fm--event .tab-nav03 li:nth-child(1) { width:29% }
  .fm--event .tab-nav03 li:nth-child(2) { width: 37%; }
  .fm--event .tab-nav03 li:nth-child(3) { width: 34%; }


}