* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/* 한글/영문 전환시 폰트가 급격히 바뀌어 보이는 문제 방지용 전역 폰트스택.
   각 OS의 기본 UI폰트를 우선 써서(안드로이드=Roboto, iOS=San Francisco, 윈도우=Segoe UI)
   그 뒤에 한글 폴백을 붙임 - Arial 단독폴백은 안드로이드에서 대체폰트로 크게 렌더링되는 문제가 있었음 */
body {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.point-font {
	font-family: "Roboto", "Malgun Gothic", helvetica !important;
	font-weight: 600;
	font-size: 1.5em;
}

.c-item {
	max-width: 1116px;
	height: 100%;
	margin: 0 auto 0 auto;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 12px 2px rgb(0 10 65 / 12.5%);
	min-height: 650px;
	padding: 15px;
}

.ckmenu2Div {
	float: left;
	display: table;
	vertical-align: middle;
	width: 78px;
	height: 45px;
}

.ckmenu2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: #333;
	font-size: 0.85em;
	/* 2026-07-26: 크롤링 가능하도록 <div>를 <a href>로 바꾸면서 추가 - <a> 기본 밑줄이 안 생기게
	   막아둠(기존 <div>일 땐 필요 없던 규칙, SEO 내부링크 작업) */
	text-decoration: none;
}

.ckmenu2-active-effect {
	color: var(--main-color);
	font-weight: bold;
	border-bottom: 2px solid var(--main-color);
}

/* 헤더의 언어선택 콤보박스. 이전엔 color:#fff + 반투명 흰 배경이라 닫힌 상태 글씨가 거의 안 보였음.
   appearance:none + 직접 그린 화살표로 브라우저 기본 select 모양을 통일감있게 교체 */
.lang-select {
	height: 26px;
	padding: 0 22px 0 10px;
	border-radius: 13px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background-color: #fff;
	color: #333;
	font-size: 0.75em;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 9px 6px;
}
.lang-select:hover,
.lang-select:focus {
	outline: none;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 480px) {
	.lang-select {
		height: 24px;
		font-size: 0.7em;
		padding: 0 18px 0 8px;
	}
}