/*
 * Copyright inpleworks, Co.
*/

/* custom
-------------------------------------------------------------------------------------------------------------------------------------------------------- */ 

/* 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%;
	}
	h1.h1 {
		font-size: 32px !important;
	}
	h2.h2 {
		font-size: 26px !important;
	}
	h3.h3 {
		font-size: 22px !important;
	}
	h4.h4 {
		font-size: 18px !important;
	}
}

/* (Phones 768px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 767px) {		
	h1.h1 {
		font-size: 36px;
	}
	h2.h2 {
		font-size: 28px;
	}
	h3.h3 {
		font-size: 24px;
	}
	h4.h4 {
		font-size: 20px;
	}
	h5.h5 {
		font-size: 16px;
	}
	h6.h6 {
		font-size: 14px;
	}
	
	.xet-dash-xs {
		position: relative;
	}
	.xet-dash-xs:before, 
	.xet-dash-xs:after {
		content: '';
		position: absolute;
		left: 50%;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 1;
	}
	.xet-dash-xs:before {
		height: 1px;
		width: 280px;
		bottom: -14px;
		background: rgba(0, 0, 0, 0.2);
	}
	.xet-dash-xs:after {
		height: 9px;
		width: 50px;
		bottom: -18px;
		background: #58c4a7;
	}

	
	
	
}

/* (991px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 991px) {		
	/* top header */ 
	.xet-header_top {
		display: none;
	}
	
	/* PC NAV */  
	.xet-nav {
		display: none;
	}
	
}


/* (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {	
	
	.xet-slider .xet-slider-container {
		height: 500px;
	}
	.xet-slider.xet-slider-full .xet-slider-container {
		height: calc(100vh);
	}
	

	/* Section - Info
	-------------------------------------- */ 
	.xet-info .xet-row {
		display: flex;
		align-items: center;
	}

	/* Section - Movie
	-------------------------------------- */  
	.xet-movie .xet-youtube > div {
		background-color: transparent;
	}
	
	
	/* Section - Team
	-------------------------------------- */ 
	.xet-team-thumbnail {
		width: 85%;
		margin: 0 auto;
	}
	.xet-team-thumbnail .xet-team-thumbnail-image-inner a {
		margin: 0 15px;
	}
	

	/* ------------------------------------------------------------------------------------------------------------------ */
	/* FOOTER
	/* ------------------------------------------------------------------------------------------------------------------ */
	#xet-footer .footer-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 -20px 20px;
	}
	#xet-footer .footer-container>div {
		flex: 1;
		min-width: 50%;
		padding: 0 20px;
		margin-bottom: 30px;
	}
	#xet-footer .footer-container>div+div {
		margin-top: 0;
	}
	
	
}

/* (desktops, 992px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {
	html, body, table, th, td, button, input, .xe_content { font-size: 14px;}
	
	.xet-layout-body {
		padding-bottom: 0;
	}
	
	.xet-header_bottom {
		height: 90px;
	}

	/* 모바일 메뉴 오픈 버튼 */
	.xet-nav-open-btn {
		display: none;
	}

	/* 전화걸기 버튼 */
	.xet-tel-btn {
		display: none;
	}

	/* Logo */
	.xet-logo {
		width: auto;
		max-width: 240px;
		height: 90px;
	}
	

	.xet-slider .xet-slider-container {
		height: 600px;
	}
	.xet-slider.xet-slider-full .xet-slider-container {
		height: calc(100vh);
	}
	.xet-slider .xet-slider-container .swiper-slide h2 {
		font-size: 48px;
	}

	/* Section - Feature
	-------------------------------------- */ 
	.icon-box {
		padding: 35px 30px;
	}
	.icon-box::before {
		display: block;
	}
	.icon-box::after {
		display: block;
	}

	
	
	
	/* Section - Team
	-------------------------------------- */ 
	.xet-team-thumbnail .xet-team-thumbnail-image-inner {
		background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
		opacity: 0;
		transform: rotate3d(0, 1, 0, 90deg);
		transition: all 0.55s ease 0s;
		visibility: hidden;
	}	
	.xet-team-thumbnail .xet-team-thumbnail-image-inner a {
		font-size: 18px;
		margin: 0 10px;
	}
	.xet-team-thumbnail .xet-team-thumbnail-image:hover .xet-team-thumbnail-image-inner {
		opacity: 1;
		transform: rotate3d(0, 1, 0, 0deg);
		visibility: visible;
	}

	/* ------------------------------------------------------------------------------------------------------------------ */
	/* FOOTER
	/* ------------------------------------------------------------------------------------------------------------------ */
	#xet-footer .footer-container {}
	#xet-footer .footer-container>div {
		min-width: 25%;
		margin-bottom: 0;
	}
	/* copyright */
	.xet-copyright {
		flex-direction: row;
		align-items: center;
	}
	.xet-copyright h4 {
		margin-right: 40px;
		margin-bottom: 0;
	}
	
	#xet-top-scroll { 
		bottom: 15px;
	}
	
	/* 모바일 하단 버튼
	-------------------------------------- */ 
	.mobile-bottom-btn {
		display: none;
	}
}

/* Large devices (large desktops, 1200px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 1200px) {	
	.xet-container-fluid {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	/* PC NAV */  
	.xet-nav-ul > li { 
		margin-left: 40px;
	}
}