@charset "utf-8";

/* 장례절차 */
.step_wrap .notice_box {margin-top:20px; width:100%; height:360px; margin-bottom:50px; background:url('/nanum/site/builder/dir/funeral/img/menu3285/step_bg.jpg')no-repeat 0 bottom; background-size:100%; border-top:2px solid #000; border-bottom:1px solid #000;}
.step_wrap .notice_box .inner {padding:45px; font-size:0; line-height:0;}
.step_wrap .notice_box h3 {font-size: 23px; color: #404893; margin-bottom:20px; line-height:1;}

.info_stap{margin-top:100px;}
.info_stap:first-child{margin-top:0;}
.info_stap .tit{margin-bottom:40px;}
.info_stap .step{margin-bottom:25px;line-height:43px;clear:both;overflow:hidden;letter-spacing:-1px;}
.info_stap .step dt{float:left;display:inline-block;width:43px;height:43px;font-size:16px;font-family:'Montserrat',sans-serif;font-weight:600;color:#fff;text-align:center;background:url(/nanum/site/builder/dir/funeral/img/menu3285/step_bg.gif) no-repeat center}
.info_stap .step dd{float:left;padding-left:15px;font-size:18px;font-family:'NotoKrM',sans-serif;color:#222;}
.info_stap ul.list{padding-top:175px;margin-bottom:40px;background-repeat:no-repeat;background-position:center top;}
.info_stap span{font-family:'NotoKrB',sans-serif;color:#000;}

.info_stap.day1 ul.list.step1{background-image:url(/nanum/site/builder/dir/funeral/img/menu3285/step1_1.jpg);}
.info_stap.day1 ul.list.step2{background-image:url(/nanum/site/builder/dir/funeral/img/menu3285/step1_2.jpg);}
.info_stap.day2 ul.list.step1{background-image:url(/nanum/site/builder/dir/funeral/img/menu3285/step2_1.jpg);}
.info_stap.day3 ul.list.step1{background-image:url(/nanum/site/builder/dir/funeral/img/menu3285/step3_1.jpg);}
.info_stap.day3 ul.list.step2{background-image:url(/nanum/site/builder/dir/funeral/img/menu3285/step3_2.jpg);}
.info_stap.day3 ul.list.step3{background-image:url(/nanum/site/builder/dir/funeral/img/menu3285/step3_3.jpg);}


@media all and (max-width:1024px){
	.step_wrap .notice_box {height:auto; background-size:cover;}
	.step_wrap .notice_box .inner {padding:30px; font-size:0; line-height:0;}
	.step_wrap .notice_box h3 {font-size: 22px;}
	
	.info_stap ul.list{padding-top:190px;background-size:auto 175px;}
}

@media all and (max-width:767px){
	
	.step_wrap .notice_box .inner {padding:20px; font-size:0; line-height:0;}
	.step_wrap .notice_box h3 {font-size: 18px;}
	
	
	.info_stap .step{margin-bottom:15px;}
	.info_stap ul.list{padding-top:145px;background-size:auto 130px;}
}