/*
 * Copyright inpleworks, Co.
*/


/* ------------------------------------------------------------------------------------------------------------------ */
/* CUSTOM RESPONSIVE
/* ------------------------------------------------------------------------------------------------------------------ */
/* 가로모드 
---------------------------------------------------------------------------- */
@media (max-width: 767px) and (orientation:landscape) {
	.xet-slider .xet-slider-container,
	.xet-slider .xet-jarallax {
	    height: calc(100vh) !important;
	}	
} 
/* Extra small devices  (Phones 319px 이하) 
---------------------------------------------------------------------------- */
@media (max-width: 319px) {			
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  width: 100% !important;
	}
	.h1 {
	  	font-size: 32px !important;
	}
	.h2 {
	  	font-size: 26px !important;
	}
	.h3 {
	  	font-size: 22px !important;
	}
	.h4 {
	  	font-size: 18px !important;
	}
}

/* Extra small devices  (Phones 768px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 767px) {		
	.h1 {font-size: 32px}
	.h2 {font-size: 28px}
	.h3 {font-size: 24px}
	.h4 {font-size: 20px}
	.h5 {font-size: 18px}
	.h6 {font-size: 16px}
}

/* Small devices (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
	
	/* HEADER
	-------------------------------------- */
	#xet-header .xet-header-logo {
		width: 180px;
	}
	
	/* Section - Slider
	-------------------------------------- */ 
	.xet-slider .xet-slider-container {
	    height: calc(60vh);
	}
	.xet-slider .xet-jarallax {
	    height: calc(60vh);
	}	
	
	/* page top */
	.xet-page-top {
		height: 250px;
	}	
	
	.xet-content {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px; 
		border-radius: 4px; 
	}
	
}
@media (max-width: 991px) {
	#xet-header .xet-header-logo.logo-left {
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	#xet-scroll-to-section {
		display: none !important
	}
}
/* Medium devices (desktops, 992px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {	
	.h1 {
		font-size: 48px !important;
	}
	.h2 {
		font-size: 32px !important;
	}
	.h3 {
		font-size: 24px !important;
	}
	.h4 {
		font-size: 20px !important;
	}
	.h5 {
		font-size: 18px !important;
	}
	.h6 {
		font-size: 16px !important;
	}

	.xet-container-fluid {
		padding: 0 30px;
	}
	
	/* HEADER
	-------------------------------------- */ 
	#xet-header .xet-header-logo {
		width: 180px;
		height: 80px;
	}
	#xet-header .xet-header-logo.text-center {
		left: 0;
		transform: translateX(0);
	}
	#xet-header .xet-header-logo a {
		height: 80px;
		font-size: 36px;
		justify-content: flex-start;
		text-align: left;
	}
	#xet-header .xet-header-logo a img {		
		left: 0; 
		transform: translateX(0%);
	}
	#xet-header .xet-header-body .xet-btn-res {
		width: 121px;
		height: 80px;
		font-size: 20px;
	}
	#xet-header .xet-toggle-menu {
		height: 80px;
		width: 70px;
	}
	#xet-header .xet-nav.float-center {}
	#xet-header .xet-nav-ul > li { 
		padding: 0 15px;
	}
	#xet-header .xet-nav-ul > li > a,
	#xet-header .xet-nav-ul > li > button { 
		height: 80px;
	}	
	#xet-header .xet-nav-ul > li > a {
		font-size: 16px;
	}

	
	/* NAV
	-------------------------------------- */ 		
	.xet-side-panel .side-panel-top {
		height: 81px;
	}
	.xet-side-panel .xet-nav-ul > li > a,
	.xet-side-panel .xet-nav-ul > li > button { 
		height: 80px;
		line-height: 82px;
	}
	.xet-side-panel .xet-toggle-menu {
		height: 80px;
		width: 70px;
	}
	
	/* Tab Swiper */
	.xet-tab-swiper-list li { 
		padding: 0px 30px;
	}
	
	/* Section - Slider
	-------------------------------------- */ 
	.xet-slider .xet-slider-container {
	    height: calc(50vh);
	}
	.xet-slider .swiper-caption {
		padding: 60px 145px 0;
	}
	.xet-slider .xet-jarallax {
	    height: calc(70vh);
	}	
	
	
	/* Section - Service
	-------------------------------------- */ 
	#xet-service .item .xet-service-caption {
		padding: 15px 25%;
	}
		
	/* Section - banner
	-------------------------------------- */ 
	.xet-banner {
		height: 480px;
	}
	
	/* Section - partners
	-------------------------------------- */ 
	#xet-partner-owl .item a {
		padding: 60px 30px;
	}
	
	/* 메인 섹션 스크롤 메뉴 */
	#xet-scroll-to-section a:hover>span {
		opacity: 1;
		visibility: visible;
	}
	
	/* page top */
	.xet-page-top {
		height: 280px;
	}
	
	.xet-lnb {
		height: 71px;
		line-height: 70px;
	}
	.xet-lnb .xet-lnb-ul {
		height: 100px;
	}
	
	/* side panel
	-------------------------------------- */ 
	
	/* 가이드 */
	.xet-guide {
		width: 50%;
	}
	.xet-guide-footer {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		white-space: nowrap;
		padding: 0 15px;
	}
	.xet-guide-footer .xet-guide-nav li {
		display: inline;
	}
	/* 가이드 버튼 */
	.xet-guide-floating {
		bottom: 105px;
		right: 30px;
	}
	.xet-guide-floating.Y {
		bottom: 105px;
	}
	.xet-guide-floating a {
		width: 60px;
		height: 60px;
	}
	.xet-guide-floating a i {
		font-size: 2em;
	}
	
	/* 전화걸기 버튼 */
	.xet-tel-floating {
		bottom: 30px;
		right: 30px;
	}
	.xet-tel-floating.Y {
		bottom: 30px;
	}
	.xet-tel-floating a {
		width: 60px;
		height: 60px;
	}
	.xet-tel-floating a i {
		font-size: 2em;
	}
	
	
	/* Top Scroll
	-------------------------------------- */ 
	#xet-top-scroll { 
		bottom: 30px;
		right: 30px;
	}
	#xet-top-scroll a { 
		width: 60px; 
		height: 60px; 
	}
	#xet-top-scroll a > i {
		font-size: 2em;
	}
	#xet-top-scroll a:hover {
		background: #38b5c7 !important;
		color: #fff !important;
	}
	
	.owl-rest .owl-nav button.owl-next {
		right: 30px;
	}
	.owl-rest .owl-nav button.owl-prev {
		left: 30px;
	}
	
	
	/* Hover
	-------------------------------------- */ 
	.xet-btn:hover {
		border-radius: 30px;
		background: #38b5c7 !important;
		color: #fff !important;
	}
	#xet-footer a:hover {
		color: #1b1b1b
	}
	#xet-footer.dark a:hover {
		color: #f1f1f1
	}

	/* 모바일 하단 버튼
	/* ------------------------------------------------------------------------------------------------------------------ */
	.mobile-bottom-btn {
		display: none;
	}
}

/* Large devices (large desktops, 1200px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 1200px) {	
	#xet-header .xet-header-logo {
		width: 240px;
	}
	#xet-header .xet-header-body .xet-btn-res {
		width: 242px;
		font-size: 24px;
	}
	#xet-header .xet-nav-ul > li { 
		padding: 0 24px;
	}
	.xet-section .section-title>strong {
		font-size: 72px;
	}
	.xet-section .section-title>span {
		font-size: 48px;
	}
	.xet-section.xet-banner .h2 {
		font-size: 48px;
	}
}