/* 게시판 리스트 */
.board_tp{display:flex; justify-content: space-between; align-items: flex-end; margin-bottom:45px;}
.board_tp .total{font-size: 18px;}
.board_tp .total p{font-weight: 600; color: #BEBEBE !important;}
.board_tab{display: flex; gap:30px;}
.board_tab li a{font-size: 22px; font-weight: 500; color: #CCC !important; display: block; padding-bottom: 10px;}
.board_tab li a#bo_cate_on{color: #000 !important; border-bottom: 2px solid #000; font-weight: 600;}
.dpp_search_box.dpp_bd_search.bd_srh{background:none; margin:0;}
#dpp_ct + form .dpp_search_box.dpp_bd_search.bd_srh{padding-top: 80px;}
.dpp_bd_search.bd_srh .dpp_search_in{max-width:510px;}
.bd_srh .dpp_tbl{padding:0; position:relative;}
.dpp_bd_search.bd_srh .dpp_tbl .dpp_select_box{width: 150px;}
.bd_srh .dpp_select_box select{height:50px; border:none; border-bottom:1px solid #E5E5E5; font-size:16px; padding: 0 10px; background: #000 url("/img/board/sel_ic.svg") no-repeat center right 10px / 10px; color:#333;}
.bd_srh .dpp_select_box select:focus{outline:none;}
.bd_srh .dpp_inputArea{width: 350px;}
.bd_srh .dpp_inputArea input{height:50px; border:none; border-bottom:1px solid #E5E5E5; font-size:16px; padding: 0 40px 0 10px; color:#333; background: #000;}
.bd_srh .dpp_inputArea input::placeholder{color: #AAA;}
.bd_srh .dpp_tbl .dpp_btnArea{position:absolute; padding:0; width:auto; right:10px; top:50%; transform:translateY(-50%);}
.bd_srh .dpp_tbl .dpp_btnArea button{width: 19px; height: 19px; line-height:initial; font-size:0; background:url("/img/board/srh_btn.svg") no-repeat center / 100%;}

/* 갤러리 리스트 */
.bd_gal_list .no_data_wrap{width: 100%; border-top: 1px solid #e5e5e5;}
.bd_gal_list ul{display: flex; flex-wrap: wrap; gap: 50px 40px;}
.bd_gal_list ul li{width: calc((100% - 120px) / 4); position: relative;}
.bd_gal_list ul li a{display: block;}
.bd_gal_list ul li a .img{height: 520px; position: relative;}
.bd_gal_list ul li a .img::before{content: ''; display: block; width: 100%; height: 100%; opacity: 0.6; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 57.71%, #000 100%); position: absolute; left: 0; top: 0;}
.bd_gal_list ul li a .img img{width: 100%; height: 100%; object-fit:cover;}
.bd_gal_list ul li a .txt{position: absolute; left: 0; bottom: 0; padding: 30px; z-index: 5;}
.bd_gal_list ul li a .txt .stat{width: 70px; line-height: 28px; font-size: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 50px;}
.bd_gal_list ul li a .txt .stat.on{border: 1px solid #FFF;}
.bd_gal_list ul li a .txt .stat.off{color: rgba(255, 255, 255, 0.90) !important; background: rgba(168, 168, 168, 0.7);}
.bd_gal_list ul li a .txt .stat.gen{color: rgba(0,0,0, 0.50) !important; background: rgba(255, 255, 255, 0.6);}
.bd_gal_list ul li a .txt p{margin-top: 20px; font-size: 25px; letter-spacing: -1px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bd_gal_list.news ul li a .img{height: 370px;}
.bd_gal_list.news ul li a .img::before{display: none;}
.bd_gal_list.news ul li a .txt{position: initial; padding: 0; margin-top: 25px;}

@media screen and (max-width:1620px){

	/* 게시판 리스트 */
	.board_tp{margin-bottom:3.75vw;}
	.board_tp .total{font-size: 1.11vw;}
	.board_tab{gap:1.88vw;}
	.board_tab li a{font-size: 1.38vw; padding-bottom: 0.63vw;}
	#dpp_ct + form .dpp_search_box.dpp_bd_search.bd_srh{padding-top: 5.00vw;}
	.dpp_bd_search.bd_srh .dpp_search_in{max-width:31.88vw;}
	.dpp_bd_search.bd_srh .dpp_tbl .dpp_select_box{width: 9.38vw;}
	.bd_srh .dpp_select_box select{height:3.13vw; font-size:1.00vw; padding: 0 0.63vw; background: #000 url("/img/board/sel_ic.svg") no-repeat center right 0.63vw / 0.63vw;}
	.bd_srh .dpp_inputArea{width: 21.88vw;}
	.bd_srh .dpp_inputArea input{height:3.13vw; font-size:1.00vw; padding: 0 2.47vw 0 0.63vw;}
	.bd_srh .dpp_tbl .dpp_btnArea{right:0.63vw;}
	.bd_srh .dpp_tbl .dpp_btnArea button{width: 1.19vw; height: 1.19vw;}

	/* 갤러리 리스트 */
	.bd_gal_list ul{gap: 3.09vw 2.47vw;}
	.bd_gal_list ul li{width: calc((100% - 7.41vw) / 4);}
	.bd_gal_list ul li a .img{height: 32.10vw;}
	.bd_gal_list ul li a .txt{padding: 1.85vw;}
	.bd_gal_list ul li a .txt .stat{width: 4.32vw; line-height: 1.73vw; font-size: 0.93vw;}
	.bd_gal_list ul li a .txt p{margin-top: 1.23vw; font-size: 1.54vw; letter-spacing: -0.06vw;}
	.bd_gal_list.news ul li a .img{height: 21.616vw;}
	.bd_gal_list.news ul li a .txt{margin-top: 1.54vw;}

}


@media screen and (max-width:1280px){

	/* 게시판 리스트 */
	.board_tp{margin-bottom:4.69vw;}
	.board_tp .total{font-size: 1.21vw;}
	.board_tab{gap:2.34vw;}
	.board_tab li a{font-size: 1.72vw; padding-bottom: 0.78vw;}
	#dpp_ct + form .dpp_search_box.dpp_bd_search.bd_srh{padding-top: 4.25vw;}
	.dpp_bd_search.bd_srh .dpp_search_in{max-width:39.84vw;}
	.dpp_bd_search.bd_srh .dpp_tbl .dpp_select_box{width: 11.72vw;}
	.bd_srh .dpp_select_box select{height:3.91vw; font-size:1.25vw; padding: 0 0.78vw; background: #000 url("/img/board/sel_ic.svg") no-repeat center right 0.78vw / 0.78vw;}
	.bd_srh .dpp_inputArea{width: 27.34vw;}
	.bd_srh .dpp_inputArea input{height:3.91vw; font-size:1.25vw; padding: 0 3.13vw 0 0.78vw;}
	.bd_srh .dpp_tbl .dpp_btnArea{right:0.78vw;}
	.bd_srh .dpp_tbl .dpp_btnArea button{width: 1.48vw; height: 1.48vw;}

	/* 갤러리 리스트 */
	.bd_gal_list ul{gap: 3.13vw 2.50vw;}
	.bd_gal_list ul li{width: calc((100% - 5vw) / 3);}
	.bd_gal_list ul li a .img{height: 41.11vw;}
	.bd_gal_list ul li a .txt{padding: 1.88vw;}
	.bd_gal_list ul li a .txt .stat{width: 4.70vw; line-height: 1.92vw; font-size: 1.1vw;}
	.bd_gal_list ul li a .txt p{margin-top: 1.25vw; font-size: 1.62vw; letter-spacing: -0.08vw;}
	.bd_gal_list.news ul li a .img{height: 29.118vw;}
	.bd_gal_list.news ul li a .txt{margin-top: 1.5vw;}

}


@media screen and (max-width:768px){

	/* 게시판 리스트 */
	.board_tp{margin-bottom:5.21vw; flex-direction: column-reverse; align-items: flex-start; gap:13.02vw;}
	.board_tp .total{font-size: 3.26vw;}
	.board_tp form{width: 100%;}
	#dpp_ct{overflow-x: auto; margin-bottom: 6.51vw;}
	#dpp_ct::-webkit-scrollbar{display: none;}
	.board_tab{gap:6.51vw; margin-bottom: 0;}
	.board_tab li a{font-size: 4.13vw; padding-bottom: 1.30vw; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;}
	#dpp_ct + form .dpp_search_box.dpp_bd_search.bd_srh{padding-top: 2.81vw;}
	.dpp_bd_search.bd_srh .dpp_search_in{max-width:100%;}
	.dpp_bd_search.bd_srh .dpp_tbl .dpp_select_box{width: 26.53vw;}
	.bd_srh .dpp_tbl{width: 100%; display: flex; justify-content: space-between;}
	.bd_srh .dpp_select_box select{height:9.51vw; font-size:3.26vw; padding: 0 2.30vw; background: #000 url("/img/board/sel_ic.svg") no-repeat center right 2.30vw / 2.30vw;}
	.bd_srh .dpp_inputArea{width: calc(100% - 1.3021vw - 26.53vw);}
	.bd_srh .dpp_inputArea input{height:9.51vw; font-size:3.26vw; padding: 0 9.21vw 0 2.30vw;}
	.bd_srh .dpp_tbl .dpp_btnArea{right:2.30vw;}
	.bd_srh .dpp_tbl .dpp_btnArea button{width: 4.39vw; height: 4.39vw;}

	/* 갤러리 리스트 */
	.bd_gal_list ul{gap: 4.17vw 3.5vw;}
	.bd_gal_list ul li{width: calc((100% - 3.5vw) / 2);}
	.bd_gal_list ul li a .img{height: 60.11vw;}
	.bd_gal_list ul li a .txt{padding: 3.65vw;}
	.bd_gal_list ul li a .txt .stat{width: 12.32vw; line-height: 5vw; font-size: 2.86vw;}
	.bd_gal_list ul li a .txt p{margin-top: 2vw; font-size: 3.65vw; letter-spacing: -0.13vw; line-height: 1.33;}
	.bd_gal_list.news ul{gap: 6.25vw 3.5vw;}
	.bd_gal_list.news ul li a .img{height: 43.041vw;}
	.bd_gal_list.news ul li a .txt{margin-top: 3.26vw;}

}