#main_visual{
	margin-top: 9.5rem;
	position:relative;
	width:100%;
	overflow:hidden;
}
#main_visual .bg{
	padding:11.5rem 0;
	/*background: url('../_img/main/main_visual.jpg') no-repeat center center/cover;*/
}
#main_visual .bg .container h2{
	font-size:5.2rem;
	line-height: 1.3;
	letter-spacing: -0.25px;
	margin-bottom: 2rem;
	font-weight: 800;
	color:#000;
	position: relative;
	display:inline-block;
}
#main_visual .bg .container h2.ribon::after{
	content:'';
	width:245px;
	height:172px;
	background: url('../_img/main/ribon.png') no-repeat center center/ contain;
	position: absolute;
    top: -3rem;
    right: -48%;
	opacity:0.3;
}
#main_visual .bg .container p{
	line-height: 1.8;
	color:#5a5a5a;
	letter-spacing: -0.25px;
}
#main_visual .main_control{
	position:absolute;
	bottom:6rem;
	z-index:15;
	left:0;
	width:100%;
}
#main_visual .main_control .main-pagination{
	margin:0 auto;
}
#main_visual .main_control .main-pagination .swiper-pagination-bullet{
	background:none;
	border:1px solid #000;
	opacity:1;
	width:10px;
	height:10px;
	margin-right:15px;
}
#main_visual .main_control .main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#000;
}



@media(max-width:991.98px){
	#main_visual{
		margin-top: 60px;
	}
	#main_visual .bg{
		background: #e5e0da;
		position: relative;
		padding: 5rem 0;
	}
	/*
	#main_visual .bg::after{
		content:'';
		width:46%;
		height:100%;
		position: absolute;
		bottom:0;
		right:0;
		background: url('../_img/main/main_visual-mo.jpg') no-repeat center left/ cover;
	}*/
	#main_visual .bg .container{
		position: relative;
		z-index:1;
	}
	#main_visual .bg .container h2{
		font-size:2.2rem;
		margin-bottom: 1.5rem;
	}
	#main_visual .bg .container h2::after {
		width: 105px;
		height: 32px;
		top: -1rem;
		right: -15%;
	}
	#main_visual .main_control{
		bottom:2rem;
	}
}

#main_container{
	background: #fff;
}
#main_container > .sec1{
	padding:7rem 0;
}
#main_container > .sec1 ul{
	display:flex;
/* 	margin-left: -3.5rem;
	margin-right: -3.5rem; */
}

#main_container > .sec1 ul > li{
	width:calc(100%);
	text-align: center;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
#main_container > .sec1 ul > li > a{
	display:block;
	position:relative;
}
#main_container > .sec1 ul > li > a > div.icon{
	width:130px;
	height:130px;
	background: #fff;
	border-radius:100%;
	position: relative;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	left:0;
	top:0;
	margin:0 auto;
	position:relative;
}
#main_container > .sec1 ul > li > a > div.icon span{
	position:absolute;
	left:0;
	width:100%;
	color:#eeaf27;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	margin-top:-34px;
	margin-left:-3px;
	font-weight:500;
	font-size:12px;
}
#main_container > .sec1 ul > li > a > div.icon > img{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50% , -51%);
	height:5.9rem;
}
#main_container > .sec1 ul > li > a > div.icon::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform: translate(-50%,50%);
	background:#293f3a;
	color:#fff;
	border-radius:100%;
	width:3.6rem;
	height:3.6rem;
	font-family: "xeicon";
	display:flex;
	align-items: center;
	justify-content: center;
	padding:1px 0 0 1px;
}

#main_container > .sec1 ul > li > a:hover > div.icon > img{
	filter: brightness(0) invert(1);
}
#main_container > .sec1 ul > li > a:hover > div.icon::after{
	background:#fff;
	border:2px solid #293f3a;
	color:#293f3a;
}
#main_container > .sec1 ul > li > a > p{
	margin-top: 3.5rem;
	font-size:1.6rem;
	font-weight: 500;
	color:#000;
}

#main_container > .sec1 ul.icon_member{
	flex-wrap:wrap;
	gap:2rem 0rem
}
#main_container > .sec1 ul.icon_member > li{
	width:calc(100%/4);
}

