/* header */
.main header{
	position: fixed;
	top: 0; left: 0;
	z-index: 1000;
	width: 100%;
}
.main header .inner_base{
	padding: 2.5rem 7rem;
}
.main header .gnb ul{
	display: flex;
	gap: 1.875rem;
}
.main header .gnb li{position: relative;}
.main header .gnb li.active:after{
	content: "";
	width: 4px;
	height: 4px;
	background-color: #9297FF;
	transform: rotate(45deg);
	position: absolute;
	right: -6px;
	top: -1px;
}
.main header .gnb li a{transition: opacity 0.2s ease-in-out;}
.main header .gnb li a:hover{opacity: 0.4;}

.galaxy.mo_head{
	position: fixed;
}
header.psp{
	position: fixed;
	left: 0; top: 0;
	width: 100%;
}
header.sub_hd{
	padding-top: 40px;
}
header.sub_hd .inner{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 84px;
}
header.sub_hd a{
	display: flex;
	gap: 4px;
	align-items: center;
}
header.sub_hd a::before{
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url("../images/icons/ico_back_left_arrow.svg") no-repeat center / cover;
}
/* // header END */


/* footer */
.main footer{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #B6B6B6;
	padding-bottom: 64px;
}
.main footer span{
	font-weight: 600;
}
/* // footer END */


/* hambuger menu */
.menu_wrap{

}
.menu_btn{

}
/* // hambuger menu END */


/* scroll top button */
.main .scr_top_btn{

}
/* // scroll top button END */


/* Side menu */
.main .side{
	position: fixed;
	right: 30px;
	top: 50%;
	z-index: 100;
	transform: translateY(-50%);
	gap: 10px;
	width: 84px;
	height: 123px;
	
	border-radius: 20px;
	border: 2px solid #8187ff;
	;
	background: #9297FF;
	box-shadow: 0px 7.435px 14.87px 0px rgba(27, 27, 27, 0.16);
	backdrop-filter: blur(14.869593620300293px);
}
.main .side::after{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/main/side_3d.svg") no-repeat center / cover;
	position: absolute;
	right: -19px;
	bottom: -12px;
	z-index: 10;
}
.main .side a.active{
	color: #9297FF;
}
.main .side a{transition: opacity 0.2s ease-in-out;}
.main .side a:hover{opacity: 0.4;}
/* Side menu END */



@media all and (max-width: 768px){
	.main header{
		background-color: var(--white);
	}
	.main header .inner_base{
		width: 100%;
		padding: 12px 18px;
		border-bottom: 1px solid #F4F4F4;
	}
	.main header .inner_base > ul{
		display: flex !important;
		gap: 10px;
		color: #C4C5CA;
	}
	.main header .logo a{
		color: #C4C5CA;
	}
	header.sub_hd a::before{
		width: 16px;
		height: 16px;
	}
	.main header .gnb{
		position: absolute;
		top: 48px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		padding: 14px 0;
		background-color: var(--white);
		transition: top 0.3s ease-in-out;
	}
	header.sub_hd{
		padding: 12px 18px;
	}
	header.sub_hd .inner{
		padding: 0;
	}
	.scr_down .main header .gnb{
		top: 0;
	}
	.main header .gnb ul{
		gap: 18px;
		justify-content: center;
	}
	.main .side{
		display: none;
	}
}