@charset "utf-8";
/*******************************
* CSS : board.press.css
* Author: NXWEB beop07
********************************/

/* List */
.board-list-press{max-width:1200px;margin:0 auto;}
.board-list-press .last-press{display:flex;align-items:stretch;position:relative;}
  .board-list-press .last-press .link{display:block}
  .board-list-press .last-press .img-area{flex:0 0 41.666%;}
  .board-list-press .last-press .txt-area{flex:0 0 58.334%;position:relative;min-width:0;padding:30px 50px 0;border:1px solid #d7d7d7;border-left:0;}
  .board-list-press .last-press .img-area img{display:block;max-width:100%;}
  .board-list-press .last-press .txt-area .tt{margin-bottom:20px}
  .board-list-press .last-press .txt-area .txt{display:-webkit-box;line-height:1.6em;height:6.4em;color:#777;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word}
  .board-list-press .last-press .txt-area .date{position:absolute;left:50px;bottom:40px;font-size:14px;color:#999;}
  .board-list-press .cate{display:inline-block;min-width:65px;font-size:12px;line-height:1;color:#fff;padding:5px 8px;margin-bottom:8px;background-color:#f67404;}
  .board-list-press .date{font-family:'Inter'}

.board-list-press .filter{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;margin-bottom:50px;background-color:#f5f5f5;}
  .board-list-press .filter .date-area{display:flex;flex:0 0 35%;padding-right:30px;}
  .board-list-press .filter .search-area{display:flex;justify-content:space-between;flex:0 0 65%;padding-left:30px;}
  .board-list-press .filter .date-area .col-date{flex:0 0 45%;}
  .board-list-press .filter .date-area .col-dash{flex:0 0 10%;display:flex;align-items:center;justify-content:center;}
  .board-list-press .filter .input{width:100%;height:50px;padding:0 15px;text-indent:0;border:1px solid #e1e1e1;background-color:#fff}
  .board-list-press .filter .dash{display:inline-block;width:10px;height:1px;background-color:#707070;}
  .board-list-press .filter .datePick{background:#fff url('/src/img/common/ic_datepick.png') no-repeat center right 15px;}
  .board-list-press .filter .col-sel{width:120px;}
  .board-list-press .filter .col-input{width:calc(100% - 200px);padding:0 10px;}
  .board-list-press .filter .col-btn{width:80px;}
  .board-list-press .filter .submit{font-size:15px;color:#fff;border-color:#515151;background-color:#515151;}

.board-list-press .press-list{position:relative;border-top:2px solid #333;}
  .board-list-press .press-list .item{padding:32px 40px;border-bottom:1px solid #e1e1e1;}
  .board-list-press .press-list .warpper{display:block;position:relative;min-height:200px;overflow:hidden;}
  .board-list-press .press-list .warpper > .txt-area{float:left;width:calc(100% - 300px);padding-right:40px;}
  .board-list-press .press-list .warpper > .img-area{float:left;width:300px;}
  .board-list-press .press-list .thumb-wrap img{display:block;width:100%;max-width:300px;}
  .board-list-press .press-list .txt{display:-webkit-box;line-height:1.6em;height:4.8em;color:#777;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}
  .board-list-press .press-list .date{position:absolute;left:0;bottom:0;font-size:14px;color:#999;}


@media (max-width:1280px){
  .board-list-press .last-press .txt-area .txt{line-height:1.6em;height:4.8em;-webkit-line-clamp:3;}
}

@media (max-width:1100px){
  .board-list-press .last-press .txt-area .txt{line-height:1.6em;height:1.6em;-webkit-line-clamp:1;}
}


/* Write */
#board-write-press .bw_subject{padding-bottom:15px}
#board-write-press .bw_subject input[type=text]{width:100%;height:48px;border-radius:4px;border:1px solid #c9c9c9;padding:4px 8px;text-indent:5px;outline:none}
#board-write-press .bw_subject input[type=text]:focus{border-color:#aaa}
#board-write-press .bw_contents textarea{width:100%;height:350px}
#board-write-press .tbl_bw{width:100%}
#board-write-press .tbl_bw th{width:120px;font-weight:500}
#board-write-press .tbl_bw th, #board-write-press .tbl_bw td{height:48px;font-size:14px;color:#434343;border-bottom:1px solid #dcdcdc;padding:8px 10px;vertical-align:middle}
#board-write-press .tbl_bw select{width:160px;height:32px;border:1px solid #ccc;vertical-align:top;font-size:13px;border-radius:3px}
#board-write-press .tbl_bw input[type=checkbox]{width:16px;height:16px}


/* Btn */
#board-press .btn-brd-list{display:inline-block;border:0;padding:7px 18px;background:#999;color:#fff;font-size:14px}
#board-press .btn-brd-save, #board-press .btn-brd-write{display:inline-block;border:0;padding:7px 18px;background:#222;color:#fff;font-size:14px}

/* File Upload */
#board-press #drop{background:#e6e6e6;border:7px dotted #bbb;padding:22px 30px;width:100%;color:#7f858a;text-align:center;}
#board-press #drop a{background-color:#007a96;padding:8px 20px;color:#fff;font-size:13px;border-radius:2px;cursor:pointer;display:inline-block;margin-top:12px;line-height:1}
#board-press #drop a:hover{background-color:#0986a3}
#board-press #drop input{display:none}
#board-press .dropList{margin-top:15px}
#board-press .dropList li{position:relative;height:auto;padding:6px 0;border-bottom:1px dotted #ccc}
#board-press .dropList li:last-child{border-bottom:0}
#board-press .dropList li input{display:none}
#board-press .dropList li p{display:inline-block;font-size:14px;color:#444;margin-left:7px;vertical-align:middle}
#board-press .dropList li i{position:absolute;right:72px;top:7px;font-size:13px;font-weight:normal;font-style:normal;color:#7f7f7f}
#board-press .dropList li canvas{vertical-align:middle}
#board-press .dropList li span.nt{width:15px;height:12px;background:url("img/icons.png") no-repeat;position:absolute;top:50%;margin-top:-7px;right:50px}
#board-press .dropList li span.erMsg{display:inline-block;vertical-align:middle;color:red;margin-left:25px;position:absolute;right:130px;top:9px;font-size:13px}
#board-press .dropList li span.brdFileDel{position:absolute;display:inline-block;top:50%;right:0;margin-top:-10px;width:30px;height:20px;font-size:12px;line-height:20px;color:#fff;text-align:center;background:#fb4545;border-radius:3px;cursor:pointer}
#board-press .dropList li.error span.nt{background-position-y:-13px;margin-top:-6px}
#board-press .dropList li.working span.nt{height:16px;background-position:0 -12px}
#board-press .dropList li.error p{color:red}

/* pagination */
#board-press .board_pagination{text-align:center;overflow:hidden;padding:20px 20px}
#board-press .board_pagination strong{vertical-align:top;display:inline-block;width:33px;height:33px;background-color:#444;color:#fff;font-size:12px;line-height:34px;text-align:center;margin:0 3px}
#board-press .board_pagination a{vertical-align:top;display:inline-block;width:34px;height:34px;border:1px solid #e5e5e5;background-color:#fff;color:#6c6c6c;font-size:12px;line-height:34px;text-align:center;margin:0 3px}
#board-press .board_pagination .ic_pg_first{width:26px;height:30px;background:url('img/ar_first.jpg') no-repeat center center}
#board-press .board_pagination .ic_pg_last{width:26px;height:30px;background:url('img/ar_last.jpg') no-repeat center center}
#board-press .board_pagination .ic_pg_prev{width:26px;height:30px;background:url('img/ar_prev.jpg') no-repeat 10px 9px}
#board-press .board_pagination .ic_pg_next{width:26px;height:30px;background:url('img/ar_next.jpg') no-repeat 10px 9px}
#board-press .board_pagination .pull-left p{font-size:13px;color:#777;line-height:33px;font-family:'Montserrat','notokr',sans-serif}
#board-press .board_pagination a.disabled{cursor:press}
#board-press .board_pagination a.disabled > i{opacity:0.2}


@media (max-width:1280px){
  .board-list-press .last-press .txt-area{padding:30px 40px 0;}
  .board-list-press .last-press .txt-area .date{left:40px;bottom:30px;}
}
@media (max-width:970px){
  .board-list-press .last-press{display:none;}
  .board-list-press .filter{padding:20px;}
  .board-list-press .press-list .item{padding:32px 10px;}
  .board-list-press .filter .date-area{padding-right:12px;}
  .board-list-press .filter .search-area{padding-left:12px;}
}
@media (max-width:768px){
  .board-list-press .filter{flex-wrap:wrap}
  .board-list-press .filter .date-area{flex:0 0 100%;padding:0 0 20px}
  .board-list-press .filter .search-area{flex:0 0 100%;padding:0}
  .board-list-press .filter .input{height:40px;}

  .board-list-press .press-list .warpper{min-height:170px;}
  .board-list-press .press-list .warpper > .txt-area{width:calc(100% - 220px);padding-right:35px;}
  .board-list-press .press-list .warpper > .img-area{width:220px;}
  .board-list-press .press-list .thumb-wrap img{max-width:100%;}
  .board-list-press .press-list .txt{height:3.2em;-webkit-line-clamp:2;}
}
@media (max-width:640px){
  .board-list-press .press-list .item{padding:28px 0;}
  .board-list-press .press-list .warpper{min-height:100px;}
  .board-list-press .press-list .warpper > .txt-area{float:right;width:calc(100% - 150px);padding-right:0;padding-left:25px;}
  .board-list-press .press-list .warpper > .img-area{float:left;width:150px;}
  .board-list-press .press-list .date{bottom:auto;left:auto;top:0;right:0;}
  .board-list-press .press-list .txt{height:1.6em;-webkit-line-clamp:1;}


	.board-list-press .bl_header > .pull-right{width:100% !important}
	.board-list-press .bl_list tbody tr:first-child{border-top:1px solid #333}
	.board-list-press .bl_list tbody tr{border-bottom:1px solid #ddd}
	.board-list-press .bl_list th, .board-list-press .bl_list td.td-num{display:none}
	.board-list-press .bl_list td{float:left;border-bottom:0 !important;padding:0 5px 8px 5px !important}
	.board-list-press .bl_list td > a{color:#333;font-size:13px}
	.board-list-press .bl_list td.td-subject{width:100%;color:#333;padding:10px 5px 3px 5px !important}
	.board-list-press .bl_list td.td-writer{color:#999;position:relative}
	.board-list-press .bl_list td.td-writer:after{content:'';width:1px;height:11px;background:#999;position:absolute;right:0;top:4px}
	.board-list-press .bl_list td.td-date{color:#999}
}
@media (max-width:480px){

  .board-list-press .filter{margin:0 -20px 50px;}
  .board-list-press .filter .date-area{padding:0 0 12px;}
  .board-list-press .filter .col-sel{width:80px;}
  .board-list-press .filter .col-btn{width:70px;}
  .board-list-press .filter .submit{font-size:14px;}
  .board-list-press .filter .col-input{width:calc(100% - 150px);}

  .board-list-press .press-list .warpper > .img-area{display:none;}
  .board-list-press .press-list .warpper > .txt-area{width:100%;padding:0;}
  .board-list-press .press-list .txt{height:3.2em;-webkit-line-clamp:2;}

}