@media (min-width:992px) {
	#main_container > .sec1 ul > li.funeral_letter_li_none{
		display: none;
	}
}
@media(max-width:1199.98px){
	#main_container > .sec1 ul{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	#main_container > .sec1 ul > li{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

#main_container > .sec1 ul > li > a:hover > div.icon{
	background: #293f3a;
	box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.35);
}

@media(max-width:991.98px){
	#main_container > .sec1 ul{
		flex-wrap:wrap;
		justify-content: flex-start;
		position:relative;
	}
	#main_container > .sec1 ul.icon_member::after{
		content:"";
		position:absolute;
		right:0;
		bottom:0;
		width:178px;
		height:178px;
		background:url(../_img/main/min_icon_bg_n1.png) no-repeat center center / cover;
	}
	#main_container > .sec1 ul li{
		width:33.33% !important;
		flex-grow: unset;
	}
	#main_container > .sec1 ul li:nth-child(n+4){
		margin-top:3rem
	}
}

@media(max-width:576.98px){
	#main_container > .sec1 ul > li > a > p{
		font-size:1.4rem;
		height:21px;
	}
	#main_container > .sec1 ul > li > a > div.icon{
		width:120px;
		height:120px;
	}
	#main_container > .sec1 ul > li > a > div.icon::after {
		width: 3rem;
		height: 3rem;
	}
	#main_container > .sec1 ul::after{
		width:250px;
		height:146px;
		bottom:10px;
		right:-34px;
	}
}
@media(max-width:440px){
	#main_container > .sec1 ul > li > a > div.icon{
		width:100px;
		height:100px;
	}
	#main_container > .sec1 ul::after{
		width:220px;
		height:132px;
		bottom:20px;
	}
}
@media(max-width:360px){
	#main_container > .sec1 ul li{
		max-width:12rem;
	}
	#main_container > .sec1{
		padding: 1.5rem 0 4rem;
	}
}

#main_container > .sec2 .d-flex{
	justify-content:space-between;
}

#main_container > .sec2 .d-flex > div .title{
	/*display:flex;*/
	/*justify-content:space-between;*/
	padding:2.2rem 0;
	text-align:left;
	align-items:center;
	height:80px;
	width:100%;
}
#main_container > .sec2 .d-flex > div .title p{
	display: inline-block;
	padding-right: 1rem;
}
#main_container > .sec2 .d-flex > div .title a{
	font-size:1.8rem;
	color:#666;
	font-weight: 400;
	float:right;
	margin-top:.5rem;
	border:1px solid #ddd;
	width:3rem;
	height:3rem;
	text-align:center;
	line-height:2.8rem;


}
#main_container > .sec2 .d-flex > div.notice{
	width:55%;
}
#main_container > .sec2 .d-flex > div.notice .inner ul{
	border-top: 1px solid #e8e8e8;
}
#main_container > .sec2 .d-flex > div.notice .inner ul > li a{
	font-size:1.7rem;
	color:#222;
	font-weight: 400;
    padding: 2.6rem 2rem;
	display:flex;
	justify-content:space-between;
	border-bottom: 1px solid #e8e8e8;
}
#main_container > .sec2 .d-flex > div.notice .inner ul > li a p{
	color:#222;
}
#main_container > .sec2 .d-flex > div.notice .inner ul > li a span{
	font-size:1.6rem;
	color:#666;
	font-weight: 400;
}
#main_container > .sec2 .d-flex > div.center{
	width:40%;
}
#main_container > .sec2 .d-flex > div.center .banner{
	height:calc(100% - 80px);
	display:flex;
	flex-wrap:wrap;
    align-content: space-between;
}
#main_container > .sec2 .d-flex > div.center .banner > li{
	background: #f6f6f4;
	padding:3rem 3rem;
	width:100%;
	height:48%;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
