/*
SENSE Layout Skin
ie11.0, chrome 29.0, safari 10, firefox 22.0, opera 48 
By xetemplate(https:xetemplate.com) 
*/

/* ------------------------------------------------------------------------------------------------------------------ */
/* Layout
/* ------------------------------------------------------------------------------------------------------------------ */
html, 
body, 
table, 
th, 
td, 
button, 
input,
textarea { 
	font-family: 'Roboto', 'Noto Sans KR', 'Nanum Gothic', 'Apple SD Gothic Neo', 'Malgun Gothic', '돋움', Dotum, 'Lucida Sans', 'Trebuchet MS', Arial, Tahoma, sans-serif; word-break: keep-all; 
}

body.push-active {
	overflow: hidden
}
#xet-layout-wrp {
	position: relative;
	overflow: hidden;
	background-color: #1b1b1b;
}
#xet-layout-wrp.light-sub {
	background-color: #fff;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Typography
/* ------------------------------------------------------------------------------------------------------------------ */
h1 {
	font-weight: 900;
}
h1 .thin {
	font-weight: 400;
}
h2 {
	font-weight: 700;
}
h2 .thin {
	font-weight: 300;
}
h3 {
	font-weight: 500;
}
h3 .thin {
	font-weight: 200;
}
h4 {
	font-weight: 500;
}
h5 {
	font-weight: 400;
}
h6 {
  	font-weight: 400;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* HEADER
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-header {
	z-index: 100;
	position: relative;
}
#xet-header.no-pageTop {
	height: 70px;
}
#xet-header .xet-headerContainer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 20px;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;	
	height: 70px;
	background-color: transparent;
	transition: all .2s cubic-bezier(.72,.16,.345,.875);
}
#xet-header.sticky .xet-headerContainer {
	background-color: #1b1b1b;
}

/* Header Logo
----------------------------------------------------------- */
#xet-header .xet-logo {}
#xet-header .xet-logo a {
	display: block;
	max-width: 180px;	
	transition: all .2s cubic-bezier(.72,.16,.345,.875);
}
#xet-header .xet-logo a > span {
	display: inline-block;
	white-space: nowrap;
    font-family: 'Roboto';
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 4px;
	color: #fff;
}
#xet-header .xet-logo a>img {		
	vertical-align: top;
	display: inline-block;
	max-width: 100%;
    max-height: 26px;
    transition: all .2s cubic-bezier(.72,.16,.345,.875);
}	
#xet-header .xet-logo a>.logo-img {}
#xet-header .xet-logo a>.logo-img-b {
	display: none
}

/* NAV Wrp 
----------------------------------------------------------- */	
.xet-toggleMenuWrp {
	margin-left: auto;
}

/* hamburger icon */
.xet-toggleMenu {
	position: relative;
	width: 48px;
	height: 48px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	color: transparent;
	border: 0;
	background: none;
}
.xet-toggleMenu span,
.xet-toggleMenu span::before,
.xet-toggleMenu span::after {
	position: absolute;
	display: inline-block;
	height: 2px;
	width: 26px;
	background: #fff;
}
.xet-toggleMenu span {
	top: 50%;
	left: 11px;
	background: transparent;
}
.xet-toggleMenu span::before, 
.xet-toggleMenu span::after {
	content: '';
	left: 0;
	transform: translateZ(0);
	backface-visibility: hidden;
	transform-origin: 0% 50%;
	transition: transform 0.1s cubic-bezier(.72,.16,.345,.875);
}
.xet-toggleMenu span::before {
	top: -6px;
}
.xet-toggleMenu span::after {
	top: 6px;
}
.xet-toggleMenu.push-active span {
	background: none;
}
.xet-toggleMenu.push-active span::before, 
.xet-toggleMenu.push-active span::after {}
.xet-toggleMenu.push-active span::before {
	transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.xet-toggleMenu.push-active span::after {
	transform: translateX(4px) translateY(3px) rotate(-45deg);
}


/* Sticky Header
----------------------------------------------------------- */
#xet-header.sticky .xet-logo a>span {
	color: #fff;
}
#xet-header.sticky.push-active .xet-logo a>span {
	color: #fff;
}
#xet-header.push-active .xet-logo a>.logo-img {
	display: none !important
}
#xet-header.push-active .xet-logo a>.logo-img-b {
	display: inline-block !important
}
#xet-header.sticky .xet-toggleMenu span::before,
#xet-header.sticky .xet-toggleMenu span::after {
	background: #fff;
}
#xet-layout-wrp.light-sub #xet-header.sticky .xet-logo a>.logo-img {
	display: none
}
#xet-layout-wrp.light-sub #xet-header.sticky .xet-logo a>.logo-img-b {
	display: inline-block
}

