/*폰트 설정*/
* { font-family: 'montserrat', sans-serif; }
.jost { font-family: 'Jost', sans-serif; }
.highsummit { font-family: 'HighSummit', sans-serif; }
.Marcellus { font-family: 'Marcellus', sans-serif; }
.montserrat { font-family: 'montserrat', sans-serif; }

/* 스크롤 숨기기 */
::-webkit-scrollbar { /*display: none;*/  }
html { /*-ms-overflow-style: none; scrollbar-width: none;*/ }
html { font-size: 10px; /* 1.0rem = 10px */ }

/* custom scrollbar -> 스크롤바가 UI 사이즈에 영향을 주지 않으려면 overflow: overlay 를 사용해야 함 */
::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 0.5rem; }
::-webkit-scrollbar:horizontal { height: 0.5rem; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.5); border-radius: 1rem; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); }

.opendrag { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

body {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #141414;
	/*overflow-x: hidden;*/
	margin: 0;
	font-size: 1.0em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

header {
	width: 100%;
	background: #FFFFFF;
	color: #141414;
	text-align: center;
	/*overflow-x: hidden;*/
	font-size: 1.0em;
}

main { 
	width: 100%;
	background: #FFFFFF;
	color: #141414;
	text-align: center;
	/*overflow-x: hidden;*/
	overflow: visible;
	font-size: 1.0em;
}

footer {
	width: 100%;
	background: #FFFFFF;
	color: #141414;
	text-align: center;
	/*overflow-x: hidden;*/
	font-size: 1.0em;
}

ul { padding: 0; margin: 0;}
li { list-style:none; }

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; white-space: nowrap; }

a:focus { outline: none !important; }

input { margin:0; padding: 0; }

iframe { display: block; border: none; } 

/* Alert Popup */
p.custom_Alert {
	font-size: 2.0rem;
}
p.custom_Alert > span.span_blod {
	font-weight : bold;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 정렬값 순서 : top, right, bottom, left */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* HEADER */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MAIN */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* FOOTER */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* POP-UP */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*==========================================================================================*/
@media ( min-width : 1px) and (max-width:768px) {
}	

/*==========================================================================================*/
@media ( min-width : 769px) and (max-width:992px) {
}

/*==========================================================================================*/
@media ( min-width : 993px) and (max-width:1200px) {
}

/*==========================================================================================*/
/*@media (min-width: 1201px) and (max-width: 1400px) {*/
@media (max-width: 1400px) {
	html {
		font-size: 8px;
	}
}

/*==========================================================================================*/
@media (min-width: 1401px) and (max-width: 1600px) {
	html {
		font-size: 9px;
	}
}

/*==========================================================================================*/
@media (min-width: 1601px) {
	html {
		font-size: 10px;
	}
}

/*==========================================================================================*/