/* WEB 상단바 START */
.memberInfo_container {
	display: flex;
	align-items: center;
	height: var(--header-height);
	background-color: var(--color-base-light);
	border-bottom: 1px solid var(--color-border-light);
}
@media screen and (max-width: 768px) {
	.memberInfo_container {
		display: none;
	}
}
.memberInfo {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.memberInfo .welcome {
	display: flex;
	align-items: center;
	gap: var(--space-x-small);
}
.memberInfo .cashInfo_container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-large);
}
.memberInfo .cashInfo_container .wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-x-small);
}
.memberInfo .cashInfo_container .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.4rem;
	height: 2.4rem;
	color: #fff;
	font-size: 1.3rem;
	font-weight: var(--font-w-mid);
	line-height: 1;
	border-radius: var(--border-radius-small);
	background-color: var(--color-base-dark);
}
.memberInfo .cashInfo_container .value {
	display: flex;
	gap: var(--space-xx-small);
	font-weight: var(--font-w-semibold);
}
.memberInfo .sns_list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-mid);
}
.memberInfo .sns_list [class*='icon_wrap'] img {
	width: 2rem;
	height: 2rem;
}
.loginField [class*='c_input'] {
	width: 14rem;
	height: 3.2rem;
}
/* 로그인, 로그아웃 상태에 따른 화면 제어 START */
[class*='memberInfo'][class*='logout'] .welcome {
	display: none;
}
[class*='memberInfo'][class*='logout'] .cashInfo_container {
	display: none;
}
[class*='memberInfo'][class*='login'] .loginField {
	display: none;
}
/* WEB 상단바 END */

/* WEB 상단메뉴 START */
.topMenu_container {
	position: relative;
	display: flex;
	align-items: center;
	height: var(--topMenu-height);
	border-bottom: 1px solid var(--color-border-light);
	background-color: #fff;
}
@media screen and (max-width: 768px) {
	.topMenu_container {
		z-index: 20;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: var(--header-height);
	}
}
.topMenu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ci_wrap {
	display: flex;
	flex-shrink: 0;
	width: auto;
}
@media screen and (max-width: 768px) {
	.ci_wrap {
		height: var(--m-header-height);
	}
}
.ci_wrap .logo {
	display: flex;
	height: 4rem;
}
@media screen and (max-width: 768px) {
	.ci_wrap .logo {
		display: none;
	}
}
.ci_wrap .symbol {
	display: none;
}
@media screen and (max-width: 768px) {
	.ci_wrap .symbol {
		display: flex;
		width: auto;
		height: 2.8rem;
	}
}
.ci_wrap > a {
	display: flex;
	align-items: center;
	height: 100%;
}
.topMenu .topMenu_list {
	display: flex;
	flex-direction: row;
	gap: var(--space-large);
}
@media screen and (max-width: 768px) {
	.topMenu .topMenu_list {
		display: none;
	}
}
.topMenu .topMenu_list .item > a {
	display: flex;
	gap: var(--space-x-small);
}
.topMenu .topMenu_list .item > a span {
	display: none;
	font-weight: var(--font-w-regular);
	word-break: keep-all;
}

/* 모바일에서만 노출되는 메뉴 START */
.topMenu .mobileMenu {
	display: none;
}
@media screen and (max-width: 768px) {
	.topMenu .mobileMenu {
		display: flex;
		gap: var(--space-large);
	}
	header.on .topMenu .mobileMenu .btnMenuList {
		display: none;
	}
	.topMenu .mobileMenu .btnMenuClose {
		display: none;
	}
	header.on .topMenu .mobileMenu .btnMenuClose {
		display: flex;
	}
}
.topMenu .mobileMenu [class*='icon_wrap'] {
	cursor: pointer;
}
/* 모바일에서만 노출되는 메뉴 END */

/* WEB 상단메뉴 END */

