.con{width:1400px; margin:0 auto; line-height:1.5;}
.con h3{font-size:1.5rem; margin-bottom:1rem;}
.con h3 b{color:#3689c9;}
.con .st{font-size:1rem; font-weight:700;}
.con .font_st{font-family:'Noto Sans KR';}

.con h4{font-size:1.3rem;margin-bottom:1rem;margin-top:3rem;position:relative;padding-left:1.3rem;color:#000;font-weight:600;}
.con h4:first-child{margin-top:0;}
.con h4:after{width:15px;height:7px;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);background:url('/views/site/skin/funeral/images/default/content/dot_point.png') no-repeat center center;}

.con h5{font-size:1rem ;margin-top:2rem;margin-bottom:1rem;font-weight:600;}
.con h5.tline span{position:relative;padding-left:1.3rem; display:inline-block;color:#1d4589;}
.con h5.tline span:before {content:'';display:block;position:absolute;left:0rem;top:0.25rem;width:11px;height:19px; background: url("/views/site/skin/funeral/images/default/content/dot_point01.png") no-repeat 0 0; background-size:100% 100%;}
.con h5.tline:first-child{margin-top:0;border-top:none;padding-top:0;}
.ast{position:relative; padding-left:20px; font-size:0.75rem; margin-top:10px; color:#e40000;}
.ast:before {content:'※';display:block;position:absolute;left:0;top:0;} 
.top_txt{background:rgba(203,232,255,0.2);font-size:0.9rem;padding:2rem;color:#000;word-break:break-all;}

/*리스트 디자인*/
.point_list li{position:relative;padding-left:0.6rem;}
.point_list > li {margin-bottom:0.5rem;}
.point_list > li:last-child{margin-bottom:0;}
.point_list  > li:after{width:4px;height:4px;background:#378aca;border-radius:100%;top:10px;left:0;content:'';display:block;position:absolute;}
.point_list  > li > ul > li{padding-left:0.8rem;font-size:0.8rem;}
.point_list  > li > ul > li:after{width:8px;height:1px;background:#555;top:10px;left:0;content:'';display:block;position:absolute;}
.point_list > li span.point{color:#222;font-weight:700;}


/*테이블 디자인*/
.table_con table{width:100%;border-collapse: collapse;border-spacing: 0px;border:1px solid #eee;} 
.table_con table thead th{background:#f4f5f8;border-top:2px solid #333;}
.table_con table td,
.table_con table th{padding:10px 20px;border:1px solid #eee;border-left:none;border:1px solid #eee;}

@media (max-width:767px){
	.con h5.tline span{padding-left:1rem;}
	.con h5.tline span:before{width:8px; height:15px;}
	.table_con{width:100%;overflow-x:auto;white-space:nowrap;}
}


/*상단 이미지*/
.use_bx{background: url("/views/site/skin/funeral/images/default/content/use_bx.jpg") no-repeat center top;margin-bottom:2rem;background-size:cover;background-attachment: fixed;color:#fff;text-align:center;padding:4rem 0;}
.use_bx p.tit{font-size:1.75rem;font-weight:600;padding-bottom:1.5rem;position:relative;}
.use_bx p.tit:after{content:'';display:block;position:absolute;width:1.5rem;height:1px;background:#fff;bottom:0;left:50%;transform:translateX(-50%);}
.use_bx p.txt{padding-top:1.5rem;}

/* 장례식장 안내 */
.intro_list{background:#f1f6fa; padding:3rem 0 4rem; margin-top:3rem; position:relative; z-index:-1;}
.intro_list .con{display:flex; justify-content: space-around; position:relative; z-index:0;}
.intro_list .con:before{content : ""; display : block; position : absolute; right : 0; top:-20rem;  width :25.75rem; height : 25rem; background: url("/views/site/skin/funeral/images/default/content/int_bg.png") no-repeat 0 0; background-size:100% auto; z-index:-2;}
.intro_list .con div{width:18%; font-size:0.8rem; text-align:center;}
.intro_list .con div img{width:100%;}
.intro_list .con div p{font-size:0.9rem; font-weight:700; color:#222; margin:1rem 0; border-bottom:1px solid #B5B5B5; padding-bottom:1rem;}

@media (max-width:1400px){
	.con{width:100%; padding:0 1rem;}
	.intro_list .con{flex-wrap: wrap;}
	.intro_list .con div{width:30%; margin:20px 0;}

}
@media (max-width:1030px){
	.con h5{font-size:1.1rem;}
	.point_list > li > ul > li{font-size:0.95rem;}
}
@media (max-width:767px){
	.intro_list .con{justify-content: flex-start; justify-content: space-between;}
	.intro_list .con div{width:48%;}
	.intro_list .con:before{width :15rem; top:-10rem;}
}
@media (max-width:320px){
	.intro_list .con{display:block;}
	.intro_list .con div{width:100%;}
	.intro_list .con:before{width :11rem; top:-7rem;}
	.intro_list .con br{display:none;}
}

/*전화번호 안내*/
h3.num_tit{font-weight:500;color:#000;margin-bottom:2.5rem;}
h3.num_tit em{font-weight:600;color:#3689c9;}
.number_bx{display:flex;margin:-1rem;position:relative;}
.number_bx:after{background:#f1f6fa;width:300%;height:6rem;content:'';display:block;position:absolute;left:-50%;bottom:0;z-index:-1;}
.number_bx li{margin:1rem;width: calc(100%/2 - 2rem);text-align:center;color:#fff;font-size:1.1rem;padding:3.5rem 0;}
.number_bx li:nth-child(1){background: url("/views/site/skin/funeral/images/default/content/num01.jpg")no-repeat center center;border-radius:30px 0 0 0;}
.number_bx li:nth-child(2){background: url("/views/site/skin/funeral/images/default/content/num02.jpg")no-repeat center center;border-radius:0 0 30px 0;}
.number_bx li .tit{font-size:1.75rem;font-weight:800;}
.number_bx li .num img{vertical-align:middle;margin-right:0.5rem;}
.number{padding:4rem 0 6rem 0;position:relative;}
.number:after{background:#f1f6fa;content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;}

.number_con{display:flex;flex-wrap:wrap;margin:-1%;}
.number_con .number_con_bx{display:flex;background:#fff;margin:1%;width:31.3333%;padding:1rem 2rem;align-items:center;box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 8%);}
.number_con .number_con_bx ul{margin-left:2rem;}
.number_con .number_con_bx ul li{padding-left:4rem;position:relative;}
.number_con .number_con_bx ul li span{color:#222;font-weight:700;position:absolute;left:0;font-size:0.9rem;}

@media (max-width:1400px){
	.number_con .number_con_bx{display:block;text-align:center;padding:1rem;}
	.number_con .number_con_bx ul{margin-left:0;margin-top:1rem;}
	.number_con .number_con_bx ul li{text-align:left;padding-left:5rem;}
}
@media (max-width:1030px){
    .number_con .number_con_bx{width: 48%;}
	.number_con .number_con_bx ul li span{font-size:1rem;}
}
@media (max-width:767px){
.number_bx{flex-wrap:wrap;margin:0 -1rem;}
.number_bx:after{display:none;}
.number_bx li{width:100%;}

.number_con .number_con_bx{width: 100%;margin:1% 0;}
}

/*찾아오시는 길*/
.map{width:100%;position:relative;}
.map .root_daum_roughmap{width:100% !important; height:25rem;border:0; }
.map .root_daum_roughmap .wrap_map{height:100% !important;}
.map .map_bx{position:absolute;right:0;bottom:0;z-index:1;background:#3689c9;color:#fff;padding:1rem 2rem;}
.map .map_bx p.tit{font-size:0.9rem;font-weight:700;}
.map_list{position:relative;}
.map_list:after{background: url("/views/site/skin/funeral/images/default/content/map_bg.png") no-repeat 0 0;width:19.75rem;height:19.2rem;content:'';display:block;position:absolute;right:0;bottom:-13rem;}
.map_list li{position:relative;padding:1rem 0;padding-left:calc(20% + 2rem);border-top:1px solid #eee;}
.map_list li:after{display:block;position:absolute;content:'';width:20%;background:#222;height:1px;left:0;top:0;}
.map_list li span{width:20%;position:absolute;left:0;margin-right:1rem;color:#222;font-weight:700;font-size:0.9rem;}
.map_list li p{position:relative;padding-left:5rem;}
.map_list li p em{color:#3689c9;font-weight:700;margin-right:0.5rem;position:absolute;left:0;}

@media (max-width:1030px){
.map .map_bx{padding:1rem;}
.map .map_bx p.tit{font-size:1.1rem;}
.map_list li{padding-left:0;}
.map_list li span{position:relative;font-size:1.1rem;margin-right:0;margin-bottom:1rem;display:block;width:100%;}
.map_list li p{padding-left:0;margin-bottom:1rem;}
.map_list li p em{position:relative;display:block;margin-right:0;margin-bottom:0.5rem;}
.map_list li:last-child{padding-bottom:0;}
.map_list:after{display:none;}
}


/*이용절차*/
.use_list{display:flex;position:relative;justify-content:center;}
.use_list:after{width:100%;height:1px;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background:#eee;z-index:-1;}
.use_list li{position:relative;width:25%;text-align:center;}
.use_list li .cir{ width: 9rem; height: 9rem;background: url("/views/site/skin/funeral/images/default/content/cir.png") no-repeat 0 0;position: relative; margin: 0 auto;justify-content:center;align-items:center;display:flex;font-weight:700;color:#222;background-size:cover;}
.use_list li .cir:after{width:10px;height:10px;background:#1d4589;content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);}

@media (max-width:767px){
.use_list{flex-wrap:wrap;margin:-1rem 0;}
.use_list li{flex-basis:50%;margin:1rem 0;}
.use_list:after{display:none;}
}

/*층별 안내*/
.con_tab ul {display:flex;}
.con_tab ul li{font-size:1rem;padding:1rem 0;border-bottom:1px solid #ddd;}
.con_tab ul li.on{border-bottom:2px solid #3688c9;}
.con_tab ul li.on a{color:#3688c9;font-weight:700;}
.floor_con > div {padding:2rem 0 0;}
.floor_con div .floor_txt{margin-left:2rem;display:flex;justify-content:center;align-items:center;flex-basis:50%;}
.floor_con div .floor_txt img{margin-right:1rem;}
.floor_bg{width:100%; text-align:center; background:#FBFBFB; padding:1rem;}


@media (max-width:1030px){
.floor_con > div {display:block;}
.floor_con div .floor_txt{margin-left:0;margin-top:1rem;}
}
@media (max-width:767px){
.floor_con div .floor_txt img{width:1.5rem;}
}

/*실별 안내*/

.slid_bx{margin-top:2rem;padding:0 4rem;position:relative;}
.slid_bx .swiper-wrapper div {position:relative;}
.slid_bx .swiper-wrapper div span{display:block;background:rgba(55, 138, 202, 1);font-size:1.2rem;color:#fff;text-align:center;padding:0.5rem 1rem;width:100%;}


/*장례상식 - 제사 지내는 법*/
.top_img{background: url("/views/site/skin/funeral/images/default/content/top_img.jpg") no-repeat center top;margin-bottom:2rem;background-size:cover;background-attachment: fixed;color:#fff;text-align:center;padding:6.5rem 0;}
.top_img em{font-family:'Noto Sans KR'}
.use_txt{word-break: break-all;}
.rite_list{display:flex;justify-content:center;}
.rite_list li{text-align:center;flex-basis:23%;}
.rite_list li .cir{width: 8.5rem;height: 8.5rem;position: relative; margin: 0 auto;justify-content: center;align-items: center;	flex-direction:column; display: flex;font-size: 0.9rem;border:10px solid #cbe8ff;border-radius:100%;text-align:center;background:#fff;}
.rite_list li .cir:after{width:9.5rem;height: 9.5rem;content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(203,232,255,0.25);border-radius:100%;z-index:-1;}
.rite_list li .cir p.num{font-size:0.8rem;display:inline-block;border-bottom:1px solid #1d4589;color:#1d4589;font-weight:600;margin-bottom:0.5rem;}
.rite_list li p.txt{color:#000;font-size:0.8rem;margin-top:1rem;}
.point_txt{background:rgba(203,232,255,0.2);text-align:center;font-size:0.9rem;padding:1rem;margin-top:1.5rem;}
.rite li span{color:#3689c9;display:block;}

@media (max-width:1030px){
.top_img{background-attachment: inherit; padding: 3rem 1rem;}
.rite_list {flex-wrap:wrap;padding:-1rem 0;}
.rite_list li{flex-basis:50%;padding:1rem 0;}
.top_txt{padding:1rem;}
}


/*장례상식 - 올바르게 절하는 법*/
.way_list li{display:flex;align-items:center;padding-top:2.5rem;}
.way_list li:first-child{padding-top:0;}
.way_list li .img_zone{flex-basis:40%;background: url("/views/site/skin/funeral/images/default/content/men_img.png") no-repeat center center;padding-top:15rem;background-size:cover;}
.way_list li .txt_zone{flex-basis:60%;padding-left:2rem;}
.way_list li .txt_zone p.tit{font-size:1.1rem;font-weight:600;color:#000;border-bottom:1px solid #bebebe;padding-bottom:1.5rem;position:relative;}
.way_list li .txt_zone p.tit:after{width:5rem;height:2px;background:#000;content:'';display:block;position:absolute;left:0;bottom:0;}
.way_list li .txt_zone p.txt{padding-top:1.5rem;}
.way_list li.women .img_zone{background: url("/views/site/skin/funeral/images/default/content/women_img.png") no-repeat center center;padding-top:15rem;background-size:cover;}
.way_list li.way .img_zone{background: url("/views/site/skin/funeral/images/default/content/list_img.png") no-repeat center center;padding-top:15rem;background-size:cover;}

@media (max-width:1030px){
.way_list li{display:block;}
.way_list li .img_zone{flex-basis:100%;padding-top:50%;}
.way_list li .txt_zone{flex-basis:100%;padding-left:0;padding-top:2.5rem;}
}


/*장례상식 - 조문 예절*/
.manner_list {display:flex;flex-wrap:wrap;margin:-1.25rem;justify-content:flex-end;}
.manner_list li {flex-basis:25%;text-align:center;display:flex;position:relative;}
.manner_list li:after{content:'';display:block;position:absolute;background: url("/views/site/skin/funeral/images/default/content/manner_point.png") no-repeat center center;width:1.1rem;height:1rem;left:0;top:50%;transform:translate(-50%,-50%);background-size:cover;}
.manner_list li:first-child:after{display:none;}
.manner_list li .manner_list_bx{border:1px solid #dfdfdf;display: flex;flex: 1;flex-direction: column;margin:1.25rem;border-radius:10px;overflow:hidden;}
.manner_list li .manner_list_bx .manner_tit{background:#cbe8ff;padding:0.5rem;}
.manner_list li .manner_list_bx .manner_tit span.num{color:#1d4589;font-weight:600;border-bottom:1px solid #1d4589;}
.manner_list li .manner_list_bx .manner_txt{padding:1rem 0.5rem;font-size:0.8rem;}
.manner_list li:nth-child(5){flex-basis:calc(50% - 2.5rem);} 
.manner_point{text-align:left;padding:2rem 1rem;}
.manner_point p.tit{font-size:1rem;color:#000;font-weight:500;margin-bottom:0.85rem;}
.manner_point p.txt{background:#fff;text-align:center;padding:1rem;margin-top:1rem;box-shadow: 0px 8px 15px rgb(227 235 244 / 76%);border-radius:10px;}


@media (max-width:767px){
.manner_list{display:block;}
.manner_list li:after{display:none;}
}