@charset "utf-8";

/* 반응형 table  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table .point::after {content:"*"; color:#d21010; padding-left:4px;}
table .inp_chk {display:inline-block; margin:3px 5px 3px 0;}
table tr td input.inp_t  {width:99%; height:45px;}
table tr td select {width:99%; height:45px;}
table tr td textarea {width:99%; 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);} /* 검색영역*/

@media screen and (max-width: 480px){
	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%;}
}


/* 스크롤 */
.tableScroll {overflow:auto !important;}

/* 테이블라인 */
.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 #ccc !important;}
.lineBtmDash {border-bottom:1px dashed #ccc !important;}
.lineLeftDash {border-left:1px dashed #ccc !important;}
.lineRightDash {border-right:1px dashed #ccc !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.3) !important;}
.bbsBg {background:#fff !important;}


/* 페이징 */
.listPaging {width:100%; margin-top:20px; text-align:center;}
.listPaging a {display:inline-block; margin:0 2px; overflow:hidden;}
.listPaging a img {width:35px; height:35px;}
.listPaging a span {display:block; width:35px; height:35px; text-align:center; font-size:12px; line-height:14px; box-sizing:border-box; padding:10px 0; border:1px solid #ccc;}
.listPaging a span:hover {color:#1f1f3c; border:1px solid #1f1f3c; background:#fff;}
.listPaging a span.on {color:#fff; border:1px solid #1f1f3c; background:#1f1f3c;}


/* 공지사항 list table */
.bbsBoard {border-top:2px solid #231f20; overflow:hidden;}
.bbsBoard table {width:100%; table-layout:fixed; border-top:none; background:#fff;}
.bbsBoard table thead th {vertical-align:middle; font-weight:500; text-align:center; color:#333; padding:1.5rem 0.7rem; border-bottom:1px solid #e6e6e6; background:#f8fafd;}
.bbsBoard table thead th:last-child {border-right:none;}
.bbsBoard table tbody tr.pointBG th, .bbsBoard table tbody tr.pointBG td {background:#f5faff;}
.bbsBoard table tbody th {vertical-align:middle; text-align:left; font-weight:normal; padding:1.5rem 0.7rem; border-bottom:1px solid #e5e5e5; background:#fff;}
.bbsBoard table tbody td {vertical-align:middle; text-align:center; padding:1.5rem 0.7rem; border-bottom:1px solid #e5e5e5; background:#fff;}
.bbsBoard 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:#014099;}
.bbsBoard table tbody tr:hover th, .bbsBoard table tbody tr:hover td {background:rgba(245,250,255,0.8);}
.bbsBoard table tbody a.ellipsis {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbsBoard table tbody a:hover {color:#222; text-decoration:underline;}

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

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

@media screen and (max-width :1024px){
	.boardView .board-view-cont img {max-width:685px;}
}
@media screen and (max-width: 768px){
	.boardView .board-view-cont img {max-width:100%; height:auto !important;}
	.boardView .board-view-cont table {table-layout:auto !important;}
	.boardView .board-view-cont iframe {height:400px;}
}
@media screen and (max-width: 480px){
	.boardView .board-view-cont iframe {height:280px;}
	.boardView .board-view-info > ul {flex-direction:column; align-items:end; margin:1rem 0;}
	.boardView .board-view-info > ul > li {padding:0.5rem 1rem;}
	.boardView .board-view-info > ul > li:after {display:none;}
}


/* 갤러리-뉴스레터 */
.newsGallery {display:flex; flex-wrap:wrap; border-top:1px solid #333;}

/* ========= 갤러리 ========= */
.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(149,3,11,0.5), rgba(79,16,19,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;}

/* ========= 뉴스레터 ========= */
.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(149,3,11,0.5), rgba(79,16,19,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 :1024px){
	.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: 480px){
	.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;}
}

/* ========= 프로그램 카드형 ========= */
.programCard {display:grid; grid-template-columns:repeat(auto-fill, minmax(33.3333%, 1fr));}
.programCard > li.program {margin:1rem; padding:2.5rem; border-radius:1rem; border:1px solid #ccc; background:#fff; transition:all 0.2s ease-in-out;}
.programCard > li.program:hover {border-color:#eee; box-shadow:1px 1px 10px rgba(0,0,0,0.1);}
.programCard > li.program > h4 {
	display:block; font-size:1.8rem; font-weight:bold; color:#222; padding-bottom:2rem; margin-bottom:2rem; 
	white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #ddd; overflow:hidden;
}
.programCard > li.program > div.program-img {position:relative; width:100%; height:200px; border-radius:1rem; border:1px solid #ddd; overflow:hidden;}
.programCard > li.program > div.program-img > div {width:100%; height:100%; background-size:cover !important;}
.programCard > li.program > div.program-info {margin-top:2rem;}
.programCard > li.program > div.program-info > dl {display:grid; grid-template-columns:60px 1fr; gap:1rem; margin-bottom:0.8rem;}
.programCard > li.program > div.program-info > dl:last-child {margin:0;}
.programCard > li.program > div.program-info > dl dt {display:flex; justify-content:center; align-items:center; text-align:center; font-size:1.2rem; color:#fff; padding:3px; background:linear-gradient(45deg, #333, #555);}
.programCard > li.program > div.program-info > dl dd {display:flex; align-items:center; font-size:1.35rem; letter-spacing:0; color:#555;}
.programCard > li.program > div.program-info > dl dd strong {font-weight:bold; color:#222; margin-right:0.3rem;}

@media screen and (max-width :1300px){
	.programCard > li.program {padding:2.5rem 2rem;}
}
@media screen and (max-width :1240px){
	.programCard {grid-template-columns:repeat(auto-fill, minmax(50%, 1fr));}
}
@media screen and (max-width :1199px){
	.programCard {grid-template-columns:repeat(auto-fill, minmax(33.333%, 1fr));}
}
@media screen and (max-width :900px){
	.programCard {grid-template-columns:repeat(auto-fill, minmax(50%, 1fr));}
}
@media screen and (max-width :768px){
	.programCard {grid-template-columns:1fr;}
	.programCard > li.program {width:70%; margin:1rem auto;}
}
@media screen and (max-width :481px){
	.programCard > li.program {width:100%;}
}


/* 공지사항 이전글-다음글 */
.prevNextView {margin-top:50px; 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-size:1.5rem; 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); padding:0 2rem; font-size:1.5rem; color:#999;}
.prevNextView > dl dd a {font-size:1.5rem; color:#333;}
.prevNextView > dl dd a:hover {color:#a72b43; text-decoration:underline;}



/* 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:#333;}
.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 */
.bbsList {position:relative; width:100%; border-top:2px solid #333; background:#fff; overflow:hidden; overflow-x:auto;}
.bbsList table {width:100%; table-layout:fixed;}
.bbsList table thead th {font-weight:500; text-align:center; padding:1.5rem 0.7rem; border-bottom:1px solid #ccc; background:#f8fafd; border-left: none; border-right: none; }
.bbsList table tbody th {text-align:center; padding:1.5rem 0.7rem; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.bbsList table tbody td {display: table-cell; width: auto; text-align:center; padding:1.5rem 0.7rem; color:#333; border-bottom:1px solid #e5e5e5; transition:all 0.3s; border-left: none; border-right: none; }
.bbsList table tbody td a {display:inline-block; transition:all 0.3s;}
.bbsList table tbody td a:hover {color:#222; text-decoration:underline;}
.bbsList table tbody td .ellipsis {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbsList table tbody td .date {min-width:85px; text-align:left;}
.bbsList table tfoot th {padding:1.5rem 0.7rem; text-align:center; color:#222; font-size:1.6rem; border-bottom:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid; background:rgba(245,250,255,0.8);} 
.bbsList table tfoot td {padding:1.5rem 0.7rem; font-size:1.6rem; border-bottom:#e4e4e4 1px solid; background:rgba(245,250,255,0.8);}
.bbsList table tfoot td span {font-weight:bold; color:#222;}
.bbsList table tbody pre {font-family:"NotoSansKR"; white-space:pre-wrap;}

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

/* table list(검수조서 tr에 적용되는 클래스) */
.bbsList .costfile_wrap {  }
.bbsList .costfile_wrap > * { padding-top: 0 !important; }
.bbsList .costfile { padding: 1.2rem; background: #fafafa; }
.bbsList .costfile > ul {  }
.bbsList .costfile > ul > li { display: flex; margin-bottom: 1rem; padding-bottom: 1rem; align-items: flex-start; gap: 2rem; border-bottom: 1px dashed #dcdcdc; }
.bbsList .costfile > ul > li:last-child { padding: 0; margin: 0; border-bottom: none; }
.bbsList .costfile > ul > li .tit { width: 10rem; padding: 0.2em 0; font-weight: 500; color: #484848; font-size: 1.4rem; }
.bbsList .costfile > ul > li > ul { text-align: left; flex: 1; }
.bbsList .costfile > ul > li > ul > li { margin-bottom: 0.4rem; font-size: 1.4rem; }
.bbsList .costfile > ul > li > ul > li a { font-size: 1.4rem; }

@media screen and (max-width: 768px) { 
	.bbsList {position:relative; overflow:hidden; overflow-x:scroll;}
	.bbsList table colgroup col.orderNum,col.orderNum {display:none;}
	.bbsList table thead th.orderNum,th.orderNum {display:none !important;}
	.bbsList table tbody td.orderNum,td.orderNum {display:none;}
	.bbsList table thead th {text-align:center;}
	
	/* bbsview 안에 bbslist 들어가면 깨지는 것을 방지 */
	.bbsList thead { display: table-header-group !important; }
	.bbsList colgroup { display: table-column-group !important; }
	.bbsList tr { display: table-row !important; }
	.bbsList th { display: table-cell !important; width: auto !important; }
}

/* table view */
.bbsView {position:relative; border-top:2px solid #333;}
.bbsView table {width:100%; table-layout:fixed;}
.bbsView th {padding:1.5rem 1rem; font-weight:500; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f8fafd; word-break:keep-all;}
.bbsView th + th,
.bbsView td + td {border-left:1px solid #e6e6e6;}
.bbsView td {padding:1.5rem 1rem; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#fff;}
.bbsView td:last-child {border-right:none;}
.bbsView table tbody td.tvTitle {padding:2rem 0; font-weight:500; font-size:2.2rem; text-align:left; word-break:keep-all; border-bottom:1px solid #e6e6e6;}
.bbsView table tbody td.tvCnt {min-height:5rem;}
.bbsView table tbody td.tvCnt img {position:relative; left:50%; transform:translateX(-50%); width:auto; max-width:945px; height:auto; margin:10px auto; text-align:center;}
.bbsView table tbody th.mth {display:none;}/* 모바일에서 보임 */
.bbsView table tbody th.dth {display:table-cell;}/* 데스크탑에서 보임 */
.bbsView table tbody pre {font-family:"NotoSansKR"; white-space:pre-wrap;}
.bbsView table tbody ul.sub-list li {font-size:1.5rem; padding:0.2rem 0 0.2rem 1.8rem;}
.bbsView table tbody ul.sub-list li::after {top:1.2rem;}

@media screen and (max-width :1024px) {
	.bbsView table tbody td.tvCnt img {max-width:685px;}
}

@media screen and (max-width :768px) {
	.bbsView thead,
	.bbsView colgroup {display:none;}
	.bbsView td {position:relative; display:block; border-left:0; border-right:0;}
	.bbsView td + td {border-left:0;}
	.bbsView tbody tr {display:flex; flex-wrap:wrap;}
	.bbsView tbody tr.split-line {border-top:1px solid #555;}
	.bbsView tbody th {display:flex; width:100px; text-align:left; align-items:center; word-break: break-all; flex-wrap: wrap;}
	.bbsView tbody td {width:calc(100% - 100px);}
	.bbsView.wideTH tbody th {width:110px;}
	.bbsView.wideTH tbody td {width:calc(100% - 100px);}
	.bbsView tbody .wide {width:100% !important; text-align:center; justify-content:center; border-right:none;}
	.bbsView tbody .wide + td {width:100% !important;}
	.bbsView tbody .wide + th {border-left:none;}
	.bbsView tbody .wide.wideline {flex-direction:column;}
	.bbsView tbody .wide.wideline br {display:none;}
	.bbsView table tbody td.tvTitle {width:100% !important; font-size:1.8rem;}
	.bbsView table tbody td.tvCnt {width:100% !important;}
	.bbsView table tbody td.tvCnt img {max-width:100%; height:auto !important;}
	.bbsView table tbody th.mth {display:flex !important;}
	.bbsView table tbody th.dth {display:none !important;}
	.bbsView table tbody th.colth {flex-direction:column !important;}
	.bbsView .rowTB {position:relative; justify-content:flex-end;}
	.bbsView .rowTB.last {border-bottom:1px solid #e6e6e6;}
	.bbsView .rowTB.last td {border-bottom:none;}
	.bbsView .rowTB th {position:absolute; height:100%; left:0; border-bottom:none;}
	.bbsView .rowTB + * {justify-content:flex-end; background:#f8fafd;}
	.bbsView .rowTB:last-child tr {border-bottom:1px solid #e6e6e6;}
	.bbsView .splitNone {border-bottom:1px solid #e4e4e4 !important;}
}

/* table view(스크롤) */
.bbsViewFix {position:relative; width:100%; border-top:2px solid #333; background:#fff; overflow:hidden; overflow-x:auto;}
.bbsViewFix {position:relative; border-top:2px solid #333;}
.bbsViewFix table {width:100%; table-layout:fixed;}
.bbsViewFix th {padding:1.5rem 1rem; font-weight:500; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f8fafd; word-break:keep-all;}
.bbsViewFix th + th,
.bbsViewFix td + td {border-left:1px solid #e6e6e6;}
.bbsViewFix td {padding:1.5rem 1rem; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#fff;}
.bbsViewFix td:last-child {border-right:none;}

@media screen and (max-width: 768px) { 
	.bbsViewFix {position:relative; overflow:hidden; overflow-x:scroll;}
}


/* table input */
.bbsInput {position:relative;}
.bbsInput.bdr-top {border-top:2px solid #333;}
.bbsInput table {width:100%; table-layout:fixed;}
.bbsInput table tbody td.tvTitle {padding:2rem 0; font-weight:500; font-size:2.2rem; color:#222; text-align:left; word-break:keep-all; border-top:2px solid #333; border-bottom:1px solid #e6e6e6;}

.bbsInput table tbody tr.split-line {border-top:1px solid #555;}

.bbsInput table tr.tvInput {border-bottom:1px solid #ddd;}
.bbsInput table tr.tvInput th {color:#222; padding:1.5rem 1rem; font-weight:500; border-right:1px solid #e6e6e6; background:#f8fafd; word-break:keep-all;}
.bbsInput table tr.tvInput td {padding:1.5rem 1rem; border-right:1px solid #e6e6e6; background:#fff;}
.bbsInput table tr.tvInput td:last-child {border-right:none;}

.bbsInput table tr.tvInput .inp_tel input.inp_t {width:calc((100% - 60px) / 3); max-width:70px;} /* 연락처영역 */
.bbsInput table tr.tvInput .inp_tel select.inp_t {width:calc((100% - 60px) / 3); max-width:70px;}
.bbsInput table tr.tvInput .inp_tel span.inp_bar {display:inline-block; width:20px; text-align:center;}

.bbsInput table tr.tvInput .inp_date input.inp_t {width:calc(100% - 65px); max-width:85px;} /* 기간영역 */
.bbsInput table tr.tvInput .inp_date.datebox input.inp_t {max-width:inherit;}
.bbsInput table tr.tvInput .inp_date span.inp_wave {display:inline-block; width:15px; text-align:center;}
.bbsInput table tr.tvInput .inp_date strong.week {display:inline-block; width:40px; margin:0.5rem 0; text-align:center; font-weight:bold;}

.bbsInput table tr.tvInput .inp_addr div.addr_srch {margin-bottom:1rem;}
.bbsInput table tr.tvInput .inp_addr div.addr_srch input.inp_t {width:calc(100% - 150px); max-width:80px;} /* 주소영역 */

.bbsInput table tr.tvInput .inp_lang dl {display:flex; justify-content:space-between; align-items:center; margin-top:1rem; padding-top:1rem; border-top:1px dashed #ccc;} /* 자격사항_외국어영역 */
.bbsInput table tr.tvInput .inp_lang dl:first-child {margin:0; padding:0; border:none;}
.bbsInput table tr.tvInput .inp_lang dl dt {width:100%; padding-right:1rem;}
.bbsInput table tr.tvInput .inp_lang dl dt strong {display:inline-block; margin-right:1rem; width:45px;}
.bbsInput table tr.tvInput .inp_lang dl dt select {max-width:100px;}
.bbsInput table tr.tvInput .inp_lang dl dt input.inp_t {max-width:150px;}

.bbsInput table tr.tvInput .inp_subject dl {display:flex; justify-content:space-between; align-items:center; margin-top:1rem; padding-top:1rem; border-top:1px dashed #ccc;} /* 학점인정여부-교과목 선택 */
.bbsInput table tr.tvInput .inp_subject dl:first-child {margin:0; padding:0; border:none;}
.bbsInput table tr.tvInput .inp_subject dl dt {width:100%;}
.bbsInput table tr.tvInput .inp_subject dl dt strong {display:inline-block; margin-right:1rem; width:45px;}
.bbsInput table tr.tvInput .inp_subject ul {overflow:hidden;}
.bbsInput table tr.tvInput .inp_subject ul > li {display:inline-block; padding:8px; margin:5px 5px 5px 0; border-radius:3px; border:1px dashed #aaa; background:#fff;}
.bbsInput table tr.tvInput .subj_check div {margin-top:1rem; padding-top:1rem; border-top:1px dashed #ddd;}
.bbsInput table tr.tvInput .subj_check div:first-child {margin:0; padding:0; border:none;}
.bbsInput table tr.tvInput .subj_check ul li {padding-top:0.5rem;}

.bbsInput table tr.tvInput .major_sign div {margin-bottom:1rem;} /* 학과주임교수 확인 */
.bbsInput table tr.tvInput .major_sign div:last-child {margin:0;}
.bbsInput table tr.tvInput .major_sign div strong {display:inline-block; font-weight:500; padding:0.5rem; margin-right:1rem; background:#eff5ff;}
.bbsInput table tr.tvInput .major_sign div dl {display:inline-flex; align-items:center; margin-right:2rem;}
.bbsInput table tr.tvInput .major_sign div dl dt {margin-right:1rem; font-weight:500;}
.bbsInput table tr.tvInput .major_sign div dl dd {color:#777;}
.bbsInput table tr.tvInput .major_sign div dl dd .profNM {margin-right:0.5rem;}
.bbsInput table tr.tvInput .major_sign div dl dd .profSign {font-style:italic; font-weight:bold; margin-right:0.5rem;}
.bbsInput table tr.tvInput .major_sign div dl dd a {margin-left:0.5rem;}

.bbsInput table tr.tvInput .inp_resume {background:#f8fafd;} /* 이력서-추가/삭제영역 */
.bbsInput table tr.tvInput .inp_resume > ul li {display:flex; justify-content:space-between; align-items:center; margin-top:1rem; padding-top:1rem; border-top:1px dashed #ccc;}
.bbsInput table tr.tvInput .inp_resume > ul li:first-child {margin:0; padding:0; border:none;}
.bbsInput table tr.tvInput .inp_resume > ul li > div.inp_area {display:flex; justify-content:space-between; width:calc(100% - 60px);}
.bbsInput table tr.tvInput .inp_resume.inp_military > ul li > div.inp_area {width:100%;} /* 병역 */
.bbsInput table tr.tvInput .inp_resume > ul li > div > dl {padding:0 0.5rem;}
.bbsInput table tr.tvInput .inp_resume > ul li > div.divd2 > dl {width:50%;}
.bbsInput table tr.tvInput .inp_resume > ul li > div.divd3 > dl {width:33.333%;}
.bbsInput table tr.tvInput .inp_resume > ul li > div.divd4 > dl {width:25%;}
.bbsInput table tr.tvInput .inp_resume > ul li > div.divd5 > dl {width:20%;}
.bbsInput table tr.tvInput .inp_resume > ul li > div.divd6 > dl {width:16.6667%;}
.bbsInput table tr.tvInput .inp_resume > ul li > div > dl dt {margin-bottom:0.5rem;}
.bbsInput table tr.tvInput .inp_resume > ul li > div.add-del {display:flex; flex-direction:column; justify-content:center;}
.bbsInput table tr.tvInput .inp_resume .inp_date input.inp_t {width:calc((100% - 30px) / 2);}

.bbsInput table tr.tvInput .inp_compNum input.inp_t {width:calc(100% - 100px);} /* 사업자등록번호 중복확인란 */

.bbsInput table tr.tvInput .chk_type_date div {margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;} /* 전형일자 및 일정 */
.bbsInput table tr.tvInput .chk_type_date div:first-child {margin:0; padding:0; border:none;}

@media screen and (max-width :1024px) {
	.bbsInput table tr.tvInput .inp_lang dl {flex-direction:column;} /* 자격사항_외국어영역 */
	.bbsInput table tr.tvInput .inp_lang dl dt:first-child {padding-top:0;}
	.bbsInput table tr.tvInput .inp_lang dl dt {padding:1rem 0 0 0;}
}

@media screen and (max-width :768px) {
	.bbsInput colgroup {display:none;}
	.bbsInput table {table-layout:initial;}
	.bbsInput table tbody td.tvTitle {width:100% !important; font-size:1.8rem;}
	.bbsInput table tbody .wide.wideline {flex-direction:column; align-items:center;}
	
	.bbsInput table tr.tvInput {display:flex; flex-wrap:wrap; flex-direction:column; padding:10px;}
	.bbsInput table tr.tvInput th {display:flex; margin:0 0 8px 0; text-align:left; align-items:center; background:#f7f8fc;}
	.bbsInput table tr.tvInput th br {display:none;}
	.bbsInput table tr.tvInput th, .bbsInput table tr.tvInput td {width:100%; padding:0; border:none; background:#fff;}
	.bbsInput table tr.tvInput td input.inp_t {max-width:100%; height:40px;}
	.bbsInput table tr.tvInput td select {max-width:100%; height:40px;}
	
	.bbsInput tbody .wide {width:100% !important; justify-content:center; margin-top:0 !important; padding:1rem !important; border-right:none; background:#f7f8fc !important;}
	.bbsInput tbody tr.tvDivd th {margin-top:1rem;}
	.bbsInput tbody tr.tvDivd th:first-child {margin-top:0;}
	
	.bbsInput table tr.tvInput .inp_lang dl dt strong {display:inline-block; margin:0 0 0.5rem 0; width:45px;} /* 자격사항_외국어영역 */
	.bbsInput table tr.tvInput .inp_lang dl dt select {width:100%; max-width:100%; margin-bottom:0.5rem;}
	.bbsInput table tr.tvInput .inp_lang dl dt input.inp_t {width:100%; max-width:100%; margin-bottom:0.5rem;}
	.bbsInput table tr.tvInput .inp_lang dl dd {margin-top:0.5rem;}
	
	.bbsInput table tr.tvInput .inp_subject dl {flex-direction:column;} /* 학점인정여부-교과목 선택 */
	.bbsInput table tr.tvInput .inp_subject dl dt {width:100%;}
	.bbsInput table tr.tvInput .inp_subject dl dt strong {display:inline-block; margin:0 0 0.5rem 0; width:45px;}
	.bbsInput table tr.tvInput .inp_subject dl dt select {width:100%; max-width:100%;}
	.bbsInput table tr.tvInput .inp_subject dl dd {margin-top:1rem;}
	
	.bbsInput table tr.tvInput .major_sign div strong {display:block; margin-bottom:0.5rem; text-align:center;}  /* 학과주임교수 확인 */
	.bbsInput table tr.tvInput .major_sign div dl {width:100%; margin-top:0.5rem;}
	
	.bbsInput table tr.tvInput.inp_resume_form {background:#f8fafd;} /* 이력서-추가/삭제영역 */
	.bbsInput table tr.tvInput .inp_resume > ul li {flex-direction:column;}
	.bbsInput table tr.tvInput .inp_resume > ul li:first-child {margin:0; padding:0; border:none;}
	.bbsInput table tr.tvInput .inp_resume > ul li > div.inp_area {flex-direction:column; width:100%;}
	.bbsInput table tr.tvInput .inp_resume > ul li > div > dl {width:100% !important; padding:0.5rem 0;}
	.bbsInput table tr.tvInput .inp_resume > ul li > div.add-del {flex-direction:row; margin-top:0.5rem;}
	
	.bbsInput table tr.tvInput span {margin:5px 0;}
}



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


/* 법인카드 관리용 css */
/* 리스트형태 - 기본형[라인-탑라인] */
.tableListLineBox {overflow:hidden;}
.tableListLineBox table {width:100%; table-layout:fixed; border-top:#838383 1px solid; border-right:#e4e4e4 1px solid; background:#f5f5f5;}
.tableListLineBox table thead th {padding:7px 5px; font-weight:bold; font-size:12px; color:#333; letter-spacing:-1px; text-align:center; border-bottom:#838383 1px solid; border-left:#e4e4e4 1px solid;} 
.tableListLineBox table tbody td {min-height:28px; padding:8px 5px; text-align:center;  font-size:12px; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListLineBox table tbody th {min-height:28px; padding:8px 5px 8px 10px;  font-size:12px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableListLineBox table tbody .lineColor {border-bottom:#838383 1px solid;}
.tableListLineBox table tfoot td {padding:10px 5px; text-align:center; color:#fff; font-weight:bold; font-size:14px; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#009498;}

/* 회의실예약 - 구분색상 */
.mrColor1 {padding:5px 10px; background:#d4e8ff;}
.mrColor2 {padding:5px 10px; background:#d5ffcb;}
.mrColor3 {padding:5px 10px; background:#ffdad4;}


/* faq */
.faq {border-top:2px 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:#75171c;}
.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;}