@charset "utf-8"; /* list시작 */
#bo_list_wrap { width: calc(100% - 40px); max-width: var(--max-width); margin: 50px auto 150px; } 
.pc_txt { margin-bottom: 30px; font-size: 1.1em; position: relative; z-index: 2; display: inline-block;color:#000 } 
/* .pc_txt:before { content: ''; position: absolute; width: 100%; height: 30%; background: #cfe6ff; left: 0; bottom: 0; z-index: -1; }  */
 @media (min-width: 768px) {.pc_txt { margin-top:20px; } 
 }
.vbox-container { display:flex; flex-direction:column; align-items:center; } 

.vbox-custom-bottom { width:100%; text-align:center; margin:15px 0; z-index:2; } 
.vbox-content { width:100%; } 
.vbox-custom-link { display:inline-block; } 
.vbox-custom-link img { display:block; max-width:220px; height:auto; } 


#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; 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: 80px; transform: translateX(-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끝 */

@media screen and (max-width:768px){
 #bo_list_wrap { margin: 80px auto 100px; } 
 #bo_list_wrap>form #bo_list #bo_gallery li { margin-bottom:50px; } 
 }

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



.vbox-container { display:flex; flex-direction:column; align-items:center; } 
.vbox-custom-bottom { width:calc(100% - 40px); text-align:center; margin:20px 0; z-index:2;position:absolute; top:0%; gap:10px;   max-width: 1000px; justify-content: end; } 
.vbox-content { width:100%; } 
.vbox-custom-link { display:inline-block; } 
.vbox-custom-link img { display:block; max-width:160px; height:auto; } 
/* .vbox-overlay .vbox-container.no-bottom-link {height:90vh; top:50%; transform: translate(-50%, -50%);} */
.vbox-overlay .vbox-container .vbox-content { padding: 0; width: 100%; flex: 0 0 auto; } 
.vbox-overlay .vbox-container .vbox-content .vbox-inline { background: #000; width: 100%; } 
.vbox-overlay .vbox-container .vbox-content .vbox-inline > div { background: #000; width: 100%; } 
.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: 0; } 
.vbox-overlay .vbox-container .vbox-content .vbox-inline img,
.vbox-overlay .vbox-container .vbox-content .vbox-inline div a img { display: block; width: 100%; height: auto; max-width: 100%; } 
@media(max-width:768px) {
   .vbox-custom-link{max-width:50%} 
   .vbox-custom-link img {width:100%} 
   .vbox-custom-bottom{width:80%; left:20px;justify-content: flex-start;}

}