/* colorset - light mode
----------------------------------------------------------- */
/* SUB */
#xet-layout-wrp.light-sub #xet-header.sticky .xet-headerContainer {
	background-color: #fff;
}
#xet-layout-wrp.light-sub .xet-logo a>span {
	color: #fff;
}
#xet-layout-wrp.light-sub #xet-header.sticky .xet-logo a>span {
	color: #1b1b1b;
}
#xet-layout-wrp.light-sub .xet-logo a>.logo-img {
	display: inline-block
}
#xet-layout-wrp.light-sub .xet-logo a>.logo-img-b {
	display: none
}

/* SUB - No PageTop */
#xet-layout-wrp.light-sub #xet-header.no-pageTop .xet-logo a>span {
	color: #1b1b1b;
}
#xet-layout-wrp.light-sub #xet-header.no-pageTop .xet-toggleMenu span::before,
#xet-layout-wrp.light-sub #xet-header.no-pageTop .xet-toggleMenu span::after {
	background: #1b1b1b;
}
#xet-layout-wrp.light-sub #xet-header.no-pageTop .xet-logo a>.logo-img {
	display: none;
}
#xet-layout-wrp.light-sub #xet-header.no-pageTop .xet-logo a>.logo-img-b {
	display: inline-block;
}

/* Menu Active 
----------------------------------------------------------- */
#xet-header.push-active .xet-headerContainer {
	background: none !important
}
#xet-layout-wrp.light-sub #xet-header.sticky .xet-toggleMenu span::before,
#xet-layout-wrp.light-sub #xet-header.sticky .xet-toggleMenu span::after {
	background: #1b1b1b;
}
.xet-toggleMenu.push-active span::before, 
.xet-toggleMenu.push-active span::after {
	background: #1b1b1b !important;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* MAIN - SECTIONS
/* ------------------------------------------------------------------------------------------------------------------ */

/* BG jarallax scroll */
.xet-jarallax-bgImg {
    position: relative;
    z-index: 0;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* SLIDER - Common
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-slider-wrp {
	position: relative;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* SLIDER - Video
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-video-wrp {
	position: relative;
	padding: 0 0 0;
}
.xet-jarallax-video {
	position: relative;
    z-index: 0;
}
.xet-jarallax-video .jarallax-captions {
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 0 20px;
    height: 100vh;
    color: #fff;
    background-color: rgba(0,0,0,.4)
}	


/* ------------------------------------------------------------------------------------------------------------------ */
/* SLIDER - Horizontal
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-swiper-wrp {
	width: 100%;    
	padding: 0;
	overflow: hidden;
	position: relative;
	background-color: #1b1b1b;
}
.xet-swiper-wrp .swiper-slide {
	overflow: hidden;
	-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
/* Image */
.xet-swiper-wrp .swiper-images {
	position: relative;
	width: 100%;
	height: calc(100vh);
	overflow: hidden;
}
.xet-swiper-wrp .swiper-images .slide-bgimg {    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

/* Captions */
.xet-swiper-wrp .swiper-captions {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.xet-swiper-wrp .swiper-captions .swiper-caption {
	display: flex;
	align-items: center;
	justify-content: center;
	word-break: keep-all;
	padding: 0 20px;
	height: 100%;
	color: #fff;
}

/* Title */
.xet-swiper-wrp .swiper-captions  .js-text-wave {
	opacity: 0;
	font-size: 40px !important;
	line-height: 110%;
	letter-spacing: 1px;
	transition: all .1s cubic-bezier(.72,.16,.345,.875);
}
.xet-swiper-wrp .swiper-captions .js-text-wave div {
    display: inline-block;
    overflow: hidden;
}
.xet-swiper-wrp .swiper-captions .js-text-wave.complete {
    opacity: 1;
}
.xet-swiper-wrp .swiper-captions .js-text-wave div span {
    display: inline-block;
    transform: translate3d(0,100%,0);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
}
.xet-swiper-wrp .swiper-captions .swiper-slide-active .js-text-wave div span, 
.xet-swiper-wrp .swiper-captions .swiper-slide-duplicate-active .js-text-wave div span {
    transform: translate3d(0,0,0);
}
/* SmallTitle */
.xet-swiper-wrp .swiper-captions .swiper-slide h6 {
	margin-bottom: 10px;
}
.xet-swiper-wrp .swiper-captions .swiper-slide h6>span {
	display: block;
    opacity: 0;
    transform: translate3d(0,-100%,0);
    transition: opacity,transform .4s ease-out;
    transition-duration: .4s;
	color: #fff;
}
.xet-swiper-wrp .swiper-captions .swiper-slide-active h6>span, 
.xet-swiper-wrp .swiper-captions .swiper-slide-duplicate-active h6>span {
    opacity: 1;
    transform: translate3d(0,0%,0);
    transition-delay: .5s !important;
}

/* SubTitle */
.xet-swiper-wrp .swiper-captions .swiper-slide h5 {
	margin-top: 20px;
	font-size: 16px;
}
.xet-swiper-wrp .swiper-captions .swiper-slide h5>span {
	display: block;
    opacity: 0;
    transform: translate3d(0,100%,0);
    transition: opacity,transform .4s ease-out;
    transition-duration: .4s;
}
.xet-swiper-wrp .swiper-captions .swiper-slide-active h5>span, 
.xet-swiper-wrp .swiper-captions .swiper-slide-duplicate-active h5>span {
    opacity: 1;
    transform: translate3d(0,0%,0);
    transition-delay: .5s !important;
}

/* More button */
.xet-swiper-wrp .swiper-captions .swiper-slide .xet-more {
	opacity: 0;
    transform: translate3d(0,100%,0);
    transition: opacity,transform .4s ease-out;
    transition-duration: .4s;
}
.xet-swiper-wrp .swiper-captions .swiper-slide-active .xet-more, 
.xet-swiper-wrp .swiper-captions .swiper-slide-duplicate-active .xet-more {
    opacity: 1;
    transform: translate3d(0,0%,0);
    transition-delay: .9s !important;
}

/* slider-progress */
.xet-swiper-progress {
	z-index: 4;
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}
.xet-swiper-progress>div {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 0;
	transition: width linear;
	background: #fff;
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 100%); /* W3C */
}

/* Control Wrap */
.xet-swiper-controlWrp {
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	height: 100vh;
	padding: 80px 0 40px;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 140px;
	z-index: 5;
	background-color: rgba(0,0,0,.3);
}

/* navigation */
.xet-swiper-navigation {}
.xet-swiper-navigation .xet-swiper-next, 
.xet-swiper-navigation .xet-swiper-prev {
	cursor: pointer;
	text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: none;
    border: 1px solid #c1c1c1;
    border-radius: 50%;
    transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;	
}
.xet-swiper-navigation .xet-swiper-next i, 
.xet-swiper-navigation .xet-swiper-prev i {
	line-height: inherit;
	font-size: 20px;
}
.xet-swiper-navigation .xet-swiper-next.swiper-button-disabled, 
.xet-swiper-navigation .xet-swiper-prev.swiper-button-disabled {
    cursor: auto;
    opacity: 0.35;
    pointer-events: none;
}


/* pagination-bullet */
.xet-swiper-pagination .swiper-pagination-bullet {
	display: block;
	width: 6px;
	height: 6px;
	margin: 20px 0;
	border-radius: 50%;
	background: #fff;
}

/* pagination-fraction */
.xet-swiper-pagination.swiper-pagination-fraction {
	font-size: 16px;
	text-align: center;
	color: #999;
}
.xet-swiper-pagination.swiper-pagination-fraction span {
	display: block;
	margin: 0;	
}
.xet-swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
	color: #fff;
}

/* colorset - light mode */
#xet-layout-wrp.light-main .xet-swiper-wrp {
	background-color: #fff;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* BODY - PAGE TOP
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-pageTopWrp {
	position: relative;
	overflow: hidden;
	color: #dbdbdb;
}
#xet-pageTopWrp.xet-jarallax-bgImg {
	display: flex;
	align-items: flex-end;
	justify-content: left;
	min-height: 340px;
	color: #dbdbdb !important;
}
#xet-pageTopWrp.xet-jarallax-bgImg h1 {
	color: #fff !important;
}
#xet-pageTopWrp h1 {
	letter-spacing: 2px;
	color: #fff;
}
.xet-page-path ul li {
	display: inline;
}
.xet-page-path ul li a {
	text-transform: uppercase;
	color: #1b1b1b;
}
#xet-pageTopWrp .xet-page-path ul li a {
	color: #fff;
}
#xet-pageTopWrp.xet-jarallax-bgImg .xet-page-path ul li a {
	color: #fff !important
}

