@CHARSET "UTF-8";

.funeral_wrap .comm_top_box.funeral{background-image:url(/nanum/site/funeral/img/funeral_top_box.jpg);color:#fff;}

.funeral_wrap .merit_box{display:flex;flex-wrap:wrap;gap:0 40px;}
.funeral_wrap .merit_box dl{position:relative;flex:auto;max-width:400px;padding:30px 112px 72px 30px;box-sizing:border-box;border-bottom:1px solid #c3c7cb;}
.funeral_wrap .merit_box dl::after{content:'';position:absolute;bottom:30px;right:30px;width:62px;height:62px;background-repeat:no-repeat;background-size:cover;}
.funeral_wrap .merit_box dl dt{margin-bottom:20px;font-size:2.4rem;line-height:1.2;font-weight:700;}
.funeral_wrap .merit_box dl dd{color:#555;}
.funeral_wrap .merit_box dl.merit1::after{background-image:url(/nanum/site/funeral/img/funeral_merit_icon1.png);}
.funeral_wrap .merit_box dl.merit2::after{background-image:url(/nanum/site/funeral/img/funeral_merit_icon2.png);}
.funeral_wrap .merit_box dl.merit3::after{background-image:url(/nanum/site/funeral/img/funeral_merit_icon3.png);}
.funeral_wrap .merit_box dl.merit4::after{background-image:url(/nanum/site/funeral/img/funeral_merit_icon4.png);}
.funeral_wrap .merit_box dl.merit5::after{background-image:url(/nanum/site/funeral/img/funeral_merit_icon5.png);}
.funeral_wrap .merit_box dl.merit6::after{background-image:url(/nanum/site/funeral/img/funeral_merit_icon6.png);}

.funeral_wrap .customer_svc{display:flex;justify-content:center;gap:40px;padding:40px 0;}
.funeral_wrap .customer_svc li{display:flex;justify-content:center;align-items:center;position:relative;min-width:260px;min-height:260px;font-size:2.4rem;font-weight:500;text-align:center;}
.funeral_wrap .customer_svc li::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #334baa;border-radius:40px;background:#fff;transform:rotate(45deg);z-index:-1;}

.funeral_wrap .table1 td .mourner{display:flex;flex-direction:column;gap:10px;}
.funeral_wrap .table1 td .mourner dl{display:flex;align-items:center;gap:10px;}
.funeral_wrap .table1 td .mourner dl dt{flex-shrink:0;width:60px;display:inline-flex;justify-content:center;align-items:center;padding:5px 0;background:#f5f5f5;border-radius:10px;font-size:1.3rem;font-weight:700;text-align:center;box-sizing:border-box;}

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

.funeral_wrap .funeral_step{display:flex;flex-direction:column;}
.funeral_wrap .funeral_step > li{position:relative;display:flex;flex-direction:column;padding-bottom:60px;}
.funeral_wrap .funeral_step > li::before{content:'';position:absolute;top:0;left:calc(70px / 2);width:1px;height:100%;background:#c3c7cb;z-index:-1;}
.funeral_wrap .funeral_step > li:last-child{padding-bottom:0;}
.funeral_wrap .funeral_step > li:last-child::before{display:none;}
.funeral_wrap .funeral_step li dl{display:flex;align-items:center;gap:30px;}
.funeral_wrap .funeral_step li dl dt{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;background:linear-gradient(to bottom,  #507da0 0%,#253a4b 100%);border-radius:100%;color:#fff;font-weight:700;}
.funeral_wrap .funeral_step li dl dd{font-size:1.9rem;font-weight:700;}
.funeral_wrap .funeral_step li .cont{padding-left:100px;}
.funeral_wrap .funeral_step li .cont > ol{display:flex;gap:60px;}
.funeral_wrap .funeral_step li .cont > ol li{position:relative;flex:1;max-width:250px;padding-top:90px;font-weight:500;text-align:center;}
.funeral_wrap .funeral_step li .cont > ol li::before,
.funeral_wrap .funeral_step li .cont > ol li::after{content:'';position:absolute;background-repeat:no-repeat;background-size:cover;}
.funeral_wrap .funeral_step li .cont > ol li::before{top:0;left:50%;width:75px;height:75px;transform:translateX(calc(-50% + 0.5px));}
.funeral_wrap .funeral_step li .cont > ol li:nth-child(n+2)::after{top:50%;left:-40px;width:20px;height:20px;background-image:url(/nanum/site/builder/skin/main/img/common/step_arr.png);transform:translateY(calc(-50% + 0.5px));}
.funeral_wrap .funeral_step li .cont > ol.step1_box li.step1::before{background-image:url(/nanum/site/funeral/img/funeral_step1_icon1.png);}
.funeral_wrap .funeral_step li .cont > ol.step1_box li.step2::before{background-image:url(/nanum/site/funeral/img/funeral_step1_icon2.png);}
.funeral_wrap .funeral_step li .cont > ol.step1_box li.step3::before{background-image:url(/nanum/site/funeral/img/funeral_step1_icon3.png);}
.funeral_wrap .funeral_step li .cont > ol.step1_box li.step4::before{background-image:url(/nanum/site/funeral/img/funeral_step1_icon4.png);}
.funeral_wrap .funeral_step li .cont > ol.step2_box li.step1::before{background-image:url(/nanum/site/funeral/img/funeral_step2_icon1.png);}
.funeral_wrap .funeral_step li .cont > ol.step2_box li.step2::before{background-image:url(/nanum/site/funeral/img/funeral_step2_icon2.png);}
.funeral_wrap .funeral_step li .cont > ol.step3_box li.step1::before{background-image:url(/nanum/site/funeral/img/funeral_step3.png);}
.funeral_wrap .funeral_step li .cont .note_box{display:flex;gap:30px;margin-top:50px;padding:30px 40px;background:#f9f9f9;border-radius:10px;}
.funeral_wrap .funeral_step li .cont .note_box .note_title{position:relative;padding-left:30px;font-weight:700;}
.funeral_wrap .funeral_step li .cont .note_box .note_title::before{content:'';position:absolute;top:2px;;left:0;width:20px;height:20px;background:url(/nanum/site/funeral/img/funeral_note_icon.png) no-repeat;background-size:cover;}

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

.funeral_wrap .merit_box{gap:0 40px;}
.funeral_wrap .merit_box dl{width:calc(50% - 20px);max-width:none;padding:30px 20px 108px 20px;}
.funeral_wrap .merit_box dl::after{width:48px;height:48px;}

.funeral_wrap .customer_svc{flex-direction:column;gap:10px;padding:0;}
.funeral_wrap .customer_svc li{min-width:auto;min-height:auto;padding:20px;border:1px solid #334baa;font-size:1.9rem;box-sizing:border-box;}
.funeral_wrap .customer_svc li::before{display:none;}
.funeral_wrap .customer_svc li br{display:none;}

.funeral_wrap .table1 td .mourner dl{flex-wrap:wrap;justify-content:center;gap:5px;}
.funeral_wrap .table1 td .mourner dl dt{flex:none;width:100%;}

.funeral_wrap .funeral_hall{gap:20px;}
.funeral_wrap .funeral_hall li{width:calc(50% - 10px);}

.funeral_wrap .funeral_step{gap:60px;}
.funeral_wrap .funeral_step > li{gap:30px;padding-bottom:0;}
.funeral_wrap .funeral_step > li::before{display:none;}
.funeral_wrap .funeral_step li dl dt{width:50px;height:50px;font-size:1.5rem;}
.funeral_wrap .funeral_step li .cont{padding-left:0;}
.funeral_wrap .funeral_step li .cont > ol{gap:40px;}
.funeral_wrap .funeral_step li .cont > ol li{max-width:none;padding-top:64px;font-size:1.7rem;}
.funeral_wrap .funeral_step li .cont > ol li::before{width:48px;height:48px;}
.funeral_wrap .funeral_step li .cont > ol li:nth-child(n+2)::after{left:-28px;width:16px;height:16px;}
	
}

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

/********************모바일2********************/
@media all and (max-width:480px){
	
.funeral_wrap .merit_box{gap:30px;}
.funeral_wrap .merit_box dl{width:100%;padding:0 64px 30px 0;}
.funeral_wrap .merit_box dl dt{margin-bottom:10px;}
.funeral_wrap .merit_box dl::after{right:0;bottom:auto;top:50%;width:32px;height:32px;transform:translateY(calc(-50% - 15px));}
.funeral_wrap .funeral_step{gap:30px;}
.funeral_wrap .funeral_step > li{gap:20px;}
.funeral_wrap .funeral_step li dl{gap:20px;}
.funeral_wrap .funeral_step li .cont > ol{flex-direction:column;}
.funeral_wrap .funeral_step li .cont > ol li{padding:50px 10px 10px 10px;border:1px solid #e5e5e5;}
.funeral_wrap .funeral_step li .cont > ol li::before{top:10px;width:32px;height:32px;}
.funeral_wrap .funeral_step li .cont > ol li:nth-child(n+2)::after{top:-26px;left:50%;width:12px;height:12px;transform:translateX(calc(-50% + 0.5px)) rotate(90deg);}
.funeral_wrap .funeral_step li .cont > ol li br{display:none;}
.funeral_wrap .funeral_step li .cont .note_box{flex-direction:column;gap:15px;margin-top:30px;padding:20px;}
.funeral_wrap .funeral_step li .cont .note_box .note_title{padding-left:26px;}
.funeral_wrap .funeral_step li .cont .note_box .note_title::before{width:16px;height:16px;}
.funeral_wrap .funeral_hall li{width:100%;}
.funeral_wrap .funeral_hall li .pagination .swiper-pagination-bullet-active{width:20px;}
.funeral_wrap .customer_svc li{padding:15px;font-size:1.7rem;}

}

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