/*게시판*/

.board section > .inner {max-width:900px;}

.board .board-top {width:100%; margin-bottom:var(--gap-40); display:flex; align-items:center; justify-content:space-between;}
.board .board-top .title-box {display:flex; align-items:center; gap:var(--gap-16);}
.board .board-top .title-box h2 {font-size:var(--font-28); font-weight:600; color:var(--main-color);}
.board .board-top .title-box .txt {font-size:var(--font-18);}
.board .board-top .search-wrap .search-box {position:relative;}
.board .board-top .search-wrap .search-box .input-box {width:100%;}
.board .board-top .search-wrap .search-box .input-box input[type="text"] {width:300px; height:40px; border-radius:2px; background:#fff; border:1px solid var(--black); padding:var(--gap-16) var(--gap-16) var(--gap-16) calc(var(--gap-16) + 20px + var(--gap-16)); font-size:var(--font-16);}
.board .board-top .search-wrap .search-box .btn-search {width:20px; height:20px; font-size:0; cursor:pointer; background:url(/img/conts/icon_search.svg) center no-repeat; background-size:auto 100%; position:absolute; left:var(--gap-16); top:50%; transform:translateY(-50%);}

@media screen and (max-width: 768px) {
	.board .board-top {flex-wrap:wrap; gap:var(--gap-16);}
	.board .board-top .title-box {width:100%;}
	.board .board-top .search-wrap {display:flex; justify-content:flex-end; width:100%;}
	.board .board-top .search-wrap .search-box .input-box {width:100%; max-width:300px;}
}

@media screen and (max-width: 480px) {
	.board .board-top .title-box {justify-content:center;}
	.board .board-top .search-wrap {justify-content:center;}
}


.board .board-list {width:100%;}
.board .board-list .list-tb {width:100%; border:solid var(--main-color); border-width:2px 0;}
.board .board-list .list-tb li {width:100%; min-height:60px; padding:var(--gap-8) 0; border-bottom:1px solid var(--main-color); display:flex; align-items:center;}
.board .board-list .list-tb li:last-child {border-bottom:0;}
.board .board-list .list-tb li > * {padding:0 var(--gap-16); text-align:center;}
.board .board-list .list-tb li .td {font-size:var(--font-16);}
.board .board-list .list-tb li .td a {font-size:var(--font-16); display:inline-block; vertical-align:middle; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}
.board .board-list .list-tb li.head {background:#9CB69D; }
.board .board-list .list-tb li.head .th {text-align:center !important; font-size:var(--font-16); font-weight:600;}
.board .board-list .list-tb li.fix {background:#FAF6EE; color:var(--main-color);}
.board .board-list .list-tb li.fix .td a {font-weight:600; color:var(--main-color);}
.board .board-list .list-tb li.head + .fix {border-top:2px solid var(--main-color);}
.board .board-list .list-tb li.fix + .list {border-top:1px solid var(--main-color);}
.board .board-list .list-tb li:not(.head):hover {background:#D3D8C3;}

@media screen and (max-width: 768px) {
	.board .board-list .list-tb li {flex-wrap:wrap;}
}

@media screen and (max-width: 480px) {
	.board .board-list .list-tb li.head {display:none;}
}


#notice-list-tb li .no {width:150px;}
#notice-list-tb li .subject {width:calc(100% - 390px); text-align:left;}
#notice-list-tb li .date {width:120px;}
#notice-list-tb li .views {width:120px;}

@media screen and (max-width: 1024px) {
	#notice-list-tb li .subject {width:calc(100% - 350px);}
	#notice-list-tb li .date {width:100px;}
	#notice-list-tb li .views {width:100px;}
}

@media screen and (max-width: 768px) {
	#notice-list-tb li .no {display:none;}
	#notice-list-tb li .subject {width:calc(100% - 200px); text-align:left;}
}


@media screen and (max-width: 480px) {	
	#notice-list-tb li .subject {width:100%; margin-bottom:5px;}
	#notice-list-tb li .date, #notice-list-tb li .views {width:auto; font-size:var(--font-14); position:relative;}
	#notice-list-tb li .views:before {content:""; width:2px; height:2px; border-radius:50%; background:var(--black); position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
}



.board .board-paging {width:100%; margin-top:calc(var(--gap-40) * 1.25); display:flex; align-items:center; justify-content:center; gap:var(--gap-8); flex-wrap:wrap;}
.board .board-paging a {min-width:20px; height:20px; display:flex; align-items:center; justify-content:center; font-size:var(--font-16); position:relative;}
.board .board-paging a.nav {width:20px; font-size:0;}
.board .board-paging a.nav:before {content:""; width:100%; height:100%; background:url(/img/conts/paging.svg) center no-repeat; position:absolute; left:0; top:0;}
.board .board-paging a.nav.next:before {transform:scaleX(-1);}
.board .board-paging a.on {color:var(--main-color); font-weight:600;}



.board .board-view {width:100%;}
.board .board-view .view-tb {width:100%; border:solid var(--main-color); border-width:2px 0;}

.board .board-view .view-tb .title-box {width:100%; min-height:60px; border-bottom:1px solid var(--main-color); display:flex; align-items:center; justify-content:space-between; padding:var(--gap-8) var(--gap-40); gpa:var(--gap-8); background:#FAF6EE;}
.board .board-view .view-tb .title-box .title {font-size:var(--font-18); font-weight:600; color:var(--main-color);}
.board .board-view .view-tb .title-box .date {font-size:var(--font-14); flex-basis:200px; text-align:right;}

.board .board-view .view-tb .view-conts {width:100%; padding:calc(var(--gap-40) * 1.4) 0; font-size:var(--font-16);}
/* .board .board-view .view-tb .view-conts > .wrap {width:90%; max-width:700px; margin:0 auto;} */
.board .board-view .view-tb .view-conts > .wrap {width:90%; max-width:100%; margin:0 auto;}
.board .board-view .view-tb .view-conts a {font-size:var(--font-16); color:var(--main-color);}
.board .board-view .view-tb .view-conts img {max-width:100%; display:block;}

.board .board-view .view-tb .add-file-box {width:100%; border-top:1px solid var(--main-color); min-height:60px; display:flex; align-items:center; justify-content:center; padding:var(--gap-8) 0;}
.board .board-view .view-tb .add-file-box > .wrap {width:90%; max-width:700px; margin:0 auto;}
.board .board-view .view-tb .add-file-box .file-list {width:100%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;}
.board .board-view .view-tb .add-file-box .file-list a {display:flex; align-items:center; justify-content:center; max-width:100%; height:30px; padding:0 10px; background:#fff; border-radius:4px; font-size:var(--font-16);}
.board .board-view .view-tb .add-file-box .file-list a span {max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board .board-view .view-tb .add-file-box .file-list a:hover {text-decoration:underline;}

@media screen and (max-width: 600px) {
	.board .board-view .view-tb .title-box {flex-wrap:wrap; text-align:center;}
	.board .board-view .view-tb .title-box .title {width:100%;}
	.board .board-view .view-tb .title-box .date {width:100%; flex-basis:100%; text-align:center;}
}


.board .board-button {width:100%; margin-top:calc(var(--gap-60) * 0.8); display:flex; align-items:center; justify-content:center; gap:var(--gap-8); flex-wrap:wrap;}
.board .board-button .button {height:36px; padding:0 var(--gap-16); min-width:80px; display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:600;}
.board .board-button .button.round {border-radius:40px;}
.board .board-button .button.point {background:var(--main-color); color:var(--begie); transition:background 0.3s ease-in-out;}
.board .board-button .button.point:hover {background:#6F9570;}






@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 480px) {}