@charset "utf-8";

/* list시작 */
#bo_list_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 50px auto 150px;}
#bo_list_wrap .bo_title{}
#bo_list_wrap .bo_title>b{font-size: var(--font-48);margin-bottom: 25px;display: block;color: var(--black);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: var(--black);}
#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: var(--font-20); color: var(--black);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{margin-top: 20px; padding-top: 70px; border-top: 1px solid var(--black);}
#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 ul li .img-wrap{position: relative;top: 0;left: 0;height: fit-content;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%;}
#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: var(--font-18);color: var(--black);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: var(--font-24);color: var(--black);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: var(--font-13);border: 1px solid var(--black);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: var(--black);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: #5372b7; color: #fff; 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: var(--font-13);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: var(--black) !important;}

@media screen and (max-width:1000px){
	#bo_list_wrap{margin: 50px auto 100px;}
}

@media (min-width: 1200px) {
	#bo_list_wrap>form #bo_list #bo_gallery li, .ui-sortable-placeholder { width: calc((100% - 120px)/4); } 
}
@media (min-width: 900px) and (max-width:1199px) {
	#bo_list_wrap>form #bo_list #bo_gallery li, .ui-sortable-placeholder { width:calc((100% - 80px)/3); }
}
@media (min-width: 700px) and (max-width:899px) {
	#bo_list_wrap>form #bo_list #bo_gallery li, .ui-sortable-placeholder { width:calc((100% - 40px)/2); }
}
@media (max-width:699px) {
	#bo_list_wrap>form #bo_list #bo_gallery li, .ui-sortable-placeholder { width:calc((100% - 40px)/2); }
}
/* list끝 */



/* write시작 */
#bo_w{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
/* write끝 */