@CHARSET "UTF-8";


/* 분향실 */
.img_list{display:flex; flex-wrap:wrap; gap:20px;}
.img_list > li{text-align:center;}
.img_list > li .img{border-radius:20px; overflow:hidden;}
.img_list > li .img img{vertical-align: top; max-width:100%;}

/* 이용절차 */
.procedure{position:relative; padding-bottom:200px; background:url("/nanum/site/builder/dir/funeral/img/menu6168/procedure_bg.png") right bottom no-repeat;}
.procedure_box{position:relative; padding-left:30px; padding-bottom:50px;}
.procedure_box::before{content:""; position: absolute; left:7px; top:10px; height:100%; border-left:2px dashed #e4e4e4;}
.procedure_box:last-child::before{display:none;}
.procedure_box h4.tit{position: relative;}
.procedure_box h4.tit::before{content:""; position: absolute; left:-30px; top:10px; width:16px; height:16px; border:3px solid #af823e; border-radius:50%; background:#fff; box-sizing:border-box;}



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

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


	/* 이용절차 */
	.procedure{padding-bottom:20vh; background-size:80%;}
	.procedure_box{padding-left:20px; padding-bottom:30px;}
	.procedure_box::before{border-left:1px dashed #e4e4e4;}
	.procedure_box h4.tit::before{left:-20px; width:14px; height:14px; top:8px;}
	
	
}



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



	
}

/********************웹********************/
@media all and (min-width:1025px) {


}