@charset "utf-8";

/*=================================================
  common
=================================================*/
#container.container-bbs {background-color: #fff; }
.dday {color: #e60e61; font-size: 18px; font-weight: 700; }
.icon-recommend {}

/* customer-tabs
---------------------------------------------*/
.customer-tabs {margin-top: 50px; margin-bottom: 50px; display: table; width: 100%; table-layout: fixed; box-sizing: border-box; }
.customer-tabs > li {display: table-cell; float: none; width: 25%;  box-sizing: border-box; }
.customer-tabs > li:first-child {border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.customer-tabs > li:first-child > a {border-left: 0; }
.customer-tabs > li:last-child {border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.customer-tabs > li > a {display: block; height: 60px; padding: 0 ; background-color: #f6f6f6;  border-left: 1px solid #e6e6e6; line-height: 60px; font-size: 18px; color: #666; font-weight: 400; text-align: center;  }
.customer-tabs > li > a:hover {background-color: #eee; }
.customer-tabs > li.active > a {background-color: #1079f9; color: #fff; }


/* bbs-header 
------------------------------------------------*/
.bbs-count {padding: 0; margin: 0; color: #777; }
.bbs-header {position: relative; margin-top: 30px; }
.bbs-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.bbs-header .bbs-count {float: left; padding-top: 15px; }
.bbs-header .search-wrapper {float: right; }


/* bbs-header type02 (count + search + sort )
-----------------------------------------------------------------------------------*/
.sourcing-tabs {display: table; max-width: 100%; table-layout: fixed; box-sizing: border-box;  margin: 0 auto 80px;  }
.sourcing-tabs:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.sourcing-tabs li {display: table-cell; float: none;  box-sizing: border-box;}
.sourcing-tabs > li > a {display: block; min-width: 150px; height: 50px; padding: 0  20px; background-color: #fff;  border: 1px solid #bec8d5; border-right: 0; line-height: 48px; font-size: 16px; color: #666; font-weight: 400; text-align: center;  }
.sourcing-tabs > li:first-child > a {border-top-left-radius: 30px; border-bottom-left-radius: 30px; ; padding-left: 25px; }
.sourcing-tabs > li:last-child > a {border-top-right-radius: 30px; ; border-bottom-right-radius: 30px; padding-right: 25px; border-right: 1px solid #bec8d5; }
.sourcing-tabs > li > a:hover {background-color: #eee; }
.sourcing-tabs > li.active > a {background-color: #1079f9; color: #fff; }



/* bbs-bottom
------------------------------------------------*/
.bbs-bottom {position: relative; margin: 20px auto 100px; min-height: 40px;  text-align: center; }
.bbs-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.bbs-bottom .pagination + .btn-group { }
.bbs-bottom .btn-group {position: absolute; right: 0; top: -2px;}
.bbs-bottom > .btn {width: 200px; padding: 12px 12px; }
.bbs-bottom > .btn + .btn {margin-left: 10px; }





/*=================================================
  bbs-faq
=================================================*/
/* faq-search */
.faq-search-wrapper {position: relative; padding: 50px 100px; margin-bottom: 50px; width: 100%; background-color: #fff; border: 1px solid #e3e4e5; border-radius: 3px;  }
.faq-search-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.faq-search-wrapper .label-title {float: left; width: 15%; font-size: 20px; font-weight: 500; color: #333; line-height: 45px; }
.faq-search-wrapper .search-wrapper {float: right; position: relative; width: 85%; padding-right: 100px;  box-sizing: border-box; }
.faq-search-wrapper .search-wrapper .input-search {float: left; width: calc(100% - 100px); height: 45px; }
.faq-search-wrapper .search-wrapper .btn-search {float: left; width: 100px; height: 45px;  }


/* faq-tabs */
.faq-tabs {width: 100%; display: table; margin-bottom: 20px; }
.faq-tabs:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.faq-tabs > li {float: left; position: relative; z-index: 0; width: 200px; margin: 0;  margin-left: -1px; border: 1px solid #e3e4e5; text-align: center;}
.faq-tabs> li > a {display: block; width: 100%; padding: 10px 10px; margin: 0; background-color: #fff; color: #777; font-size: 14px; border-radius: 0; border: 0; box-sizing: border-box; text-decoration: none; cursor: pointer; }
.faq-tabs > li.active { z-index: 3; border-color: #2e5d96; }
.faq-tabs > li.active > a,
.faq-tabs > li.active > a:hover,
.faq-tabs > li.active > a:focus {color: #2e5d96; }

.bbs-faq {margin: 10px auto; background-color: #fff; border-top: 1px solid #d0d0d0; }
.bbs-faq thead th,
.bbs-faq thead td {background-color: #fff;  }
.bbs-faq th,
.bbs-faq td {padding: 15px 10px; border-bottom: 1px solid #ddd; font-size: 15px; text-align: center; }

.bbs-faq th {font-weight: 500; color: #444; }
.bbs-faq td {font-weight: 400; color: #333; }

.bbs-faq .td-title {text-align: left; }

.bbs-faq .faq-container {width: 100%; display: table; table-layout: fixed;  }
.bbs-faq .faq-wrapper {display: table-row;  border-top: 1px dashed #ddd; }
.bbs-faq .faq-wrapper > div {display: table-cell; min-height: 100px; padding: 30px 30px; vertical-align: top; text-align: left;  }
.bbs-faq .faq-wrapper:first-child {border-top: 0; }
.bbs-faq .faq-wrapper .faq-icon {width: 70px; }

.bbs-faq .accordion-list:hover td {background-color: #efefef; }

.bbs-faq tr.no-data td {background: #efefef; padding: 150px 10px; }

.bbs-faq .accordion-content {background-color: #f8f8f8; }





/*=================================================
  bbs-list
=================================================*/
.bbs-list {margin: 10px auto; background-color: #fff; border-top: 1px solid #d0d0d0; }
.bbs-list th,
.bbs-list td {padding: 13px 10px; border-bottom: 1px solid #ddd; font-size: 15px;  text-align: center; }
.bbs-list th {font-weight: 500; color: #444; }
.bbs-list td {font-weight: 400; color: #333; }

.bbs-list thead th,
.bbs-list thead td {background-color: #fff; }

.bbs-list .td-title {text-align: left;}
.bbs-list .td-title a {color: #333; }
.bbs-list .td-title a:hover {text-decoration: none; }
.bbs-list .td-title.new a {max-width: 95%; float: left; }
.bbs-list .td-title.new .tag {margin-left: 5px; margin-top: -3px; }
.bbs-list tr:hover td {background-color: #efefef; }

.bbs-list tr.no-data td {background: #efefef; padding: 150px 10px; }





/*=================================================
  bbs-write
=================================================*/
.bbs-write {margin: 10px auto; background-color: #fff; border-top: 1px solid #d0d0d0; }
.bbs-write th,
.bbs-write td {padding: 30px 30px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 400; background-color: #fff;  }
.bbs-write th {font-weight: 500; color: #444; }
.bbs-write td {font-weight: 400; color: #333; }
.bbs-write .textarea {height: 500px; }
.bbs-write .label-title {font-weight: 500; color: #444;}




/*=================================================
  bbs-view
=================================================*/
.bbs-view {margin: 10px auto; background-color: #fff; border-top: 1px solid #aeaeae;  border-bottom: 1px solid #aeaeae; }
.bbs-view th,
.bbs-view td {position: relative; padding: 13px 30px; background-color: #fff; }
.bbs-view th {background-color: #f8f8f8 }

/* bbs thead */
.bbs-view .bbs-title {text-align: left; padding: 20px 30px; background-color: #f8f8f8; font-size: 25px; line-height: 1.25em; font-weight: 500; color: #202020; ; border-bottom: 1px solid #ddd;}

/* bbs tbody */
.bbs-view > table > tbody > tr:first-child > th,
.bbs-view > table > tbody > tr:first-child > td {border-top: 1px solid #d0d0d0; }
.bbs-view > table > tbody > td {padding: 30px 30px 40px; line-height: 1.5em; vertical-align: top;   }

.bbs-view .bbs-content {padding: 30px 0; min-height: 350px; vertical-align: top; }
.bbs-view .bbs-content img {display:block; margin: 0 auto 10px; max-width: 100%; }
.bbs-view .bbs-content  .img-box {width: 540px; height: 362px; margin-bottom: 10px;  background-color: #f8f8f8; vertical-align: middle;  }


/* bbs tfoot */
.bbs-view tfoot tr th,
.bbs-view tfoot tr td {border-top: 1px solid #ddd;  }
.bbs-view tfoot th > span {padding-left: 18px; background-repeat: no-repeat; background-position: left center; }
.bbs-view .arrow-up {background-image: url("../images/common/arrow_list_up.gif"); }
.bbs-view .arrow-down {background-image: url("../images/common/arrow_list_down.gif"); }
.bbs-view tfoot a {color: #444; }
.bbs-view tfoot a:hover {color: #444; text-decoration: underline; }


/*=================================================
  bbs-modified
=================================================*/

/* file-box */
.file-box:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.file-box .file-name {float: left; width: 250px; height: 40px; padding: 0 10px;  border: 1px solid #d0d0d0; font-size: 13px; color: #202020; vertical-align: middle; }
.file-box .file-name + label {float: left; width: 100px; height: 40px; margin: 0; padding: 0; border: 1px solid #d0d0d0; border-left: 0;  box-sizing: border-box;  background-color: #fff; font-size: 13px; color: #444; line-height: 40px;  cursor: pointer; text-align: center; }
.file-box .file-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0;  clip: rect(0,0,0,0); overflow: hidden; }
.file-box .btn-delete {width: 60px; height: 40px; padding: 0; border: 0; margin-left: 10px; border: 1px solid #d0d0d0;  box-sizing: border-box;  background-color: #fff; color: #444; font-size: 13px;  cursor: pointer; vertical-align: middle; }






/*=================================================
  bbs-qna
=================================================*/
.bbs-view .bbs-qna-answer {border-top: 1px dashed #ddd; }
.bbs-view .bbs-qna-answer .answer-wrapper {position: relative; padding: 0 0 0 70px; }
.bbs-view .bbs-qna-answer .tag {position: absolute; left: 0; top: 0; }
.bbs-view .bbs-qna-answer .pre-box {float: left; font-size: 15px; }



/*=================================================
  bbs-sourcing
=================================================*/
/* list */
.bbs-sourcing-list .td-title strong {padding-right: 8px; }


/* box-guide-sourcing */
.box-guide-sourcing .title-guide {margin: 0 0 15px 0; font-size: 16px; font-weight: 500; color: #202020; }
.box-guide-sourcing li {margin-top: 5px; font-size: 13px; color: #666; }
.box-guide-sourcing li:first-child {margin-top: 0; }

/* view */
.sourcing-date td {padding: 15px 30px; border-bottom: 1px solid #d0d0d0; text-align: center; }
.sourcing-date p {font-size: 24px; color: #202020; font-weight: 500; }
.sourcing-date strong {padding-left: 10px; font-size: 26px; color: #e60e61; font-weight: 700; }
.sourcing-date .swung-dash {padding: 0 10px; }
.sourcing-date .sourcing-finish {color: #909398; }

/* sourching-info*/
.sourcing-info {width: 70%; margin: 0 auto 40px; padding: 30px 0; background-color: #f8f8f8; border: 1px solid #eee; border-radius: 3px;  }
.sourcing-info th,
.sourcing-info td {padding: 13px 30px; background-color: transparent; font-size: 16px;  vertical-align: top; }
.sourcing-info th {padding-right: 0; }

/* btn-bbs-like */
.btn-bbs-like {display: block; min-width: 110px;  padding: 10px 10px 10px 41px; margin: 50px auto 0;  border: 1px solid #e60e61; background-image: url("../images/sub/btn_bbs_like.png"); background-repeat: no-repeat; background-position: 9px center; background-size: 22px 20px; font-size: 16px; font-weight: 400; color: #e60e61;  }
.btn-bbs-like .btn-bbs-like-count {font-weight: 500; letter-spacing: -1px;  color: #e60e61; }
.btn-bbs-like:focus,
.btn-bbs-like:active,
.btn-bbs-like:hover {color: #e60e61; }

.btn-bbs-like.active {background-color: #e60e61; background-image: url("../images/sub/btn_bbs_like_on.png"); color: #fff; }
.btn-bbs-like.active .btn-bbs-like-count {color: #fff; }


/* bbs-sourcing-answer */
.bbs-view .bbs-sourcing-answer  {border-top: 1px dashed #ddd; }
.bbs-view .bbs-sourcing-answer td {padding: 30px 30px; }

.sourcing-answer-wrapper {width: 70%; margin: 0 auto 0; padding: 30px 30px; background-color: #e8ecf1; border: 1px solid #d6dbe1;  border-radius: 3px; }
.sourcing-answer-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.sourcing-answer-title {font-size: 20px; margin-top: 0; margin-bottom: 15px; }

.sourcing-thumb {float: left; width: 300px; height: 300px; border-radius: 3px; overflow: hidden; }
.sourcing-thumb a,
.sourcing-thumb img {display: inline-block; width: 100%; height: 100%; }

.sourcing-thumb + .sourcing-summary {padding: 10px 0 0 30px; }
.sourcing-summary {float: left; width: calc(100% - 330px); height: 300px; box-sizing: border-box; }
.sourcing-summary .sorcing-title {display: inline-block; margin-bottom: 10px; color: #202020;  font-size: 16px; line-height: 26px; }
.sourcing-summary .sorcing-title:hover,
.sourcing-summary .sorcing-title:active,
.sourcing-summary .sorcing-title:focus {color: #202020; }
.sourcing-summary .sorcing-title:hover {text-decoration: underline; }
.sourcing-summary .sourcing-price {text-align: right; color: #202020; font-weight: 400; } 
.sourcing-summary .sourcing-price .swung-dash {margin: 0 5px; }
.sourcing-summary .btn-group {margin-top: 30px; float: none; clear:both; text-align: center;  }


.mysourcing-list .bbs-sourcing-list td:last-child {padding-left: 0; }
.mysourcing-list .btn-modify {width: 20px; height: 20px; }
.mysourcing-list .page-header .btn-group {bottom: 0; }