@charset "utf-8";

/*-------------------------------------------------------
** 
** Default 
** 
--------------------------------------------------------*/
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul{
	font-family: 'Open Sans','Noto Sans KR',sans-serif;
	font-size: 15px;
	font-weight:400;
	letter-spacing: -1px;
	color:#7e8082;	
}
h1,h2,h3,h4,h5 {font-weight: 700;color: #333;}
dl, ul, ol, li {list-style: none;}
a:hover {text-decoration:none;-webkit-transition:all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}
a {text-decoration: none;}
a[href^="tel:"]
img {-webkit-backface-visibility: hidden;}
section {background-repeat: no-repeat;background-position: center;background-size: cover;}
.color_scheme_light{ background-color: #121212}
#kun-container {position: relative;}
#kun-wrapper {padding-left: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;}
#kun-wrapper::after{clear: both;content:"";display: block;}
#kun-wrapper.toggled {padding-left: 240px;}
#kun-wrapper.toggled #sidebar-wrapper {width: 240px;}

.k-slider {overflow:hidden;}
/*-------------------------------------------------------
** 
** header 
** 
--------------------------------------------------------*/
.top-navbar {display: none;position: fixed;left:0;top: 0;width: 100%;min-height: 50px;padding: 15px;background: rgba(255, 255, 255, 0.9) !important;z-index: 100;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;}
.top-navbar .top-navbar-wrapper{display: flex;align-items: center;}
.sticky-tel{display: none;}
.sticky-tel h3 {font-size:1rem;margin:0;}
.kun-sticky .sticky-tel{display: block;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;}

#sidebar-wrapper {position: fixed;left: 240px;width: 0;height: 100%;margin-left: -240px;background-color: #000;overflow-y: auto;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index: 999;}
.sidebar-nav { position: absolute; top: 0;width: 240px;list-style: none; margin: 0;padding: 15px 50px;}
.sidebar-nav-inner {position: absolute;top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);padding-left: 0;}
.sidebar-nav li {text-align: left;}
.sidebar-nav li a {color:#fff}
.sidebar-nav li.active a {color: #887b72;}
.sidebar-nav li.active a:hover {color: #ada49d;}
.sidebar-nav a.menu-item {display: block;
  text-decoration: none;
  font-size: 1.05rem;
  padding: 5px;
  margin: 12px auto;
}

.sidebar-nav a:hover {text-decoration: none;color: #887b72;}
.sidebar-nav .sidebar-brand {color: #ada49d;font-size: 2.5rem;font-weight: bold;margin: 0 auto;padding: 0 0 60px 0;}
.sidebar-nav .sidebar-brand a {color: #ada49d;}
.sidebar-nav .sidebar-brand img {max-width: 100px;}
.sidebar-nav .sidebar-brand a:hover {color: #887b72;background: none;}
.center-sidebar-nav .sidebar-nav li {text-align: center;}
.top-navbar {display: none;position: fixed;left:0;top: 0;width: 100%;min-height: 50px;padding: 5px 10px;border: 1px solid transparent;background: rgba(255, 255, 255, 0.9) !important;z-index: 100;}
.top-navbar .navbar-tel {display: inline-block;float: right;width:90%;}
.warm-box {display:flex;flex-wrap: wrap;gap:3px;width: 100%;list-style:none;padding:0;margin: 0;}
.warm-box:after{content:""; display:block; clear:both}
.warm-box li {float:left;display: flex;flex-wrap:nowrap;width: calc(100% / 3 - 8px);margin:3px;border:1px solid #ddd;padding:5px 2px;text-align:center;}
.warm-box li h3{display:block;color:#333;font-size:0.8em;margin: 0;}
.warm-box li h1{font-size:0.8em;font-weight:normal}
.warm-box li i{display:block;font-size:1.3em;color:#0186d5;}
.warm-box li p{padding:5px 10px;vertical-align:middle;margin:0;}
.warm-box .business_type1 .txt_area .txt01 {width:100%;}

#menu-toggle {display:inline-block;}

.navbar-toggler {border: none;background: transparent !important;}
.navbar-toggler:focus {outline: none;background: transparent !important;}
.navbar-toggler .icon-bar {background-color: #333333;transform: rotate(0deg) translate(0px, 0px);transition: ease all .2s;}
.navbar-inverse .navbar-toggler .icon-bar {background-color: white;transform: rotate(0deg) translate(0px, 0px);transition: ease all .2s;}
.navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;border-radius: 2px;}
.navbar-toggler .icon-bar + .icon-bar {margin-top: 5px;}
.icon-bar:nth-child(2) {width: 22px;transition: ease all .2s;}
.navbar-toggler:hover > .icon-bar:nth-child(2) {width: 22px;transition: ease all .2s;}
.navbar-toggler:active > .icon-bar:nth-child(2) {width: 22px;transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {transform: rotate(45deg) translate(5.5px, 5.5px);transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {opacity: 0;transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {transform: rotate(-45deg) translate(4.5px, -4.5px);transition: ease all .2s;}

.toggled .navbar-toggler .icon-bar:nth-child(1) { transform: rotate(45deg) translate(5.5px, 5.5px);transition: ease all .2s;}
.toggled .navbar-toggler .icon-bar:nth-child(2) {opacity: 0;transition: ease all .2s;}
.toggled .navbar-toggler .icon-bar:nth-child(3) {transform: rotate(-45deg) translate(4.5px, -4.5px);transition: ease all .2s;}

.navbar-wrapper .site-logo {max-width: 70%;height: auto;}
.navbar-wrapper .bt_banner{overflow:hidden;padding:10px 0 0;}
.navbar-wrapper .bt_banner:after {clear: both;display: block;content: "";}
.navbar-wrapper .bt_banner .cc_tit {font-size:1rem;color: #fff;letter-spacing:-0.2px;opacity: 0.79;margin: 0;}
.navbar-wrapper .bt_banner .cc_c02 {display: block;font-size:1.6rem;font-family: sans-serif;font-weight: 700;color:#fff;letter-spacing:-1px;}
.navbar-wrapper .bt_banner .cc_c03 {font-size: 0.9em;}
.navbar-wrapper .bt_banner .cc_c04 {display: block;text-align: left;line-height: 1.3;font-size: 0.7em;width: 80%;margin: 5px auto;}
.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:2000px !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}

/*-------------------------------------------------------
** 
** Section 
** 
--------------------------------------------------------*/
#page-content-wrapper {width: 100%;position: absolute;background-color: #121212 !important;}
#page-content-wrapper:after {clear:both;display:block;content: "";}
#page-content-wrapper .container {padding: 0 30px;}
#page-content-wrapper .scroll-to-top {bottom: 15px;right: 15px;}
#kun-wrapper.toggled #page-content-wrapper {position: absolute;margin-right: -240px;}
#section-icon [class*='col-'] {position: relative;}
#section-icon [class*='col-']:first-child:after {display: none;}
#section-icon .block {display: table;padding-right: 15px;padding-left: 15px;}
#section-icon .block i,
#section-icon .block>div {display: table-cell;vertical-align: top;}
#section-icon .block>div {font-size: 0.9rem;}
#section-icon .block i {padding-right: 1rem;padding-top: 1rem;}
#page-content-wrapper .kun-contents {min-height:800px;}

/*section-parallax*/


#section-parallax {
	position: relative;
	background-color: #111;
	background-position: center;
	background-attachment: fixed;
}
#section-parallax:before {
	content: '';display: block;
	position: absolute;
	left: 0;top: 0;
	width: 100%;height: 100%;
}

#section-service figure {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
#section-service figcaption {
	padding: 1.5rem;
	min-height: 138px;
	background-color: #fff;
}



/*section-footer*/
#section-footer h5 {
	position: relative;
	padding-bottom: 20px;margin-bottom: 20px;
}
#section-footer h5:before {
	content: '';display: block;
	position: absolute;left: 0;bottom: 0;
	width: 30px;height: 1px;
	border-bottom: 1px solid #888;
}


.graveyard-img{position:relative;display:flex;overflow:hidden;justify-content:center;height:63vh;}
.graveyard-img-stage {position:relative;padding-top:30%;transform:scale(1);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;width: 100%;left:50%;text-align:center;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(2.5rem, 2.5vw, 4rem);font-weight: 700;color:#fff;margin:0;}

/*-------------------------------------------------------
** 
** ETC 
** 
--------------------------------------------------------*/
.bg-gray {background-color: #f8f8f8;}
.btn-kso {position: relative;display: inline-block;padding: 0 20px 0 25px;font-size: 14px;line-height:40px;color: #fff;	border-radius: 3px;}
.btn-kso:hover {text-decoration: none;color: rgba(255,255,255,0.7);}

#topcontrol {width: 46px;line-height: 46px;text-align: center;color: #333;	background-color: #eee;}

/* XE */
#kun-container .x input[type=color], 
#kun-container .x input[type=date], 
#kun-container .x input[type=datetime-local], 
#kun-container .x input[type=datetime], 
#kun-container .x input[type=email], 
#kun-container .x input[type=month], 
#kun-container .x input[type=number], 
#kun-container .x input[type=password], 
#kun-container .x input[type=search], 
#kun-container .x input[type=tel], 
#kun-container .x input[type=text], 
#kun-container .x input[type=time], 
#kun-container .x input[type=url], 
#kun-container .x input[type=week],
#kun-container .x .x_input-append a.x_add-on, 
#kun-container .x .x_input-prepend a.x_add-on {height: auto;line-height: inherit;}
#kun-container .x .x_input-append a.x_add-on, 
#kun-container .x .x_input-prepend a.x_add-on {width: 30px;}
#kun-container .xe-widget-wrapper {overflow:unset;}

.bd .card {border: 0;}
#pageFo .btnArea {display: block !important;}
/*-------------------------------------------------------
** 
** mediaQuery 
** 
--------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	 #sidebar-wrapper {left: -240px;}
	 .top-navbar {display: flex;flex-direction: column;}
	#kun-wrapper.toggled .top-navbar {left: 240px;}
	#kun-wrapper.toggled #sidebar-wrapper {left: 240px;}
 }
@media only screen and (min-width: 768px) {
	#kun-wrapper {padding-left: 240px;}
	#sidebar-wrapper {width: 240px;}
	#page-content-wrapper {position: relative;}
	#kun-wrapper.toggled #page-content-wrapper {position: relative;margin-right: 0;}
}
@media only screen and (max-width: 575px) {
	.navbar-wrapper .bt_banner .cc_c04 {font-size: 0.5em}
}