/* Down arow icon */
#xet-pageTopWrp.xet-jarallax-bgImg .down-arrow a {
	display: inline-flex;
	width: 40px;
	height: 40px;
	text-align: center;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	color: #1b1b1b !important;
}

/* colorset - light mode */
#xet-layout-wrp.light-sub #xet-pageTopWrp {
	color: #353535;
}
#xet-layout-wrp.light-sub #xet-pageTopWrp h1 {
	color: #1b1b1b;
}
#xet-layout-wrp.light-sub #xet-pageTopWrp .xet-page-path ul li a {
	color: #1b1b1b;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* BODY - CONTENT
/* ------------------------------------------------------------------------------------------------------------------ */
/* content */
.xet-content {
	color: #dbdbdb;
}
.xet-content a {
	color: inherit
}
.xet-content h1,
.xet-content h2,
.xet-content h3,
.xet-content h4 {
	color: #fff;
}

/* colorset - light mode */
.xet-content.light-sub {
	color: #353535;
}
.xet-content.light-sub h1,
.xet-content.light-sub h2,
.xet-content.light-sub h3,
.xet-content.light-sub h4 {
	color: #1b1b1b;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* FOOTER
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-footer {
	position: relative;
	color: #ccc;
	background-color: #111;
}
#xet-footer h4 {
	color: #fff;
}
#xet-footer .xet-footer-logo {}
#xet-footer .xet-footer-logo img {
	max-width: 200px;
	vertical-align: top;
}
#xet-footer .xet-copyright {
	text-align: center;
	border-top: 1px solid rgba(0,0,0,.1); 
}
#xet-footer a {
	color: #ccc;
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;	
}

