@charset "utf-8";
/* 문의 */
#ebric_pc_wrap #main-content-wrap .board-wrap { margin-top: 20px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area { height: 35px; overflow: hidden; }

/*상단검색창*/
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box { height: 35px; width: 350px; position: relative; float: right; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box input[type=text] { width: 100%; height: 100%; border: 1px solid #dcdcdc; border-radius: 5px; padding-left: 15px; padding-right: 70px; font-size: 1.3rem; line-height: 38px; transition: border-color 0.25s ease; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box input[type=text]:active,
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box input[type=text]:focus { border-color: #80B0FF; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box input[type=text]::-webkit-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box input[type=text]::-moz-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box input[type=text]:-ms-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box input[type=text]:-moz-placeholder{ color: #666; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box .search-btn { width: 60px; text-align: center; height: 100%; display: block; position: absolute; top: 0; right: 0; background: #2f6ed5; color: #fff; font-size: 1.4rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; padding: 7px 0; z-index: 2; transition: background .3s ease; }
#ebric_pc_wrap #main-content-wrap .board-wrap .search-area .search-box .search-btn:hover { background: #1E5CC3; }

#ebric_pc_wrap #main-content-wrap .board-wrap .board-table table { width: 100%; table-layout:fixed; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table table tbody tr { border-bottom: 1px solid #e5e5e5; overflow: hidden; background: #fff; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table table tbody tr th { padding: 17px 10px; font-size: 1.3rem; font-weight: 500; background: #fff; text-align: center; background: #f6f7fb; cursor: default; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table table tbody tr td { padding: 12px 10px; font-size: 1.25rem; text-align: center; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table table tbody tr td a:hover { text-decoration: underline; }

#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table { border: 1px solid #ddd; border-top: 2px solid #363e4e; margin-top: 10px; width: 100%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr { border-bottom: 1px solid #e5e5e5; overflow: hidden; cursor: pointer; background: #fff; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr .th { float: left; padding: 17px 10px; font-size: 1.3rem; font-weight: 500; background: #fff; text-align: center; background: #f6f7fb; cursor: default; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .th.numb,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .td.numb { width: 15%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .th.numb,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .td.numb { width: 10%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .th.comp,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .td.comp { width: 15%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .th.comp,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .td.comp { width: 10%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .th.name,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .td.name { width: 15%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .th.name,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .td.name { width: 15%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .th.content,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .td.content { width: 40%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .th.content,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .td.content { width: 40%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .th.date,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .td.date  { width: 15%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .th.date,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .td.date  { width: 10%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .th.star,
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.review div.tr .td.star  { width: 15%; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr .td { float: left; padding: 12px 10px; font-size: 1.25rem; text-align: center; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr:hover .td.content { text-decoration: underline; }

#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr .detail-content { border-top: 1px solid #e5e5e5; background: #f8f8f8; float: left; width: 100%; padding: 20px; cursor: default; display: none; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr.select .detail-content { display: block; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .detail-content.user { background: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,0.05) inset; border-top: 1px solid #DBDBDB; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table.inquiry div.tr .detail-content.admin { border-top: 1px solid #e5e5e5; }

#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr .detail-content .head { margin-bottom: 5px; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr .detail-content .head .user-id { font-size: 1.4rem; font-weight: 700; margin-right: 5px; }
#ebric_pc_wrap #main-content-wrap .board-wrap div.board-table div.tr .detail-content .head .date { color: #999; font-weight: 300; }

#ebric_pc_wrap #main-content-wrap .board-wrap>.btn-wrap { text-align: right; margin-top: 20px; }
#ebric_pc_wrap #main-content-wrap .board-wrap>.btn-wrap a { height: 40px; line-height: 40px; margin-left: 10px; }
#ebric_pc_wrap #main-content-wrap .board-wrap textarea { width: 100%; height: 300px; padding: 5px 10px; }

/* 1:1문의 상세 */
#ebric_pc_wrap #main-content-wrap .board-wrap .inquiry-detail-table table tbody tr td .content { white-space: pre-wrap; }
#ebric_pc_wrap #main-content-wrap .board-wrap .inquiry-detail-table.answer { margin-top: 20px; }

/* 게시판 */
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board table tbody tr th.numb,
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board table tbody tr td.numb { width: 10%; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board table tbody tr th.title,
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board table tbody tr td.title { width: 90%; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board table tbody tr td.title { text-align: left; padding: 12px 15px; }

#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board-detail table tbody tr th { width: 100px; text-align: left; padding: 10px 15px; font-size: 1.3rem; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board-detail table tbody tr td { text-align: left; padding: 10px 15px; font-size: 1.3rem; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board-detail table tbody tr td.content-area { font-size: 1.3rem; line-height: 22px; padding: 30px; text-align: center; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board-detail table tbody tr td.content-area img { max-width: 838px; margin-top: 20px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board-detail table tbody tr td .file-btn { font-size: 1.2rem; color: #2F6ED5; margin-right: 10px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .board-table.board-detail table tbody tr td .file-btn i { margin-right: 5px; }

/* ellipsis 테이블 */
.list-table table { table-layout: fixed; }
.list-table table tbody tr td.ellipsis-value { position: relative; cursor: pointer; transition: background 0.25s ease; }
.list-table table tbody tr td.ellipsis-value:hover,
.list-table table tbody tr td.ellipsis-value.hover { background: rgba(0,0,0,0.075); }
.list-table table tbody tr td.ellipsis-value .ellipsis-box { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list-table table tbody tr td.ellipsis-value .ellipsis-box i { margin-right: 5px; color: #666; }
.list-table table tbody tr td.ellipsis-value .ellipsis-box i.fa-eye { display: none; }
.list-table table tbody tr td.ellipsis-value:hover .ellipsis-box i.fa-eye,
.list-table table tbody tr td.ellipsis-value.hover .ellipsis-box i.fa-eye { display: inline-block; }
.list-table table tbody tr td.ellipsis-value:hover .ellipsis-box i.fa-eye-slash,
.list-table table tbody tr td.ellipsis-value.hover .ellipsis-box i.fa-eye-slash { display: none; }
.list-table table tbody tr td.ellipsis-value .ellipsis-view-layer { position: absolute; right: 0; top: 100%; z-index: 2; white-space: pre-wrap; text-align: left;width: 100%; max-height: 85px; overflow: auto; overflow-x: none; background: #fff; border: 1px solid #dee3eb; padding: 8px 10px; cursor: auto; display: none; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05); }
.list-table table tbody tr td.ellipsis-value:hover .ellipsis-view-layer,
.list-table table tbody tr td.ellipsis-value.hover .ellipsis-view-layer { display: block; }