@charset "utf-8";

/* exhibition */
.exhibition .board_listbox {display: flex}
.exhibition .board_listbox .cmbox {flex:1;margin:0 35px; border-bottom:0; box-sizing: border-box;margin-bottom: 0px; padding-bottom: 0; display: block}
.exhibition .board_listbox .cmbox a{display: block; border-bottom: 1px solid #e7e7e7; padding-bottom:15px;margin-bottom: 40px; }
.exhibition .board_listbox .cmbox .cmimg .line_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.exhibition .board_listbox .cmbox .cmimg .line_box span{position:absolute;display:inline-block;z-index: 5;}
.exhibition .board_listbox .cmbox .cmimg .line_box .line01{top: 0; left: 0; width: 0; height: 2px; background: #298f4d;}
.exhibition .board_listbox .cmbox .cmimg .line_box .line02{top: 0; right: 0; width: 2px; height: 0; background: #298f4d;}
.exhibition .board_listbox .cmbox .cmimg .line_box .line03{bottom: 0; right: 0; width: 0; height: 2px; background: #298f4d;}
.exhibition .board_listbox .cmbox .cmimg .line_box .line04{bottom: 0; left: 0; width: 2px; height: 0; background: #298f4d;}
.exhibition .board_listbox .cmbox:hover .cmimg .line_box .line01{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.exhibition .board_listbox .cmbox:hover .cmimg .line_box .line02{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}
.exhibition .board_listbox .cmbox:hover .cmimg .line_box .line03{width: 100%; transition:width 0.45s linear; transition-duration: 0.3s;}
.exhibition .board_listbox .cmbox:hover .cmimg .line_box .line04{height: 100%; transition:height 0.45s linear; transition-delay: 0.3s;}
.exhibition .board_listbox .cmbox .cmcate{border: 1px solid #5cbe0d;font-size: 14px;padding: 5px 25px;margin-bottom: 5px;color: #5cbe0d;margin-top: 15px;display: inline-block;}
.exhibition .board_listbox .cmbox .cmcate.cmcateoff{border: 1px solid #bbbbbb;color: #5a5a5a;}
.exhibition .board_listbox .cmbox .cmtit{font-size: 28px;font-weight: 700;padding-bottom: 25px;overflow: hidden;white-space: normal;text-overflow: ellipsis;height: 65px;line-height: 2;box-sizing: border-box;}
.exhibition .board_listbox .cmbox .cmtxt{font-size: 14px;color: #4e4e4e;display: inline-block; }
.exhibition .board_listbox .cmbox .cmtxt li{margin-bottom: 5px; }
.exhibition .board_listbox .cmbox .cmtxt li span{padding-right: 10px}
.exhibition .board_listbox .cmbox .cmimg{position: relative; overflow: hidden}
.exhibition .board_listbox .cmbox .cmimg img{width: 100%; transition: all 0.5s;}
.exhibition .board_listbox .cmbox .cmbox:hover .cmimg img {-webkit-transform: scale(1.15); transform: scale(1.1);}

@media only all and (max-width: 860px){
	.exhibition .board_listbox .cmbox .cmtit{font-size: 20px; height: 80px; box-sizing: border-box}
	.exhibition .board_listbox .cmbox .cmtxt li span{ display: block}
	.exhibition .board_listbox .cmbox .cmtxt li{position: relative}
}

@media only all and (max-width: 540px){
	.exhibition .board_listbox .cmbox a{flex: none; margin: 0;}
	.exhibition .board_listbox{display: block}
	.exhibition .board_listbox .cmbox .cmtit{height: auto; padding-bottom: 10px;}
}


/* 뷰 */
.exhibition .board_vieww .bviewimg{width: 510px;border-top: 2px solid #000;padding-top: 20px;border-bottom: 2px solid #000000;/* display: table-cell; *//* display: flex; *//* flex: auto; */}
.exhibition .board_vieww .bviewimg .bvthumb { height:720px; overflow:hidden;}
.exhibition .board_vieww .bviewimg .bvthumb img { width:100%;}
.exhibition .board_vieww #masonry{margin: 25px auto 0 auto}
.exhibition .board_vieww #masonry .thumb { width:100px;}
.exhibition .board_vieww .bvlist a{float: left;width: calc(25% - 17px);margin-right: 20px;margin-bottom: 10px;cursor: pointer; border:1px solid #fff; display: block}
.exhibition .board_vieww .bvlist a:hover{border:1px solid #45c009}
.exhibition .board_vieww .bvlist a:nth-child(4n){margin-right: 0}
.exhibition .board_vieww .bvlist a img{width: 100%; height:auto; }

.exhibition .board_vieww .bview_detail{margin-left: 60px;box-sizing: border-box;border-top: 1px solid #d7d7d7;padding-top: 10px;border-bottom: 1px solid #d7d7d7;/* display: table-cell; */width: calc(100% - 570px);}
.exhibition .board_vieww .bview_detail .cmtit{font-size: 40px;height: 90px;/* line-height: normal; */}
.exhibition .board_vieww .bview_detail .cmtxt li{font-size: 17px;border-bottom: 1px solid #dddbdb;padding-bottom: 15px;width: 100%;padding-top: 6px;}
.exhibition .board_vieww .bview_detail .cmtxt{padding-bottom: 50px;width: 100%;}

.exhibition .board_vieww .bviewtit{font-size: 28px; color: #2a2a2a; font-weight: 700; padding-bottom: 20px}
.exhibition .board_vieww .bviewstit{font-size: 18px;color: #4e4e4e;line-height: 160%;}
.exhibition .board_vieww .bviewstit p{padding-bottom: 60px}
.exhibition .board_vieww .board_vieww{display: flex;margin-bottom: 100px;}

@media only all and (max-width: 920px){
	.exhibition .board_vieww .bviewimg{width: 100%; overflow: hidden;}
	.exhibition .board_vieww .bview_detail{width: 100%; margin-left: 0}
	.exhibition .board_vieww .board_vieww{display: block; margin-bottom: 0}
	.exhibition .board_vieww .bview_detail .cmtit{font-size: 28px;     height: auto;    line-height: inherit;}
	.exhibition .board_vieww .bviewstit{font-size: 16px}
	.exhibition .board_vieww .bvlist a{margin-right: 5px; width: calc(25% - 7px)}
}



.allfile span.item { width:25%; margin-bottom:15px; padding:0 5px; box-sizing:border-box;}
.allfile span.item a.btn-red { color:#fff;}