/* 네비게이션 START */
.gnb_container {
	position: relative;
	height: var(--header-height);
	border-bottom: 1px solid var(--color-border-light);
	box-sizing: border-box;
	background-color: #fff;
}
@media screen and (max-width: 768px) {
	.gnb_container {
		display: none;
		overflow-y: scroll;
	}
}
@media screen and (max-width: 768px) {
	header.on .gnb_container {
		z-index: 10;
		position: fixed;
		top: var(--header-height);
		display: flex;
		width: 100svw;
		min-height: calc(100svh - var(--header-height));
	}
}
.gnb_container .gnb {
	z-index: 10;
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	transition: var(--transition-slow);
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb {
		display: flex;
		height: inherit;
	}
}
.gnb_container .gnb .gnbMenu_list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: var(--header-height);
	text-align: center;
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list {
		overflow-y: auto;
		flex-direction: column;
		justify-content: flex-start;
		gap: unset;
		width: 100%;
		max-width: 100%;
		height: 100%;
		transition: opacity var(--transition-slow);
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}
}
.gnb_container .gnb .gnbMenu_list > .item {
	display: flex;
	align-items: center;
	padding: 0 var(--space-mid);
	white-space: nowrap;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list > .item {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		flex-basis: unset;
		width: 100%;
		padding: unset;
	}
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list > .item + .item {
		border-bottom: 1px solid var(--color-border-light);
	}
}
.gnb_container .gnb .gnbMenu_list > .item.btnMenu {
	padding-left: unset;
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list > .item.btnMenu {
		display: none;
	}
}
.gnb_container .gnb .gnbMenu_list .item .mainCategory {
	font-size: var(--font-s-x-small);
	font-weight: var(--font-w-mid);
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .item .mainCategory {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: var(--space-mid) 0;
	}
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .item .mainCategory::after {
		content: '';
		display: flex;
		width: 2.4rem;
		height: 2.4rem;
		background: url('../../image/common/icon_dropBox.svg') center / 3.2rem no-repeat #fff;
	}
	.gnb_container .gnb .gnbMenu_list .item .mainCategory.on::after {
		transform: rotate(180deg);
	}
}
.gnb_container .gnb .gnbMenu_list .sub_list {
	z-index: 20;
	position: absolute;
	top: var(--header-height);
	left: 50%;
	transform: translate(-50%, -0%);
	display: none;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
}
@media screen and (min-width: 769px) {
	.gnb_container .gnb .gnbMenu_list .sub_list.on {
		display: flex;
	}
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .sub_list {
		position: relative;
		top: 0;
		left: 0;
		transform: unset;
		flex-direction: column;

		/* PC에서는 display: none 유지, 모바일에서는 block으로 변경 */
		display: block;

		/* 애니메이션 적용 */
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
	}

	/* 활성화 상태 (펼쳐질 때) */
	.gnb_container .gnb .gnbMenu_list .sub_list.on {
		opacity: 1;
	}
}

.gnb_container .gnb .gnbMenu_list .sub_list::before {
	content: '';
	z-index: 0;
	position: absolute;
	width: calc(100% + 1px);
	height: 100%;
	border-left: 1px solid var(--color-border-light);
	border-right: 1px solid var(--color-border-light);
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .sub_list::before {
		display: none;
	}
}
.gnb_container .gnb .gnbMenu_list .sub_list::after {
	content: '';
	z-index: -10;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -0%);
	width: 100vw;
	height: 100%;
	background-color: #fff;
	border-bottom: 1px solid var(--color-border-light);
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .sub_list::after {
		display: none;
	}
}
.gnb_container .gnb .gnbMenu_list .sub_list > .item {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-basis: calc(100% / 6);
	gap: var(--space-x-small);
	padding: var(--space-mid) var(--space-mid) var(--space-large) var(--space-mid);
	background-color: #fff;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .sub_list > .item {
		gap: unset;
		padding: var(--space-x-small) 0 var(--space-x-small) var(--space-mid);
		border-top: 1px solid var(--color-border-light);
	}
}
@media screen and (max-width: 900px) {
	.gnb_container .gnb .gnbMenu_list .sub_list > .item {
		flex-basis: calc(100% / 5);
	}
}
.gnb_container .gnb .gnbMenu_list .sub_list > .item::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	display: flex;
	width: calc(100% + 1px);
	height: calc(100% + 1px);
	box-sizing: border-box;
	border: 1px solid var(--color-border-light);
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .sub_list > .item::before {
		display: none;
	}
}
.gnb_container .gnb .gnbMenu_list .sub_list .subCategory {
	display: flex;
	font-weight: var(--font-w-semibold);
}
@media screen and (max-width: 900px) {
	.gnb_container .gnb .gnbMenu_list .sub_list .subCategory {
		padding: var(--space-x-small) 0;
		font-size: var(--font-s-xx-small);
		font-weight: var(--font-w-mid);
	}
}
.gnb_container .gnb .gnbMenu_list .depth_list {
	z-index: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-xxx-small);
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .depth_list {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
	}

	.gnb_container .gnb .gnbMenu_list .depth_list.on {
		opacity: 1;
	}
}

