@CHARSET "UTF-8";

.funeral_hall{display:flex;flex-wrap:wrap;gap:50px 40px;}
.funeral_hall li{width:400px;}
.funeral_hall li .img_box,
.funeral_hall li .img_box .swiper-slide{overflow:hidden;position:relative;width:100%;height:0;border-radius:10px;padding-bottom:56.26%;}
.funeral_hall li .img_box img{position:absolute;top:0;left:0;width:100%;height:100%;}
.funeral_hall li p{margin-top:10px;font-size:1.9rem;font-weight:500;}
.funeral_hall li .pagination{position:absolute;bottom:10px;font-size:0;line-height:0;text-align:center;z-index:1;}
.funeral_hall li .pagination .swiper-pagination-bullet{margin:0 2px;background:#000;opacity:0.3;}
.funeral_hall li .pagination .swiper-pagination-bullet-active{width:30px;background:#001b89;border-radius:8px;opacity:1;}


.room_wrap{position:relative;padding: 45px 0;border:1px solid #cfcfcf;box-sizing:border-box;background:url(/nanum/site/builder/dir/funeral/img/menu6435/roomview_bg.png)no-repeat right bottom;/*-webkit-clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);*/}
.room_wrap .swiper{width:1000px;border-radius: 18px;margin: 0 auto;box-shadow:0 15px 13px rgb(0 0 0 / 10%);}
.room_wrap .swiper-slide{font-size:0;}
.room_wrap .swiper-button-prev{z-index: 1;left:40px;width: 60px;height: 60px;border-radius:50%;background:#c1c1c1 url(/nanum/site/builder/dir/funeral/img/menu6435/prev_btn.png)no-repeat center;}
.room_wrap .swiper-button-next{z-index: 1;right:40px;width: 60px;height: 60px;border-radius:50%;background:#c1c1c1 url(/nanum/site/builder/dir/funeral/img/menu6435/next_btn.png)no-repeat center;}
.room_wrap .swiper-button-prev:after, 
.room_wrap .swiper-button-next:after{display:none;}
.room_wrap .swiper-pagination{position:static;margin-top: 50px;}
.room_wrap .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:50px;}
.room_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#343465;}
.room_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;border-radius:50px}




/********************태블릿********************/
@media all and (max-width:1024px){
	
.funeral_hall{gap:20px;}
.funeral_hall li{width:calc(50% - 10px);}


.room_wrap{padding:45px}
.room_wrap .swiper{width:100%}
.room_wrap .swiper-slide img{width:100%;}
.room_wrap .swiper-button-next{top:45%;right: 11px;width: 40px;height: 40px;}
.room_wrap .swiper-button-prev{top:45%;left: 11px;width: 40px;height: 40px;}	

}



/********************모바일********************/
@media all and (max-width:767px){

.room_wrap{padding:20px;background-size: 100px;}
.room_wrap .swiper-button-next{right: 30px;width: 40px;height: 40px;}
.room_wrap .swiper-button-prev{left: 30px;width: 40px;height: 40px;}
.room_wrap .swiper-pagination{margin-top:30px;}

}


/********************모바일2********************/
@media all and (max-width:480px){
	
.funeral_hall li{width:100%;}
.funeral_hall li .pagination .swiper-pagination-bullet-active{width:20px;}

}