@charset "utf-8";

/* list시작 */
#bo_list_wrap{width:100%;padding: 0 30px;border-bottom: 1px solid #000;}
#bo_list_wrap .list_title{padding: 200px 30px 30px;border-left: 1px solid #000;border-right: 1px solid #000;}
#bo_list_wrap .list_title p.tit1{position: relative;display: inline-block;font-size: clamp(50px, 7vw, 110px);font-weight: 600;font-family: 'Manrope' !important;line-height: 1;letter-spacing: .02em;}
#bo_list_wrap .list_title p.tit1 .stroke{color: transparent;  -webkit-text-stroke:2px #000;}
#bo_list_wrap .list_title p.tit1 .fill{position: absolute;inset: 0;color: #000;clip-path: inset(0 100% 0 0);}
@media screen and (max-width:500px){
	#bo_list_wrap .list_title p.tit1 .stroke{-webkit-text-stroke:1px #000;}
	#bo_list_wrap .list_title p.tit1 .fill{transform: translate(-0.005em, -0.005em);}
}



#bo_list_wrap .list_page{padding: 30px 30px 0 30px;border-left: 1px solid #000;border-right: 1px solid #000;}
#bo_list_wrap .bo_title{}
#bo_list_wrap .bo_title>b{font-size:48px;margin-bottom: 25px;display: block;color: #000;font-weight: 600;}
#bo_list_wrap .bo_title #bo_cate{}
#bo_list_wrap .bo_title #bo_cate>div{}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list{}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list ul{display: flex;width: 100% !important;flex-flow: row wrap;min-width: unset !important;}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list ul li{margin-right: 20px;position: relative;top: 0;left: 0;}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list ul li::after{content:"";position: absolute;right: -12px;width: 1px;height: 50%;top: 50%;transform: translateY(-50%);background: #000;}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list ul li:last-child:after{display: none;}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list ul li a{font-size: 20px; color: #000;font-weight: 500;}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list ul li.active{}
#bo_list_wrap .bo_title #bo_cate>div #bo_cate_list ul li.active a{color: var(--blue);}
#bo_list_wrap form{}
#bo_list_wrap form #bo_btn_top{margin-top: 20px;}
#bo_list_wrap form #bo_btn_top>div{display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
#bo_list_wrap form #bo_btn_top>div>a,
#bo_list_wrap form #bo_btn_top>div>button{}
#bo_list_wrap form #bo_list{}
#bo_list_wrap form #bo_list #bo_gallery{}
#bo_list_wrap form #bo_list #bo_gallery ul{-moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px;}
#bo_list_wrap form #bo_list #bo_gallery li{display: inline-block; background: #fff; width: 100%; overflow: hidden;margin-bottom: 100px;}
#bo_list_wrap form #bo_list #bo_gallery li:hover .img-wrap img{transform: scale(1.1);}
#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap{position: relative;top: 0;left: 0;height: fit-content;max-height: 1000px;padding-bottom: unset;/*max-height: 600px;*/border-radius: 15px;margin-bottom: 10px;}
#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap>.btn_wrap{position: absolute;top: 10px;width: calc(100% - 20px);left: 50%;transform: translateX(-50%); display: flex;justify-content: space-between;align-items: center;}
#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap>.btn_wrap>a{width: fit-content; display: block; line-height: 30px; font-size: var(--font-16); background: var(--blue); color: #fff; padding: 0 10px; border-radius: 3px;}
#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap>.btn_wrap .chk-box{width: 20px;height: 20px;}
#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap>.btn_wrap .chk-box input{width: 100%;height: 100%;display: block;}
#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap img{width: 100%;transition: all .3s ease-in-out;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap{position: relative;top: 0;left: 0;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap p{font-size: 18px;color: #000;font-weight: 500;display: block;width: calc(100% - 40px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap b{font-size: 24px;color: #000;font-weight: 600;display: block;width: 100%;margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap .tag_wrap{display: flex;align-items: center;flex-flow: row wrap;gap:5px;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap .tag_wrap span{font-size: 13px;border: 1px solid #000;border-radius: 50px;display: block; line-height: 25px; padding: 0 10px;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap .tag_wrap span.atv{background: #000;color: #fff;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap .link_icon{position: absolute;top: 0;right: 0;width: fit-content; display: flex;justify-content: space-between;align-items: center;column-gap: 5px;}
#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap .link_icon i{width: 40px; line-height: 25px !important; background:#fff;outline: 1px dashed #000;outline-offset:-1px; color: #000; text-align: center; display: block; border-radius: 50px;cursor: pointer;}
.vbox-overlay{}
.vbox-overlay .vbox-container{padding: 0; width: calc(100% - 40px); max-width: 600px; height: calc(100% - 100px); left: 50%; top: 50%; transform: translate(-50%, -50%);}
.vbox-overlay .vbox-container .vbox-content{padding: 0;}
.vbox-overlay .vbox-container .vbox-content .vbox-inline{background: #000;}
.vbox-overlay .vbox-container .vbox-content .vbox-inline div{background: #000;}
.vbox-overlay .vbox-container .vbox-content .vbox-inline div a{pointer-events: none !important;cursor: auto;margin-bottom: 50px;display: block;}
.vbox-overlay .vbox-container .vbox-content .vbox-inline div a:last-child{margin-bottom: 0px;}
.vbox-overlay .vbox-container .vbox-content .vbox-inline div a img{width: 100%;}
.vbox-overlay .vbox-close{width: 50px; height: 50px; padding: 0; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0;}
.vbox-overlay .vbox-close svg{}
.pagination{}
.pagination li{}
.pagination li a{width: 24px;height: 24px;line-height: 25px;text-align: center;padding: 0;font-size: 13px;border: unset;background: unset !important;border-radius: 50px;}
.pagination li.page-first,
.pagination li.page-last{display: none;}
.pagination li.page-prev,
.pagination li.page-next{}
.pagination li.active{}
.pagination li.active a{background: #000 !important;}

#bo_list_wrap .list_page .pagination{margin-top: 50px;display: none;}
#bo_list_wrap .list_page .pagination li.active a{background-color: #000 !important;}
#bo_list_wrap .list_page .pagination li a.page-link{border-color: #000 !important;}
/* @media screen and (max-width:1800px){
	#bo_list_wrap .list_title p.tit1{font-size: 50px;}
}
@media screen and (max-width:1600px){
	#bo_list_wrap .list_title p.tit1{font-size: 45px;}
} */
@media screen and (max-width:1400px){
	#bo_list_wrap .list_title{height: auto;border-right:1px solid #000;position: unset;}
	/* #bo_list_wrap .list_title p.tit1{font-size: 40px;} */
}
@media all and (max-width:960px){
	#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap{max-height: 800px;}
}
@media screen and (max-width:768px){	
	#bo_list_wrap{padding: 0;}
	#bo_list_wrap .list_title{border-left: 0;border-right: 0;padding: 140px 20px 20px;}
	#bo_list_wrap .list_page{border-left: 0;border-right: 0;padding: 20px;}	
	#bo_list_wrap form #bo_list #bo_gallery li{margin-bottom: 60px;}
	#bo_list_wrap form #bo_list #bo_gallery ul li .img-wrap{max-height: 600px;}
	#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap p{font-size: 16px;}
	#bo_list_wrap form #bo_list #bo_gallery ul li .text_wrap b{font-size: 22px;}
}
@media only screen and (max-width: 500px) {
	#bo_list_wrap form #bo_list #bo_gallery ul {
		gap: 20px;
	}
}
@media only screen and (min-width: 500px) {
	#bo_list_wrap form #bo_list #bo_gallery ul {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		gap: 20px;		
	}
}
@media only screen and (min-width: 768px) {
	#bo_list_wrap form #bo_list #bo_gallery ul {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		gap: 30px;
	}
}
@media only screen and (min-width: 960px) {
	#bo_list_wrap form #bo_list #bo_gallery ul {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}
@media only screen and (min-width: 1200px) {
	#bo_list_wrap form #bo_list #bo_gallery ul {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}
@media only screen and (min-width: 1400px) {
	#bo_list_wrap form #bo_list #bo_gallery ul {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}
/* list끝 */



/* write시작 */
#bo_w{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
/* write끝 */