@charset "utf-8";

/*-------------------------------------------------------
** 
** Custom : 기본 CSS 수정 및 추가
** 
--------------------------------------------------------*/
.kun_gray {background-color: #f8f8f8;}
.fc_pointer {color:#4ab996; }
.kun_area {padding: 100px 0;}
.section-charge .item p {margin:0}
.sub-container {display:block;vertical-align: middle;width: 100%;}
.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;}

.aveyard-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;}
.step-container{display:flex;vertical-align: middle;width: 100%;}
.kun_line {position:relative;border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.kun_line:after {position: absolute;content: '';top:0;left: 50%;width: 1px;height: 100%;background-color: #dfdfdf;z-index: 9;}
.kun_line_w:before {position: absolute;content: '';top:50%;left: 0;width: 100%;height: 1px;background-color: #dfdfdf; z-index: 9;}
.step_wrap {position:relative; width:100%; }
.step_wrap:after { content:"";display:block;clear:both;}
.step_wrap .step_tit{display:table;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%,-50%);width:30%;padding:20px 0px;border-radius:100px;text-align:center;z-index:999;background:#000 url('../image/img_1000x300.jpg')no-repeat center center;background-size:cover;box-sizing:border-box;text-transform:uppercase;}
.step_wrap .step_tit p {display:table-cell; vertical-align:middle; }
.step_wrap .step_tit p img {max-width:100%;}
.step_wrap .step_tit p span {display:block; font-size:1.55em; font-weight:700; color:#fff;}
.step_wrap .step_box {position:relative; }
.step_wrap .step_box ul{width:100%; margin:0; padding:0;list-style:none;}
.step_wrap .step_box li {float:left; width:50%; height:300px; transition: 0.5s all ease;}
.step_wrap .step_box li .txtWrap .tit {position:relative; font-size:1.55em; color:#333; margin-bottom:20px; font-weight: 700;}
.step_wrap .step_box li .txtWrap .tit em {position:absolute;left:0;top:-70px;z-index:9;padding-right:8px;color:#f5f5f5;font-size:3em;font-weight:700;line-height:1;}
.step_wrap .step_box li .txtWrap .txt {display:block;margin-bottom:5px;padding:0;color:#555;font-size:1.05em;word-break:break-all;text-align:justify;}
.step_wrap .step_box li .txtWrap .txt span {color:#247BCB;font-weight:700;}
.step_wrap .step_box li.b1, .step_wrap .step_box li.b2 {padding:0 ;}
.step_wrap .step_box li.b3, .step_wrap .step_box li.b4 {padding:100px 0 0}
.step_wrap .step_box li.b2 .txtWrap .tit em, .step_wrap .step_box li.b4 .txtWrap .tit em {right:0;}
.step_wrap .step_box li .txtWrap {height:100%;background-repeat:no-repeat;background-position:0 0;}
.step_wrap .step_box li.b1 .txtWrap,  .step_wrap .step_box li.b3 .txtWrap {margin:50px 15px; padding:0; }
.step_wrap .step_box li.b2 .txtWrap,  .step_wrap .step_box li.b4 .txtWrap {margin:50px 15px; padding:0; text-align:right;}
.step_wrap .step_box li.b2 .txtWrap .txt,.step_wrap .step_box li.b4 .txtWrap .txt {text-align:right;}
.page4 {position:relative;}
.page4 ul {display:flex;margin:0;padding:0;list-style:none;gap:40px;flex-wrap:nowrap;}
.page4 ul li {position:relative;display:grid;box-sizing:border-box;align-items:center;flex: 1 1 0;}
.page4 ul li:nth-child(2) {
	flex: 2 1 50%;
}
.page4 ul li:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right:-5px;
    margin-top: -15px;
    margin-right: -30px;
    background: url(./layouts/kun_theme/inc/html/images/step_arrow_right.png) no-repeat;
}
.page4 ul li:last-child:after {display:none}
.page4 .page4-01,
.page4 .page4-03 {text-align:center;}
.page4 .page4-02 {padding:2%;background:#ededed;}
.page4 .page4-02 ol {display:flex;margin:0;padding:0;list-style:none;flex-wrap:wrap;gap:20px;}
.page4 .page4-02 ol li {flex: 1 1 40%;padding:13px 15px;color:#fff;background:#534f4b;}
.page4 .page4-02 ol li:after {display:none;}
.page4 .page4-01 {color:#4ab996; border:2px solid #4ab996;}
.page4 .page4-03 {color:#fff; background:#4ab996;}
.ejang-papers {display:inline-flex;width:100%;align-items:center;gap:20px;word-break: keep-all}
.ejang-papers h4 {margin:0;}
.ejang-papers p {margin:0;}
.ejang-papers i {font-size:2em;color:#ffffff;background-color:#4ab996;padding:15px;border-radius:5px;}
.ejang-papers-wrap {display:flex;padding:0; margin:0;align-items:center;gap:15px;flex-direction: column;}
.ejang-papers-wrap li {width: 100% ;list-style:none;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 15px;gap: 15px;}
.ejang-papers-wrap  .ejang-papers-info h4 {margin:0;font-size: 1.1em;;font-weight: 300;}
.ejang-papers-wrap  .ejang-papers-info p {font-size: 1.1em; font-weight:300;line-height: 130%;margin:0;}
.font-nanum{display: inline-flex;
    width: 25px;height: 25px;
	font-size:0.9em;font-family: "Urbanist";
    color: #fff;letter-spacing:1px;
    background-color: #4ab996;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.page4-number {display:flex;list-style:none;gap:25px;}
.page4-number dt {display:inline-flex;flex: 1 1 0;gap:10px;}
.page4-number dt p{font-weight:normal;}
.page4-number dt span{display:block;width:25px;height:25px;background:#9E9E9E;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;font-size:10px;text-align:center;line-height:25px;flex:none;}
.page4-number .pa{margin:0 0 10px 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;  }

.map_step_top {position: absolute;width:100%; margin-top:-80px;transition: 0.3s all ease;z-index: 100;}
	.map_step_top .txt_box { position:relative;overflow: hidden;width:100%; padding:0; background-color:#333; transition: 0.5s all ease;}
	.map_step_top .txt_box ul {width:100%; margin:0; padding:0;list-style:none;} 
	.map_step_top .txt_box ul li {display:table; position:relative; float:left; text-align:center; width:50%;font-size:1.3em;letter-spacing:1px;color: #fff;padding:40px;transition: 0.5s all ease; }

@-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;}
	.kun_line {border-top: 0px solid #dfdfdf; border-bottom: 0px solid #dfdfdf;}
	.kun_line:after {display:none;}
	.kun_line_w:before {display:none;}
	.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}
	.step_wrap .step_tit { position:static !important; top:0 !important; left:0 !important; width:100% !important; border-radius:0 !important; margin:30px 0 0; -webkit-transform:none !important; transform:none !important;padding: 5px 0;}
	.step_wrap .step_tit {width:auto; height:auto;margin-bottom: 60px;}
	.step_wrap .step_tit p img {max-width:50%;}
	.step_wrap .step_box { padding:0 4%; border:0 !important; margin-top:0; }
	.step_wrap .step_box li {width:100%; height:min-content; text-align:left; border-bottom:1px solid #eee; }
	.step_wrap .step_box li .txtWrap .tit em {top:-20px; left:auto; right:0 !important;}
	.step_wrap .step_box li.b1, .step_wrap .step_box li.b2 { padding:20px 0; }
	.step_wrap .step_box li.b3, .step_wrap .step_box li.b4 { padding:20px 0;}
	.step_wrap .step_box li.b1 .txtWrap, .step_wrap .step_box li.b3 .txtWrap { margin:20px 0px; padding:0; }
	.step_wrap .step_box li.b2 .txtWrap, .step_wrap .step_box li.b4 .txtWrap { margin:20px 0px; padding:0; text-align:left;}
	.step_wrap .step_box li.b2 .txtWrap .txt, .step_wrap .step_box li.b4 .txtWrap .txt {text-align:left;}
	.page4 ul {flex-direction: column;}
	.page4 ul li {padding: 13px 15px;}
	.page4 ul li:after {top:auto;bottom:-35px;right:55%;transform: rotate(90deg);}
	.page4 .page4-02 ol {gap:10px;flex-direction: column;}
	.page4-number {flex-direction: column;}
	.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;}
	.map_step_top .txt_box ul li {width:100%;padding: 10px 40px;}
}
/* md */
@media (max-width:767.98px) {
	.kun_area {padding: 100px 0;}
	.myo-design ul li {flex:1 1 40%;}
	.myo-design-box {padding: 25px 15px;}
	.ejang-stage {flex: 1 1 100%;}
	.sub-header {min-height:250px !important;}
}

/* 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%;}
	.busi_cont .txt_box strong.tit {font-size:1.5em;}
	.busi_cont .txt_box a.btn_link { width:100%;  margin:30px auto 0;}

}