/* SNS */
.xet-footer-ul { 
	margin: 0; 
	padding: 0; 
	list-style:none; 
}
.xet-footer-ul > li { 
	display: inline; 
	margin: 0 10px;
	padding: 0;	
}
.xet-footer-ul > li a { 
	font-size: 24px;
	display:inline-block;
	font-weight:normal; 
	cursor: pointer;
	color: #1b1b1b;
}
.xet-footer-ul > li a:hover { 
	text-decoration: underline;
}

/* Main Footer */
.xet-footer-main {
	z-index: 5;
	position: absolute;
	left: 60px;
	bottom: 40px;
	color: #fff
}
.xet-footer-main .xet-footer-ul > li {
	margin: 0 10px 0 0;
}
.xet-footer-main .xet-footer-ul > li a {
	font-size: 18px;
	color: #fff
}

/* Light - Main Colorset */
#xet-layout-wrp.light-main .xet-footer-main,
#xet-layout-wrp.light-main .xet-footer-main .xet-footer-ul > li a  {
	color: #1b1b1b;
}

/* Light - Sub Colorset */
#xet-layout-wrp.light-sub #xet-footer h4,
#xet-layout-wrp.light-sub #xet-footer h5 {
	color: #1b1b1b;
}
#xet-layout-wrp.light-sub #xet-footer {
	color: #5b5b5b;
	background-color: #f5f5f5;
}
#xet-layout-wrp.light-sub #xet-footer .xet-footer-ul > li a  {
	color: #1b1b1b;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Side GNB
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-sideGnb-wrp {
	z-index: 98;
	position: fixed;
	width: 100%;
	background-color: #fff;
}
.xet-sideGnb-wrp .xet-sideGnb-header {
	height: 80px;
}
.xet-sideGnb-wrp .xet-sideGnb-body {
	position: relative;
	overflow: hidden;
	padding: 0 40px;
}	
.xet-sideGnb-wrp .xet-sideGnb-body .xet-accordion-menu {
	height: calc(100vh - 200px);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; 
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.xet-sideGnb-wrp .xet-sideGnb-body .xet-accordion-menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.xet-sideGnb-wrp .xet-sideGnb-footer {
	text-align: center;
	padding: 0 20px;
}	
.xet-sideGnb-wrp .xet-sideGnb-footer .xet-accWrp {
	padding: 30px 0;
	border-top: 1px solid rgba(0,0,0,.1);
}
.xet-sideGnb-wrp .xet-sideGnb-footer .xet-accWrp a,
.xet-sideGnb-wrp .xet-sideGnb-footer .xet-accWrp button {
	margin: 0;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 14px;
	border-radius: 10px;
	border: 0;
	background: none;
	color: #1b1b1b;
	transition: all .2s cubic-bezier(.72,.16,.345,.875);
}
.xet-sideGnb-wrp .xet-sideGnb-footer .xet-accWrp a>span,
.xet-sideGnb-wrp .xet-sideGnb-footer .xet-accWrp button>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #1b1b1b;
	color: #fff;
}