.gnb_container .gnb .gnbMenu_list .depth_list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 var(--space-xx-small);
	width: 100%;
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .depth_list .item {
		justify-content: flex-start;
		padding: var(--space-x-small) 0;
	}
}
.gnb_container .gnb .gnbMenu_list .depth_list .item:hover {
	color: var(--color-primary);
}
@media screen and (max-width: 768px) {
	.gnb_container .gnb .gnbMenu_list .depth_list .item::before {
		content: '- ';
	}
}
.gnb_container .gnb .gnbMenu_list .depth_list .item a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	white-space: normal;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.gnb_container .btnEsti {
		display: none;
	}
}
/* 네비게이션 END */

@media screen and (max-width: 768px) {
	/* Chrome, Safari, Opera*/
	.gnb_container .gnb .gnbMenu_list::-webkit-scrollbar {
		display: none;
	}
}
.etcMenu {
	display: none;
}

/* 모바일 헤더 활성화 */
@media screen and (max-width: 768px) {
	header {
		z-index: 10;
		position: fixed;
		top: 0;
		height: 100svh;
		background-color: #fff;
	}
	header.on {
		display: flex;
		flex-direction: column;
	}
	header.on .c_section:nth-child(1) {
		order: 2;
	}
	header.on .c_section:nth-child(2) {
		order: 1;
	}
	header.on .c_section:nth-child(3) {
		order: 3;
	}
	header.on .c_section:nth-child(4) {
		order: 4;
	}
	header.on .memberInfo_container {
		display: flex;
		height: calc(var(--header-height) * 2.5);
		margin-top: var(--header-height);
	}
	header.on .memberInfo_container .memberInfo {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-x-small);
	}
	header.on .memberInfo_container .memberInfo .welcome {
		justify-content: space-between;
		width: 100%;
	}
	header.on .memberInfo_container .memberInfo .sns_list {
		display: none;
	}
	header.on .memberInfo_container .memberInfo .cashInfo_container {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-x-small);
	}
	header.on .memberInfo_container .memberInfo .loginField {
		width: 100%;
	}
	header.on .memberInfo_container .memberInfo .loginField > .input_wrap {
		flex-direction: column;
		gap: var(--space-small);
	}
	header.on .memberInfo_container .memberInfo .loginField > .input_wrap .input_wrap {
		flex-direction: row;
		width: 100%;
	}
	header.on .memberInfo_container .memberInfo .loginField > .input_wrap .input_wrap:nth-child(2) {
		justify-content: center;
		gap: var(--space-mid);
	}
	header.on .memberInfo_container .memberInfo .loginField > .input_wrap .input_wrap [class*='c_input'] {
		width: 100%;
	}
	header.on .memberInfo_container .memberInfo .loginField > .input_wrap .input_wrap [class*='c_btn'] {
		width: 10rem;
	}
	header.on .gnb_container {
		position: relative;
		top: unset;
		height: calc(100svh - (var(--header-height) * 4.5));
		min-height: unset;
		max-height: unset;
		/* min-height: calc(100svh - (var(--header-height) * 3.5));
		max-height: calc(100svh - (var(--header-height) * 4.5)); */
	}
	header.on .etcMenu {
		display: flex;
		align-items: center;
		height: var(--header-height);
	}
	header.on .etcMenu .etcMenu_list {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	header.on .etcMenu .etcMenu_list .item a {
		text-decoration: underline;
	}
}
.mobileShow {
	display: none !important;
}
@media screen and (max-width: 768px) {
	.mobileShow {
		display: flex !important;
	}
}

.file_progress_wrapper {
	background: url("/design_template/images/new/image/common/loding_bar.gif") no-repeat;
}

/* 검색 START */
/* .modalSearch {
	z-index: 20;
	position: absolute;
	top: calc(var(--header-height) * 1);
	left: 50%;
	transform: translate(-50%, -0%);
	display: flex;
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
}
.modalSearch::before {
	content: '';
	z-index: 0;
	position: absolute;
	width: calc(100% + 1px);
	height: 100%;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.modalSearch::before {
		display: none;
	}
}
.modalSearch::after {
	content: '';
	z-index: -10;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -0%);
	width: 100vw;
	height: 100svh;
	background-color: #fff;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.modalSearch::after {
		display: none;
	}
} */
/* 검색 END */