input#searchTitle{border: 1px solid #ddd;padding: 0 6px;height: 40px;min-width: 220px;color: #333;background-color: #fff;}
input#searchTitle::placeholder{color: #8B8B8B;}
.btn-search{padding: 7px 24px;height: 40px;background-color: #6C757D;}
.paging > a.active{background-color: #000 !important;}
table.notice-list td{border-bottom: 1px solid #333 !important;}
.btn-list{border-radius: 0;padding: 15px 53px;border: 1px solid #000;font-size: 18px;transition: 0.3s;color: #000;}
.btn-list:hover{background-color: var(--main-color);border-color: var(--main-color);color: #fff;}

@media (max-width: 992px) {
    .btn-list{padding: 11px 40px;font-size: 14px;}
  
}

/* notice */
table.notice-list{text-align: left;margin-top: 10px;border-top:2px solid #4D4D4D;}
table.notice-list tr:hover{background-color: #333;transition: background 0.4s;}
table.notice-list td + td{border-left: none;}
table.notice-list td{padding: 0;font-size: 16px;border-bottom: 1px solid #e8e8e8;max-width: 0;overflow: hidden;}
table.notice-list a{padding: 30px;font-size: 20px;display: block;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
table.notice-list .col-notice-date{width: 100px;}
table.notice-list .no-posts{text-align: center;cursor: default;}
table.notice-list .no-posts:hover{background-color: #000;}

div.no-cont{text-align: center;width: 100%;height: 60px;line-height: 60px;border-top: 2px solid #4D4D4D; border-bottom: 1px solid #e8e8e8;}

.view-title{display: flex;border-top: 2px solid #5C5C5C;border-bottom: 1px solid #333;}
.view-title > li{min-height:90px; display: flex;align-items: center;line-height: 1.2;}
.view-title > li:nth-child(1){width: calc(100% - 100px);min-width: 0;flex-shrink: 1;justify-content: center;font-size: 28px;text-align: center;overflow: hidden;word-wrap: break-word;padding-left: 100px;}
.view-title > li:nth-child(2){width: 100px;flex-shrink: 0;text-align: right;}



.view-cont{padding: 50px;border-bottom: 1px solid #4d4d4d;}
.view-cont{min-height: 400px;}
.view-cont > div + div{margin-top: 30px;}
.view-cont .img{text-align: center;}
.view-cont .img > img{max-width: 100%;}
.view-cont .file{text-align: center;}
.view-cont .file a + a{margin-left: 6px;}
.view-cont .btn-download{display: inline-block;padding: 10px 20px;background-color: #FFD800;border-radius: 6px;}

@media (max-width: 1300px) {
    table.notice-list a{font-size: 18px;padding: 25px;}
}

@media (max-width: 992px) {
    table.notice-list{margin-top: 20px;}
    table.notice-list td{font-size: 14px;}
    table.notice-list a{font-size: 14px;padding: 15px 6px;}
    table.notice-list .col-notice-date{width: 84px;}
    .view-cont{padding: 20px 0;}
}

@media (max-width: 768px) {
    .view-title{flex-wrap: wrap;}
    .view-title > li{width: 100% !important;justify-content: center;}
    .view-title > li:nth-child(1){font-size: 20px;min-height: 40px !important;padding-left: 0;}
    .view-title > li:nth-child(2){min-height: 20px !important;}
    .view-cont > div + div{margin-top: 20px;}
    .view-cont .file a{display: block;}
    .view-cont .file a + a{margin-left: 0px;margin-top: 6px;}
    div.no-cont{height: 40px;line-height: 40px;}
}


/* event */
.board-event .event{display: block;margin-bottom: 50px;}
.board-event .event > .img{padding-top: 45%;border: 1px solid #ddd;position: relative;overflow: hidden;}
.board-event .event > .img::before{content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-size:cover; background-position: center top;background-repeat: no-repeat; transition: transform 0.3s ease-in-out;background-image: var(--bg-img);}
.board-event .event > .img:hover::before{transform: scale(1.2);}
.board-event .event .txt{padding-top: 10px;}
.board-event .event .txt .title{font-size: 1.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.board-event .event .txt .date{color: #888;}

@media (max-width:768px){
    .board-event .event .txt .title{font-size: 14px;}
}


/* lost */
table.board-list{text-align: center;margin-top: 10px;border-top:2px solid #5C5C5C;}
table.board-list thead{background-color: #333;color: #fff;height: 60px;}
table.board-list tr{border-bottom: 1px solid #666;height: 60px;}
table.board-list tbody td:nth-child(2) > a{display: block;text-align: left;}
table.board-list tbody tr:hover{background-color: #333;transition: background 0.4s;}
table.board-list tbody td.no-posts:hover{background-color: #000;}

@media (max-width: 992px) {
    table.board-list thead{height: 44px;}
    table.board-list tr{height: 44px;}
}