@charset "utf-8";

.header-ul {display:flex;padding:0;margin:0;list-style:none;flex-direction:column;gap:10px;}
.header-ul li {flex:1 1 15%;}

.edit-box {display:flex;position:relative;padding:12px 20px;border-radius:10px;}
.edit-box h3 {display:flex;flex-wrap: wrap;font-size:15px;font-weight:700;letter-spacing:-0.48px;color:#414141;margin:0;}
.edit-box h3::before {font-size:16px;content:'\f08d';font-family:"Font Awesome 6 Free"; font-weight: 600; display:block; margin-right:11px;}
.edit-box .edit-list {margin:0;padding:0;list-style:none;}
.edit-box .edit-list .edit-txts {margin:0;font-size:small;font-weight:300;}
.myo-design ul {display:flex;margin:0;padding:0;flex-wrap:wrap;gap:20px;word-break: keep-all}
.myo-design ul li {flex:1 1 45%;overflow: hidden;border-radius: 7px;}
.myo-design-img{display: block;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;-webkit-background-position: center;background-position: center;height: 225px;}
.myo-design-box {display:flex;background:#f8f8f8;padding: 30px 35px;flex-direction: column;gap:15px;}
.myo-design-box h5 {position:relative;overflow:hidden;}
.myo-design-box h5::after {position:absolute;content: "";width:100%;height: 1px;display: inline-block;background:#666;margin: 13px 10px;}

.charnel-house-icon {}
.charnel-house-icon ul {display:flex;flex-wrap:wrap;gap:12px;width:100%;padding:0;margin:0;list-style:none;}
.charnel-house-icon ul li {flex:1 1 15%;background:#f5f5f5;padding:30px 15px;text-align: center;}
.charnel-house-icon ul li h3{display:block;font-size:0.9em;margin: 12px 0 0;}
.charnel-house-icon ul li i{display:block;font-size:1.8em;}

.section-card {}
.card-item .card-content {position:relative;padding:30px;width:100%;background:#fff;-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);z-index: 2; }
.card-item .card-content h2 {letter-spacing:-0.5px;}
.section-card .card-guide {letter-spacing:-0.5px;margin-top:-30px;}

.funeral-page {}
.funeral-page ul {display:flex;width:100%;padding:0;margin:0;list-style:none;flex-wrap:wrap;gap:10px;}
.funeral-page li {flex:1 1 20%;border:10px solid #f1f1f1;padding: 20px 10px 10px 10px;text-align: center;}
.funeral-page li h3{color:#333;font-size:1.2em;margin-bottom:10px;}
.funeral-page li span{display:block;font-size:11pt;line-height:120%;text-align:center;padding:15px;background-color:#f1f1f1;}
.funeral-page li i{font-size:clamp(1.8rem, 2.5vw, 3rem);line-height:160%;}
.funeral-page .funeral-text {position:relative;font-size:clamp(1.8rem, 2.5vw, 2.5rem);color:#111;opacity: .1;font-weight:700;line-height:100%;letter-spacing:-1px;margin: 10px;}

.owl-funeral .ejang-step {position:relative;display:flex;width:12rem;height:12rem;text-align:center;margin: 0 auto;background:#ddd;border-radius:100%;flex-direction:column;justify-content:center;gap:16px;}
.owl-funeral .ejang-step span {font-size: 0.8em;}
.owl-funeral .ejang-step i {display:inline-block;color: #7e8082;font-size:2.5em;font-weight: 600;}
.owl-funeral .ejang-step strong {line-height: 120%;color:#444;}
.owl-funeral .ejang-step:before,
.owl-funeral .ejang-step:after {content:'';position:absolute;top:50%;right:-30px;transform:translateY(-1px);}
.owl-funeral .ejang-step:before {width:50px;height:2px;background-color:#999;}
.owl-funeral .ejang-step:after {right:-35px;width:7px;height: 7px;border-right: 2px solid #777;border-bottom: 2px solid #777;transform: rotate(-45deg) translateY(-5px);}
.owl-funeral .end::before,
.owl-funeral .end::after {display: none !important;}
.owl-funeral.owl-theme .owl-nav.disabled+.owl-dots {margin-top:5%;}
.owl-funeral.owl-theme .owl-dots .owl-dot span {margin: 5px 5px;width: 6px;	height: 6px;transition: all .3s ease;}
.owl-funeral.owl-theme .owl-dots .owl-dot.active span {width: 20px;background-color:#70a233;}

.pagi {display:flex;width:100%;align-items: center;justify-content: space-between;}
.pagi .swiper-progress-bar {display:block;position:relative;top:unset;left:unset;height:unset;width: calc(100% - 5px);margin:0 auto;transform:none;z-index: 1;}
.pagi .progress-wrap {width: calc(100% - 70px);}

.pager_txt{border-left:1px solid #333}
.pager_txt p{display:flex;position:relative;column-gap:15px;width:max-content;height:auto;margin-left:-1px;padding-left:20px;border-radius:0;font-size:20px;font-weight:600;line-height:1;background:none;opacity:.3;transition:all .2s}
.pager_txt p.on{padding-left:25px;border-left:1px solid #fff;opacity:1}
.pager_txt p+p{margin-top:35px}
.line-tab .tab-box {}
.line-tab .swiper-slide {background:#f0f1f2}
.pager_slide {}
.pager_slide img {overflow:hidden;width:max-content;margin:0 auto;border-radius:10px}
.pager_slide p {width:80%;margin:0 auto;}

/*------------- media query -------------*/

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

}
/* xl */
@media (max-width:1199.98px) {

} 
/* lg */
@media (max-width:991.98px) {
	.header-ul {flex-direction:row;}
	.edit-box {display:block;}
	.funeral-page li span {font-size: 9pt;}
	.pager_slide img {width:100%}
	.pager_slide p {width:100%}
}
/* md */
@media (max-width:767.98px) {
	.myo-design ul li {flex:1 1 100%;}
	.funeral-page li {flex:1 1 45%;}
	.funeral-page li p {padding:0;}
	.funeral-page li h3{font-size:14pt;margin-bottom:15px;}
	
}

/* sm */
@media (max-width:575.98px) {
	.charnel-house-icon ul li {flex: 1 1 25%;}
}
@media screen and (max-width: 480px) {
	.section-card .card-guide {font-size:0.7em;}

}