@charset "utf-8";

button:focus{border:none;outline:none;}
/*-------------------------------------------------------
** 
** Custom : 기본 CSS 수정 및 추가
** 
--------------------------------------------------------*/
.fc-pointer {color:#dc3545}

 /* 메인 1차 메뉴 */
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {padding-left:15px;padding-right:15px;font-size:1.2rem;font-weight:bold;color:#fff;}
 /* 메인 2차 메뉴 */
.nav-item.dropdown>.navbar-nav .nav-item .nav-link {font-size:1rem;padding: 0 20px;line-height:50px;color:#fff}
.nav-item.dropdown>.navbar-nav .nav-item, .nav-item.dropdown>.navbar-nav .nav-item .point-hover:hover {background-color: rgba(0,0,0,0.0);}

.sub_lnb {display:block;position:relative;width:100%;margin:auto;background:#fff;border-bottom:1px solid #c7c7c7;clear:both; background-attachment:scroll;z-index:3}
.sub_lnb .lnb_box_mobile{transition:all .3s ease;}
.sub_lnb .lnb_box_mobile .sub_lnb_content {position:relative;display:table;width:100%;margin:0 auto;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul {list-style:none;width:100%;float:left;padding:0; margin:0;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li { position:relative; float:left; width:20%; height:62px;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li:first-child{width:60px;text-align:center;line-height:60px;border-left: 1px solid #c7c7c7;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li::before{background-color:#c7c7c7;content:"";height:100%;position:absolute;width:1px;right: 0;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button {width:100%; height:62px; border: 0; position:relative; text-align:left;cursor:pointer;background-color: transparent;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button {background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;  -moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button span {padding-left: 19px;background-color: transparent;font-size: 1rem;font-weight: bold;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div { overflow: hidden;position: relative;width:100.5%;margin-left:-1px;border-left: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div dl{display:block;position:absolute;list-style:none;width:100%;margin-top: 1px;margin-bottom:0;padding:0}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div dl dd {border-bottom:1px solid #c7c7c7; background:#fff;margin-bottom: 0;}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div dl dd a{color:#000;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px;box-sizing:border-box}
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div dl dd .on2, 
.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div dl dd a:hover{color: #111111;background-color: #f7f7f7;}

/* 섹션별 상하여백 */
.kso-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;}
.feature_img_bg {border-radius:20px;background-size:cover;}
.funeral_wrap {position:relative;}
.funeral_wrap_info {padding:30px 30px;border: 1px solid #ddd;transition: 0.5s all ease;border-radius:20px;min-height:calc(50% - 15px);top:0;margin-bottom:30px !important;}
.funeral_wrap_info i {display:table;margin: 0 auto;font-size:3rem;line-height:1.4;color: #666;}
.funeral_wrap_info h3 {font-size:1.3rem;text-align:center;}
.funeral_wrap_info p{font-size:0.8rem;margin:10px 0 0;font-weight: 700;}
#section-footer {padding-top: 80px;padding-bottom: 80px;}
#section-footer h5 {font-size:16px;}
#section-footer .copy-info {width:100%;color: #f8f9fa;text-align:center;}
#section-footer .footer-about {margin:0;padding:0;list-style:none;}
#section-footer .footer-about li {text-align:left;color:#f8f9fa;}
#section-footer .footer-about li:last-child {letter-spacing:normal;}
#section-footer .footer-about li i {margin-right:10px;}
.section-footer-widget{display:flex;align-items:center;margin-bottom: 10px;}
.section-footer-widget-img{width:20%;}
.section-footer-widget-img img {width:100%;height:auto;}
.footer-widget-txt{padding-left:18px;}
.footer-widget-txt h4{font-size:16px;font-weight:700;}
.footer-widget-txt h4 a{color:#333;}
.footer-widget-txt h4 a:hover,
.footer-widget-txt h4 a:focus{color:#D14200}
.footer-widget-txt p{font-size:14px;}
.footer-copyright {border-top: 1px solid #ddd;padding: 15px 0;overflow: hidden;margin-top:20px;}
.footer-copyright .copyright_text {float:left;}
.footer-copyright .copyright_text p {font-size:13px;letter-spacing:normal;margin: 0;}
.footer-copyright .copyright_payment {float:right;}
.footer-copyright .copyright_payment .btn-social{margin-right:5px;font-size:12px;width:25px;height:25px !important;align-items:center;justify-content:center;padding:0 !important;line-height:unset !important;border-radius:35px;transition: .3s;}
.footer-copyright .selectpicker{font-size:0.8em;border-color:#ddd;margin: 0;padding: 0 15px;}
.bottom_quick{display:none}


.review h2  {font-size:1.2em;color: #f8f9fa;}
.widgetTableA td.title a {font-size: 0.8em;color: #f8f9fa !important;}
.widgetTableA td .date {font-size: 0.8em;}
.widgetTableA td {padding: 0 5px !important;}
.widgetTableA td.time {display: none;}
.bd_zine .cnt {font-size: 0.9em;}

.kso-contents {padding-top: 40px;padding-bottom: 40px;min-height: 500px;}
.hwan-contents {padding:0;padding-bottom: 40px;min-height: 500px;} 
/* 섹션 제목 */
.section-header {position: relative;padding-bottom: 20px;margin-bottom: 50px;text-align: center;}
.section-header span {display: block;font-size: 18px;line-height: 2;}
.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;}
.section-title::before {position:absolute;content:"";width:150px;height:5px;left:0;bottom:0;background:#1F88E5;border-radius: 2px;}
.section-title::after {position: absolute;content:"";width: 6px;height: 5px;bottom: 0px;background: #FFFFFF;-webkit-animation: section-title-run 5s infinite linear;animation: section-title-run 5s infinite linear;}
.section-title.text-center::before {left: 50%;margin-left: -75px;}
.section-title.text-center::after {-webkit-animation: section-title-run-center 5s infinite linear;animation: section-title-run-center 5s infinite linear;}

.page-title{width:100%; text-align:center; margin:7.5em 0 6.5em;}
.page-title h1{width:100%; font-size:2em; font-weight:600;}
.page-title h2{width:100%; font-size:1.4rem; color:#666; margin-top:20px; }

/* 1) 섹션 티져 */
#section-icon .block,
#section-icon .block i {color: #fff;}
#section-icon .icon_box {width:100%;border: 8px solid rgb(255 255 255 / 50%);margin-top:14px;padding:10px 10px 15px;}
#section-icon .block h4 {font-size: 1.1rem;color: #fff;}
#section-icon .block,
#section-icon .block i {color:#fff;font-size:1.8em;padding-left: 0.7rem;padding-right:1.2rem;padding-top: 0.7rem;}
#section-icon .funeral_center {position:relative;width:100%;padding-left:0.4rem;}
#section-icon .funeral_center dl{padding:5px 0 0 48px;margin:0;background:url(../img/m_tel.png) 0 no-repeat}
#section-icon .funeral_center dl dt{padding-top:1px;font-size:12px;line-height:1;color: rgb(255 255 255 / 70%);}
#section-icon .funeral_center dl dd{padding-top:3px;font-size:16px;color: rgb(255 255 255 / 70%);line-height:1;}
#section-icon .funeral_center h4{text-align:center;font-size:1.7em;letter-spacing: 1px;margin:0;}
#section-icon .funeral_center span{display:block;}


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


/* 3) 섹션 패럴랙스 */
#section-parallax:before {background-color: rgba(0,0,0,0.3);}
#section-parallax h3 {color: #fff;}
#section-parallax {font-size: 18px;color: #fff;}

#family_park_parallax {position:relative;font-size: 18px;color: #fff; padding:180px 0;margin: 100px 0;background: #333 url(./layouts/Layout/img/family_park__background.jpg) no-repeat center center;}
#family_park_parallax::before {position:absolute;background: rgb(0 0 0 / 60%);content: " ";height: 100%;width: 100%;left: 0;top: 0;}
#family_park_parallax h3 {color:#fff;-webkit-animation: section-title-run-center 5s infinite linear;animation: section-title-run-center 5s infinite linear;}


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

#section-visual {position: relative;overflow: hidden;width: 100%;height:70vh;}
#section-visual .sub-top{position:absolute;top:0;bottom:0;left:0;right:0;background-position: 50% 50% !important;;vertical-align:middle;animation: visual-sub forwards .95s ease-in-out;background-size: cover !important;overflow-x:hidden  }	
#section-visual .sub-block{background:transparent no-repeat center center fixed;-webkit-background-size:100%;-moz-background-size:100%;	-o-background-size:100%;background-size:100%;background-size:cover;-webkit-background-size:cover; -moz-background-size:cover;	-o-background-size:cover;}
#section-visual .sub-block:before {position:absolute;background:rgb(0 0 0 / 60%);content: " ";height: 100%;width: 100%;left: 0;top: 0;}
.sub-top-txt{position: relative;display:flex;flex-direction:column;align-items:flex-start;justify-content: center;height:70vh;}
.sub-top-title{text-align: right;}
.sub-top-txt h4{font-size:3.3em;font-weight:700;color:#fff;line-height:1;}
.sub-top-txt h4:before {background-color:#fff;border: 1px ridge #fff;content:"";height:1px;left:-20px;position:absolute;top:50px;width:100%;}
.sub-top-txt p{padding-top:10px;font-size:1.1rem;font-weight:700;color:#dcdcdc;}
.top-title-wrap{position:relative;text-align:center;}
.top-title-wrap .top-title h3{font-size:2rem;font-weight:600;}
.top-title-wrap .top-title p{font-size: 1.1rem;color: #333;line-height: 1.555;word-break: keep-all;}
.top-title-wrap .top-title p::before {display: block;content: '';width: 1px;height: 4rem;background: #dddddd;margin:2.5rem auto;}
/* 5) 섹션 하단 배경 및 폰트 */
#section-footer {font-size: 14px;line-height: 1.8;background-color: #333;}
#section-footer h5 {font-size: 16px;} /*제목*/


/* 서브 탑 배경 및 폰트 컬러 */
.company_about {width:100%;margin:0 auto; }
.company_about:after{content:""; clear:both; display:block;}
.company_about .group_img {width:100%; }
.company_about .group_img img {width:100%; height:auto; }
.company_about .group_area{ position:relative; left:0; bottom:0; width:94%;  padding-top:50px; z-index:1; margin:0 auto;} 
.company_about .group_area .group_tit { position:relative; float:left; width:30%; font-size:2em; text-align:center; line-height:1.4em; letter-spacing:-0.05em; padding-bottom:150px; }
.company_about .group_area .group_tit:after {content:''; position:absolute; width:1px; height:110px; background-color:#aaa; bottom:0; left:50%; }
.company_about .group_area .group_txt { position:relative; float:right; width:65%; height:auto;}
.company_about .group_area .group_txt h4 {font-size:1.5em;  line-height:1.55em;  color: #000; }
.company_about .group_area .group_txt p {margin-top:20px; line-height:1.5em; color: #333; word-break: keep-all;}

.family_park_background {position:absolute;top:0;left:120px;width:100vw;height:900px;background:#e6e6e6;}
.family_park_img {position:relative;padding-top:135px;z-index: 1;transition: 0.5s all ease;}
.family_park_img img {border-radius:15px;height:550px;}
.family_park_txt {position:relative;margin:0;color: #666;font-size: 1.1rem;z-index: 1;}
.family_park_txt h3 {display:block;color: #333;font-size:2.2rem;;padding-bottom: 50px;font-weight: 700;}

.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:30%;font-size:1.3em;letter-spacing:1px;color: #fff;padding:40px;transition: 0.5s all ease; }
.map_step_top .map_wrap {position:relative;display:block;margin-top: 35px;}
.map_step_top .map_wrap .map-link { display:inline-block; text-align:center;min-width: 150px;margin-right:15px;padding:5px;font-size:1.2em; text-decoration:none; color:#fff; border:1px solid #ddd; }
.map_step_top .map_wrap .map-link :hover { color:#2860AF; border:1px solid #2860AF; }
.g_map {width:100%; height:auto;min-height:550px;margin-bottom:30px;}
.g_map:after{ content:""; display:block; clear:both;}
.map_info.left {float:left;width:100%;}
.map_info .con_box {position:relative;overflow: hidden;width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee;}
.map_info .con_box .left-box {float:left; width:20%;}
.map_info .con_box .right-box {float:right; width:80%; font-size:1.1rem;}
.map_info .con_box .right-box span{display:block;margin-left:30px;}
.map_info .con_box .right-box span:before{display:block;position:absolute;margin-left:-27px;content:"\f35a";font-size:1em; font-weight:700;font-family:"Font Awesome 5 Free"; }
.map_info .con_box h2 {font-size:1.1rem; margin-bottom:10px;text-align:center;font-weight:700;}
.map_info .con_box h2 i {display:block; vertical-align:middle; text-align:center;margin: 0 auto 10px;font-size:3rem; color:#6c757d; }


.natural_burials {position:relative; margin:0 0 100px;}
.natural_burials .natural_burials_slider {position: relative;overflow: hidden;list-style: none;max-width:1200px; margin:0 auto; z-index: 1}
.natural_burials .swiper-slide-prev .group {opacity:0;}
.natural_burials .group {display:flex; align-items:center; transition:.2s ease-in-out;}
.natural_burials .group .photo {width:50%;}
.natural_burials .group .photo .more {text-align:right; margin-bottom:10px; font-size:14px; line-height:1.4em; color:#818181; }
.natural_burials .group .photo .more a {display:inline-block; position:relative; padding-left:45px;}
.natural_burials .group .photo .more a:after {content:"";position:absolute; top:50%; left:0; width:30px; height:1px; background:#ddd; margin-top:-.5px;}
.natural_burials .group .info {width:50%; text-align:center;}
.natural_burials .group .info h2 {font-size:35px; line-height:1.2em; color:#142e47;font-weight:500; margin-bottom:30px; transition-delay: 0.4s !important;}
.natural_burials .group .info h2.color {color:#b28970}
.natural_burials .group .info p {transition-delay: 0.4s !important;}
.natural_burials .group .info .tit {font-size:22px; line-height:1.4em; color:#686868;font-weight:500; margin-bottom:10px; transition-delay: 0.6s !important;}
.natural_burials .group .info .cnt {font-size:17px; line-height:1.6em; color:#686868; transition-delay: 0.8s !important;}
.natural_burials .premium-next,
.natural_burials .premium-prev {position:absolute; bottom:8%; cursor:pointer;top:auto; margin-top:0; width:50px; height:50px; border:1px solid #dedede; background-color:#fff; border-radius:50%; background-repeat:no-repeat;background-position:50% 50%; background-size:auto; z-index:20}
.natural_burials .premium-next {left:50%; margin-left:110px;}
.natural_burials .premium-prev {left:50%; margin-left:50px;}
.natural_burials .premium-next:hover {background-color:#b28970; border-color:#b28970;}
.natural_burials .premium-prev:hover {background-color:#b28970; border-color:#b28970;}
.natural_burials .swiper-slide-next .group .photo .img {background:#d8c4b7}

.natural_burials .group .info h2,
.natural_burials .group .info p,
.natural_burials .group .info .tit,
.natural_burials .group .info .cnt {opacity: 0; transform: translate3d(0, 50px, 0); transition: all .6s ease .4s;}

.natural_burials .swiper-slide-active .group .info h2,
.natural_burials .swiper-slide-active .group .info p,
.natural_burials .swiper-slide-active .group .info .tit,
.natural_burials .swiper-slide-active .group .info .cnt {opacity: 1;transform: translateZ(0);}

.natural_burials .progress-wrap {position: relative;display:flex; align-items:center; max-width:1200px; margin:20px auto;z-index: 10;}
.natural_burials .progress-wrap .numberSlides {width:70px; text-align:right; font-size:16px; line-height:1.4em; color:#bbb; font-weight:500; font-family: 'Pretendard',sans-serif;}
.natural_burials .progress-wrap .numberSlides .swiper-number {color:#454545;}
.natural_burials .progress-wrap .swiper-pagination-progressbar { position:relative; width:calc(50% - 70px); height:2px;background:#ddd;}
.natural_burials .progress-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #001241;}

.grid-type3 {}
.grid-type3 .grid-item {position: absolute;color:#fff;background:#333;font-size:2.5rem;padding:2.5% 3%;text-align:center;border-radius:8px}
.grid-type3 .grid-divider {position: relative;padding: 0;}
.grid-type3 .grid-tit {margin-left:100px;padding:0}
.grid-type3 .grid-tit:after{content:"";border-left: 1px solid #DDD;position: absolute;top: 0;bottom: 0;right:0;}
.grid-type3 .grid-txt {padding: 0 15px;}
.grid-type3 em {display: block;margin: 0;line-height: 1em;font-weight:500;font-style: normal;color: #aaa;letter-spacing: 0.03em;}
.grid-type3 h3 {font-size: 2rem;margin: 0.5rem 0;}
.grid-type3 .grid-txt p {margin-top:1rem;font-size: 1.1rem;}
.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-right: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: 250%;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;padding-left: 30px;}
.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;  }

.spinner {position:absolute;width:170px;height:170px;right:16.5%;bottom: 3%;-webkit-animation:spin 6000ms infinite linear;-moz-animation:spin 6000ms infinite linear;-ms-animation:spin 6000ms infinite linear;animation:spin 6000ms infinite linear;z-index: 10;}
.busi_top_wrap{position:relative; width:100%;padding-bottom: 20px;}
.busi_top_wrap::before { content: '';  position: absolute; display: block; top:160px; width:100%;bottom: 0; left: 0;background: #e6e6e6; transition: 0.3s all ease;}
.busi_top { position: relative;  width:100%; }
.busi_top:after{ content:""; display:block; clear:both;}
.busi_top .img_box_all {position: relative;  width:100%;padding-bottom:0px; }
.busi_top .img_box_all .con_area { width:100%; max-width:100%; margin:50px auto; }
.busi_top .img_box_all .con_area:after{ content:""; display:block; clear:both;}
.busi_top .img_box_all .con_area ul {width:100%; margin:0; padding:0; overflow:hidden;}
.busi_top .img_box_all .con_area ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.busi_top .img_box_all .con_area ul li:nth-child(3n){margin-right:0; }
.busi_top .img_box_all .con_area ul li:nth-child(6n){margin-right:0; }
.busi_top .img_box_all .con_area ul li a{ position:relative; display:inline-block; overflow:hidden; }
.busi_top .img_box_all .con_area ul li a:before{ z-index:10; position:absolute; content:""; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.1; transition:all 0.3s; }
.busi_top .img_box_all .con_area ul li a:hover:before{ opacity:.85;  background-color:#333;}
.busi_top .img_box_all .con_area ul li .txt_box{ opacity:1; z-index:20; position:absolute; top:10%; left:8%; text-align:left; transition:all 0.3s; }
.busi_top .img_box_all .con_area ul li:hover .txt_box{opacity:1; transform:translateY(-10%);}
.busi_top .img_box_all .con_area ul li p{ display:block; font-size:1.65em; font-weight:700; color:#fff; }
.busi_top .img_box_all .con_area ul li p em {font-size:0.6em; font-weight:normal;font-style:normal;}
.busi_top .img_box_all .con_area ul li .img_box { width:100%;  overflow:hidden; }
.busi_top .img_box_all .con_area ul li .img_box img{ max-width:100%; }
.busi_top .img_box_all span{ position: absolute;display:block;width:100%;font-size:1.2em; color:#fff; font-weight: 700;background-color: rgb(0 0 0 / 55%);padding: 10px 18px;bottom: 0;}

.recruit_step {width:100%; margin:150px auto 0;}
.recruit_step:after {content:""; display:block; clear:both;}
.recruit_step .con_box { width:100%; min-width:320px; transition: 0.3s all ease;}
.recruit_step .con_box:after{content:""; display:block; clear:both;}
.recruit_step .con_box ul { width:100%; margin:0; padding:0;} 
.recruit_step .con_box ul li {display:table;position:relative;float:left;text-align:center;width:18.5%;min-height:240px;padding:40px 15px;margin-right:1.85%;margin-bottom:0px;background-color:#fff;border:1px solid #ddd;transition: 0.5s all ease; }
.recruit_step .con_box ul li:after {content: ""; position: absolute; width:30px; height:30px; top:50%; right:0; margin-top:-15px; margin-right:-14%; background:url('../img/step_arrow_right.png')no-repeat;}
.recruit_step .con_box ul li:last-child {margin-right:0; background-color:#dc3545; border:0}
.recruit_step .con_box ul li:last-child:after {display:none}
.recruit_step .con_box ul li div.tb-cell {display:table-cell; vertical-align:middle; }
.recruit_step .con_box ul li div.tb-cell i {display:block;  font-size:3em; color:#3b445b;}
.recruit_step .con_box ul li div.tb-cell strong {display:block;  font-size:1.5em; color:#000; margin-top:20px;}
.recruit_step .con_box ul li div.tb-cell p { display:block; line-height:1.4em; font-size:1em; color:#666; margin-top:15px; word-break:keep-all;}
.recruit_step .con_box ul li:last-child div.tb-cell i {color:#fff;}
.recruit_step .con_box ul li:last-child div.tb-cell strong {color:#fff;}
.recruit_step .con_box ul li:last-child div.tb-cell p {color:#fff;}
.step_box { width:100%; transition: 0.3s all ease; }
.step_box:after{content:""; display:block; clear:both;}
.step_box ul { width:100%; margin:0; padding:0;} 
.step_box ul li {display:table; position:relative; float:left; text-align:center; width:30%; min-height:200px; padding:0; margin-right:5%; margin-bottom:40px; background-color:#fff; border:1px solid #dfdfdf; transition: 0.5s all ease; }
.step_box ul li:after { content: ""; position: absolute; width:30px; height:30px; top:50%; right:0; margin-top:-15px; margin-right:-12%; background:url('../img/step_arrow_right.png')no-repeat;}
.step_box ul li:nth-child(3n) { margin-right:0;}
.step_box ul li:nth-child(3n):after {display:none}
.step_box ul li div {	display:table-cell; vertical-align:top; text-align:left;}
.step_box ul li div strong {position:relative; display:block; padding:20px; font-size:1.25em; color:#fff; background-color:#dc3545; overflow:hidden;}
.step_box ul li div strong i {padding-right:10px;}
.step_box ul li 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;}
.step_box ul li div dl {width:100%;  padding:20px; }
.step_box ul li div dl dd { position:relative; display:block; padding-left:10px; margin-top:10px; line-height:1.4em; font-size:0.9em; color:#666; /*word-break:keep-all;*/}
.step_box ul li div dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#017ece; border-radius: 50%;}
.step_box ul li div dl dd:first-child {margin-top:0;}

.familypark_environment_wrap{position:relative;}
.familypark_environment {width:100%;border-radius: 15px;}
.familypark_environment_wrap .swiper-slide {display:flex;border-radius: 15px;}
.familypark_environment .swiper-slide img { border-radius: 15px; }
.familypark_environment .swiper-creative .swiper-slide { border-radius: 15px; }
.familypark_environment .swiper-slide-active::before {border-radius: 15px;}
.familypark_environment .swiper-slide-prev::before, .familypark_environment .swiper-slide-next::before { border-radius: 15px; }
.familypark_environment_wrap .swiper-button-prev:after,
.familypark_environment_wrap .swiper-button-next:after {content: ''; display: none;}
.familypark_environment_wrap .progress-wrap {position:relative;display:flex;align-items:center;max-width:100%;margin-top:10px;z-index:10;}
.familypark_environment_wrap .progress-wrap .numberSlides {width:70px; text-align:right; font-size:16px; line-height:1.4em; color:#bbb; font-weight:500; font-family: 'Pretendard',sans-serif;}
.familypark_environment_wrap .progress-wrap .numberSlides .swiper-number {color:#454545;}
.familypark_environment_wrap .progress-wrap .swiper-pagination-progressbar { position:relative; width:calc(83% - 70px); height:2px;background:#ddd;}
.familypark_environment_wrap .progress-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #001241;}
.familypark_environment_wrap .premium-btns{position:relative;margin-left: 50px;}
.familypark_environment_wrap .swiper-button-prev,
.familypark_environment_wrap .swiper-button-next {color:#dc3545;background-image: none;}
.familypark_environment_wrap  .swiper-slide-prev,
.familypark_environment_wrap  .swiper-slide-next{opacity: 0;}
.familypark_environment_wrap .swiper-button-prev, .familypark_environment_wrap .swiper-button-next {margin-top: -10px;}

.group_list {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:32%;margin-right:2%; padding:0; transition: 0.3s all ease;}
.group_list ul li:nth-child(3) {margin-right:0;}
.group_list ul li:nth-child(6) {margin-right:0;}
.group_list ul li dl.box {  width:100%;margin:0;padding:0;border: 1px solid #c7c7c7; } 
.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: 25px 20px;margin: 0;overflow:hidden;}
.group_list ul li dl.box dd strong {display:block;font-size:1.3em; font-weight:700; line-height:1.2em;color: #000;}
.group_list ul li dl.box dd p {display:block;margin:15px 0 0;font-size:1em; color:#777;  }
.group_list ul li dl.box dd p:first-child {margin-top:0; }
.group_list ul li dl.box dd a:hover { color:#2860AF;}
.group_list ul li dl.box table.special_tbl{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin-top:20px; }
.group_list ul li dl.box table.special_tbl th{ width:29%; text-align:center; color:#333; font-size:0.9em; font-weight:500; padding:8px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.group_list ul li dl.box table.special_tbl td{ width:74%; text-align:left; font-size:0.9em; padding:8px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee;}

.environment {width:100%;margin:0 auto; }
.environment:after {content:""; display:block; clear:both;}
.environment .con_box { width:100%; min-width:320px; transition: 0.3s all ease;}
.environment .con_box:after{content:""; display:block; clear:both;}
.environment .con_box ul { width:100%;margin:0;padding:0;}
.environment .con_box ul li {display:table;float:left;text-align:center;width:23.5%;min-height:240px;padding:40px 15px;margin-right:2%;margin-bottom:40px;background-color:#fff;border:1px solid #eee; transition: 0.5s all ease; }
.environment .con_box ul li:last-child {margin-right:0;}
.environment .con_box ul li:last-child:after {display:none}
.environment .con_box ul li div.tb-cell {display:table-cell; vertical-align:middle; }
.environment .con_box ul li div.tb-cell i {display:block;  font-size:3em; color:#3b445b;}
.environment .con_box ul li div.tb-cell strong {display:block;  font-size:1.5em; color:#000; margin-top:20px;}
.environment .con_box ul li div.tb-cell p { display:block; line-height:1.4em; font-size:1em; color:#666; margin-top:15px; word-break:keep-all;}

.familypark_con_box {width:100%;}
.familypark_con_box:after {content:""; display:block; clear:both;}
.familypark_con_box ul {width:100%; margin:0; padding:0;list-style:none;}
.familypark_con_box ul li {width:100%; margin:0; padding:25px 0; border-bottom:1px dashed #ddd; transition: 0.3s all ease;}
.familypark_con_box ul li:first-child {padding-top:0;}
.familypark_con_box ul li:last-child {border-bottom:0; } 
.familypark_con_box ul li dl.box { width:100%; margin:0; padding:0; font-size:0; *display:inline;*zoom:1; vertical-align:top;}
.familypark_con_box ul li dl.box dt { display:inline-block; vertical-align: middle; width:12%; font-size:15px; font-weight:700;}
.familypark_con_box ul li dl.box dt span {display:table; width:50px; height:70px; text-align:center; overflow:hidden; transition: 0.3s all ease;}
.familypark_con_box ul li dl.box dt span i { display:table-cell; vertical-align: middle; font-size:2.5em; color:#000; }
.familypark_con_box ul li dl.box dd { display:inline-block; vertical-align: middle; width:88%; font-size:15px;  }
.familypark_con_box ul li dl.box dd strong {display:block; font-size:1.25em; font-weight:700;margin: 0;padding-left: 10px;}
.familypark_con_box ul li dl.box dd p {margin:5px 0; font-size:0.9em; color:#777;  }
.familypark_con_box ul li dl.box dd p:first-child {margin-top:0; }

.services img {max-width: 100%;height: auto;}
.single_service.service_right {	padding-right: 170px;padding-left: 0;text-align: right;}
.single_service.service_right .single_service_img {right: 0;left: auto;margin-top: 0;}
.single_service:nth-child(1), .single_service:nth-child(2) {border-bottom: 1px dashed #333;padding-bottom: 30px;}
.single_service .single_service_img {max-width:145px;position: absolute;left: 0;top: 0;}
.services .single_mid {width:100%;height:98%;background:url('../img/single_service_bg.jpg')no-repeat 50% 50%;}
.services .single_mid img {display:none}
.single_service {position: relative;padding-left: 170px;margin-bottom:30px;}
.single_service h4 {font-size: 1.3rem;}


/*-------------------------------------------------------
** 
** ETC 
** 
--------------------------------------------------------*/

@-webkit-keyframes section-title-run {
    0% {left:0;} 50% {left:145px;} 100% {left:0;}
}
@-webkit-keyframes section-title-run-center {
    0% {left:50%;margin-left:-75px;} 50% {left:50%;margin-left:45px;} 100% {left:50%;margin-left:-75px;}
}
@-webkit-keyframes section-title-run-sm {
    0% {left:0;} 50% {left:85px;} 100% {left:0;}
}
@keyframes cursor {
  0% {opacity: 0;transform: translateY(-1rem);} 100% {opacity: 1;transform: translateY(1rem);}
}
@keyframes arrow {
  0% {opacity: 0;}  25% {opacity: 0.25;}  50% {opacity: 0.5;}  75% {opacity: 0.75;}  100% {opacity: 1;}
}

@keyframes identifier {
  0% { top: 0; left: 0; }
  30% { top: 50px; }
  68%, 72% { left: 50px; }
  100% { top: 100px; left: 100%; }
} 
@keyframes visual-sub {
  0%{transform:scale(1.2)} 100%{transform:scale(1)}
}

@-webkit-keyframes spin {
    100%{ -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    100%{ -moz-transform: rotate(360deg); }
}
@-ms-keyframes spin {
    100%{ -ms-transform: rotate(360deg); }
}
@keyframes spin {
    100%{ transform: rotate(360deg); }
}

/*-------------------------------------------------------
** 
** media quary 
** 
--------------------------------------------------------*/
@media (max-width: 991px) {
	.kso-section {padding-top: 30px;padding-bottom: 30px;}
}

@media all and (max-width:1024px){
	.map_info .con_box .left-box {width:25%;}
	.map_info .con_box .right-box {width:75%;}
	.step_box ul li { width:46%; margin-right:4%; }
	.step_box ul li:after { margin-right:-12%;}
	.step_box ul li:nth-child(even) {float:right; margin-right:0;}
	.step_box ul li:nth-child(even):after {display:none;}
	.step_box ul li:nth-child(3n):after {display:block;}
	.step_box ul li:last-child:after {display:none;}
	.step_box ul li div strong em {font-size:3em;}
	.single_service {padding-left:0;margin-bottom: 20px;text-align: center;}
	.single_service:nth-child(1), .single_service:nth-child(2) {padding-bottom: 15px;}
	.single_service h4 {font-size: 1.1rem;margin-top: 15px;}
	.single_service.service_right {padding-right: 0;text-align: center;}
	.single_service .single_service_img {max-width:100%;position: relative;}
	.single_service img {max-width:100%;}
}

@media all and (max-width:992px){
	.company_about .group_area .group_tit { width:100%; font-size:1.8em; padding-bottom:50px; }
	.company_about .group_area .group_tit:after {height:40px; }
	.company_about .group_area .group_txt { width:100%; }
	.company_about .group_area .group_txt h4 {margin-top:10px; font-size:1.5em;}
	.feature_img_bg {height:300px !important;margin-bottom:30px;}
	.page-title{margin-bottom:50px;}	
	.page-title h1{font-size:1.85em;}
	.page-title h2{font-size:1em;}
	.group_list ul li dl.box dt strong {font-size:1.25em;}
	.group_list ul li dl.box dd p {font-size:1em; }
	.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;}
	.recruit_step .con_box ul li {width:100%;min-height:auto;padding:25px 10px; margin-bottom:50px;}
	.recruit_step .con_box ul li:after {top:unset;bottom:-40px;margin-top:0;left:50%;margin-left:-15px;transform: rotate(90deg);}
	.recruit_step .con_box ul li:nth-child(even):after {display:block; }
	.recruit_step .con_box ul li:last-child {margin-bottom:0;}
	.recruit_step .con_box ul li:last-child:after {display:none;}
	.recruit_step .con_box ul li div.tb-cell i {display:inline-block;vertical-align:middle;width:100%;font-size:2em;}
	.recruit_step .con_box ul li div.tb-cell strong {display:inline-block;vertical-align:middle;margin:0.5em 0;width:100%;font-size:1.25em;}
	.recruit_step .con_box ul li div.tb-cell p {display:inline-block;width: 80%;vertical-align:middle;margin-top:0;width:auto;text-align: center;}
	.environment .con_box ul li { width:49%; margin-right:2%; margin-bottom:2%;}
	.environment .con_box ul li:nth-child(even) {float:right; margin-right:0;}

}

@media all and (max-width:860px){
.busi_top .img_box_all {padding-bottom:0px; }
.busi_top .img_box_all .con_area {padding:0 4%;}
.busi_top .img_box_all .con_area ul li{ width:100%; margin-right:0; margin-bottom:1.5%;}
.busi_top .img_box_all .con_area ul li:nth-child(6n){display:none;}	
.busi_top .img_box_all .con_area ul li .txt_box{ top:20%;}
.busi_top .img_box_all .con_area ul li p{font-size:1.25em;}
.sub-top-txt p {font-size:1rem;}
.spinner {right:0;}
.bottom_quick{position:fixed;display:block;width:100%;bottom:0;overflow:hidden;z-index:98;}
.bottom_quick .bottom_quick_widget {list-style:none;width:100%;height:auto;margin: 0 auto;padding:0;}
.bottom_quick .bottom_quick_widget li {display:block;float:left;width:50%;text-align:left;font-size:12px;line-height:20px;}
.bottom_quick .bottom_quick_widget li img {width:100%;margin: 0 auto;display:inline-block}

}

@media screen and (max-width: 768px){
	.map_info .con_box h2 {font-size:1em;}
	.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li {width: 50%;}
	.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li:first-child {display: none;}
	.sub_lnb .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li:nth-child(2)::after {background-color: #c7c7c7;content: "";height:100%;position:absolute;width:1px;left: -1px;top:0;}
	.family_park_img img {height:auto;}
	.step_box { padding:0 4%; margin-top:50px; }
	.step_box ul li { width:100%; min-height:auto; margin-bottom:50px; text-align:left; }
	.step_box ul li:after { top: unset; bottom:-40px; margin-top:0; left:50%; margin-left:-15px; transform: rotate(90deg);}
	.step_box ul li:nth-child(even):after {display:block; }
	.step_box ul li:nth-child(4n):after {display:block}
	.step_box ul li:last-child:after {display:none;}
	.step_box ul li:last-child {margin-bottom:0;}	
	.map_step_top .txt_box ul li {width: 50%;}
	.group_list ul li {width:100%;}
	.group_list ul li dl.box dd strong {display: table;margin: 0 auto;}
	.environment .con_box ul li { min-height:220px;}
	.environment .con_box ul li div.tb-cell i {font-size:2.5em;}
	.environment .con_box ul li div.tb-cell strong {font-size:1.25em;}
	.familypark_con_box ul li dl.box dt {width:15%;}
	.familypark_con_box ul li dl.box dd {width:85%;}
}
@media screen and (max-width:640px) {
	#family_park_parallax {padding: 100px 0;margin: 50px 0;}
	#family_park_parallax h3 {font-size: 1.2rem;}
	.family_park_txt h3::before{position:absolute; right:0; bottom:0;width:170px; height:170px; background:url(./layouts/Layout/img/cap.png) no-repeat center center; content:""; background-size:cover;-webkit-animation:spin 6000ms infinite linear;-moz-animation:spin 6000ms infinite linear;-ms-animation:spin 6000ms infinite linear;animation:spin 6000ms infinite linear;z-index: 10;}
	.page-title h1 span {display:block;margin-top:20px;}
	.map_info .con_box .left-box {width:100%;margin-bottom:30px;}
	.map_info .con_box .right-box {width:100%;}
	.grid-type3 .grid-tit {margin-left:75px;}
	.grid-type3 h3 {font-size: 1.6rem;}
	.grid-type3 .grid-txt p {margin-top: 1.5rem;}
	.services .single_mid {background:none;margin: 10px 0 30px;}
	.services .single_mid img {display:block;border: 5px solid #c7c7c7;}
	.tp-150 {margin-top: 100px  !important}
}

@media screen and (max-width: 480px) {
	#family_park_parallax h3 { font-size: 1rem;}
	.section-header{font-size:1.8rem;}
	.section-header span {font-size:14px;}
	.sub-top-txt h4 {	font-size: 2.5em;}
	.sub-top-txt h4:before {top: 38px;width: 100%;}
	.footer-copyright .copyright_text p {font-size: 11px;}
	.footer-copyright .copyright_payment {display: none;}
	.busi_cont .txt_box strong.tit {font-size:1.5em;}
	.busi_cont .txt_box a.btn_link { width:100%;  margin:30px auto 0;}
	.busi_top .img_box_all .con_area ul li{ width:100%; text-align:center; height:auto; margin-right:0;}
	.familypark_con_box ul li dl.box dt {width:100%; }
	.familypark_con_box ul li dl.box dt span {text-align:left;}
	.familypark_con_box ul li dl.box dd {width:100%; }
}