/* Push */
.xet-push-left,
.xet-push-right {
	height: 100%;
    top: 0;
}
.xet-push-left {
	left: 0;
	transform: translate3d(-100%,0,0);
}
.xet-push-right {
	right: 0;
	transform: translate3d(100%,0,0);
}
.xet-push-left.push-open {
   transform: translate3d(0,0,0);
}
.xet-push-right.push-open {
    transform: translate3d(0,0,0);
}
.push {
    left: 0;
    position: relative;
}
.push-toright {
    left: 300px !important;
}
.push-toleft {
    left: -300px !important;
}

.xet-sideGnb-wrp, 
.push {
   transition: all .2s cubic-bezier(.72,.16,.345,.875);
}
/* push nav */
#xet-gnbOverlay {
	display: none;
	z-index: 97;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    cursor: pointer;   
    cursor: url(../img/close.png) 15 15, default;
    background-color: rgba(0, 0, 0, 0.5);
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* wow - scroll animate
/* ------------------------------------------------------------------------------------------------------------------ */
.wow {
	visibility: hidden;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Preloader
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-preloader-wrp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 1;
    background: #1b1b1b;
    -webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
.xet-preloader {
    display: block;
    position: relative;
    text-align: center;
    opacity: 0;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.xet-preloader > .logo {
	display: flex;
    justify-content: center;
    align-items: center;
}
.xet-preloader > .logo > img {
	max-width: 180px;
}
@-webkit-keyframes scale {
  	0% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; 
   }
   45% {
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	opacity: 0.7; 
    }
	80% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; 
    } 
}
@keyframes scale {
  	0% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; 
    }
	45% {
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	opacity: 0.7; 
    }
	80% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; 
    } 
 }
.xet-preloader .ball-pulse > div:nth-child(1) {
	-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); 
}
.xet-preloader .ball-pulse > div:nth-child(2) {
	-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); 
}
.xet-preloader .ball-pulse > div:nth-child(3) {
	-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); 
}
.xet-preloader .ball-pulse > div {
	background-color: #fff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
	display: inline-block; 
}

/* Light - Sub Colorset */
#xet-preloader-wrp.light-main {
    background: #fff;
}
#xet-preloader-wrp.light-main .xet-preloader .ball-pulse > div  {
	background-color: #3b3b3b;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Custom buttons
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-btn-more {
	display: inline-block;
	align-items: center;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
}
.xet-btn-more>span {
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #fff;
	color: #1b1b1b;
}
.xet-btn-more>span>i {
	line-height: inherit;
}

/* Light - Sub Colorset */
#xet-layout-wrp.light-sub .xet-btn-more {
	color: #1b1b1b;
}
#xet-layout-wrp.light-sub .xet-btn-more>span {
	color: #fff;
	background-color: #1b1b1b
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* TOP SCROLL BUTTON
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-top-scroll { 
	z-index: 999;
	display: none;
	position:fixed; 
	bottom: 20px;
	right: 20px;
	opacity: 1;
	visibility: visible;
	transition: all .2s cubic-bezier(.72,.16,.345,.875);
}
#xet-top-scroll.push-active {
	opacity: 0;
	visibility: 1;
}
#xet-top-scroll a { 
	display: block;
	overflow:hidden; 
	width: 40px; 
	height: 40px; 
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	text-decoration:none;
	color: #1b1b1b;
	background-color: #fff; 
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
}
#xet-top-scroll a > i {
	line-height: inherit;
}

/* Light - Sub Colorset */
#xet-layout-wrp.light-sub #xet-top-scroll a {
	color: #fff;
	background-color: #1b1b1b;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* Theme
/* ------------------------------------------------------------------------------------------------------------------ */
.text-theme {
	color: #6200ee !important;
}
.bg-theme {
	background-color: #6200ee !important;
}
.xet-btn-theme {
	border: 0 !important;
	background-color: #fff !important;
	color: #1b1b1b !important;
}
#xet-layout-wrp.light-sub .xet-btn-theme {
	background-color: #1b1b1b !important;
	color: #fff !important;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* Cursor
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-cursor {
    background-color: #6200ee;
    border-radius: 50%;
    display: block;
    position: fixed;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    opacity: .5;
    mix-blend-mode: multiply;
    transform: scale(1);
    transition: transform .4s cubic-bezier(.75,-.27,.3,1.33);
    z-index: 1111;
}
.xet-cursor.cursor-zoom {
	opacity: .6;
	transform: scale(3);
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* 전화걸기 버튼
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-tel-floating {
	position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 97;
	text-align: center;
}
.xet-tel-floating.main {
	
    bottom: 20px;
    right: 20px;
}
.xet-tel-floating a {
	display: inline-flex;
	width: 40px;
    height: 40px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #6200ee;
	border-radius: 50%;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,.3);
}
.xet-tel-floating a i {
	line-height: inherit;
	font-size: 22px;
}