@charset "utf-8";

/*-------------------------------------------------------
** 
** Custom : 기본 CSS 수정 및 추가
** 
--------------------------------------------------------*/
.kun_gray {background-color: #f8f8f8;}
.fc_pointer {color:#a3917d; }
.kun_area {padding: 100px 0;}
.sub-container {display:block;vertical-align: middle;width: 100%;}
.section-header br {display:none;}
.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 30%;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;}
.section-title h6 {font-size: 1rem;font-weight:300;margin-bottom: 5px;}
.section-title h6::after {
    content: "";
    width: 120px;
    height: 1px;
    display: inline-block;
    background:#ff4a17;
    margin: 4px 10px;
}

#owl-zine .item {background-color: #fff;}
#owl-zine.owl-carousel .caption {padding: 2rem 2rem}
#owl-zine.owl-carousel h5 {font-weight:600;}
#owl-zine.owl-carousel p {font-size: 15px;line-height: 130%;color: #666;margin:0;word-break: keep-all;}	
#owl-zine.owl-carousel .owl-nav button.owl-next, 
#owl-zine.owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;	width: 40px;height: 40px;	background-color: #fff;border-radius: 50%;}
#owl-zine.owl-carousel .owl-nav button.owl-next {left:auto;right:-5%;}
#owl-zine.owl-carousel .owl-nav button.owl-prev {right:auto;left:-5%;}

.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 {font-size:18px;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:#ff5722;}
.ejang-wrap {gap:25px;}
.ejang-stage {display:flex;flex-direction:column;align-items:center;flex: 1 1 40%;gap:20px;}
.ejang-stage::after {content:'';display:block;clear:both;}
.ejang-stage h5 {
    display:block;
    background-color:#444;
    padding:8px 10%;
    min-width: 50%;
	font-size:1rem;
    color: rgb(255, 255, 255);
	text-align: center;
    letter-spacing: -1px;font-weight: 500;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;}
.ejang-stage ul {display:flex;margin:0;padding:0;flex-wrap: wrap;gap:20px;word-break: keep-all}
.ejang-stage ul li {flex:1 1 40%;overflow: hidden;border-radius: 7px;}
.ejang_page {display: inline-flex;align-items: center;gap:10px;}
.ejang_page h5{font-weight:500;margin:0;flex: none}
.ejang_page i {font-size:2em;color:#424949;}
.ejang_page p{line-height: 130%;font-size: 1em;font-weight:300;}
.ejang-papers {display:inline-flex;width:100%;align-items:center;gap:20px;word-break: keep-all}
.ejang-papers h4 {font-weight: 300;}
.ejang-papers i {font-size:2em;color:#fff;padding:15px;background-color:#a3917d;border-radius:5px;}
.section-ejang .ejang-papers-wrap {display:flex;padding:0; margin:0;align-items:center;gap:15px;flex-direction: column;}
.section-ejang .ejang-papers-wrap li {width: 100% ;word-break:keep-all}
.ejang-papers-wrap  .ejang-papers-info{display: inline-flex;width: 100%;align-items: center;gap: 10px;}
.ejang-papers-wrap  .ejang-papers-info .ejang-papers-tit {display: flex;width:22%;background-color: #f8f8f8;padding: 10px 0 10px 10px;gap: 10px;}
.ejang-papers-wrap  .ejang-papers-info h4 {margin:0;font-size: 1.3em;;font-weight: 300;}
.ejang-papers-wrap  .ejang-papers-info p {font-size: 1.3em; font-weight:300;line-height: 130%;word-break: keep-all}
.font-nanum{display: inline-flex;
    width: 25px;height: 25px;
    color: #fff;letter-spacing:1px;
    background-color:#a3917d;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.graveyard-box ul {display:flex;margin:0;padding:0;gap:25px;flex-wrap: wrap;}
.graveyard-box ul li {text-align: center;background-color: #fff;flex: 1 1 40%;border-radius: 6px;}
.graveyard-box ul li h6 {margin:0;color: #fff;padding: 10px;background-color:#a3917d;border-radius: 6px 6px 0 0;}	
.graveyard-box ul li p {line-height:130%;background:#f8f8f8;color: #666;margin:0;padding: 20px;word-break: keep-all;}
.owl-funeral .graveyard-law-box{position:relative;margin: 0 0 0 23px;border:1px solid #E5E5E5;padding:20px 20px 20px 40px;min-height: 110px;transition: all ease .7s;}
.owl-funeral .graveyard-law-box h5 {color:#fff;padding:10px;background-color:#a3917d;border-radius: 6px 6px 0 0;}
.owl-funeral .graveyard-law-box h2{font-size:18px; margin-bottom: 10px;}
.owl-funeral .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%);}
.owl-funeral .graveyard-law-box p{line-height:130%;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.graveyard-law .myo-imglist{display:flex;margin:0;padding:0;flex-wrap:wrap;gap:20px;}
.graveyard-law .myo-imglist li {overflow:hidden;border-radius:7px;flex:1 1 30%;}
.myo-tit h3{position: relative;width: 80%;text-align: center;line-height:160%;letter-spacing: -0.05em;margin: 0 auto;padding-bottom: 230px;word-break: keep-all}
.myo-tit h3:after {content: '';position: absolute;width: 1px;height: 180px;background-color: #aaa;bottom:0;left: 50%;}
.graveyard-law .myo-info ul {display:flex; width:95%;margin:0 auto;padding:0;flex-wrap:wrap;gap:25px;word-break: keep-all}
.graveyard-law .myo-info li {flex:1 1 100%;}
.myo-info-box{display: inline-flex;flex-wrap: nowrap;justify-content: center;gap: 10px;}
.myo-info-box h5{margin:0;font-weight:500;}
.myo-info .txt_depth{line-height: 130%;margin:10px 0 0 30px;}
.width-reveal {	position: relative;}
.width-reveal:before,
.width-reveal:after {content: '';position: absolute;top:0;width:0;height: 100%;background-color: #fff;animation: widen .8s ease-out;z-index: 11;}
.width-reveal:before {left: 0;}
.width-reveal:after {right: 0;}


@-webkit-keyframes widen {
	  from {width: 50%;}
	  to {width: 0;}
}
@keyframes widen {
	  from {width: 50%;}
	  to {width: 0;}
  }
/*mobile*/

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

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

} 
/* lg */
@media (max-width:991.98px) {
	.kun_area {padding: 120px 0;}
	.ejang_page {flex-direction: column}
	.section-ejang .ejang-papers-wrap li {border: 1px solid #dfdfdf;padding: 20px;}
	.ejang-papers-wrap .ejang-papers-info {flex-direction: column;align-items:flex-start;}
	.ejang-papers-wrap .ejang-papers-info .ejang-papers-tit {width: 100%;background-color:#fff;padding:0}
	.ejang-papers-wrap .ejang-papers-info p {font-size:0.9em;}
	.myo-tit h3 {padding-bottom:90px;}
	.myo-tit h3:after {height: 50px;}
	.graveyard-law .myo-info ul {width:100%;}
	.graveyard-law .myo-info li {border: 1px solid #dfdfdf;padding: 20px}
}
/* md */
@media (max-width:767.98px) {
	.kun_area {padding: 100px 0;}
	.section-header br {display:block}
	.myo-design ul li {flex:1 1 40%;}
	.myo-design-box {padding: 25px 15px;}
	.ejang-stage {flex: 1 1 100%;}
}

/* sm */
@media (max-width:575.98px) {
	.myo-design-img{height:125px;}
}
@media screen and (max-width: 480px) {

	.section-title p{font-size:0.8rem !important;}
	.ejang-papers h4 {font-size: 1.2rem;}
	.ejang-papers p {line-height: 130%;}

}