/*
 * CUSTOM RESPONSIVE
 * Copyright inpleworks, Co.
*/

/* Font Size
-------------------------------------- */  
h1 {
	font-weight: 200;
}
h1 .thin {
	font-weight: 100;
}
h2 {
	font-weight: 200;
}
h2 .thin {
	font-weight: 100;
}
h3 {
	font-weight: 200;
}
h3 .thin {
	font-weight: 100;
}

/* 가로 모드. 뷰포트의 너비가 높이에 비해 상대적으로 크면 실행. 
---------------------------------------------------------------------------- */ 
@media all and (orientation:landscape) {
	/* Section - Partner
	-------------------------------------------*/
	.xet-partner-owl {
		width: 480px;
	}
} 

/* 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%;
	}
}

/* Extra small devices  (Phones 768px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 767px) {		
	h1 {
	  	font-size: 28px;
	}
	h2 {
	  	font-size: 24px;
	}
	h3 {
	  	font-size: 20px;
	}
	h4 {
	  	font-size: 18px;
	}
	h5 {
	  	font-size: 16px;
	}
	h6 {
	  	font-size: 14px;
	}
	
	/* Btn size */
	.xet-btn-lg {
		font-size: 14px;
		padding: 10px 40px;
	}

}

/* small devices  (991px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 991px) {
	/* Multi Scroll
	-------------------------------------------*/
	body, html {
		overflow: visible !important;
	}
	html.no-scroll,
	body.no-scroll {
		overflow: hidden !important;
	}
	#multiscroll-nav {
		display: none;
	}
	.ms-left, 
	.ms-right {
		left: auto !important;
		width: 100% !important;
	    min-height: 0 !important;
	    height: auto !important;
	    position: relative !important;
	    top: auto !important;
	    touch-action: inherit !important;
	}
	.ms-right {
		display: none;
	}
	.ms-left .ms-section .ms-tableCell, 
	.ms-right .ms-section .ms-tableCell {
		height: auto !important;
	}
	.xet-slider-left, 
	.xet-slider-right {
		position: relative !important;
		z-index: -10;
		width: 100%;
		height: 100vh !important;
	}
	
	#section1-right,
	#section2-right,
	#section3-left,
	#section4-right,
	#section5-left,
	#section6-right, 
	#section7-left,
	#section8-right, 
	#contact-left {
		display: none !important;
	}
	
}

/* Small devices (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.ms-content {
		margin: 60px 0;
		padding: 0 30px;
	}
	
	/* Section - Partner
	-------------------------------------------*/
	.xet-partner-owl {
		width: 640px;
	}
	
	/* Push NAV
	-------------------------------------------*/
	.xet-push-right {
		width: 50%;
	    right: -50%;	   
	}
	.push-toleft {
	    left: -50% !important;
	}
	.xet-nav-m-wrp {
		margin: 0 10%;
	}
	.xet-nav-m {
		top: 120px;
		height: calc((100vh - 220px));		
	}
	.xet-nav-m li a {
		min-width: auto;
		font-size: 18px;
		margin: 5px 0 5px 60px;
	}
	.xet-nav-m li > a::before,
	.xet-nav-m li > a::after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background: #fff;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	.xet-nav-m li > a::before {
		top: 0;
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	.xet-nav-m li > a::after {
		bottom: 0;
		-webkit-transform: translateY(15px);
		-moz-transform: translateY(15px);
		transform: translateY(15px);
	}
	
	.xet-nav-m li > a:hover::before,
	.xet-nav-m li > a:focus::before,
	.xet-nav-m li > a:hover::after,
	.xet-nav-m li > a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	.xet-nav-m li > button {
		height: 45px;
	}
	
}

/* Medium devices (desktops, 992px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {	
	.xet-logo {
		margin-left: 15px;
	}
	.xet-hambuger {
		margin-right: 15px;
	}
	.ms-section.ms-table{
	    width: calc(100% + 1px);
	}
	.ms-content {
		margin: 0;
		padding: 0 60px;
	}
	
	/* Section - Siider
	-------------------------------------------*/
	.xet-slider-caption {
		left: 10vw;
		width: 80vw;
	}

	/* Section - Partner
	-------------------------------------------*/
	.xet-partner-owl {
		width: auto;
	}

	/* Section - Feature
	-------------------------------------------*/
	.xet-feature .xet-icon {
		float: left;
	}
	.xet-feature .xet-icon-desc {
		height: 120px;
		display: table;
	}
	.xet-feature .xet-icon-desc .vertical-middle{
		display: table-cell;
		vertical-align: middle;	
	}
	
	.xet-login-wrp ul li:nth-child(3) {
		border-left: 1px solid #2b2b2b;
	}
	.xet-login-wrp ul li:nth-child(3),
	.xet-login-wrp ul li:nth-child(4) {
		border-top: 0;
	}
	
	
}

/* Large devices (large desktops, 1200px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 1200px) {
	.ms-content {
		padding: 0 90px;
	}
	/* Section - Partner
	-------------------------------------------*/
	.xet-partner-owl {
	}
}

/* XLarge devices (large desktops, 1200px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 1600px) {	
	/* Section - Partner
	-------------------------------------------*/
	.xet-partner-owl {
	}
}