@CHARSET "UTF-8";
@font-face {
font-family: 'InkLipquid';
font-weight: normal;
font-display: block;
src: local('InkLipquid'), url('/nanum/site/builder/skin/common/css/font/THEFACESHOP-INKLIPQUID.woff2') format('woff2'), url('/nanum/site/builder/skin/common/css/font/THEFACESHOP-INKLIPQUID.woff') format('woff');
}

/* 객실 둘러보기 */
.room_list{position: relative;display:flex;gap:20px;justify-content: space-between;width: 100%;font-size: 0;align-items: center;}
.room_list > .tit{flex-shrink:0;}
.room_list > .tit p{padding-bottom:70px;font-size:3.2rem;font-weight:400;line-height: 1.3;}
.room_list > .tit p strong{display:block;font-size:4rem;font-weight:700;color:#7b5219;}
.room_list > .tit .rbtnw{display:flex;gap:20px;position: absolute;bottom:30px;}
.room_list > .tit .rbtnw *{position:static;margin-top:0;width:60px;height:60px;border:1px solid #ccc;border-radius:15px;z-index:1;}
.room_list > .tit .rbtnw *:after{width:11px;height:20px;font-size:0;background:url(/nanum/site/builder/dir/funeral/img/menu6179/room_arr.png) no-repeat center;background-size: 100% auto;}
.room_list > .tit .rbtnw .swiper-button-prev:after{transform: rotate(180deg);}
.room_list .rlistw{width:100%;max-width:670px;flex-shrink:0;margin:0;}
.room_list .rlistw:before{content:'';position:absolute;bottom:0;left:100px;width:230px;height:210px;background:url(/nanum/site/builder/dir/funeral/img/menu6179/room_bg.png) no-repeat center;background-size: 100% auto;}
.room_list .rlistw img{max-width:100%;vertical-align: top;}
.room_list .room_sw .swiper-pagination{display:flex;gap:10px;justify-content: center;align-items: center;bottom:0;height:60px;background:rgba(0,0,0,0.2)}
.room_list .room_sw .swiper-pagination *{margin:0;width:10px;height:10px;background:#fff;opacity:0.4}
.room_list .room_sw .swiper-pagination-bullet-active{opacity:1;}
.room_list .room_sw  .title{position:absolute;left:20px;top:20px;padding:8px 20px;font-size:1.6rem;color:#fff;border-radius:50px;background: #000;}


/* 이용절차 */
.procedures_wrap .linebox dl{padding:35px 30px;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;}
.procedures_wrap .linebox dl:nth-child(n+2){margin-top:30px;}
.procedures_wrap .linebox dl dt{display:flex;align-items:center;gap:20px;}
.procedures_wrap .linebox dl dt::before{content:"";display: block;width:100px;height: 100px;border-radius:50%;background-color:#fff5e8;background-size:100% auto;background-repeat: no-repeat;}
.procedures_wrap .linebox dl dt p{font-size:3rem;font-weight:700;color:#967d5b;}
.procedures_wrap .linebox dl dt p span{display:block;font-size:2.3rem;color:#000;}

.procedures_wrap .linebox dl.stap01 dt::before{background-image: url("/nanum/site/builder/dir/funeral/img/menu6179/utilization_icon01.png");}
.procedures_wrap .linebox dl.stap02 dt::before{background-image: url("/nanum/site/builder/dir/funeral/img/menu6179/utilization_icon02.png");}
.procedures_wrap .linebox dl.stap03 dt::before{background-image: url("/nanum/site/builder/dir/funeral/img/menu6179/utilization_icon03.png");}

.procedures_wrap .linebox dl dd{margin-top:50px;}
.procedures_wrap .linebox dl dd ol > li{display: flex;gap:20px;}
.procedures_wrap .linebox dl dd ol > li:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px dashed #ccc;}

.procedures_wrap .linebox dl dd ol > li > span{display: flex;align-items:center;justify-content:center;width:30px;height: 30px;color:#fff;font-size:1.6rem;font-weight:700;border-radius:5px;background: #333249;}
.procedures_wrap .linebox dl dd ol > li > .txtbox{margin-top:5px;}

/* 장례 주요절차 */
.procedures_wrap .table1 th.num{font-size:1.5rem;}


/********************태블릿********************/
@media all and (max-width:1024px){

/* 객실 둘러보기 */
.room_list{flex-direction:column;}
.room_list .tit{width:100%;}
.room_list .tit .rbtnw{bottom:auto;top:100px;}
.room_list .rlistw:before{bottom:auto;left:auto;right:-20px;top:0;}

}


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

	
/* 객실 둘러보기 */
.room_list .tit p{padding-bottom:7vh;}
.room_list .tit .rbtnw{top:10vh;gap:1vh;}
.room_list .tit .rbtnw *{width:40px;height:40px;}
.room_list .tit .rbtnw *:after{width:8px;height:12px;}
.room_list .rlistw:before{top:40px;right:0;width:140px;height:125px;}

/* 이용절차 */
.procedures_wrap .linebox dl{padding:3vh 2.5vh;}
.procedures_wrap .linebox dl:nth-child(n+2){margin-top:3vh;}
.procedures_wrap .linebox dl dt{gap:2vh;}
.procedures_wrap .linebox dl dt::before{width:60px;height: 60px;}

.procedures_wrap .linebox dl dd{margin-top:3vh;}
.procedures_wrap .linebox dl dd ol > li{gap:2vh;}
.procedures_wrap .linebox dl dd ol > li:nth-child(n+2){margin-top:2vh;padding-top:2vh;}
.procedures_wrap .linebox dl dd ol > li > span{width:26px;height: 26px;}
.procedures_wrap .linebox dl dd ol > li > .txtbox{width:calc(100% - 46px);}

}