@charset "UTF-8";

/* List Table */
/* .scroll-table {position: relative;}
.board-table .col-admin {width: 4%;}
.board-table .col-num {width: 4%;}
.board-table .col-write {width: 9%;}
.board-table .col-date {width: 9%;}
.board-table .col-acess {width: 8%;}
.board-table .col-file {width: 8%;}

.board-table .col-reco-y,
.board-table .col-reco-n,
.board-table .col-comment {display: none;}

.board-table .th-reco-y,
.board-table .th-reco-n,
.board-table .th-comment {display: none;}

.board-table .td-reco-y,
.board-table .td-reco-n,
.board-table .td-comment {display: none;}

.board-table thead th { background: #f2f2f2; font-size: 16px; font-family:'S-CoreDream-4Regular'; font-weight: normal; padding: 9px 0; border-bottom: 1px solid #cfcfd1; border-top: 2px solid #7c7c7c;}
.board-table tbody tr.notice {background: #f9f9f9;}
.board-table tbody tr.notice .td-num {text-indent: -99999px; background: url('../images/ico-notice.png') no-repeat center center;}
.board-table tbody tr:hover {background: #f2fbfe;}
.board-table tbody td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 15px; font-family:'S-CoreDream-4Regular'; padding: 12px 0; color: #555; border-bottom: 1px solid #cfcfd1;}
.board-table tbody td.td-subject {font-size: 16px; color: #444; text-align: left; padding-left: 20px; font-weight: normal;}
.board-table tbody td.td-subject a{display:flex;align-items:center;}
.board-table tbody td.td-subject a strong{font-family:'S-CoreDream-4Regular' !important;font-weight: normal;}
.board-table tbody td.td-subject .new {position: relative; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px;}
.board-table tbody tr.trash td.td-subject {text-decoration: line-through;}
.board-table tbody td.td-file {}
.board-table tbody td.td-file.file {background: url('../images/ico-file.png') no-repeat center center;}
@media all and (max-width:860px) {
    .scroll-table {overflow-x: hidden;}
    .scroll-table table {width:1000px;}
    .scroll-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../images/img_mobile_text.png') no-repeat center center;}
    .scroll-table.on:after {display:none;}
} */

