/** 전시회 리스트  > 공통아이콘 **/
.ico { display: inline-flex; justify-content: center; align-items: center; width:120px; height:40px; background-color:#000; color:#fff; text-align: center; border:0.0625rem solid transparent } 
.ico.now { background-color:#000 } 
.ico.special { border-color:#000; background-color: #fff; color:#000 } 
.ico.end { background-color: #606060; } 


/** 전시회 리스트  > 텍스트형 **/
.board_exhibition ul.exhibition_list {margin-bottom:100px; display: grid; grid-template-columns: repeat(2,1fr); gap:2.5rem } 
.board_exhibition ul.exhibition_list li {position: relative; display: flex; justify-content: space-between; gap:2.5rem; } 
.board_exhibition ul.exhibition_list li .img {flex-shrink: 1; overflow: hidden; width:48%;  height:400px;} 
.board_exhibition ul.exhibition_list li .img img { width:100%; height:100%; object-fit:contain; transition: all 0.3s ease; } 
.board_exhibition ul.exhibition_list li .txt {overflow: hidden; flex:1; display: flex; flex-direction: column; justify-content: space-between; word-break: keep-all;} 
.board_exhibition ul.exhibition_list li .txt_wrap { flex:1; display: flex; flex-direction: column; justify-content: space-between; } 
.board_exhibition ul.exhibition_list li .txt_wrap p { line-height: 1.3;}
.board_exhibition ul.exhibition_list li .txt_wrap .tit { font-size: 1.5rem; font-weight: 600; margin-bottom: 10px;} 
.board_exhibition ul.exhibition_list li .txt_wrap .date { color: #555; font-size: 1.125rem; font-style: normal; font-weight: 400;  } 
.board_exhibition ul.exhibition_list li .txt_wrap .desc { margin-top:30px; color: #555; font-size: 1rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; line-height: 22px;}
.board_exhibition ul.exhibition_list li input[type=checkbox] { position: absolute; top:0; left:0; width:25px; height:25px; } 
.board_exhibition ul.exhibition_list li .txt_wrap .author {margin:10px 0; }
.board_exhibition ul.exhibition_list li a.btn {position: absolute;bottom:0; left:0;}

.board_exhibition ul.exhibition_list li .txt_wrap .more a {display: flex; width:120px; height:40px; padding:5px 7px; border-bottom:3px solid #000;  font-size:20px; font-weight:400; transition: all 0.3s; justify-content: space-between; align-items: center; box-sizing: content-box;}

.board_exhibition ul.exhibition_list li .txt_wrap .more a:hover {background-color: rgba(0, 0, 0, 0.05);}

@media screen and (max-width:1024px){
  .board_exhibition ul.exhibition_list {grid-template-columns: repeat(1,1fr); gap:2.5rem } 
  .board_exhibition ul.exhibition_list li .img {height:auto;} 
  .board_exhibition ul.exhibition_list li .img img { object-fit:contain;} 
}

@media screen and (max-width:680px){
  .board_exhibition ul.exhibition_list { gap:1.5rem ;} 
  .board_exhibition ul.exhibition_list li {flex-direction: column; gap:1.5rem; padding-bottom:25px;} 
  .board_exhibition ul.exhibition_list li .img {width:100%; } 
  .board_exhibition ul.exhibition_list li .txt { flex:1; display: flex; flex-direction: column; justify-content: space-between; } 
  .board_exhibition ul.exhibition_list li .txt_wrap { flex:1; padding:1rem 0; } 
  .board_exhibition ul.exhibition_list li .txt_wrap .tit { font-size: 1.5rem; font-weight: 600; } 
  .board_exhibition ul.exhibition_list li .txt_wrap .date { color: #555; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 2; } 
  .board_exhibition ul.exhibition_list li .txt_wrap .desc { margin-top:30px; color: #555; font-size: 1rem; font-weight: 400;line-height: 162.5%;   }
  .board_exhibition ul.exhibition_list li input[type=checkbox] { position: absolute; top:0; left:0; width:25px; height:25px; } 
  .board_exhibition ul.exhibition_list li .txt_wrap .author {margin:10px 0; }
  .board_exhibition ul.exhibition_list li a.btn {position: absolute;bottom:0; left:0;}
}



/** 전시회 리스트  > 썸네일형 **/
.board_exhibition ul.exhibition_list_thum { display: grid; grid-template-columns: repeat(3,1fr); gap:2.5rem } 
.board_exhibition ul.exhibition_list_thum li {position: relative;}
.board_exhibition ul.exhibition_list_thum li .img { position: relative; padding-bottom: 140%; overflow: hidden; border:1px solid #DFDFDF; }
.board_exhibition ul.exhibition_list_thum li .img img { position: absolute; width: 100%; height: 100%; object-fit: contain; background-color: #fafafa;} 
.board_exhibition ul.exhibition_list_thum li input[type=checkbox] { position: absolute; top:0; left:0; width:25px; height:25px; } 
.board_exhibition ul.exhibition_list_thum li p {margin-bottom:10px;}
.board_exhibition ul.exhibition_list_thum li .tit {margin-top:10px; font-size: 1.5rem; font-weight: 600; }
.board_exhibition ul.exhibition_list_thum li .author {display: inline-block; padding:5px 10px; border:1px solid #dadada; font-size:14px; background-color: #f5f5f5;}
.board_exhibition ul.exhibition_list_thum li .date {color: #555; font-size: 1.125rem; font-style: normal; font-weight: 400; }
.board_exhibition ul.exhibition_list_thum li .ico {position: absolute; top:0; right:0}



/* list */
.table .table-col--chk { padding-top:0; width:60px; text-align:center } 
.table .table-col--num { width:100px; text-align:center } 
.table .table-col--write { width:120px } 
.table .table-col--view,
.table .table-col--date { width:100px } 
.board .btn { width:120px; text-align:center; box-sizing:border-box } 
.board .table { border-bottom:1px solid #ccc; width:100% } 
.board .table thead th { padding:1.45em 0; text-align:center; font-size:14px; border-bottom:1px solid #ddd; border-top:2px solid #000; background-color:transparent; color:#333 } 
.board .table th,
.board .table td { padding:1.25em 0; text-align:center; vertical-align:middle } 
.board .table td.board__title { text-align:left; overflow:hidden; word-break:break-all; line-height:1.4 } 
.board .table td p { display:none } 
.board .table .board__title .label { display:inline-block; margin-left:.5em; padding:3px .5em 5px; transform:translateY(-1px); border-radius:5px } 
.board .table .board__title .label.ml0 { margin-left:0 } 
@media screen and (max-width:768px){
 .board .btn { width:auto; font-size:14px } 
.board .table thead th,
.table .table-col--num,
.table .list-num { display:none !important } 
.board .table th,
 .board .table td { text-align:left } 
.board .table tbody tr { position:relative; display:block; border-top:1px solid #ddd } 
.board .table tbody td,
.board .table tbody th { display:block } 
.board .table .list-check,
.board .table .list-notice { display:inline-block; padding-top:5px; padding-bottom:0 } 
.board .table .list-notice .label { color:#fff } 
.board .table .list-title { padding:.65em 0 .5em; width:100%; box-sizing:border-box; font-size:1rem } 
.board .table .list-name,
.board .table .list-view,
.board .table .list-date { display:inline-block; padding:.5em 0 1em; font-size:.875rem } 
.board .table .list-view,
.board .table .list-date { margin-left:1em } 
.board .table td p { display:inline-block } 
.board .table td span { color:#999 } 
 }

.board .search { padding:1em 1.5em; background:#f5f5f5 } 
.board .search .form-group { display:flex; margin:0 auto; width:500px } 
.board .search .form-group .select-search { margin-right:.5em; height:inherit; background-color:#fff; border-radius:0 } 
.board .search .form-group .search-form { width:100% } 
.board .search .form-group input.input { border-radius:0 } 
.board .search .search-go button { width:50px; height:100%; background:#333 } 
.board .search .search-go button i { color:#fff; font-size:20px } 
@media screen and (max-width:599px){
 .board .search { padding:.5em } 
.board .search .form-group { width:100% } 
.board .search .form-group .select-search,
.board .search .form-group input.input { height:35px; font-size:14px } 
.board .search .search-go button i { transform:translateY(-2px); font-size:16px } 
 }