/*
 * Copyright inpleworks, Co.
*/


/* ------------------------------------------------------------------------------------------------------------------ */
/* CUSTOM RESPONSIVE
/* ------------------------------------------------------------------------------------------------------------------ */
/* 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: 36px !important;
	}
	h2 {
	  	font-size: 28px !important;
	}
	h3 {
	  	font-size: 24px !important;
	}
	h4 {
	  	font-size: 20px !important;
	}
	h5 {
	  	font-size: 16px !important;
	}
	h6 {
	  	font-size: 14px !important;
	}	
	.xet-main-sections img {
		width: 60%;
	}
	.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 {
	    padding-left: 8px;
	    padding-right: 8px;
	}	
	.row {
		margin-left: -8px;
		margin-right: -8px;
	}
	.xet-content {
		border: 0
	}
}

/* Small devices (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
	
	/* HEADER
	-------------------------------------- */
	#xet-header .xet-header-logo a img {		
	}	
	
	/* Side Panel
	-------------------------------------- */
	.xet-side-panel {
		width: 320px;
	}
	.push-toright {
	    left: 320px !important;
	}
	.push-toleft {
	    left: -320px !important;
	}
	
	
	/* TOP SCROLL BUTTON
	-------------------------------------- */ 
	#xet-top-scroll { 
		width: 50px; 
		height: 50px; 
		line-height: 50px;
	}
	#xet-top-scroll a { 
		background-size: 24px;
	}
	
	
}
@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%);
	}
}
/* Medium devices (desktops, 992px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {	
	
	/* HEADER
	-------------------------------------- */ 
	.xet-header-wrp {
		height: 80px;
	}
	#xet-header .xet-header-logo {
		position: relative;
		left: auto;
		top: auto;
		float: left;
		width: 205px;
		height: 80px;
		line-height: 80px;
		-ms-transform: translate(0, 0); /* IE 9 */
		-webkit-transform: translate(0, 0); /* Safari */
		transform: translate(0, 0);
	}
	#xet-header .xet-header-logo a {
		height: 80px;
	}
	#xet-header .xet-header-logo a img {		
		height: 40px;
		margin-top: 15px;
	}	
	
	#xet-header .xet-header-ul > li { 
		height: 80px;
		line-height: 80px;
	}
	#xet-header .xet-header-ul.acc-wrp > li {
		height: 40px;
		line-height: 40px;
	}
	
	/* header button
	----------------------------------------------------------- */	
	.xet-header-ul.acc-wrp > li { 
		margin: 0 0 0 30px;
	}
	.xet-header-ul.acc-wrp > li:first-child { 
		margin: 0;
	}
	.xet-header-ul.acc-wrp > li > button {
		margin-top: 20px;
	}
	.xet-header-ul.acc-wrp > li > button > i {
		margin-top: 20px;
		font-size: 22px;
	}
	.xet-header-ul.acc-wrp > li > button > i.xi-bars {
		margin-top: 15px;
		font-size: 32px;
	}
	
	


	
	/* NAV
	-------------------------------------- */ 	
	.xet-nav.float-left {
		margin-left: 300px;
	}
	
	.xet-side-panel .side-panel-top {
		height: 80px;
	}
	
	/* Section - main
	-------------------------------------- */ 
	.section-container {
		width: 920px;
		margin: 0 auto;
		padding: 0;
	}
	
	
	/* Section - Slider
	-------------------------------------- */ 
	.xet-slider .xet-slider-container {
	    height: 540px;
	}
	

	/* 상단 필터 
	-------------------------------------- */ 
	.filter-group {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 15px;
	}
	.filter-group .filter-inner {
		width: auto;
	}
	
	/* xet-btn hover
	-------------------------------------- */ 
	.xet-btn-default:hover,
	.xet-btn-theme:hover {
		background: #12263f !important;
		color: #fff !important;
	}
	.xet-btn-none:hover {
		color: #2f8ac8 !important;
	}

	.xet-content {
		min-height: 600px;
	}

	
}



/* Large devices (large desktops, 1200px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 1200px) {	
	.xet-container-fluid {
  	}
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
	.xet-header-ul.acc-wrp > li > .btn-none {
		display: none;
	}
}