.board-bottom {text-align:right;}
.board-bottom .btn-control {margin-top: 20px;}
.board-bottom .btn-control input[type="submit"]{background: #3445EB url(../images/write_icon.svg) no-repeat left 71px center; padding: 18px 71px 18px 114px; font-size: 20px; line-height: 32px;}
.board-table tbody tr td .process_area{display: inline-block; width: 60px; height: 28px; line-height: 28px; text-align: center; border-radius: 14px;}
.board-table tbody tr td .process_area.process_1{background-color: #C2DEE7; color: #515151;}
.board-table tbody tr td .process_area.process_2{background-color: #2ED872; color: #000000; font-family: "Pre Bold";}
/* 목록게시판 */
.board-table .th-admin {width: 5%;}
.board-table .th-num {width: 10%;}
.board-table .th-process {width: 10%;}
.board-table .th-write {width: 10%;}
.board-table.diff .th-write {width: 15%;}
.board-table .th-reco-y {width:6%;}
.board-table .th-reco-n {width:6%;}
.board-table .th-date {width: 10%;}
.board-table.diff .th-date {width: 12%;}
.board-table .th-comment {width: 6%;}
.board-table .th-acess {width: 6%;}
.board-table .th-file {width: 8%;}
.scroll-table {position: relative; border-bottom:1px solid #000;}
.board-table thead th {background:#000; color:#fff; font-size: 16px; font-family: 'Pre Medium'; font-weight: normal; line-height: 26px; padding:15px 15px; }
.board-table tbody tr {min-height:100px;}
.board-table tbody tr td {font-size: 16px; font-family: 'Pre Medium'; line-height: 26px; color:#707070; padding:35px 15px; }
.board-table tbody tr:hover td {background:#F7F7F7; }
.board-table tbody tr.notice{background:#E3F1FD;}
.board-table tbody tr.notice:hover td{background-color: #E3F1FD;}
.board-table tbody tr.notice td.td-num > span {background:#000; border-radius:4px; display: inline-block; padding:7px 22px; font-size: 16px; font-family: 'Pre Bold'; line-height: 22px; color:#fff;}
.board-table .td-subject {background:#fff; font-size: 20px; font-family: 'Pre Bold'; color:#000; line-height:30px; text-align:left;}
.board-table .td-subject a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-table .td-subject a strong{position: relative;}
.board-table .td-subject a:hover strong{color: #2822e9;}
.board-table .td-subject a:hover strong::after{content:""; display: block; position: absolute; left: 0 ;bottom: 0; width: 100%; height: 2px; background-color: #2822e9;}
.board-table .td-subject .new {width:25px; height:25px; background:#2822E9; border-radius:50%; text-indent: -9999px; display: inline-block; position: 
  relative; top:2px; margin-left: 8px;}
.board-table .td-subject .new::after {content:'N'; font-family: 'Pre Bold'; font-size: 16px; width:25px; height:25px; position: absolute; left:0; top:0; color:#fff; z-index: 1; text-indent: 0; text-align: center; line-height: 25px;}
.board-table .td-subject .mobile_file{display: none;}
.board-table tbody tr.notice .td-subject{background-color: transparent}
.board-table .td-access span{display: none;}

@media (max-width:980px) {
  .wrap_contents .container.board_container{padding: 0;}
  .wrap_contents .container.board_container .board-bottom{margin: 20px 0 0;}
  .scroll-table{border-bottom: 0; position: relative;}
  .scroll-table::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #000000;}
  .board-table {text-align: left; width: calc(100% + 40px); position: relative; left: -20px;}
  .board-table col,
  .board-table thead th,
  .board-table tbody td {display: none;}
  
  .board-table tbody tr{overflow: hidden; display: block; padding: 24px 20px 20px; position: relative}
  .board-table tbody tr::after{content:""; display: block; position: absolute; left: 20px; bottom: 0; width: calc(100% - 40px); height: 1px; background-color: #d9d9d9;}
  .board-table tbody td{float: left;}
  .board-table .td-subject{display: block; width: 100%;}
  .board-table .td-write,
  .board-table .td-process,
  .board-table .td-access,
  .board-table .td-access span,
  .board-table .td-date {display: inline-block;}

  .board-table .td-process{padding-left: 0;margin-right: 14px;}
  
  .board-table thead th {padding: 15px 0;}
  .board-table tbody tr td {padding: 4px 15px; font-size: 15px; position: relative;}
  .board-table tbody tr .td-write {padding-left: 0;}
  .board-table tbody tr td::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 8px; background-color: #707070;}
  .board-table tbody tr .td-subject::after,
  .board-table tbody tr .td-access::after{display: none;}

  .board-table .td-subject a{white-space: wrap;}

  .board-table tbody tr:hover{background-color: #f7f7f7;}
  .board-table tbody tr.notice > .td-subject {padding:5px 0 15px;}
  .board-table tbody tr.notice .td-num{display: block; padding: 0 0 4px;}
  .board-table tbody tr.notice .td-num::after{display: none;}
  .board-table tbody tr.notice:hover td,
  .board-table tbody tr:hover td{background-color: transparent;}
  .board-table tbody tr.notice:hover{background-color: #E3F1FD;}
  .board-table .td-subject {font-family: 'Pre Medium'; font-size: 16px; padding: 5px 0 15px}
  .board-table tbody tr.notice td.td-num > span {padding:3px 14px; font-size: 14px; }
  .board-table .td-subject .mobile_file{display: inline-block; font-size: 0; width: 13px; height: 12px; background: url('../images/mobile_down_icon.svg') no-repeat center center / cover; position: relative; top: 2px; margin-left: 5px;}
}

.regist-file {position: relative; max-width:840px;width: 100%;}
.regist-file .file-select label {position: relative;}
.regist-file .file-box {display: none !important;position: relative; background: #F7F7F7; border-radius:4px; height:60px; font-size: 16px; color:#515151; font-family: 'Pre Medium'; padding:0 20px; display: flex; align-items: center;}
.regist-file .file-btn.add {display: block;background: #000; color:#fff; border-radius:4px; font-size: 16px; font-family: 'Pre Medium'; line-height: 26px; margin: 0 0 10px;padding:0px 48px; height: 54px;width: 280px; cursor: pointer;z-index: 10;}
.regist-file .file-option {width: 100%;height: 100%;margin-top: 2px;  max-height:180px; overflow-y:auto; background: #F7F7F7; border-radius:4px;}
.regist-file .file-option > ul {padding: 20px 10px;}
.regist-file .file-option li {display:flex; align-items: center; padding:8px 20px; margin-bottom: 4px;font-size: 16px;font-family: 'Pre Medium';color: #515151;cursor: pointer;}
.regist-file .file-option li:hover {background:#dedede;}
.regist-file .file-option li:last-child {margin-bottom: 0px;}
.regist-file .file-option li.selected {background: #EAEAEA;}
.regist-file .file-option li span {color:#000; max-width: 60%;font-size: 16px; font-family: 'Pre Medium'; margin-right: 12px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.regist-file .file-btn.del {width:20px; height:20px; background:#000 url('../images/file-del.svg') no-repeat center;; border-radius:50%; text-indent: -9999px; cursor: pointer;}
@media (max-width:600px) {
  /* .regist-file .file-box {height:50px;} */
  .regist-file .file-btn.add {padding:0px 28px;}
  .regist-file .file-option li span {max-width: 80%;}
}

/* 답글 팝업 */
iframe.btn-deco {margin: 0;}
iframe.btn-deco.new_win {padding: 25px 20px 40px 20px;}
body._popup #_wrap {margin: 0;}
body._popup #_wrap #_popupHeader {height: 80px;}
body._popup #_wrap #_popupHeader h1 {height: auto;font-size: 27px;font-family: 'Pre Bold';font-weight: 600;}
body._popup .box-answer .insert input { border: 1px solid #d9d9d9;height: 45px;line-height: 1.5;padding: 0 20px;border-radius: 4px;font-size: 16px;font-family: 'Pre Medium';color: #515151;width: 100%;max-width: 266px;}
body._popup .box-answer mark.must {width: 10px;position: relative;top: 3px;display: inline-block;background: url(../images/ico-mark2.svg) no-repeat;text-indent: -9999px;}
body._popup .box-answer .title {display: block;flex-shrink: 0;width: 120px;font-size: 18px;font-family: 'Pre Bold';font-weight: 600}
body._popup .box-answer .insert {flex: 1;font-size: 18px;font-family: 'Pre Medium';color: #515151;}
body._popup .box-answer .insert textarea {width: 100%;height: 100px;max-width: 450px;}
body._popup .box-answer + .board-button input {display:block;margin: 0 auto;padding: 14px 70px;border-radius: 4px;font-size: 20px;line-height: 32px;font-family: 'Pre Regular';cursor: pointer;transition: background .3s;background: #000;color: #fff;}
body._popup .box-answer .row {display: flex;align-items: center;margin: 0 0 25px;}
body._popup .box-answer .row:last-child {align-items: flex-start;}