#main_container > .sec2 .d-flex > div.center .banner > li:first-child{
	background: url('../_img/main/customer-bg-new.jpg') no-repeat center center/cover #f6f6f4;
}
#main_container > .sec2 .d-flex > div.center .banner > li:last-child{
	align-items:inherit
}
#main_container > .sec2 .d-flex > div.center .banner > li > div{
	width:50%;
}
#main_container > .sec2 .d-flex > div.center .banner > li > div p.fsr1_4{
	background: #293f3a;
	display:inline-block;
	color:#fff;
	border-radius: 18px;
	padding:0.5rem 2rem;
	margin-bottom: 1rem;
}
#main_container > .sec2 .d-flex > div.center .banner > li > div .dream{
	color:#293f3a;
	font-size:3.4rem;
}
#main_container > .sec2 .d-flex > div.center .banner > li > div.rec{
	display:flex;
	justify-content:space-between;
}
#main_container > .sec2 .d-flex > div.center .banner > li > div.rec > a{
	width:98%;
	font-size:1.5rem;
	color:#222;
	font-weight: 700;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
}
#main_container > .sec2 .d-flex > div.center .banner > li > div.rec > a i{
	margin-right: 0.5rem;
	color:#381e1f;
	font-size:2.8rem;
	display:block;
	width:100%;
	margin-bottom: 0.5rem;
}
#main_container > .sec2 .d-flex > div.center .banner > li > div.rec > a.kakao{
	background: #fee500;
}
#main_container > .sec2 .d-flex > div.center .banner > li > div.rec > a.message{
	background: #fff;
}

#main_container > .sec2 .d-flex > div.center .banner2 .cs_center{
	width:100%;
	color:#fff;
}
#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:first-child{
	font-size:3.8rem;
	color:#fff;
}
#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:last-child{
	display:flex;
	justify-content: space-between;
} 
#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:last-child p{
	font-size:1.5rem;
	font-weight:300;
}
#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:last-child p:last-child{
	background:rgba(0,0,0,.4);
	padding:0px 1.5rem 1px 1.5rem;
	border-radius:20px;
}

@media(max-width:767.98px){
	#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:first-child{
		font-size:3rem;
		color:#fff;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:last-child{
		flex-wrap: wrap;
		justify-content: center;
	} 
	#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:last-child p:first-child{
		width:100%;
		margin-bottom:1rem;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 .cs_center > div:last-child p{
		font-size:1.5rem;
	}
}


#main_container > .sec2 .d-flex > div.center .banner2 .share_sms{
	display:flex;
	align-items: center;
}
#main_container > .sec2 .d-flex > div.center .banner2 .share_sms a{
	display:block;
	width:100%;
}
#main_container > .sec2 .d-flex > div.center .banner2 .share_sms a h5{
	font-size:1.8rem;
	color:#1d3b5c;
	border-bottom:1px solid #ddd;
	padding-bottom:1.5rem;
	margin-bottom:1.5rem;
}
#main_container > .sec2 .d-flex > div.center .banner2 .share_sms a .rec{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
#main_container > .sec2 .d-flex > div.center .banner2 .share_sms a .rec .message{
	background:#1d3b5c;
	border-radius:5px;
	padding:1rem 2rem;
	color:#fff;
	display:flex;
	align-items: center;
}
#main_container > .sec2 .d-flex > div.center .banner2 .share_sms a .rec .message i{
	font-size:2rem;
	margin-right:.5rem;
	transform:translateY(1px)
}


#main_container > .sec2 .d-flex > div.center .banner2 .app_download{
	display:flex;
	align-items: center !important;
	padding:2rem 3rem;
}
#main_container > .sec2 .d-flex > div.center .banner2 .app_download .inner{
	width:100%;
}
#main_container > .sec2 .d-flex > div.center .banner2 .app_download .inner h5{
	font-size:1.8rem;
	margin-bottom:1.5rem;
}
#main_container > .sec2 .d-flex > div.center .banner2 .app_download .inner div{
	display:flex;
	justify-content: space-between;
}
#main_container > .sec2 .d-flex > div.center .banner2 .app_download .inner div a{
	width:calc(50% - 5px);
	background:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	height:6rem;
	display:flex;
	align-items: center;
	justify-content: center;
	color:#555555;
	font-size:1.6rem;
}
#main_container > .sec2 .d-flex > div.center .banner2 .app_download .inner div a img{
	width:2.6rem;
	margin-right:1rem;
}

