@charset "utf-8";

/* 공통 - 테이블 및 게시물 옵션  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 테이블구분 =================================================== */
table .point::after {content:"*"; color:#d21010; padding-left:4px;}
table .inp_chk {display:inline-block; margin:3px;}
table tr td input.inp_t, table tr td select {width:100%;}
table tr td textarea {width:100%; height:100px;}

table .inp_group_wrap {display:flex; flex-wrap:wrap; row-gap:10px;}
table .inp_group {display: inline-flex; padding:5px; margin:3px 10px 3px 0; gap:3px; border-radius:3px; background:#f1f1f1;}

table .inp_btn input.inp_t {width:calc(100% - 100px);} /* 검색영역*/

table .tbLink {display:inline-flex; align-items:center; gap:5px;} /* 외부링크 이동 가상요소 */
table .tbLink:after {content:"\f08e"; font-family:"FontAwesome"; font-size:10px;}

@media screen and (max-width: 769px){
	table .inp_group {display:flex; flex-direction:column; margin:3px 0;}
	table .inp_group select {width:100% !important;}
	
	table .inp_btn input.inp_t {width:100%;}
}


/* 페이징 */
/* 하단 페이지 버튼 레이아웃 작업중 주석처리 */
/* 
.listPaging {position:relative; width:100%; margin-top:20px; text-align:center;}
.listPaging a {display:inline-block; margin:0 2px; overflow:hidden;}
.listPaging a span {display:block; width:40px; height:40px; text-align:center; font-size:12px; line-height:20px; padding:10px 0; border-radius:3px; border:1px solid #ddd;}
.listPaging a span:hover {color:#1f1f3c; border:1px solid #1f1f3c; background:#fff;}
.listPaging a span.on {color:#fff; border:1px solid #1f1f3c; background:#1f1f3c;}

.listPaging .pageLinkBtn a {display:inline-block; width:40px; height:40px; text-align:center; font-size:12px; line-height:20px; padding:10px 0; border-radius:3px; border:1px solid #ccc;}

@media screen and (max-width: 769px){
	.listPaging {margin-bottom:50px;}
	.listPaging > a:nth-child(n+7):nth-child(-n+12) {display:none;}
	.listPaging .pageLinkBtn {position:absolute; top:calc(100% + 4px);}
	.listPaging div:first-child {right:calc((100% + 40px + 4px) / 2);}
	.listPaging div:last-child {left:calc((100% + 40px + 4px) / 2);}
}
 */
.listPaging {width:100%; margin-top:20px; text-align:center;}
.listPaging a {display:inline-block; margin:0 2px; overflow:hidden;}
.listPaging a:nth-child(1), .listPaging a:nth-child(2),
.listPaging a:nth-last-child(1), .listPaging a:nth-last-child(2) {display:inline-block; width:35px; height:35px; text-align:center; font-size:12px; line-height:14px; padding:10px 0; border-radius:3px; border:1px solid #ccc;}
.listPaging a span {display:block; width:35px; height:35px; text-align:center; font-size:12px; line-height:14px; padding:10px 0; border-radius:3px; border:1px solid #ddd;}
.listPaging a span:hover {color:#1f1f3c; border:1px solid #1f1f3c; background:#fff;}
.listPaging a span.on {color:#fff; border:1px solid #1f1f3c; background:#1f1f3c;}


/* 테이블라인 =================================================== */
/* 테이블라인-선 */
.lineTop {border-top:1px solid #e4e4e4 !important;}
.lineBtm {border-bottom:1px solid #e4e4e4 !important;}
.lineLeft {border-left:1px solid #e4e4e4 !important;}
.lineRight {border-right:1px solid #e4e4e4 !important;}


/* 테이블라인-점선 */
.lineTopDash {border-top:1px dashed #ddd !important;}
.lineBtmDash {border-bottom:1px dashed #ddd !important;}
.lineLeftDash {border-left:1px dashed #ddd !important;}
.lineRightDash {border-right:1px dashed #ddd !important;}


/* 테이블라인-진한선 */
.topDarkLine {border-top:1px solid #222 !important;}
.btmDarkLine {border-bottom:1px solid #222 !important;}
.leftDarkLine {border-left:1px solid #222 !important;}
.rightDarkLine {border-right:1px solid #222 !important;}


/* 테이블-배경색상 */
.bbsBgGray {background:#f8fafd !important;}
.bbsBgBlue {background:#fafcff !important;}
.bbsBgYellow {background:#fffbf1 !important;}
.bbsBgRed {background:rgba(249,243,245,0.4) !important;}

/* 사용안함 : 불필요한 CSS삭제 예정 */
/* 갤러리-뉴스레터 */
.newsGallery {display:flex; flex-wrap:wrap; border-top:1px solid #333;}

/* 사용안함 : 불필요한 CSS삭제 예정 */
/* ========= 갤러리 ========= */
.newsGallery > li.gallery {width:33.333%; padding:3rem 2rem;}
.newsGallery > li.gallery > div.gallery-img {position:relative; width:100%; height:250px; border-radius:1rem; border:1px solid #ddd; overflow:hidden;}
.newsGallery > li.gallery > div.gallery-img:after {
	content:""; display:block; position:absolute; left:0; top:0; width:0; height:100%; color:#fff; font-size:0; 
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; transition:all 0.5s ease-in-out;
	border-radius:1rem; background:linear-gradient(120deg, rgba(29,78,147,0.5), rgba(29,147,108,0.5));
}
.newsGallery > li.gallery:hover > div.gallery-img:after {content:"자세히보기"; width:100%; font-size:1.8rem;}
.newsGallery > li.gallery > div.gallery-img > div {width:100%; height:100%; background-size:cover !important;}
.newsGallery > li.gallery > div.gallery-info {margin-top:2rem;}
.newsGallery > li.gallery > div.gallery-info > div {display:flex; flex-wrap:wrap; justify-content:flex-end; margin-bottom:0.5rem;}
.newsGallery > li.gallery > div.gallery-info > h4 {
	display:block; display:-webkit-box; height:4rem; font-size:1.8rem; line-height:2rem; font-weight:500; color:#222;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.newsGallery > li.gallery > div.gallery-info > p {font-size:1.6rem; color:#999; text-align:right; margin-top:1.5rem; padding-top:1.5rem; border-top:1px dashed #ddd;}

/* 사용안함 : 불필요한 CSS삭제 예정 */
/* ========= 뉴스레터 ========= */
.newsGallery > li.newsletter {display:flex; flex-wrap:wrap; width:50%; padding:3rem 2rem; border-bottom:1px solid #ddd;}
.newsGallery > li.newsletter > div.nl-img {position:relative; width:180px; height:225px; margin-right:2rem; border:1px solid #ddd; overflow:hidden;}
.newsGallery > li.newsletter > div.nl-img:after {
	content:""; display:block; position:absolute; left:0; top:0; width:0; height:100%; color:#fff; font-size:0; transition:all 0.5s ease-in-out;
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:linear-gradient(120deg, rgba(29,78,147,0.5), rgba(29,147,108,0.5));
}
.newsGallery > li.newsletter:hover > div.nl-img:after {content:"자세히보기"; width:100%; font-size:1.8rem;}
.newsGallery > li.newsletter > div.nl-img > div {width:100%; height:100%; background-size:cover !important;}
.newsGallery > li.newsletter > div.nl-info {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; width:calc(100% - 180px - 2rem); padding:1rem 0;}
.newsGallery > li.newsletter > div.nl-info > h4 {
	display:block; display:-webkit-box; height:4rem; font-size:1.7rem; line-height:2rem; font-weight:500; color:#222;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.newsGallery > li.newsletter > div.nl-info > p {font-size:1.5rem; color:#999; text-align:right; margin-top:1.5rem;}

@media screen and (max-width :1025px){
	.newsGallery > li.gallery {width:50%;}
	.newsGallery > li.newsletter {width:100%;}
}
@media screen and (max-width: 600px){
	.newsGallery > li.gallery {width:70%; margin:0 auto;}
}
@media screen and (max-width: 481px){
	.newsGallery > li.gallery {width:90%; margin:0 auto; padding:3rem 0;}
	
	.newsGallery > li.newsletter {flex-direction:column; justify-content:center; align-items:center;}
	.newsGallery > li.newsletter > div.nl-img {margin:0 0 2rem 0;}
	.newsGallery > li.newsletter > div.nl-info {width:100%; height:auto;}
	.newsGallery > li.newsletter > div.nl-info > h4 {text-align:center;}
	.newsGallery > li.newsletter > div.nl-info > p {text-align:center;}
}

/* 사용안함 : 불필요한 CSS삭제 예정 */
/* faq */
.faq {border-top:1px solid #231f20; word-break:keep-all;}
.faq > ul > li {position: relative; font-size:2rem; font-weight:500; line-height:1.3em; padding:2.5rem 4rem; border-bottom:1px solid #ededed; cursor:pointer;}
.faq > ul > li::before {content: "Q"; position:absolute; left:1.5rem; color:#0a7444;}
.faq > ul > li::after {
	content: ""; width:1em; height:1em; display:inline-block; position:absolute; right:1.5rem; top:3rem; 
	background: url(../images/common/icn_arr_bk.svg) no-repeat top center; transform:rotate(135deg); opacity:0.1;
}
.faq > ul > li > ul {font-size:1.6rem; font-weight:400; padding:2rem 1.5rem; margin-top:2rem; background:#f5f5f5;}




/* 테이블반응형 =================================================== */

/* table list-콘텐츠용 */
.bbsContList {position:relative; width:100%; overflow:hidden; overflow-x:auto;}
.bbsContList table {width:100%; table-layout:fixed;}
.bbsContList table thead th {font-weight:500; text-align:center; color:#fff; padding:1.5rem 0.7rem; border-right:1px solid rgba(255,255,255,0.2); background:#303c51;}
.bbsContList table thead th:first-child {border-radius:0.5rem 0 0 0;}
.bbsContList table thead th:last-child {border-radius:0 0.5rem 0 0; border-right:none;}
.bbsContList table tbody th {text-align:center; padding:1.5rem 1rem; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; word-break:keep-all;}
.bbsContList table tbody td {text-align:center; padding:1.5rem 1rem; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; transition:all 0.3s; word-break:keep-all;}
.bbsContList table tbody td:last-child {border-right:none;}
.bbsContList table tbody td a {display:inline-block; transition:all 0.3s;}
.bbsContList table tbody td a:hover {color:#222; text-decoration:underline;}
.bbsContList table tbody td .ellipsis {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbsContList table tbody td .date {min-width:85px; text-align:left;}
.bbsContList table tbody td > ul li {font-size:1.5rem; padding:0.2rem 0 0.2rem 2rem; color:#333;}
.bbsContList table tbody td > ul li:after {top:1.2rem;}
.bbsContList table tbody td > p {font-size:1.5rem;}

.bbsContList.bbsHover table tbody tr:hover th, .bbsContList.bbsHover table tbody tr:hover td {color:#222; background:rgba(245,250,255,0.8);}

@media screen and (max-width: 768px) { 
	.bbsContList {position:relative; overflow:hidden; overflow-x:scroll;}
	.bbsContList table colgroup col.orderNum,col.orderNum {display:none;}
	.bbsContList table thead th.orderNum,th.orderNum {display:none;}
	.bbsContList table tbody td.orderNum,td.orderNum {display:none;}
	.bbsContList table thead th {text-align:center;}
}


/* table list-목록 */
.list-table {position:relative; border-top:1px solid #002e66; overflow:auto;}
.list-table * {color:#565656; font-size:1.5rem;}
.list-table > table {width:100%; table-layout:fixed;}
.list-table > table input[type="checkbox"], .list-table > table tbody input[type="radio"] {margin:0;}
.list-table > table thead th {
	padding:1.2rem 0.5rem; color:#1f1f1f; text-align:center; font-weight:600;
	border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f8fafd; word-break:keep-all; 
} 
.list-table > table thead th:last-child {border-right:none;} 
.list-table > table thead th em {font-size:1.6rem; font-weight:500; font-style:normal; color:#de1819;}
.list-table > table tbody th,
.list-table > table tbody td {min-height:5rem; line-height:1.4; padding:1rem 0.5rem; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
.list-table > table tbody th:last-child,
.list-table > table tbody td:last-child {border-right:none;} 
.list-table > table tbody td.tbDate span {text-align:left;}
.list-table > table tbody th a {display:block; color:#1f1f1f; font-weight:600; word-break:break-all;}
.list-table > table tbody th a:hover {color:#008fd5;}

@media screen and (max-width: 769px){
	/* 팝업레이어 중복 클래스명으로 인한 반응형 CSS */
	.list-table > table thead tr,
	.list-table > table tbody tr {display:table-row;}
	.list-table > table thead th {display:table-cell;}
}

/* table view-상세 */
.view-table {border-top:1px solid #002e66; overflow:hidden;}
.view-table * {font-size:1.5rem; /* vertical-align:middle; */}
.view-table > table {width:100%; table-layout:fixed; border-left:1px solid #ddd;}
.view-table > table th {padding:9px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8fafd; color:#222; font-weight:500; text-align:center; word-break:keep-all;}
.view-table > table th em {font-size:16px; font-weight:500; font-style:normal; color:#de1819;}
.view-table > table th.tbTitle {font-size:16px; font-weight:600; padding:12px 10px; word-break:break-all;}
.view-table > table th.mth {display:none;}	/* 모바일에서 보임 */
.view-table > table th.dth {display:table-cell;}	/* 데스크탑에서 보임 */
.view-table > table td {padding:9px 10px; border-right:1px solid #ddd; min-height:35px; border-bottom:1px solid #ddd; background:#fff;}
.view-table > table td.tbImg > img {padding:5px 10px; border:1px solid #ddd; border-radius:5px; object-fit:contain;} /* 기업로고에 사용됨 */
.view-table > table td.tdInfor {width:100% !important; font-size:1.6rem; }
.view-table > table td a i {margin-left:0.5rem; font-size:1rem;}
.view-table > table input[type=text],.list-table > table input[type=password] {height:35px; cursor:text;}
.view-table > table select {height:35px;}
.view-table > table tr.tvMileSumm th.mth + td {text-align:center;} /* 학생활동 조회 > 마일리지 신청내역 */

@media screen and (max-width: 1025px){
	.view-table > table .mob100p {width:100% !important;}
}

@media screen and (max-width: 768px){
	.view-table colgroup {display:none;}
	.view-table > table {border:none;}
	.view-table > table tr {display:flex; flex-direction:column; gap:1rem; padding:1.5rem; border-bottom:1px solid #ddd;}
	.view-table > table tr:has(.tbTitle) {align-items:center; padding:0; background:#f8fafd;}
	.view-table > table th {display:flex; align-items:center; padding:0; background:none; border:none; font-weight:700;}
	.view-table > table th:nth-child(n+2) {margin-top:5px;}
	.view-table > table th.tbTitle {width:100%; justify-content:center;}
	.view-table > table th.mth {display:flex !important;}/* 모바일에서 보임 */
	.view-table > table th.dth {display:none !important;}/* 데스크탑에서 보임 */
	.view-table > table td {min-height:auto; padding:0; border:none; line-height:1.4;}
	.view-table > table td input + input {margin-top:5px;}
	.view-table > table td.tbImg {display:flex; align-items:center; gap:1rem;}
	.view-table > table td.tbImg > img {width:auto; max-width:50%;}
	.view-table > table td .bbs-btn {padding:6px 12px;}
	.view-table > table td label:has(input[type=radio]) {margin:8px 10px 8px 0;}
	.view-table > table tr.tvMileSumm th.mth + td {text-align:left;} /* 학생활동 조회 > 마일리지 신청내역 */
}

@media screen and (max-width: 481px){
	.view-table > table td.tbImg > img {height:auto; padding:5px;}
}


/* 스크롤테이블-헤더 고정 */
.sticky-table {max-height:500px; overflow:auto;}
.sticky-table table thead tr {position:sticky; top:0; z-index:1; box-shadow:0 1px 5px rgba(51, 39, 73, 0.2);}


/* ========= 캘린더 [달력] ========= */
/* 캘린더-일정확인 */
.tableSchedule {width:100%;}
.tableSchedule .month-slide {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; padding:20px; background:#002e66;}
.tableSchedule .month-slide > div {display:flex; align-items:center; gap:30px;}
.tableSchedule .month-slide > div > div {position:relative; display:flex; align-items:center; gap:8px;}
.tableSchedule .month-slide > div > div::after {content:""; display:block; position:absolute; right:-15px; top:50%; transform:translateY(-50%); width:2px; height:20px; background:rgba(255,255,255,0.6);}
.tableSchedule .month-slide > div > div.monthMove::after {display:none;}
.tableSchedule .month-slide > div > div p {font-size:16px; color:rgba(255,255,255,0.6);}
.tableSchedule .month-slide > div > div a {display:flex; justify-content:center; align-items:center; width:55px; height:30px; padding:10px; border-radius:5rem; background:rgba(255,255,255,0.15); box-shadow:0 0 3px rgba(0,0,0,0.2);}
.tableSchedule .month-slide > div > div a i {font-size:14px; color:#fff;}
.tableSchedule .month-slide > h3 {font-family:"Poppins"; font-size:28px; font-weight:bold; color:#fff; text-align:center;}


.tableSchedule table {width:100%; min-width:600px; table-layout:fixed;}
.tableSchedule table thead th {padding:1.5rem 0.8rem; font-weight:bold; font-size:1.5rem; color:#333; text-align:center; border-bottom:#838383 1px solid; border-right:#e4e4e4 1px solid; background:#f8fafd;}
.tableSchedule table thead th:last-child {border-right:none;}
.tableSchedule table tbody td {padding:0.8rem; text-align:center; font-size:1.5rem; border-bottom:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid; background:#fff;}
.tableSchedule table tbody td:last-child {border-right:none;}
.tableSchedule table tbody td.daily {font-weight:bold; background:#f8fafd;}
.tableSchedule table tbody td.tbDate span {text-align:left;}

.tableSchedule table tbody td dl dt {padding:1rem 0.5rem; border-radius:0.3rem;}
.tableSchedule table tbody td dl dt.ScolorRed {color:#df6a66; background:#fff2f2;}
.tableSchedule table tbody td dl dt.ScolorOrange {color:#f68937; background:#fef2eb;}
.tableSchedule table tbody td dl dt.ScolorGreen {color:#30ab4d; background:#f1fef3;}
.tableSchedule table tbody td dl dt.ScolorBlue {color:#3b4d8d; background:#e9f6fe;}
.tableSchedule table tbody td dl dd {font-size:1.5rem; color:#555; text-align:center; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #ddd;}

@media screen and (max-width :769px) {
	.tableSchedule {overflow:hidden;}
	.tableSchedule table {min-width:auto;}
	.tableSchedule table colgroup, .tableSchedule table thead {display:none;}
	.tableSchedule table tbody tr * {border:none;}
	.tableSchedule table tbody tr {display:flex; flex-direction:column; width:100%; margin:1rem 0; border:1px solid #ccc;}
	.tableSchedule table tbody tr.test {margin:1rem 0 0 0; padding:0.5rem; background:#fff;}
	.tableSchedule table tbody tr.test.gap {margin:0; border-top:none;}
	.tableSchedule table tbody td {min-height:0; padding:1.2rem 2rem; border-bottom:1px dashed #ddd;}
	.tableSchedule table tbody td.daily {width:100%; font-size:1.6rem; padding:1rem 2rem; background:#f8fafd; border-bottom:none;}
	.tableSchedule table tbody td.tbDate span br {display:none;}
	.tableSchedule table tbody td.depS {padding:0.5rem;}
	.tableSchedule table tbody td:last-child {border:none;}
	.tableSchedule table tbody tr.test td.depS {padding:0.5rem 0;}
	.tableSchedule table tbody tr.test.gap td.depS {padding-top:0;}
}
 
/* ========= 공지사항 테이블 ========= */
/* 공지사항 목록 */
.board-table {border-top:1px solid #002e66; overflow:hidden;}
.board-table table {width:100%; table-layout:fixed; border-top:none; background:#fff;}
.board-table table thead th {vertical-align:middle; font-weight:600; text-align:center; color:#1f1f1f; padding:1.2rem 0.7rem; border-bottom:1px solid #e6e6e6; background:#f8fafd;}
.board-table table thead th:last-child {border-right:none;}
.board-table table tbody tr.pointBG th, .board-table table tbody tr.pointBG td {background:#f3f7ff;}
.board-table table tbody th {vertical-align:middle; text-align:left; padding:1.5rem 0.7rem; border-bottom:1px solid #e5e5e5; background:#fff;}
.board-table table tbody tr th a {font-weight:600;}
.board-table table tbody td {vertical-align:middle; text-align:center; padding:1.5rem 0.7rem; border-bottom:1px solid #e5e5e5; background:#fff;}
.board-table table tbody td.colorImp span {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:1.3rem; color:#fff; padding:0.5rem 1rem; border-radius:0.3rem; background:#3785e2;}
.board-table table tbody tr:hover th, .board-table table tbody tr:hover td {background:#fcfcfc;}
.board-table table tbody a.ellipsis {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board-table table tbody a:hover {color:#222; text-decoration:underline;}

@media screen and (max-width: 769px){
	.board-table table colgroup {display:none;}
	.board-table table thead {display:none;}
	.board-table table thead th.numHide {display:none;}
	.board-table table tbody th.numHide, .board-table table tbody td.numHide {display:none;}
	.board-table table tbody tr {display:block; border-bottom:1px solid #e5e5e5; padding:1.5rem 1rem;}
	.board-table table tbody tr.pointBG {background:#f8fafd;}
	.board-table table tbody tr:hover {background:#f8fafd;}
	.board-table table tbody tr th {display:flex; width:100%; padding:0; margin-bottom:1rem; border-bottom:none;}
	.board-table table tbody tr th a {font-size:1.7rem;}
	.board-table table tbody tr td {display:inline-flex; padding:0 1rem 0 0; color:#555; border-bottom:none;}
	.board-table table tbody tr:hover th, .board-table table tbody tr:hover td {background:none;}
	.board-table table tbody td.colorImp {margin-bottom:1rem;}
	.board-table table tbody tr td.noData {display:flex; width:100%; justify-content:center; color:#222;}
}

/* 공지사항 상세 */
.board-view {border-top:1px solid #002e66; border-bottom:1px solid #ccc; overflow:hidden;}
.board-view .board-title {width:100%; font-size:2rem; line-height:1.3; font-weight:bold; text-align:center; color:#333; padding:2rem; background:#f8fafd; border-bottom:1px solid #e5e5e5;}
.board-view .board-infor {width:100%; display:flex; justify-content:end; border-bottom:1px solid #e5e5e5;}
.board-view .board-infor > ul {display:flex; align-items:center;}
.board-view .board-infor > ul > li {position:relative; font-size:1.4rem; padding:1.3rem; color:#777;}
.board-view .board-infor > ul > li:after {content:""; display:inline-block; position:absolute; left:0; top:1.3rem; width:1px; height:15px; background:#bbb;}
.board-view .board-infor > ul > li:first-child {padding-left:0;}
.board-view .board-infor > ul > li:first-child:after {display:none;}
.board-view .board-infor > ul > li strong {font-weight:700; color:#333; margin-right:0.5rem;}
.board-view .board-cont {font-size:1.5rem; line-height:1.4; padding:2rem; border:none; border-bottom:1px solid #e5e5e5;}
.board-view .board-cont img {position:relative; max-width:100% !important; height:auto !important; margin:10px auto; text-align:center;}
.board-view .board-file {width:100%; display:flex;}
.board-view .board-file dt {width:100px; align-self:center; font-size:1.6rem; font-weight:500; color:#333; text-align:center; padding:2rem 0;}
.board-view .board-file dd {width:calc(100% - 100px); padding:2rem 1rem;}
.board-view .board-file dd > ul > li {display:flex; align-items:center; font-size:1.5rem; padding:0.5rem 0;}
.board-view .board-file dd > ul > li a {margin:0 0 0 0.5rem;}

@media screen and (max-width: 769px){
	.board-view .board-cont {padding:1rem;}
	.board-view .board-cont table {table-layout:auto !important;}
	.board-view .board-cont iframe {height:400px;}
	.board-view .board-file {flex-direction:column;}
	.board-view .board-file dt {width:100%; border-bottom:1px solid #e5e5e5;}
	.board-view .board-file dd {width:100%;}
}
@media screen and (max-width: 481px){
	.board-view .board-cont iframe {height:280px;}
	.board-view .board-infor > ul {flex-direction:column; align-items:end; margin:1rem 0;}
	.board-view .board-infor > ul > li {padding:0.5rem 1rem;}
	.board-view .board-infor > ul > li:after {display:none;}
}


/* 공지사항 이전글-다음글 */
.prevNextView {margin-top:30px; border:1px solid #ddd; border-left:none; border-right:none;}
.prevNextView > dl {display:flex; align-items:center; border-top:1px solid #ddd;}
.prevNextView > dl:first-child {border-top:none;}
.prevNextView > dl dt {width:100px; font-weight:500; color:#333; text-align:center; padding:2rem 0;}
.prevNextView > dl dt i {font-size:1.3rem; margin-left:5px; color:#222;}
.prevNextView > dl dd {width:calc(100% - 100px); font-size:1.5rem; color:#999;}
.prevNextView > dl dd a {font-weight:700; color:#222; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prevNextView > dl dd a:hover {color:#0186d1; text-decoration:underline;}