@charset "utf-8";

/*-------------------------------------------------------
** 
** Custom : 기본 CSS 수정 및 추가
** 
--------------------------------------------------------*/
 /* 메인 1차 메뉴 */
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	padding-left: 15px;padding-right: 15px;
	font-weight: bold;
	color: #333;
}



/* LNB */
.sidebar-container {position:relative;width:100%;padding:0 5px;margin: 25px 0 5px;}
.sidebar-container-wrapper{overflow:hidden;width:98%;height:auto;margin: 0 auto;}
.sidebar-container .owl-menu .owl-stage{white-space:nowrap;min-width:100% !important;width:1000px !important;}
.sidebar-container .owl-carousel.owl-drag .owl-item .it-active {color:#435be0 !important;background-color:transparent;font-weight:bold;}
.sidebar-container .custom-nav {position:absolute;top:-10px;left:0;right:0;}
.sidebar-container .custom-nav .owl-prev, .sidebar-container .custom-nav .owl-next {position:absolute;color:inherit;padding:0;margin: 0;background:#fff;border:none;z-index: 100;}
.sidebar-container .custom-nav .owl-prev {left:0;}
.sidebar-container .custom-nav .owl-next {right:0;}
.sidebar-container .custom-nav [class*=owl-]:hover{background:none;color:#D6D6D6;text-decoration:none}

.hs-slider.owl-carousel .owl-item.active .hs-text h2 {top: 0;opacity: 1;}
.hs-slider.owl-carousel .owl-item.active .hs-text p {top: 0;opacity: 1;}
.hs-slider.owl-carousel .owl-item.active .hs-text .primary-btn {top: 0;opacity: 1;}
.hs-slider.owl-carousel .owl-nav button {font-size: 24px;color: #ffffff;height: 40px;width:40px;line-height: 40px;text-align: center;background: rgba(0, 0, 0, 0.5);border-radius: 50%;position: absolute;left: 1%;top: 50%;-webkit-transform: translateY(-25px);-ms-transform: translateY(-25px);transform: translateY(-25px);}
.hs-slider.owl-carousel .owl-nav button.owl-next {left: auto;right: 1%;}
.hs-item {height:100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;}
.hs-item .hs-text h2 {z-index: 100;font-size: 50px;color: #ffffff;font-weight: 700;text-transform: uppercase;margin-bottom: 20px;position: relative;top: 100px;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;opacity: 0;}
.hs-item .hs-text p {z-index: 100; color: #ffffff;line-height: 30px;margin-bottom: 32px;position: relative;top: 100px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;opacity: 0;}
.hs-item .hs-text p br{display:none;}
.hs-item .hs-text .primary-btn {position: relative;top: 100px;-webkit-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;opacity: 0;}
.hs-item .owl-prev span, .hs-item .owl-next span {color: #FFF;}
.hs-item .set-bg {position: absolute;left: 0;bottom: 0;right: 0;top: 0;z-index: 10;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.hs-item .set-bg::after {content: "";position: absolute;left: 0;right: 0;top: 0;width: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 17%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);height: 300px; z-index: 12;}
.owl-item.active  .hs-item .set-bg  {-webkit-animation: zoom 20s;animation: zoom 20s;}
.primary-btn {display: inline-block;font-size: 16px;padding: 14px 30px;color: #ffffff;background: #7b8af9;text-transform: uppercase;font-weight: 700;}

/* 섹션별 상하여백 */
.kun-section {padding-top: 50px;padding-bottom: 50px;} /* 섹션 기본 상하여백 */
#section-about {padding-top: 80px;padding-bottom: 100px;} /* 섹션 어바웃 */
#section-parallax {padding-top: 100px;padding-bottom: 100px;} /* 섹션 패럴랙스 */
#section-service {padding-top: 80px;padding-bottom: 80px;} /* 섹션 서비스 */
#section-footer {margin-top: 80px;padding-top: 80px;padding-bottom: 80px;} /* 섹션 푸터 */
.kun-contents {min-height: 500px;} /* 서브 콘텐츠 영역 상하 */

/* 섹션 제목 */
.section-header {position: relative;padding-bottom: 20px;margin-bottom: 50px;text-align: center;}
.section-header:before,
.section-header:after {content: '';display: block;	position: absolute;left: 50%;bottom: 0;margin-left: -8px;width: 8px;height: 8px;background-color: #999;border-radius: 50%;}
.section-header:after {margin-left: 4px;}

.t_point {color:#4F7403;}

/* 1) 섹션 티져 */
#section-icon .block h4 {font-size: 1.1rem;color: #fff;}
#section-icon .block,
#section-icon .block i {color: #fff;}


/* 2) 섹션 어바웃 */
#section-about h4 {  } /*우측 컨텐츠 제목*/
#section-about div {line-height: 1.8;} /*우측 컨텐츠 내용*/


/* 3) 섹션 패럴랙스 */
#section-parallax:before {background-color: rgba(0,0,0,0.3);} /* 배경 커버 컬러 투명도 */
#section-parallax h3 {color: #fff;} /*제목*/
#section-parallax {font-size: 18px;color: #fff;} /*내용*/


/* 4) 섹션 서비스 */
#section-service figcaption h4 {font-size: 15px;} /*제목*/
#section-service figcaption h4 a {color: #444;}
#section-service figcaption {font-size: 14px;} /*내용*/


/* 5) 섹션 하단 배경 및 폰트 */
#section-footer {font-size: 14px;line-height: 1.8;background-color: #f1f1f1;}
#section-footer h5 {font-size: 16px;}
.copy_info {width:100%;margin:0 auto;}

.graveyard-img{position:relative;display:flex;overflow:hidden;justify-content:center;height:63vh;}
.graveyard-img-stage {position:relative;padding-top:30%;transform:scale(0.7);transition: all ease .5s;width:100%;}
.graveyard-img-stage img {position:absolute;height:100%;left:0;object-fit:cover;object-position:center;top:0;width:100%;}
.graveyard-img-stage-overlay {position:absolute;background:rgba(0, 0, 0, 0.6);bottom:0;left:0;right:0;top:0;opacity:1 !important;}
.graveyard-img-txt {position:absolute;right:0;text-align:right;top:50%;transform: translate3d(-50%, -50%, 0);}
.graveyard-img-txt .sub_header_title {font-weight: 700;color:#fff;letter-spacing: normal;line-height:30px;}
.graveyard-img-txt h3 {font-size:clamp(1.3rem, 2.5vw, 3rem);font-weight: 700;color:#fff;}
.sub-top .sub_cent{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
/* 서브 탑 배경 및 폰트 컬러 */
.sub-top h4 {font-weight:700;letter-spacing:-2.5px;line-height:1.29;margin:0;text-align:left;word-break:keep-all;}
.intro_c {position:relative;width:100%;margin: 0;}
.intro_c .tit {display: block;color: #333;font-size:clamp(1.3rem, 2.5vw, 3rem);margin: 0;padding-bottom: 50px;}
.intro_c h5 {font-size:1.6em;line-height: 30px;font-weight: normal;}
.intro_c h5 br {display: block;}
.sky-page{width:100%;box-sizing: border-box;}
.sky-page-title{text-align:center;padding:5px;background-color:#8c8176;width:100%;}
.sky-page p {font-size: 18px;line-height: 30px;color: #000;}
.sky-page span{font-size:14px;}
.imglist {display:flex;position:relative;padding:0;flex-wrap:wrap;gap:10px;}
.imglist li {position:relative;width:calc(100% / 3 - 8px);padding:0; margin:0; box-sizing: border-box; }
.imglist li span{position:relative;overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color:#fff;font-size:clamp(0.6rem, 2.5vw, 0.8rem);padding:19px 10px 10px 10px;margin-top:-15px;background:url("../img/tbumb_bg.png") 0 0 no-repeat; }
.about{}
.about .about-content{position:relative;margin-left:15%;}
.about .about-content .flex-box{position:relative;align-items:center;z-index:10;}
.about .about-content .flex-box .txt-box{margin:22% 0 0}
.about .about-content .flex-box .txt-box p{font-size:clamp(1.3rem, 2.5vw, 1.8rem);}
.about .about-content .flex-box .txt-box p em{color:#4F7403;}
.about .about-content::after{position:absolute;content: "";width:100%;height:400px;background-color:#F7F7F7;bottom:0;left:0;animation-duration:2s;animation-name:slidein;}
.about .about-txt-content{font-size:20px;}
.about .about-txt-content .inner{padding-left:95px; padding-top:70px;}

.business_info {position:relative;margin:80px 0;}
.business_info ul {display:flex;position:relative;padding:0;flex-wrap:wrap;gap:20px;}
.business_info ul li {position:relative;width:calc(100% / 4 - 15px); height:100%;border:1px solid #e5e5e5;line-height:1.33;}
.business_info ul li::after {position:absolute;content:'';background:url('../img/step_arrow.png');width:20px;height:13px;top:222px;left:calc(100% + 5px);z-index: 100}
.business_info ul li:last-child::after {display: none;}
.business_info ul li .business_info_box {padding: 40px 26px 20px 26px;text-align:center;}
.business_info .business_info_box > h2 {color:#ABD559;font-size:16px;}
.business_info .business_info_box > h1 {font-weight:600;font-size:clamp(1.3rem, 2.5vw, 1.8rem);margin:20px 0;}
.business_info .business_info_box > p {color:#666;font-size:16px;margin-bottom:25px;line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.business_info .business_info_box > img {margin-bottom: 20px; filter: grayscale(100%);}
.business_info .business_info_box > div {line-height: 21px;}
.business_info .business_info_box .sub-txt {font-size: 14px; color: #ABD559;margin-bottom: 0;transform: translate(-50%, -50%)}
.business_info .business_info_box .sub-name {font-weight: 600; font-size: 18px;}
.business_info .business_txt_box {background: #f7f7f7; text-align: center; }
.business_info .business_txt_box p {padding: 30px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.business_info ul .on {border: 1px solid #4F7403; transition: all .7s;}
.business_info ul .on .business_txt_box {background:#4F7403;transition: all .7s;}
.business_info ul .on .business_txt_box p {color:#fff !important;transition: all .7s;}
.business_info .on .business_info_box > img {filter: grayscale(0);}
.busi_cont_wrap{margin-top:30px;}
.busi_cont {width:100%; padding:50px 0;}
.busi_cont:after{ content:""; display:block; clear:both;}
.busi_cont:last-child {margin-bottom:0;}
.busi_cont .img_box { position:relative; width:100%;}
.busi_cont .img_box {float:left; width:60%;padding: 0 30px;transition:0.3s all ease;}
.busi_cont .img_box img {position: relative;max-width:100%;border-radius: 15px;}
.busi_cont .img_box::before {content: '';position: absolute;display: block;top: 100px;width: 100%;bottom: -30px;right: 0;background: #e6e6e6;border-radius: 15px;}
.busi_cont .txt_box {float:right; width:40%; padding:25px 0 0 50px; transition:0.3s all ease;}
.busi_cont .txt_box strong.tit {font-size:2rem; line-height:1.2em; color:#000; font-weight:300; transition:0.3s all ease; }
.busi_cont .txt_box strong.tit p {position:relative; display:inline-block; font-size:1em; line-height:1.2em; color:#000; font-weight:700;}
.busi_cont .txt_box .txts { display:block; margin-top:30px;}
.busi_cont .txt_box .txts p {margin-top:20px; font-size:1rem;line-height:1.8em;  word-break:keep-all;}
.busi_cont.other_type .img_box {float:right; text-align:right;}
.busi_cont.other_type .img_box::before {left: 0;}
.busi_cont.other_type .txt_box {float:left; text-align:right; padding:25px 50px 0 0;  }

.tit-box {text-align:center; background-color:#F7F7F7; padding:65px 0; margin-top:50px;}
.tit-box h2{font-size:clamp(1.3rem, 2.5vw, 2rem);margin-bottom:15px;}

.sangjo{position: relative;margin:100px auto 0;}
.sangjo .sangjo-info {display:flex;flex-wrap:wrap;align-items: center;}
.sangjo .sangjo-info .sangjo-img img {width:96%;}
.sangjo .sangjo-info .sangjo-txt{}
.sangjo .sangjo-info .sangjo-txt ul{margin:-25px 0;}
.sangjo .sangjo-info .sangjo-txt ul li {position: relative;padding:25px 0;}
.sangjo .sangjo-info .sangjo-txt ul li::after{position:absolute;content:'';width:20px;height:13px;background:url(../img/step_arrow.png);bottom:-10px;left:0;right:0;margin:auto;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.sangjo .sangjo-info .sangjo-txt ul li:last-child::after{display:none;}
.sangjo .sangjo-info .sangjo-txt ul li .sangjo-txt-box{position:relative; border:1px solid #E5E5E5; background-color: #fff; padding:30px 20px 30px 54px; transition: all ease .7s;}
.sangjo .sangjo-info .sangjo-txt ul li .number{position:absolute;width:48px;height:48px;border-radius:50%;text-align:center;line-height:48px;background-color:#ddd;color:#333;left:-24px;top:50%;transform:translateY(-50%);}
.sangjo .sangjo-info .sangjo-txt ul li h2{font-size:18px; margin-bottom: 10px;}
.sangjo .sangjo-info .sangjo-txt ul li p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sangjo .sangjo-info .sangjo-txt ul li.active .sangjo-txt-box{border-color:#FF8000;}
.sangjo .sangjo-info .sangjo-txt ul li.active .number{background-color:#FF8000;color:#fff;}
.sangjo-txt ul li .step_box {width:100%;transition: 0.3s all ease;}
.sangjo-txt ul li .step_box:after{content:"";display:block;clear:both;}
.sangjo-txt ul li .step_box dl {display: flex;position: relative;width:100%;margin:0;padding:0;flex-wrap: wrap;gap:30px;}
.sangjo-txt ul li .step_box dl dd {position:relative;width:calc(100% / 3 - 20px);min-height:200px;margin:0;padding:0;background-color:#fff;border:1px solid #dfdfdf;transition:0.5s all ease;}
.sangjo-txt ul li .step_box dl dd::after {position:absolute;content:'';background:url('../img/step_arrow.png');width:20px;height:13px;top:95px;left:calc(100% / 3 - 150px);display:none;z-index: 100}
.sangjo-txt ul li .step_box dl dd div {}
.sangjo-txt ul li .step_box dl dd div strong {display:block;padding:20px;font-size:1.25em;color:#fff;background-color:#444;margin-bottom: 30px;}
.sangjo-txt ul li .step_box dl dd div strong i {padding-right:10px;}
.sangjo .sangjo-info .sangjo-txt ul li.active  dl dd::after {display: block;}
.sangjo .sangjo-info .sangjo-txt ul li.active  dl dd div strong {background-color:#FF8000;}
.sangjo-txt ul li .step_box dl dd div strong em {position:absolute;top:3px;right:5px;font-size:4em;color:rgba(255,255,255,.1);font-weight:700;letter-spacing:-0.05em;z-index:1;}
.sangjo-txt ul li .step_box dl dd div p {position:relative;display:block;padding-left:10px;margin-top:5px;margin-left: 30px;line-height:1.4em;font-size:0.9em;color:#666;word-break:keep-all;}
.sangjo-txt ul li .step_box dl dd div p:before {content:'';position:absolute;left:0;top:6.5px;width:3px;height:3px;background-color:#ea5859;border-radius:50%;}
.funeral-services {position:relative;}
.funeral-services .row > * {position:relative;}
.funeral-services .btn {padding:0.7rem 1.8rem;font-size:15px;font-weight:500;transition: all 0.5s;}
.funeral-services .btn:focus {box-shadow:none;}
.funeral-services .nav-pills .nav-item {padding:10px;}
.funeral-services .nav-pills .nav-item .nav-link {padding:10px;border: 1px solid #dee3e7;color:#666;}
.funeral-services .nav-pills .nav-item .nav-link .service-icon i {width:70px;height:70px;background-color:#D0F08D;display:inline-block;line-height:60px;color:#666;font-size:34px;border: 5px solid #ffffff;position:relative;margin-top:-50px;}
.funeral-services .nav-pills .nav-item .nav-link.active {background-color:transparent;color:#444b5b;border: 1px solid #4F7403;border-radius:0px;}
.funeral-services .nav-pills .nav-item .nav-link.active .service-icon i {background-color:#4F7403;color:#ffffff;}
.services-box .services-title {position:relative;}
.funeral-services .services-box .services-title:before {position:absolute;content: '';border-bottom: 1px solid #4F7403;width:60px;bottom:-10px;}
.funeral-services .services-img {position:relative;}
.funeral-services .services-img:before {position:absolute;content:'';border:10px solid #444b5b;width:100%;height:80%;top:50%;transform:translateY(-50%);}
.funeral-services .services-img img {position:relative;padding:0px 30px;}
.funeral-services .services-lable {position:relative;}
.funeral-services .text-muted {color:#666 !important;}
.funeral-services .services-title {margin:20px 0 35px;text-align:center;color:#4F7403;}
.funeral-services .services-lable p {background-color:#4F7403;padding: 6px 30px;display:inline-block;position:absolute;right:0;margin-top:-130px;}
.funeral_tab{width:100%; text-align:center; margin-bottom:50px;}
.funeral_tab span{display:inline-block;width:calc(31% + 0.5px);margin:0px 10px;font-size: 1.2em;border:1px solid #000;padding:10px 0;cursor:pointer;}
.funeral_tab span.on{border:1px solid #333;background-color:#333;color:#fff;}
.funeral_page {position:relative;padding:0;}
.funeral_page ul {overflow:hidden;width:100%;padding:0;margin: 0;}
.funeral_page li {float:left;width:calc(25% - 10px);margin:5px;border:10px solid #f1f1f1;padding: 20px 10px 10px 10px;text-align: center;}
.funeral_page li h3{display:block;color: #333;font-size: 1.3em;;margin-bottom:25px;}
.funeral_page li h1{display:-webkit-box;overflow:hidden;font-size:11pt;font-weight:normal;font-style:normal;text-align:center;padding:10px;background-color:#f1f1f1;text-overflow: ellipsis;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.funeral_page li h1 br{display:none;}
.funeral_page li i{display:block;line-height:100px;font-size:48px;color:#79a70a;}
.funeral_page li p{padding:0;margin:0;vertical-align: middle;}
.funeral_page li span{width:100px;height:100px;text-align: center;margin: 0 auto;display:block;vertical-align: middle;}
.funeral_page .funeral-text {position: relative;font-size:clamp(1.8rem, 2.5vw, 3rem);color: #111;opacity: .1;font-weight: 700;letter-spacing:-5px;margin: 10px;}
.services-box .con_box {width:100%;}
.services-box .con_box:after {content:"";display:block;clear:both;}
.services-box .con_box ul {width:100%;margin:0;padding:0;list-style:none;}
.services-box .con_box ul li {width:100%;margin:0;padding:25px 0;border-bottom:1px dashed #ddd;transition: 0.3s all ease;}
.services-box .con_box ul li:last-child {border-bottom:0;} 
.services-box .con_box ul li dl.box {width:100%;margin:0;padding:0;font-size:0;display:inline;zoom:1;vertical-align:top;}
.services-box .con_box ul li dl.box dt {display:inline-block;vertical-align:middle;width:20%;font-size:15px;font-weight:700;}
.services-box .con_box ul li dl.box dt span {display:table;width:70px;height:70px;text-align:center;overflow:hidden;margin:0 auto;}
.services-box .con_box ul li dl.box dt span i {display:table-cell;vertical-align:middle;font-size:2.5em;color:#000;}
.services-box .con_box ul li dl.box dd {display:inline-block;vertical-align:middle;width:80%;margin:0;}
.services-box .con_box ul li dl.box dd h4 {display:block;font-size:1.25em;margin:0;}
.services-box .con_box ul li dl.box dd p {margin-top:5px;font-size:1em;color:#777;}
.services-box .con_box ul li dl.box dd p:first-child {margin-top:0;}
.kun-funeral {position:relative;margin:100px 0;}
.kun-funeral .owl-prev, .kun-funeral .owl-next {position: absolute;bottom:60px;display:block !important;}
.kun-funeral .owl-prev {right:94px;}
.kun-funeral .owl-next {right:28px;}
.kun-funeral .owl-prev i, .kun-funeral .owl-next i {color:#fff;background-color:#FF8000;padding: 20px 30px;}
.kun-funeral button {border: none !important;border-radius: none !important;outline: none !important;}
.kun-funeral .author-text{width:60%;}
.kun-funeral .author-text strong {position:relative;display:block;overflow:hidden;font-size:2em;font-weight:700;line-height:1.2em;color:#FF8000;background-color:#fff;}
.kun-funeral .author-text strong:after {content: '';position: absolute;width:100%;height:1px;background-color:#aaa;top:21px;margin-left:15px;}
.kun-funeral .author-text .em {padding-left:5px;letter-spacing:0;font-size: 0.9em;}
.kun-funeral .author-text .con_box {width:100%;margin:25px 0}
.kun-funeral .author-text .con_box:after {content:""; display:block; clear:both;}
.kun-funeral .author-text .con_box ul {width:100%; margin:0; padding:0;list-style:none;}
.kun-funeral .author-text .con_box ul li {width:100%; margin:0; padding:15px 0; border-bottom:1px dashed #ddd; transition: 0.3s all ease;}
.kun-funeral .author-text .con_box ul li:first-child {padding-top:25px;}
.kun-funeral .author-text .con_box ul li:last-child {border-bottom:0; } 
.kun-funeral .author-text .con_box ul li dl.box {width:100%;margin:0;padding:0;font-size:0;*display:inline;*zoom:1;vertical-align:top;}
.kun-funeral .author-text .con_box ul li dl.box dt {display:inline-block;overflow:hidden;vertical-align:middle;width:20%;font-size:15px;font-weight:700;}
.kun-funeral .author-text .con_box ul li dl.box dt span {display:table; width:70px; height:70px; text-align:center; margin: 0 auto;}
.kun-funeral .author-text .con_box ul li dl.box dt span i {display:table-cell;vertical-align:middle;font-size:2.5em;color:#aaa;}
.kun-funeral .author-text .con_box ul li dl.box dd {display:inline-block;vertical-align:middle;width:80%;font-size:15px;}
.kun-funeral .author-text .con_box ul li dl.box dd h4 {display:block;font-size:1.25em;margin:0;}
.kun-funeral .author-text .con_box ul li dl.box dd p {margin-top:5px;font-size:0.9em;color:#777;}
.kun-funeral .author-text .con_box ul li dl.box dd p:first-child {margin-top:0;}
.kun-funeral .author-img{width:40%;}
.kun-funeral .author-img img {border-radius:10px;}
.kun-funeral  .aqua {color:#FF8000;}
.group_list {position: relative;width:100%;margin:0 auto;}
.group_list:after {content:""; display:block; clear:both;}
.group_list ul {width:100%; margin:0;padding:0;list-style:none;}
.group_list ul li {float:left; width:25%;padding:0; transition: 0.3s all ease;}
.group_list ul li::before {position:absolute;content:""; display: block;width:2px;height: 100%;background-color: #fff;}
.group_list ul li dl.box {width:100%;margin:0;padding:0;}
.group_list ul li dl.box dt {width:100%;}
.group_list ul li dl.box dt img {max-width:100%;}
.group_list ul li dl.box dd {width:100%;padding:0;margin:0;overflow:hidden;text-align:center;}
.group_list ul li dl.box dd strong {font-size:clamp(0.8rem, 2vw, 1.1rem);color: #000;line-height: 2.5em; }
.group_list ul li dl.box dd p {display:block; margin-top:15px; font-size:1.05em; color:#777;  }
.group_list ul li dl.box dd p:first-child {margin-top:0; }
.info_steps{}
.info_steps h2 {color:#f0f0f0;font-size:clamp(1.1rem, 2.5vw, 1.3rem);line-height:1.8;margin-bottom:5px;}
.info_steps .front_step1 h2,
.info_steps .front_step1 h2 {color:#fefefe;}
.info_steps p {color:#fff;font-size:12px;line-height:18px;margin-bottom:0;}
.info_steps .info_step_col {padding-left:0;padding-right:0;}
.info_steps .info_step_col:first-child {padding-left:15px;}
.info_steps .info_step_col:last-child {padding-right:15px;}
.info_steps .front_step {position:relative;padding:23px 28px 30px;}
.info_steps .front_step1 {background:#804000;}
.info_steps .front_step2 {background:#BF6000;}
.info_steps .front_step3 {background:#FF7F00;}
.info_steps .front_step4 {background:#636a72;}
.info_steps .front_step5 {background:#5e6369;}
.info_steps .front_step6 {background:#55585d;}
.info_steps .front_step:before {color:#fff;font: 300 125px 'Open Sans',sans-serif;font-weight:bold;display:block;position:absolute;right:-20px;bottom:-40px;opacity:0.1;}
.info_steps .front_step1:before {content:"1";opacity:0.2;}
.info_steps .front_step2:before {content:"2";right: -15px;}
.info_steps .front_step3:before {content:"3";}
.info_steps .front_step4:before {content:"4";}
.info_steps .front_step5:before {content:"5";}
.info_steps .front_step6:before {content:"6";}
.info_steps .front_step:after {top:50%;width:0;height:0;left:100%;z-index:2;content:" ";display:block;margin-top:-1em;position:absolute;border-left:15px solid #804000;border-top:15px solid transparent;border-bottom:15px solid transparent;}
.info_steps .info_step_col:last-child .front_step:after {display:none;}
.info_steps .front_step2:after {border-left-color:#BF6000;}
.info_steps .front_step3:after {border-left-color:#778089;}
.info_steps .front_step4:after {border-left-color:#727980;}
.info_steps .front_step5:after {border-left-color:#6E7278;top: auto;bottom: 10%;}

.tree-scroll{}
.tree-scroll .tree-price {float:left;width:100%;margin: 0 auto;}
.tree-scroll .tree-price h4{color: #333;font-size: clamp(1.3rem, 2.5vw, 3rem);margin: 0;}
.tree-scroll .tree-price h2 {font-size:clamp(1.3rem, 2.5vw, 1.6rem);margin:0;}
.tree-scroll .tree-box {display:inline-block;width:100%;}
.tree-scroll .tree-box em {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 10px 0 0;
    font-size: 16px;
	font-style: normal;
}
.tree-scroll .tree-box .label-price{display:-webkit-inline-box;font-size:2.3em;font-family:sans-serif;font-weight:700;text-overflow: ellipsis;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.tree-scroll .price-txt{position:relative;display:inline-table;width:100%;
    margin: 16px 0px;
    padding: 16px;
    border-radius: 4px;
    font-size: 14px;
    background: rgb(250, 250, 252);
    color: rgb(48, 52, 65);}

.tree-scroll .progress-wrap {text-align:center;position: relative;}
.tree-scroll .progress-wrap .range-slider {position:relative; width:calc(100% - 80px);height:2px;background:#ddd;}
.tree-scroll .progress-wrap button.owl-prev,
.tree-scroll .progress-wrap button.owl-next {background:#fff;border:0;}
input[type=range]::-webkit-slider-thumb {
 height: 4px;
 width:100px;
 background:#ABD559;
 cursor: pointer;
 -webkit-appearance: none;
 border-radius:10px;
 outline: none;
 accent-color: #e90b73;

}

input[type=range]:focus::-webkit-slider-thumb {
 outline: none !important);
 accent-color: #e90b73;
}

/* xxl */
@media (max-width:1399.98px) {

}
/* xl */
@media (max-width:1199.98px) {
		.graveyard-img{height:50vh;}
		.about .about-content {margin-left:auto;}
} 
/* lg */
@media (max-width:991.98px) {
		.graveyard-img{height:45vh;}
		#section-footer .site-logo {display: block;margin: 0 auto;}
		.mb-xs-3 {margin-bottom: 1rem;}
		.mb-xs-4 {margin-bottom: 1.5rem;}
		.intro_c h5 {font-size: 1.1em;line-height: unset;}
		.intro_c h5 br {display: none;}
		.intro_c .tit {padding-bottom: 20px;}
		.kun-section {padding-top: 30px;padding-bottom: 30px;}
		.business_info ul {gap:10px}
		.business_info ul li {width:calc(100% / 2 - 5px)}
		.business_info ul li::after {top:calc(100% + 5px);left: 50%;-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
		.business_info ul li:last-child::nth-child(3n) {display: none;}
		.business_info .business_info_box > h1 {margin: 10px 0;}
		.business_info .business_info_box > p {font-size:12px}
		.business_info .business_txt_box p {font-size:12px}
		.busi_cont {padding:0; border-top:0;}
		.busi_cont .img_box {width:100%; text-align:center;padding:0;}
		.busi_cont.other_type .img_box {padding: 0;}
		.busi_cont .txt_box {width:100%; padding:70px 20px 50px 20px;}
		.busi_cont.other_type .txt_box {text-align:left; padding:65px 20px 50px 20px;}
		.sangjo .sangjo-info .sangjo-img img {width:100%;}
		.sangjo .sangjo-info .sangjo-txt ul li .sangjo-txt-box{padding:30px 20px; transition: all ease .7s;}
		.sangjo .sangjo-info .sangjo-txt ul{padding:0;}
		.sangjo .sangjo-info .sangjo-txt ul li::after{display:none}
		.sangjo .sangjo-info .sangjo-txt ul li .number{left:47%;top:3%;}
		.sangjo .sangjo-info .sangjo-txt ul li p {display: revert;}
		.kun-funeral .author-text{width:100%;}
		.kun-funeral .author-text .p-2{padding:0rem !important;}
		.kun-funeral .author-text .con_box {min-height:400px;}
		.kun-funeral .author-text .con_box ul li dl.box dt span i {font-size:2em;}
		.kun-funeral .author-img {width:100%;}
		.kun-funeral .owl-nav {position:absolute;right:-30px;top:100px;}
		.services-box .con_box ul li dl.box dt span i {font-size:2em;}
		.funeral_page li h1 {font-size: 9pt;}
		.funeral_page li h1 br {display:block}

} 
/* md */
@media (max-width:767.98px) {
		.graveyard-img{height:40vh;}
		.group_list ul li {width:50%;margin-bottom: 30px;}
		.group_list ul li dl.box dd strong {display: table;margin: 0 auto;}
		.group_list ul li dl.box dd .special_tbl { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;width:100%;	white-space: normal;font-size:0.9em;	overflow: hidden;text-overflow: ellipsis; }
		#section-footer {padding: 30px 0;}
		.hs-item .hs-text h2 {font-size: 24px;}
		.hs-item .hs-text p br{display:block;}
		.navbar-nav-tel {position: absolute;left:50%;}
		.funeral-services .service-box i {margin-top:0;}
		.funeral-services .service-box h5{font-size:0.8rem;margin:0;}
		.funeral-services .services-title {margin: 10px 0 15px;}
		.funeral_page li {width: calc(50% - 10px);padding: 0 10px 10px 10px;}
		.funeral_page li p {padding:0;}
		.funeral_page li h3{font-size:14pt;margin-bottom:15px;}
		.tree-scroll .tree-price {width:35%;}
		.tree-scroll .tree-box {width:65%;}
		.tree-scroll .tree-box .label-price {font-size: 1.8em;}
		.tree-scroll .progress-wrap{margin:0 auto 30px;}

/* sm */
@media (max-width:575.98px) {
		.graveyard-img-txt {right:-28%;}
		.graveyard-img{height:35vh;}
		.sky-page p {font-size: 14px;line-height: unset;}
}


@media screen and (max-width: 480px) {
		.busi_cont .txt_box strong.tit {font-size:1.5em;}
		.busi_cont .txt_box a.btn_link { width:100%;  margin:30px auto 0;}
}