/* 블라디보스톡 공지사항 게시판 */

.board_head{border-top: 2px solid #333; border-bottom: 1px solid #333; text-align: center; padding: 15px 40px; }
.board_head strong{font-size:26px; display: block; padding-bottom: 15px;}
.board_head span.upload_date{display: block; font-size: 16px; color:#888}
.board_head span.upload_date span{padding: 0 10px;}

.baord_file{border-bottom: 1px solid #ddd; padding: 15px; background-color: #f5f5f5;}
.baord_file dl{display: table;}
.baord_file dl dt,.baord_file dl dd{display: table-cell; font-size: 15px;}
.baord_file dl dt{padding-right: 20px;}
.baord_file dl dd{color:#888; cursor: pointer;}

.board_body{padding: 40px; min-height: 400px;}

.board_condtent img,
#notice_content img,
#video_board_content img,
.ql-viewer img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* 영상 상세: bd1200 컨테이너 안 overflow 방어 */
#video_board_videos video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

#video_board_content iframe,
.board_condtent iframe {
  max-width: 100%;
}

.board_condtent a,
#notice_content a,
.ql-viewer a {
  color: #a28b4f;
  text-decoration: underline;
}

.baord_file a {
  color: #888;
  text-decoration: underline;
}

.board_pagination{border-top: 1px solid #888;}

.board_pagination .board_page{border-bottom: 1px solid #888; padding: 15px; display: flex; width: 100%;}
.board_pagination .board_page span{font-size: 16px; display: block}
.board_pagination .board_page span.page_move{ font-weight: 600; margin-right: 20px;}
.board_pagination .board_page span.page_title{color: #888; transition: all .2s; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_pagination .board_page span.page_title:hover{color:#333}

.board_list_wrap{text-align: right; padding-top: 60px;}
.board_list_wrap button{width: 120px; padding: 10px; border: 1px solid #333; text-align: center; background-color: #333; color: #fff;}


/* ********************************************* *
   notice
* ********************************************* */

.notice{padding-bottom: 150px;}
.notice_table table{width: 100%; border-top: 2px solid #333; table-layout: fixed;}
.notice_table table .no{width: 80px;}
.notice_table table .t-date{width: 140px;}
.notice_table table th{border-bottom: 1px solid #333; padding: 18px 5px; text-align: center;}
.notice_table table td{padding: 18px 5px;  text-align: center; cursor: pointer; border-top: 1px solid #ddd; }
.notice_table table td.t-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice_table table tr:last-child{border-bottom: 1px solid #ddd;}

.notice_table table td.t-title{text-align: left;transition: all .2s;}
.notice_table table td.t-title:hover{color:#888}
.notice_table table td.t-title .notice-required,
.notice-required {
  color: red;
}
.pagination{text-align: center; margin-top:80px; width: auto; font-size: 0;}
.pagination .page a.active,.pagination .page a:hover{color:#fff; background-color: #a28b4f;}
.pagination .page a{display: inline-block; min-width: 34px; height: 34px; line-height: 34px; font-size: 15px; color:#333;font-family: 'Montserrat',sans-serif;
box-sizing: border-box; border-radius: 100%; vertical-align: top; text-align: center; margin: 0 7px; }
.board_search{max-width: 500px; width: 95%; margin: 0 auto; position: relative; margin-top: 40px;}
.board_search input{width: 100%; height: 50px; border: 1px solid #ddd; padding:10px 126px 10px 10px; outline: none;}
.board_search a{height: 50px; background-color: #a28b4f; color: #fff; padding:0 25px; cursor: pointer; line-height: 50px; position: absolute; display: block; right: 0; top: 0;}
.board_search input::placeholder{font-size: 14px;}



@media screen and (max-width:1024px){
	.board_head{padding: 14px 0}
    .board_body{padding: 40px 0;}

}

@media screen and (max-width:640px){
	.board_head strong{font-size: 20px; word-break: keep-all;}
    .board_body p{font-size: 1rem;}
    .board_head span.upload_date{font-size: 14px;}
    .board_pagination .board_page span{font-size: 14px!important;}

     /* offer */
     .notice_table table{table-layout: inherit;}
   .notice_table table td{font-size: 1.1rem;}
   .notice_table table th{display: none;}

   .notice_table table tbody tr{border-top: 1px solid #333;}
   .notice_table table tbody tr:first-child{border-top: 2px solid #333;}
   .notice_table table tbody tr:last-child{border-bottom: 1px solid #888;}
   .notice_table table td{border-bottom: 0; padding: 10px 5px;}
   .notice_table table td.t-title{white-space: normal;}
   .notice_table table td.no{font-weight: 600; color:#aaa; width: inherit; width: 60px;}
   .notice_table table td.t-title{display: block; padding-bottom: 0 }
   .notice_table table td.t-date{display: block; text-align: left; position: relative;font-size: 14px; color:#666}
   .notice_table table td.t-date::before{content: "Date : "; color:#333}
   .notice_table table td:last-child{border-top:0;}
   .notice_table{border-top: 1px solid #333;}

}