.board {position: relative; width: 1200px; margin: 0 auto; padding-bottom: 100px;}
.board-tit {display: block; text-align: center; height: 170px; padding-top: 98px; font-size: 34px; color: rgb(6, 28, 52); font-weight: 300;}

.board-list-empty {width: 100%; height: 360px !important; text-align: center; font-size: 120% !important; font-weight: 300; vertical-align: middle; line-height: 360px;}
div.board-list-empty {width: 100%; height: 360px !important; text-align: center; font-size: 120% !important; font-weight: 300; vertical-align: middle; line-height: 360px; border-bottom: 1px solid #ccc;}

/*게시판 검색*/
.board-sch-wrap {position: relative; display: flex; align-items: center; justify-content: space-between;}
.board-count {display: block; padding-top: 2px;}
.board-count p {font-size: 14px; color: rgb(51, 51, 51);}
.board-count p span {font-size: 14px; color: #22a0f0;}

.board-sch {position: relative; display: flex; align-items: center;}

.board-sch__select {-webkit-appearance: none; -moz-appearance: none;appearance: none; position: relative; display: block; background-color: rgb(247, 247, 247); border: 1px solid rgb(221, 221, 221); border-radius: 3px; height: 44px; width: 108px; padding: 2px 25px 0 13px; font-size: 14px; color: rgb(34, 34, 34); margin-right: 4px; background-image: url(/images/common/board-sch-select-arrow.png); background-position: center right 13px;}
.board-sch__select::-ms-expand { display:none; }
.board-sch__inputtxt {position: relative; display: block; background-color: rgb(247, 247, 247); border: 1px solid rgb(221, 221, 221); border-radius: 3px; height: 44px; width: 280px; padding: 0 10px 0 39px; font-size: 14px; color: rgb(34, 34, 34); border-radius: 3px 0 0 3px; font-weight: 300; padding-top: 2px; background-image: url(/images/common/board-sch-input-icon.png); background-position: center left 14px;}
.board-sch__inputtxt::placeholder {font-weight: 300;}
.board-sch__inputtxt::-webkit-input-placeholder {font-weight: 300;}
.board-sch__inputtxt:-ms-input-placeholder {font-weight: 300;}
.board-sch__btn {-webkit-appearance: none; -moz-appearance: none;appearance: none; position: relative; display: flex; align-items: center; justify-content: center; padding-top: 2px; width: 64px; height: 46px; background-color: rgb(48, 58, 69); font-size: 14px; color: rgb(255, 255, 255); padding-top: 2px; border-radius: 0px 3px 3px 0px; border: 0;}

/*게시판 리스트 테이블*/
.board-table-1 {width: 100%; table-layout: fixed;}
.board-table-1 thead tr {border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(204, 204, 204);}
.board-table-1 thead tr th {height: 50px; vertical-align: middle; text-align: center;  font-size: 14px; color: rgb(0, 0, 0); padding-top: 2px;}
.board-table-1 thead tr th.th-tit {text-align: left; padding-left: 19px;}

.board-table-1 tbody tr {border-bottom: 1px solid rgb(204, 204, 204);}
.board-table-1 tbody tr td {vertical-align: middle; padding-top: 2px; height: 55px; font-size: 14px; color: rgb(102, 102, 102); text-align: center;}
.board-table-1 tbody tr td.td-tit {text-align: left; padding-left: 19px; font-size: 0;}
.board-table-1 tbody tr td.td-tit a {display: inline-block; font-size: 14px; color: rgb(0, 0, 0); max-width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; padding: 3px 0 1px;}
.board-table-1 tbody tr td.td-tit a:hover {text-decoration: underline;}


/*게시판 리스트 페이지*/
.board-page {position: relative; display: flex; width: 100%; height: auto; align-items: center; justify-content: center;}

.board-page .left,
.board-page .right {position: relative; display: flex; align-items: center; border: 1px solid rgb(234, 234, 234); border-radius: 3px; width: 63px; height: 30px; overflow: hidden;}
.board-page .left a,
.board-page .right a {position: relative; display: flex; align-items: center; justify-content: center; width: 50%; height: 100%;}

.board-page .bar {display: block; position: relative; width: 1px; height: 100%; background-color: rgb(234, 234, 234);}

.board-page .center {position: relative; display: flex; align-items: center; margin: 0 10px;}
.board-page .center a {display: flex; align-items: center; justify-content: center; padding-top: 3px; border-radius: 3px;  width: 32px; height: 32px; font-size: 13px;}
.board-page .center a:hover {background-color: rgb(34, 160, 240);  color: rgb(255, 255, 255);}
.board-page .center a.current {background-color: rgb(34, 160, 240);  color: rgb(255, 255, 255);}


/*게시판 읽기 페이지 상단 */
.board-view {position: relative; display: block; width: 100%; height: auto;}
.board-view-top {position: relative; width: 100%; height: 128px; border-top: 1px solid #000; border-bottom: 1px solid #e5e5e5; padding: 0 50px; display: flex; align-items: center; flex-wrap: wrap;}
.board-view-top--inner {position: relative; display: block; width: 100%; height: auto;}
.board-view--tit {position: relative; display: block; width: 100%; height: 43px; font-size: 24px; color: rgb(0, 0, 0); line-height: 1.2; font-weight: 300; padding-top: 2px;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap;}
.board-view-top--info {position: relative; display: flex; align-items: center;}
.board-view-top--info>div {position: relative; display: flex; align-items: center; padding-top: 2px; margin-right: 14px;}
.board-view-top--info label {font-size: 13px;color: rgb(0, 0, 0); display: block; margin-right: 4px; letter-spacing: -0.0250em;}
.board-view-top--info p {font-size: 13px;color: #666666; display: block; letter-spacing: -0.0250em;}

/*게시판 읽기 페이지 본문(에디터위치) */
.board-view-con {position: relative; display: block; width: 100%; height: auto; padding: 78px 50px;}
.board-view-con .editer-view {position: relative; display: block; width: 100%; height: auto; min-height: 200px;}

/*게시판 읽기 페이지 첨부파일 출력란 */
.board-view-files {position: relative; display: flex; width: 100%; align-items: flex-start; flex-wrap: wrap; background-color: rgb(248, 250, 252); border-top: 1px solid  rgb(199, 199, 199);}
.board-view-files>label {position: relative; width: 160px; height: 80px;; display: block; font-size: 14px; padding-top: 35px; text-align: center; letter-spacing: -0.025em;}
.board-view-files ul {position: relative; display: block; width: 1040px; padding-top: 23px; padding-right: 50px; padding-bottom: 22px;}
.board-view-files ul .file {position: relative; display: flex; width: 100%; height: 35px; align-items: center; justify-content: space-between;}
.board-view-files ul .file+.file {margin-top: 10px;}
.board-view-files ul .file .file-txt {font-size: 14px; color: rgb(34, 160, 240);}
.board-view-files ul .file .file-btn {position: relative; display: flex; align-items: center; justify-content: center; padding-top: 2px; border: 1px solid rgb(221, 221, 221); border-radius: 17px; width: 90px; height: 33px; text-align: center; background-color: #fff;font-size: 12px; color: rgb(34, 34, 34);}
.board-view-files ul .file .file-btn img {display: block; position: relative; top: -1px; margin-left: 4px;}

/*게시판 읽기 페이지 다음글,이전글*/
.board-view--bottom-list {position: relative; display: block; width: 100%; border-top: 1px solid rgb(199, 199, 199); border-bottom: 1px solid rgb(199, 199, 199);}
.board-view--bottom-list li {position: relative; display: flex; align-items: center; width: 100%; height: 60px;}
.board-view--bottom-list li:first-child {height: 61px; border-bottom: 1px solid rgb(229, 229, 229);}
.board-view--bottom-list li>label {position: relative; display: flex; width: 153px; padding-left: 50px; font-size: 14px; color: rgb(34, 34, 34); align-items: center; padding-top: 2px;}
.board-view--bottom-list li>label img {display: block; margin-right: 13px; position: relative; top: -2px;}
.board-view--bottom-list li>label:after {content: ""; position: absolute; display: block; width: 1px; height: 10px; background-color: rgb(229, 229, 229); right: 0; top: 0; bottom: 0; margin: auto;}
.board-view--bottom-list li>div {position: relative; display: block; width: 1147px; padding-left: 40px; padding-top: 2px;}
.board-view--bottom-list li>div a {font-size: 14px; color: rgb(102, 102, 102); padding: 10px 0;}
.board-view--bottom-list li>div a:hover {color: #000;}

/*게시판 읽기 목록 버튼*/
.board-go-list-btn {border-radius: 3px; background-color: rgb(34, 160, 240); width: 130px; height: 54px; display: flex; padding-top: 2px; text-align: center; align-items: center; justify-content: center; font-size: 15px; color: rgb(255, 255, 255); margin: 0 auto; letter-spacing: -0.025em;}

/*게시판읽기2*/
.board-view2 .board-view-top {min-height: 128px; padding-top: 21px; padding-bottom: 20px; height: auto;}
.board-view2 .board-view-files {background-color: #fff; border-bottom: 1px solid rgb(199, 199, 199);}

 .board-view2-current-status {padding-top: 10px;}
 .board-view2-current-status span {display: flex; align-items: center; justify-content: center; width: 70px; height: 30px; border-top: 2px; border: 1px solid #ccc; border-radius: 3px; font-weight: 400;}
 .board-view2-current-status .receipt-waiting {border-color: #999; color: #999;}
 .board-view2-current-status .receipt-completed {border-color: #f32d69; color: #f32d69;}
 .board-view2-current-status .receipt-pending {border-color: #000; color: #000;}
 .board-view2-current-status .receipt-processing-completed {border-color: #22a0f0; color: #22a0f0;}

/*게시판읽기 답변보기*/
.board-comment-wrap {position: relative; display: flex; align-items: flex-start; flex-wrap: wrap; padding: 35px 50px; background-color: #f4f7fa;}
.board-comment-wrap--label {font-size: 0; width: 23px;}
.board-comment--box {position: relative; display: block; width: calc(100% - 23px);}
.board-comment--text {position: relative; display: block; width: 100%; height: auto; font-size: 15px; color: rgb(34, 34, 34); line-height: 1.6; top: -4px;}

.comment-writer-info {position: relative; display: flex; align-items: center; margin-top: 45px;}
.comment-writer-info>div {position: relative; display: flex; align-items: center; padding-top: 2px; margin-right: 14px;}
.comment-writer-info label {font-size: 13px;color: rgb(0, 0, 0); display: block; margin-right: 4px; letter-spacing: -0.0250em;}
.comment-writer-info p {font-size: 13px;color: #666666; display: block; letter-spacing: -0.0250em;}


/*자주하는질문*/
/*자주하는질문*/
/*자주하는질문*/
/*자주하는질문*/
.faq {position: relative; display: block; width: 100%; height: auto; border-top: 1px solid #000;}
.faq--row {position: relative; display: block; width: 100%; height: auto; padding: 0 70px 0 30px; border-bottom: 1px solid rgb(204, 204, 204);}
.faq--row:after {content: ""; position: absolute; right: 30px; top: 40px; display: block; width: 23px; height: 12px; background-image: url(/images/common/faq-arrow.png); transition: transform 0.2s;}
.faq--row.view-answer {background-color: rgb(246, 249, 251);}
.faq--row.view-answer:after {transform: rotate(180deg)}
.faq--row--question {position: relative; padding: 21px 0; display: flex;}
.faq--row--question .q {display: flex; align-items: center; justify-content: center; padding-top: 2px; border-radius: 50%; background-color: rgb(34, 160, 240); width: 48px; height: 48px; font-weight: 400; font-size: 18px; color: rgb(255, 255, 255); margin-right: 31px;}
.faq--row--question .text {position: relative; display: block; width: calc(100% - 79px); padding-top: 02px; line-height: 1.5; font-style: 0;}
.faq--row--question .text a {font-size: 18px; color: rgb(0, 0, 0); display: inline-block; padding: 10px 0;}


.faq--row--answer {position: relative; padding: 32px 0; border-top: 1px solid rgb(221, 221, 221); padding-left: 75px; font-size: 14px; color: rgb(102, 102, 102); line-height: 1.857;}





/*게시판 리스트 테이블 2 */
.board-table-2 {width: 100%; table-layout: fixed;}
.board-table-2 thead tr {border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(204, 204, 204);}
.board-table-2 thead tr th {height: 50px; vertical-align: middle; text-align: center;  font-size: 14px; color: rgb(0, 0, 0); padding-top: 2px;}
.board-table-2 thead tr th.th-tit {text-align: left; padding-left: 19px;}

.board-table-2 tbody tr {border-bottom: 1px solid rgb(204, 204, 204);}
.board-table-2 tbody tr td {vertical-align: middle; padding-top: 2px; height: 66px; font-size: 14px; color: rgb(102, 102, 102); text-align: center;}
.board-table-2 tbody tr td.td-tit {text-align: left; padding-left: 19px; font-size: 0;}
.board-table-2 tbody tr td.td-tit a {display: inline-block; font-size: 16px; color: rgb(0, 0, 0); max-width: calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; padding: 3px 0 1px; vertical-align: middle;}
.board-table-2 tbody tr td.td-tit a:hover {text-decoration: underline;}

.board-table-2 .request-work-cate {color: rgb(70, 113, 241); padding-right: 5px;}
.board-table-2 .board-comment-count {font-size: 14px; color: rgb(243, 45, 105); padding-left: 4px;display: inline-block; vertical-align: middle;}

.board-table-2 .receipt-waiting {color: #999;}
.board-table-2 .receipt-completed {color: #f32d69;}
.board-table-2 .receipt-pending {color: #000;}
.board-table-2 .receipt-processing-completed {color: #22a0f0;}