/*폰트 설정*/
* { font-family: 'Pretendard', sans-serif; box-sizing: border-box; }
.jost { font-family: 'Jost', sans-serif; }
.highsummit { font-family: 'HighSummit', sans-serif; }
.Marcellus { font-family: 'Marcellus', sans-serif; }
.montserrat { font-family: 'montserrat', sans-serif; }
.NotoSans { font-family: 'Noto Sans KR', sans-serif; }
.NotoSerifCJKkr { font-family: 'Noto Serif CJK KR', sans-serif; }
.f_ChosunGs { font-family: 'ChosunGs', sans-serif; }
.HelveticaNeue { font-family: 'Helvetica Neue LT Std', 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%;
	max-width: 100%;
	background: #FFFFFF;
	color: #141414;
	margin:0;
	overflow-x:hidden;

  overscroll-behavior-x: none;  /* 크롬, 안드로이드 */
  -webkit-overflow-scrolling: auto;  /* iOS 스크롤 탄성 제거 */
  touch-action: pan-y;  /* x축 제스처 막음 (가로 스크롤 금지) */
  
	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;	
}

body.modal_open{
  overflow: hidden;
  touch-action: 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;
}
figure{
	margin: unset;
}

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

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 정렬값 순서 : 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) {
}

/*==========================================================================================*/
/*PC기준*/
/*@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;
	}
}
/*==========================================================================================*/




/*==========================================================================================*/
/*모바일 기준*/
/* 0 ~ 360px */
@media (max-width: 360px) {
  html { font-size: 7px; }
}

/* 361 ~ 380px */
@media (min-width: 361px) and (max-width: 380px) {
  html { font-size: 7.5px; }
}

@media (min-width: 381px) and (max-width: 400px) {
  html { font-size: 8px; }
}

@media (min-width: 401px) and (max-width: 420px) {
  html { font-size: 8.5px; }
}

@media (min-width: 421px) and (max-width: 440px) {
  html { font-size: 9px; }
}

@media (min-width: 441px) and (max-width: 460px) {
  html { font-size: 9px; }
}

@media (min-width: 461px) and (max-width: 480px) {
  html { font-size: 9.5px; }
}

@media (min-width: 481px) and (max-width: 500px) {
  html { font-size: 10px; }
}


/*==========================================================================================*/
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{z-index: 40 !important;}


/* 플렉스 / 그리드 */
.flex{
	display:flex;
}
.grid{
	display:grid;
}
.flex--column{
	display:flex;
	flex-direction: column;
}
.flex--center{
	display:flex;
	justify-content: center;
	align-items: center;
}