@charset "utf-8";

/* list 시작 */
#bo_list_wrap{width:100%;margin-bottom: 150px; overflow-x: hidden;}
#bo_btn_top{max-width: 1400px; margin: 0 auto;}
#bo_btn_top .wrap{width: 100%;margin-bottom:20px;display: flex;justify-content: flex-end;align-items: center;}
#bo_btn_top p.edit{color: #fff; background: var(--color); padding: 10px 15px; line-height: 30px;}
#bo_list_wrap .interior .swiper-slide{width: 100%; position: relative;top: 0;left: 0;}
#bo_list_wrap .interior .swiper-slide .chk-box{position: absolute;top: 10px;right: 10px;height: 20px;width: 20px;z-index: 9;}
#bo_list_wrap .interior .swiper-slide .chk-box input{width: 100%;height: 100%;position: absolute;}
@media screen and (max-width:700px){	
	#bo_btn_top .wrap a:first-child,
	#bo_btn_top .wrap button{display: none;}
	#bo_btn_top .wrap a{border-radius: unset;}
}

#bo_list_wrap .interior {position: relative;}
#bo_list_wrap .interior .look_swiper {width: 120%; position: relative; left: 50%; transform: translate(-50%);}
#bo_list_wrap .interior .look_swiper .swiper-wrapper{align-items: center;}
#bo_list_wrap .interior .look_swiper .swiper-slide {scale: 0.8; transition: all 200ms linear; position: relative;background-size: cover !important; opacity: 0.2;}
#bo_list_wrap .interior .look_swiper .swiper-slide.swiper-slide-active{scale: 1; opacity: 1;}
#bo_list_wrap .interior .na-title{display: none; transition: all .3s ease-in; line-height: 1.2; padding-top: 40px;}
#bo_list_wrap .interior .na-title .na-item{justify-content: center;}
#bo_list_wrap .interior .na-title a{font-size: 1.20em; font-weight: 600; color: #000;}
#bo_list_wrap .interior .swiper-slide-active .na-title{display: block;}
#bo_list_wrap .interior .img-wrap{border-radius: 20px !important;}
#bo_list_wrap .interior .img-wrap .label-cap{display: none;}
#bo_list_wrap .interior .img-wrap .img-item img{aspect-ratio: 16 / 9; height: 100%;}
#bo_list_wrap .interior .navigation-wrapper {width:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 10;}
#bo_list_wrap .interior .navigation-wrapper .inner{display:flex;justify-content:space-between; align-items: center;}
#bo_list_wrap .interior .interior_prev,
#bo_list_wrap .interior .interior_next{position:static; margin-top:0; width: auto;}
#bo_list_wrap .interior .interior_prev::after{content: '' !important; background: url('/img/interior_prev.svg') no-repeat 100%; width: 55px; height: auto; aspect-ratio: 1 / 1; background-size: cover;}
#bo_list_wrap .interior .interior_next::after{content: '' !important; background: url('/img/interior_next.svg') no-repeat 100%; width: 55px; height: auto; aspect-ratio: 1 / 1; background-size: cover;}
/* 반응형 */
@media all and (max-width:1200px){
	#bo_list_wrap{margin-bottom: 100px;}
    #bo_list_wrap .interior .look_swiper .swiper-slide{scale: 0.9;}
    #bo_list_wrap .interior .interior_prev::after{width: 40px;}
    #bo_list_wrap .interior .interior_next::after{width: 40px;}
}
@media all and (max-width:1024px){
    #bo_list_wrap .interior .na-title{padding-top: 20px;}
}
@media all and (max-width:768px){
	#bo_list_wrap{margin-bottom: 70px;}
    #bo_list_wrap .interior .na-title a{font-size: 1.00em;}
}
@media all and (max-width:600px){
	#bo_list_wrap .interior{width: 90%; margin: 0 auto;}
    #bo_list_wrap .interior .look_swiper{width: 100%;}
}
/* list 끝 */




/* write 시작 */
#bo_w{margin-bottom: 150px;}
#bo_w form{width:90%;max-width: 1400px;margin: 0 auto;}
#bo_w form input[type='text']{height: 50px !important;}
#bo_w #variableFiles .input-group{height: 50px;}
#bo_w #variableFiles .input-group .custom-file{height: 100%;}
#bo_w #variableFiles .input-group .custom-file label{height: 100%; line-height: 50px; padding: 0 10px;}
#bo_w .custom-file-input~.custom-file-label[data-browse]::after{height: 100%; line-height: 50px; padding: 0 10px;}
#bo_w .list-group-item{padding: 0 !important;border: none !important;}
#bo_w .list-group-item div.col.mt-2.px-2{padding: 0 !important;margin: 0 !important;}
#bo_w .form-group.row.mb-0{margin: 0 !important;}
#bo_w .form-group.row.mb-0 .col-md-10{padding: 0 !important;margin: 0 !important;flex: unset !important;max-width: unset !important;}
#bo_w .form-group.row.mb-0 .col-md-10 .row.mx-n2{margin: 0 !important;}
@media screen and (max-width:1200px){
	#bo_w{margin-bottom: 100px;}
}
@media screen and (max-width:768px){
	#bo_w{margin-bottom: 70px;}
}
/* write 끝 */





/* view 시작 */
#bo_v{width:90%;max-width: 1400px;margin: 0 auto; padding-bottom: 150px;}
#bo_v .content_top{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
#bo_v .content_top #bo_v_title{width: 100%;text-align: center; font-size:1.20em !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px;margin-top: 10px; font-weight: 500; color:#000;background: rgba(244,240,238,0.5);border-top: 5px solid var(--color); height: 68px; display: flex; justify-content: center; align-items: center; padding: 0 20px;border-bottom: 1px solid #ccc;}
#bo_v .content_top .left{}
#bo_v .content_top .left p{font-size: 0.90em; color: #333333;}
#bo_v .content_top .right{display: inline-flex;}
#bo_v .content_top .right a:first-child{border-radius: .25rem .25rem .25rem .25rem;}
#bo_v .content_top .right a:nth-last-child(1){border-radius: 0 .25rem .25rem 0;}
#bo_v .content_top .right a:nth-last-child(2){border-radius: unset;}
#bo_v .content_top .right a:nth-last-child(3){border-radius: unset;}
#bo_v .content_top .right a:nth-last-child(4){border-radius: .25rem 0 0 .25rem;}
#bo_v .content_top .right a i{}
#bo_v ul li{border-top: 1px solid #ccc !important;border-bottom: 1px solid #ccc !important;}
#bo_v #bo_v_atc{}
#bo_v #bo_v_atc #bo_v_con{padding-bottom: 20px;}
@media screen and (max-width:1200px){
	#bo_v{padding-bottom: 100px;}
}
@media screen and (max-width:700px){
	#bo_v{padding-bottom: 70px;}
	#bo_v_data{display: none;}
	#bo_v .content_top .right a{font-size: 16px;}
}
/* view 끝 */