/*
 * Copyright inpleworks, Co.
*/


/* ------------------------------------------------------------------------------------------------------------------ */
/* CUSTOM RESPONSIVE
/* ------------------------------------------------------------------------------------------------------------------ */
/* Extra small devices  (Phones 319px 이하) 
---------------------------------------------------------------------------- */
@media (max-width: 319px) {			
	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;
	}	
}

/* Small devices (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
	
	
	
	/* 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;
	}
	
}

/* Medium devices (desktops, 992px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {	
	
	/* Section - 바로가기 링크 
	/* ------------------------------------------------------------------------------------------------------------------ */
	.xet-quickLnk .flex-container a {
		width: auto;
	}
	
	/* Section - 공지사항 
	/* ------------------------------------------------------------------------------------------------------------------ */
	.xet-notice {
		padding-top: 30px;
	}
	.xet-notice .flex-container {
		flex-direction: row;
	}

	/* Section - info 
	/* ------------------------------------------------------------------------------------------------------------------ */
	.xet-info {
		padding-bottom: 30px;
	}
	.xet-info .flex-container {
		flex-direction: row;
	}
	.xet-info .item {
		width: 50%;
		padding: 20px;
	}


	/* page top */
	.xet-page-top {
		height: 200px;
	}
	/* 서브페이지 2차 메뉴 */
	.xet-page-lnb a {
		height: 80px;
		margin-right: 20px;
	}

	/* content */
	.xet-content {
		padding: 30px 0;
	}

	
	/* button
	-------------------------------------- */ 
	.xet-btn:hover {
		border-color: #0090d0 !important;
		background-color: #0090d0 !important;
		color: #fff !important;
	}
	

	/* FOOTER
	/* ------------------------------------------------------------------------------------------------------------------ */
	#xet-footer .footer-body {
		flex-direction: row;
		justify-content: space-between;
	}
	#xet-footer .footer-body .footer-info {
		flex-direction: row;
	}

	#xet-footer .footer-body .footer-partners {
		margin-top: 0;
	}
	#xet-footer .footer-body .footer-partners a {
		width: 160px;
	}
}

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

	.xet-notice {
		padding-top: 40px;
	}
	.xet-notice .item {
		padding: 40px;
	}

	.xet-work {
		padding: 40px 0;
	}

	/* Section - info 
	/* ------------------------------------------------------------------------------------------------------------------ */
	.xet-info {
		padding-bottom: 40px;
	}
	.xet-info .item {
		padding: 40px;
	}

	/* content */
	.xet-content {
		padding: 40px 0;
	}

	/* FOOTER
	/* ------------------------------------------------------------------------------------------------------------------ */
	#xet-footer {
		padding: 40px 0;
	}
}