@charset "UTF-8";
/* 공통컬러 */
.c-point {
	color: #F2401A !important;
}

[class*=ic-] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.ic-search {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0833 18.9167C15.1334 18.9167 18.4167 15.6334 18.4167 11.5833C18.4167 7.53325 15.1334 4.25 11.0833 4.25C7.03325 4.25 3.75 7.53325 3.75 11.5833C3.75 15.6334 7.03325 18.9167 11.0833 18.9167Z' stroke='%23585856' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20.2492 20.75L16.2617 16.7625' stroke='%23585856' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.ic-bell {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_940_1294)'%3E%3Cpath d='M12 1.62097L12 3.17491' stroke='%23585856' stroke-width='1.5' stroke-linecap='square'/%3E%3Cmask id='path-2-outside-1_940_1294' maskUnits='userSpaceOnUse' x='2.75' y='2.35486' width='18' height='16' fill='black'%3E%3Crect fill='white' x='2.75' y='2.35486' width='18' height='16'/%3E%3Cpath d='M12 4.35486C9.00031 4.35486 6.5625 6.63084 6.5625 9.43139V14.5079C5.65625 14.5079 4.75 15.354 4.75 16.2001H12M12 4.35486C14.9997 4.35486 17.4375 6.63084 17.4375 9.43139V14.5079C18.3438 14.5079 19.25 15.354 19.25 16.2001H12'/%3E%3C/mask%3E%3Cpath d='M6.5625 14.5079V16.0079H8.0625V14.5079H6.5625ZM4.75 16.2001H3.25V17.7001H4.75V16.2001ZM17.4375 14.5079H15.9375V16.0079H17.4375V14.5079ZM19.25 16.2001V17.7001H20.75V16.2001H19.25ZM12 4.35486V2.85486C8.2706 2.85486 5.0625 5.70703 5.0625 9.43139H6.5625H8.0625C8.0625 7.55465 9.73003 5.85486 12 5.85486V4.35486ZM6.5625 9.43139H5.0625V14.5079H6.5625H8.0625V9.43139H6.5625ZM6.5625 14.5079V13.0079C5.65679 13.0079 4.85236 13.4179 4.29276 13.9403C3.73985 14.4565 3.25 15.2516 3.25 16.2001H4.75H6.25C6.25 16.2569 6.23534 16.2737 6.24748 16.2494C6.25971 16.225 6.2886 16.1812 6.34005 16.1332C6.39103 16.0856 6.447 16.0499 6.49611 16.0285C6.54518 16.0071 6.56839 16.0079 6.5625 16.0079V14.5079ZM4.75 16.2001V17.7001H12V16.2001V14.7001H4.75V16.2001ZM12 4.35486V5.85486C14.27 5.85486 15.9375 7.55465 15.9375 9.43139H17.4375H18.9375C18.9375 5.70703 15.7294 2.85486 12 2.85486V4.35486ZM17.4375 9.43139H15.9375V14.5079H17.4375H18.9375V9.43139H17.4375ZM17.4375 14.5079V16.0079C17.4316 16.0079 17.4548 16.0071 17.5039 16.0285C17.553 16.0499 17.609 16.0856 17.66 16.1332C17.7114 16.1812 17.7403 16.225 17.7525 16.2494C17.7647 16.2737 17.75 16.2569 17.75 16.2001H19.25H20.75C20.75 15.2516 20.2601 14.4565 19.7072 13.9403C19.1476 13.4179 18.3432 13.0079 17.4375 13.0079V14.5079ZM19.25 16.2001V14.7001H12V16.2001V17.7001H19.25V16.2001Z' fill='%23585856' mask='url(%23path-2-outside-1_940_1294)'/%3E%3Cpath d='M9.5625 17.4237V18.3478C9.5625 19.5992 10.6591 20.623 11.9994 20.623C13.3397 20.623 14.4363 19.5992 14.4363 18.3478L14.4363 17.4237' stroke='%23585856' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_940_1294'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.121948)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}


#header {
	position: sticky;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 5.625rem;
	padding: 0 5rem;
	border-bottom: 1px solid #EAEAEA;
	background-color: #F9FAFC;
	z-index: 10000;

}
#header.active:before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.5);
	content:'';
}

#gnb {
	display: flex;
	align-items: center;
	height: 100%;
	margin:0 auto;
}
#gnb .dep1 {
	display: flex;
	align-items: center;
	height: 100%;
}
#gnb .dep1-item {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 2.75rem;
}
#gnb .dep1-link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 1.125rem;
	font-weight: 700;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease;
}
#gnb .dep1-item:hover .dep1-link {
	color: #F2401A;
	border-bottom-color: #F2401A;
}
#gnb .dep2 {
	display: none;
	position: fixed;
	left: 0;
	top: 5.62rem;
	width: 100%;
	padding: 2rem 0;
	background-color: #fff;
}
#gnb .dep1-item:hover .dep2 {
	display: block;
}

#gnb .dep2-wrap {
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(21.25rem, 1fr));
	grid-auto-flow: row dense;
	gap: 0 1px;
	width: 100%;
	max-width: 1364px;
	margin:0 auto;
	background-color: #EAEAEA;
}
#gnb .dep2-item {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	position: relative;
	width: 100%;
	height: 9.5rem;
	padding: 0 1.5rem;
	background-color: #fff;
}
#gnb .dep2-item:after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	content:'';
}
#gnb .dep2-link {
	font-size: 1rem;
	transition: color 0.2s ease;
}
#gnb dt .dep2-link {
	font-weight: 700;
}
#gnb .dep2-link:hover {
	color: #F2401A;
}

#util {
	display: flex;
	align-items: center;
	margin-left: auto;
	gap: 1rem;
}
#util * {
	color: #585856;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: -0.35px;
}
#util .bar {
	width: 1px;
	height: 0.625rem;
	background-color: #D5D5D5;
}
#util .sel {
	position: relative;
}
#util .sel button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.25rem;
	min-width: 2.75rem;
}
#util .sel button:after {
	width: 0.5rem;
	height: 0.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9' viewBox='0 0 8 9' fill='none'%3E%3Cpath d='M2 3.5L4 5.5L6 3.5' stroke='%23585856' stroke-linecap='square'/%3E%3C/svg%3E%0A");
	background-size: contain;
	content:'';
}
#util .sel ul {
	display: flex;
	flex-direction: column;	
	gap: 0.75rem;
	position: absolute;
	top: calc(100% + 0.5rem);
	left: 50%;
	padding: 1.5rem;
	border-radius: 0.5rem;
	border: 1px solid #d5d5d5;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.10);
	background-color: #fff;
	transform: translateX(-50%);
}
#util .sel ul * {
	color: #767676;
	font-size: 1rem;
	font-weight: 700;
	white-space: nowrap;
}
#util .sel ul a {
	transition: color 0.2s ease;
}
#util .sel ul a:hover {
	color: #F2401A;
}
#util .sel ul dl {
	display: flex;
	flex-direction: column;	
	gap: 0.5rem;
}
#util .sel ul dd a {
	font-size: 0.875rem;
}
#util .bell {
	position: relative;
}
#util .bell span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 0.75rem;
	aspect-ratio: 1 / 1;
	color: #fff;
	font-size: 0.625rem;
	font-weight: 900;
	border-radius: 100%;
	background-color: #F2401A;
}
#ham {
	margin-left: 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' viewBox='0 0 40 41' fill='none'%3E%3Cpath d='M6 9.5H34M6 20.5H34M6 31.5H34' stroke='%231A1A1A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");
	background-size: contain;
	text-indent: -999999px;
}