/* -------- 공통 :: TOTAL NUMBER 및 카테고리 검색   -------- */
.bbs-top-list-box{margin-bottom:30px}
.total-list-con{float:left; line-height:40px; color:#333; letter-spacing:-0.25px;}
.total-list-con b{color:#000}
.total-list-con i{font-size:16px; margin-right:2px; position:relative; top:1px;}
.top-search-box{float:right; margin-bottom:20px;}
.top-search-box select{width:200px; height:34px; border:1px solid #ccc; vertical-align:top; }
/* 갯수 Sort */
.top-view-select-box{margin-left: 15px; float: left; margin-bottom:20px;}
.top-view-select-box select{width:120px; height:34px; border:1px solid #ccc; vertical-align:top;}

/* -------- 공통 :: NO LIST -------- */
.bbs-no-list{padding:100px 0; text-align:center; color:#777; font-size:15px; border-top:1px solid #333; border-bottom:1px solid #ddd; }
.bbs-list-tbl + .bbs-no-list{margin-top:-1px;}

/* ******************   갤러리형 게시판 :: 갤러리  G10  ********************** */
.bbs-basic-gallery-con10 > ul{ /*margin:0 -1%;*/ display:flex; flex-wrap:wrap; gap:0 20px; word-break:keep-all;}
.bbs-basic-gallery-con10 .clearfix { display:flex; flex-wrap:wrap; gap:50px 30px;  }
.bbs-basic-gallery-con10 .gallery-over-list-item { width:calc((100% - 90px) / 4); /*float:left; width:22%; margin:0 1% 5%; */ position:relative; overflow:hidden; border:none; }
.bbs-basic-gallery-con10 .gallery-over-list-item.mov { width:calc((100% - 60px) / 3); /* width:31.33%;*/ }
.bbs-basic-gallery-con10 .gallery-over-list-item * { box-sizing:border-box; }
.bbs-basic-gallery-con10 .gallery-over-list-item a {display:block; }
.bbs-basic-gallery-con10 .gallery-img-box {position:relative; text-align:center; border:none; overflow:hidden }
.bbs-basic-gallery-con10 .gallery-img-box .img-wrap {display:block; height:0; padding-top:64%; }
.bbs-basic-gallery-con10 .gallery-img-box .img-wrap img{position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%;}
.bbs-basic-gallery-con10 .gallery-img-box .category {position:absolute; left:0; top:0; display:inline-block; min-width:50px; padding:0 5px; height:30px; line-height: 30px; font-size:13px; letter-spacing: -0.5px; color:#fff; background-color:#4b6437;}
.bbs-basic-gallery-con10 .gallery-img-box .broad-bg {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.bbs-basic-gallery-con10 .gallery-img-box .broad-bg span{position:relative; display:block; width:0; height:0; left:50%; top:50%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;  border-radius:100%;}
.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn { position:absolute; width:45px; height:45px; right:15px; bottom:-22.5px; border-radius:100%; color:#fff;  overflow:hidden; background-color:#4b6437; background-color:rgba(75, 100, 55, 0.81); line-height: 45px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn i{vertical-align:middle; line-height:45px; transition:all 0.5s}

.bbs-basic-gallery-con10 .gallery-info { padding: 30px 0 0; position:relative; }
.bbs-basic-gallery-con10 .gallery-info .gallery-info-tit { text-align:center; font-size:20px; letter-spacing: -0.5px; color:#000; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:20px;}
.bbs-basic-gallery-con10 .gallery-info p { margin-top:20px; overflow:hidden; height:2.8em;  font-size:15px; line-height: 1.4; letter-spacing: -0.25px;  font-weight:300; color:#666;  margin-bottom:20px;  display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bbs-basic-gallery-con10 .gallery-info .gallery-date {font-size:13px; letter-spacing: -0.5px; color:#aaa; }
.bbs-basic-gallery-con10 .gallery-info .hit {position:relative; font-size:13px; letter-spacing: -0.5px; color:#aaa; margin-left:10px; padding-left:10px; display:inline-block }
.bbs-basic-gallery-con10 .gallery-info .hit::before { content: ''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd; }
.bbs-basic-gallery-con10 .gallery-info .btn-box { text-align:center }
.bbs-basic-gallery-con10 .gallery-info h3.title { color:#000; font-size:18px; text-align:left; line-height:1.2 }

.bbs-basic-gallery-con10 .over { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; }
.bbs-basic-gallery-con10 .over p { font-size:15px; line-height: 1.4; letter-spacing: -0.25px;  font-weight:300; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.bbs-basic-gallery-con10 .over .over-tit { opacity:0; position: absolute; z-index:3; top:50%; left:0; transform:translate(0, -50%); width:100%; margin:0 auto; text-align:center }
.bbs-basic-gallery-con10 .over:hover .over-tit { opacity:1; }
.bbs-basic-gallery-con10 .over h3 { display:inline-block; transition:all 0.3s ease-in-out; /* background-color:rgba(0,0,0,0.7); padding:5px 10px; */}
.bbs-basic-gallery-con10 .over:hover h3 { background:none }
.bbs-basic-gallery-con10 .over h3 span { font-size:18px; color:#fff; font-weight:400; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.bbs-basic-gallery-con10 .over .gallery-date {font-size:13px; letter-spacing: -0.5px; color:#aaa; margin-top:20px; display:block }
.bbs-basic-gallery-con10 .gallery-over-list-item.mov .over .txt { padding:0; bottom: 7%; }
.bbs-basic-gallery-con10 .gallery-over-list-item.mov .over .over-tit { opacity:0; background:none; padding:0 20px; width:100%; top:26%; }
.bbs-basic-gallery-con10 .gallery-over-list-item.mov .over h3 { color:#fff; background:none; /* background-color:rgba(0,0,0,0.7); padding:5px 10px; border-radius:5px; */}
.bbs-basic-gallery-con10 .gallery-over-list-item.mov .over h3 span { color:#fff; /* text-shadow:#000 2px 0 3px;*/ }
.bbs-basic-gallery-con10 .gallery-over-list-item.mov .over:hover .over-tit { opacity:1; font-size:20px; }
.bbs-basic-gallery-con10 .gallery-over-list-item.mov .over:hover h3 { background:none; }
.bbs-basic-gallery-con10 .gallery-over-list-item.mov .over:hover h3 span { color:#fff; }
.bbs-basic-gallery-con10 .over .btn { opacity:0; position: absolute; z-index:3; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease-in-out; border:none; background:#ad8a4d; border-radius:50%; width:95px; height:95px; margin:0 auto; display:flex; justify-content: center; align-items: center; background:url("/img/sub/btn_play.png") no-repeat;}
.bbs-basic-gallery-con10 .over:hover .btn { width:85px; height:85px; background:url("/img/sub/btn_play_on.png") no-repeat; }


/*
.bbs-basic-gallery-con10 .over .btn { opacity:0; position: absolute; z-index:3; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease-in-out; border:1px solid #ad8a4d; background:#ad8a4d; border-radius:50%; width:75px; height:75px; margin:0 auto; display:flex; justify-content: center; align-items: center;}
.bbs-basic-gallery-con10 .over .btn i { transition:all 0.3s ease-in-out; color:#fff; font-size:24px; font-weight:100; margin-left:4px; }
.bbs-basic-gallery-con10 .over:hover .btn { border:1px solid #ad8a4d; background:#fff; }
.bbs-basic-gallery-con10 .over:hover .btn i { color:#ad8a4d; }
.bbs-basic-gallery-con10 .over .btn:hover { border:2px solid #ad8a4d }
.bbs-basic-gallery-con10 .over .btn:hover i { color:#ad8a4d; } */

/*
.bbs-basic-gallery-con10 .gallery-info::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	content: '';
}*/
.bbs-basic-gallery-con10 .over::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}
/*
.bbs-basic-gallery-con10 .over::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 1;
    transform: translate3d(0,-10%,0) rotate(180deg);
}
.bbs-basic-gallery-con10 .over:hover::after {
    transform: translate3d(0,-100%,0)  rotate(180deg);
}
*/
.bbs-basic-gallery-con10 .over .btn {
	opacity: 1;
    transform: translate3d(-50%,-50%,0);
}
.bbs-basic-gallery-con10 .over:hover .btn {
	opacity: 1;
    transform: translate3d(-50%,-70%,0);
}
.bbs-basic-gallery-con10 .over .over-tit {
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
    padding:5px 10px; 
}

.bbs-basic-gallery-con10 .over::before,
.bbs-basic-gallery-con10 .over .txt {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.bbs-basic-gallery-con10 .over .txt {
    z-index:3;  
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 1;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
.bbs-basic-gallery-con10 .over .txt p {
	opacity: 0;
}

.bbs-basic-gallery-con10 .over:hover .over-tit {
	color: #fff;
	-webkit-transform: translate3d(-0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    background:none;
}

.bbs-basic-gallery-con10 .over:hover::before,
.bbs-basic-gallery-con10 .over:hover .txt {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.bbs-basic-gallery-con10 .over:hover .txt p {
	opacity: 1;
}
.bbs-basic-gallery-con10 .over:hover p,
.bbs-basic-gallery-con10 .over:hover .gallery-date {
    color:#fff
}
@media all and ( max-width: 1280px ){
    .bbs-basic-gallery-con10 .clearfix { gap:40px 20px;  }
    .bbs-basic-gallery-con10 .gallery-over-list-item { width:calc((100% - 60px) / 3); }
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov { width:calc((100% - 40px) / 3); }
}


@media all and ( max-width: 1023px ){
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov { width:calc((100% - 20px) / 2); }
}

 @media all and ( min-width: 801px ){
    .bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-btn {background-color:transparent; right:50%; margin-right: -22.5px; box-shadow:none; bottom:50%; margin-bottom: -22.5px;}
    .bbs-basic-gallery-con10 .gallery-over-list-item a:hover .broad-bg span {background-color:#4b6437; width:400px; height:400px; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0.4;filter:Alpha(opacity=40); transition-delay:0.2s;}
	.bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-img-box .gallery-btn  i{transform:rotate(360deg)}
}
@media all and ( max-width: 800px ){
    .bbs-basic-gallery-con10 .clearfix { gap:30px 20px;  }
    .bbs-basic-gallery-con10 .gallery-over-list-item{ width:calc((100% - 20px) / 2); }
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov { width:calc((100% - 20px) / 2); }
	.bbs-basic-gallery-con10 .gallery-info p{display:none; font-size:13px;}
	.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn{right:5px; box-shadow:4px 4px 6px rgba(0, 0, 0, 0.2)}
    .bbs-basic-gallery-con10 .gallery-info { padding:10px 0 20px; }
    .bbs-basic-gallery-con10 .gallery-info h3.title { font-size:16px; margin-bottom:5px; }
    .bbs-basic-gallery-con10 .gallery-info .gallery-info-tit { font-size:17px; }
    .bbs-basic-gallery-con10 .over p { font-size:15px; }
    .bbs-basic-gallery-con10 .over h3 span { font-size:15px; }
    .bbs-basic-gallery-con10 .over .gallery-date {font-size:13px; margin-top:10px; }
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov .over .txt { bottom: 7%; }
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov .over .over-tit { padding:0 10px; top:40%; }
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov .over:hover .over-tit { opacity:1; font-size:15px; }
    .bbs-basic-gallery-con10 .over .btn { width:55px; height:55px; background-size:55px auto; }
    .bbs-basic-gallery-con10 .over:hover .btn { width:45px; height:45px; background-size:45px auto; }
    .bbs-basic-gallery-con10 .gallery-info .btn-box { display:block; }
    .bbs-basic-gallery-con10 .gallery-info .btn-box input { font-size:15px !important; }
}
@media all and ( max-width: 480px ){
    .bbs-basic-gallery-con10 .clearfix { gap:30px 10px;  }
    .bbs-basic-gallery-con10 .gallery-over-list-item{ width:calc((100% - 10px) / 2); }
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov{ width:100%; }
    .bbs-basic-gallery-con10 .gallery-img-box .category{font-size:11px;}
    .bbs-basic-gallery-con10 .gallery-img-box .gallery-btn{right:5px; bottom:-15px;width:30px; height:30px; line-height:30px;}
    .bbs-basic-gallery-con10 .gallery-img-box .gallery-btn i{font-size:18px; line-height:30px;}
	.bbs-basic-gallery-con10 .gallery-info{padding:20px 0;}
    .bbs-basic-gallery-con10 .gallery-info .gallery-info-tit{font-size:15px; margin-bottom:10px;}
    .bbs-basic-gallery-con10 .gallery-info p{font-size:12px; margin-bottom:10px}
	.bbs-basic-gallery-con10 .gallery-info .gallery-date{font-size:11px;}
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov .over .over-tit { padding:0 10px; top:38%; }
    .bbs-basic-gallery-con10 .gallery-over-list-item.mov .over:hover .over-tit { opacity:1; font-size:16px; }
    .bbs-basic-gallery-con10 .over .btn { width:65px; height:65px; background-size:65px auto; }
    .bbs-basic-gallery-con10 .over:hover .btn { width:55px; height:55px; background-size:55px auto; }
}

* -------- 공통 :: PAGING -------- */
.gpage{display:flex; justify-content:center; width:100%; text-align:center; margin:30px 0; flex-wrap:wrap;}
.gpage a{position:relative; display:block; width:30px; height:30px;  line-height:30px; margin:0 2px; border:1px solid #ddd; text-align:center; font-size:13px; color:#868686; letter-spacing:-0.25px; background-color:#fff; }
.gpage a:hover{color:#222;}
.gpage a.cur{border-color:#333; background-color:#333; color:#fff;}
.gpage a.paging-arrow i{position:relative; top:-1px; vertical-align:middle; color:inherit; font-size:24px;}
.gpage .paging-first i,
.gpage .paging-last i{transform:translateX(-8px)}
.gpage .paging-first i:before,
.gpage .paging-last i:before{display:block;width:7px}
.gpage.no-margin a{margin:0; margin-left:-1px}
.gpage.no-margin a.cur{position:relative; z-index:1; background-color:transparent; color:#333;}
.gpage.no-margin a:first-child{margin-left:0;}
/* Style02(원형) */
.paging-style02 a.paging-arrow {border-radius:50%; color:#333; background-color: #e5e5e5; margin:0 20px; }
.paging-style02 a:not(.paging-arrow) {border:0; color:#999; font-weight:600;}
.paging-style02 a.cur{background:none; color:#000;}
.paging-style02 a.paging-arrow i {line-height: 32px;vertical-align: top;}

/* Style02(라인) */
.paging-style03 a{width:auto; padding:0 7px 3px; margin:0 5px; border:0; font-size:16px}
.paging-style03 a.cur{background-color:transparent; color:#333;}
.paging-style03 a.cur:after{position:absolute; bottom:0px; left:50%; width:100%; margin-left:-50%; height:2px; background-color:#333; content:"";}


/* ******************   게시판 :: 뷰페이지  ********************** */
/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top{padding:0; border-top:2px solid #222; }
.bbs-view-top .event-date{overflow:hidden; color:#888; padding-bottom:10px;}
.bbs-view-top .event-date dt,.bbs-view-top .event-date dd{display:inline-block; letter-spacing:-0.5px;}
.bbs-view-top .event-date dt{margin-right:10px; color:#333; }
.bbs-view-top .event-date dt i{font-size:16px; margin:-1px 3px 0 0; vertical-align:middle;}
.bbs-view-top .reply-state{float:none; text-align:left; margin-bottom:10px;}
.bbs-view-top .reply-state span{display:inline-block; padding:0 10px; height:24px; line-height:24px; background-color:#888; border-radius:5px; font-size:11px; color:#fff; text-align:center;}
.bbs-view-top .reply-state.reply-state-finish span{background-color:#5997bb}
.bbs-view-top .bbs-category{display:block; font-size:13px; margin-bottom:10px;}
.bbs-view-top .bbs-tit{ color:#282828; font-size:30px; letter-spacing:-0.6px; font-weight:200; line-height:1.6; word-break:keep-all; text-align:center; border-bottom:1px solid #ddd; padding:30px 0}
.bbs-view-top .bbs-write-info{padding:20px; text-align:right; }
.bbs-view-top .bbs-write-info dt,.bbs-view-top .bbs-write-info dd{display:inline-block; color:#777; font-size:14px; vertical-align:middle; font-weight:300}
.bbs-view-top .bbs-write-info dd{margin:0 20px 0 5px; color:#888; font-weight:300}
.bbs-view-content{padding:30px 20px; border-bottom:none; line-height:1.6 }

/* 게시판 :: 뷰 :: 이전글,다음글 */
.bbs-view-prev-next-list{margin-top:0px}
.bbs-view-prev-next-list li{border-bottom:1px solid #ddd;}
.bbs-view-prev-next-list li:first-child{border-top:1px solid #ddd;}
.bbs-prev-next-tbl{width:100%; table-layout:fixed;}
.bbs-prev-next-tbl th,
.bbs-prev-next-tbl td{height:58px; color:#666; font-size:15px; letter-spacing:-0.5px; line-height:1.2;}
.bbs-prev-next-tbl th{text-align:left; color:#222;  background-color:rgba(173, 138, 77, 0.05)}
.bbs-prev-next-tbl .bbs-prev-next-tit{position:relative; display:block; padding-left:0; font-weight:300; text-align:center }
.bbs-prev-next-tbl .bbs-prev-next-tit:after{position:absolute; top:0px; bottom:0px; width:1px; right:0px; background-color:#ddd; content:"";}
.bbs-prev-next-tbl .bbs-prev-next-tit i{position:absolute; right:15px; font-size:20px;}
.bbs-prev-next-tbl td{padding-left:20px}
.bbs-prev-next-tbl td a{display:block; color:inherit;}
.bbs-prev-next-tbl td a .bbs-tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-prev-next-tbl td a:hover .bbs-tit{text-decoration:underline}

* -------- 공통 :: BUTTON -------- */
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,
.cm-btn-controls a{display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; /* -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; */ }
.cm-btn-controls button, .cm-btn-controls a{line-height:42px;}
.cm-btn-controls.cm-btn-long-controls button,
.cm-btn-controls.cm-btn-long-controls a{width:100%; height:50px; margin:0px; margin-bottom:5px;}
.cm-btn-controls.cm-btn-long-controls a{box-sizing:border-box; line-height:50px;}
.cm-btn-controls .btn-style01{background-color:#333;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}
.cm-btn-controls .btn_center { margin:30px 0 30px; text-align:center;  display:flex; justify-content:center;}
.cm-btn-controls .btn_center a{ margin:0 auto; display:flex; align-items:center; justify-content:center; width:180px; height:50px; border:0; color:#fff; background-color:#ad8a4d; font-size:17px; margin:0; }


/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v100/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}