@media(max-width:1199.98px){
	#main_container > .sec2 .d-flex{
		display:block !important;
	}
	#main_container > .sec2 .d-flex > div.notice{
		width:100%;
		margin-bottom: 4rem;
	}
	#main_container > .sec2 .d-flex > div.center{
		width:100%;
		text-align: center;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li{
		height:auto;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li:first-child{
		margin-bottom: 1rem;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li > a{
		padding:4rem 1rem;
	}
}
@media(max-width:991.98px){
	#main_container > .sec2 .d-flex > div .title{
		height:auto;
		margin-bottom: 1rem;
	}
	#main_container > .sec2 .d-flex > div.notice .inner ul > li a{
		font-size:1.5rem;
		font-weight: 400;
		padding: 1.2rem;
		border-bottom: 1px solid #e8e8e8;
	}
	#main_container > .sec2 .d-flex > div.notice .inner ul > li a span{
		font-size:1.3rem;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li,
	#main_container > .sec2 .d-flex > div.center .banner2 > li > a {
		display:block;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li > a > div{
		width:100%;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li > a > div.rec{
		margin-top: 2rem;
		height:auto;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li > a > div.rec > span{
		padding:2rem;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li > a > div.rec > span i{
		font-size:2.2rem;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 > li > a > div .dream{
		font-size:3rem;
	}
}
@media(max-width:485.98px){
	#main_container > .sec2 .d-flex > div.notice .inner ul > li a p{
		width:80%;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:pre;
		height:23px;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 .app_download{
		padding:2rem 1.5rem
	}
	#main_container > .sec2 .d-flex > div.center .banner2 .app_download .inner div a{
		font-size:1.5rem;
	}
	#main_container > .sec2 .d-flex > div.center .banner2 .share_sms a .rec{
		flex-wrap: wrap;
		justify-content: center;
		
	}
	#main_container > .sec2 .d-flex > div.center .banner2 .share_sms a .rec p:first-child{
		width:100%;
		margin-bottom:2rem;
	}
}

#main_container > .sec3{
	padding-top: 7rem;
	padding-bottom: 7rem;
	position: relative;
}
#main_container > .sec3 .swiper{
	overflow:hidden;
}
#main_container > .sec3 .swiper .swiper-wrapper .swiper-slide img{
	width:100%;
}
#main_container > .sec3 [class*="sec3-button"]{
	position: absolute;
	top:50%;
	transform:translatey(-50%);
	padding:1rem;
}
#main_container > .sec3 [class*="sec3-button"] i{
	font-size:4rem;
	color:#555;
}
#main_container > .sec3 .sec3-button-prev{
	left:-5rem;
}
#main_container > .sec3 .sec3-button-next{
	right:-5rem;
}
#main_container > .sec3 .sec3-pagination{
	width:100%;
	text-align: center;
	margin-top: 2rem;
}
#main_container > .sec3 .sec3-pagination > span{
	margin:0 3px;
}
#main_container > .sec3 .sec3-pagination > span.swiper-pagination-bullet-active{
	background: #293f3a;
	width:24px;
	height:8px;
	border-radius:10px;
}
@media(max-width:991.98px){
	#main_container > .sec3{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	#main_container > .sec3 .sec3-button-prev,
	#main_container > .sec3 .sec3-button-next{
		display:none;
	}
	#main_container > .sec3 .sec3-pagination{
		margin-top: 1rem;
	}
}


#main_container > .sec4{padding-bottom: 6rem;}
#main_container > .sec4 .d-flex{justify-content:space-between;}
#main_container > .sec4 .d-flex > a{display:block;width:49%;}
#main_container > .sec4 .d-flex > a img{width:100%;}
.bbs_btn {cursor:pointer;}



.system-popup {
	position:absolute;
	left:50px;
	top:0;
	z-index:10;
}
.system-popup .btm {
	box-sizing:border-box;
	padding:5px;
	background:#222;
}
.system-popup .btm > p {
	text-align:right;
}
.system-popup .btm > p > a {
	color:#fff;
}
@media (max-width: 991.98px) {
	.system-popup {
		width:100%;
		box-sizing:border-box;
		padding:0 1.5rem;
		left:50%;
		top:0;
		transform:translateX(-50%);
	}
}


