#loading {
	position:fixed;
	left:0;
	top:0%;
	width:100%;
	height:100%;
	background:#fff;
	z-index: 999;
}
#loading img {
	width:14.4rem;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
header {
	position:fixed;
	left:0;
	top:0;
	z-index: 4;
	width:100%;
}
nav .logo {
	width:7.75rem;
	height:2.4rem;
	background:url(/img/common/logo.png) no-repeat 50%;
	background-size:contain;
	display:inline-block;
}
nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:1.3rem 0;
	z-index: 5;
	/* border:1px solid black; */
	transition:background 0.3s ease;
}
nav .wrap_1530.d-flex {
	align-items: flex-start;
}
nav .align-center {
	align-items: flex-start;
	gap:3.5rem;
}
nav::after {
	content:'';
	display:none;
	position:absolute;
	left:0;
	top:0;
	height:5rem;
	width:100%;
	background:#fff;
	z-index: -1;
	transition:background 0.3s ease;
}
nav.active {
	position:fixed;
	transition: background 0.3s;
}
nav.active::after,
nav.ScrollOn::after,
nav.white::after {
	display:block;
}
nav.active ul li a,
nav.scrollOn ul li a,
nav.white ul li a {
	color:#333333;
}
nav.active .menu_btn {
	display:block;
}
nav ul.flex_wrapper {
	float:right;
	gap:2rem;
	margin-top:0.5rem;
}
nav ul.flex_wrapper>li {
	text-align:center;
	position:relative;
}
nav ul.flex_wrapper>li:nth-child(1) {
	width:8rem;
}
nav ul.flex_wrapper>li:nth-child(2) {
	width:7rem;
}
nav ul.flex_wrapper>li:nth-child(3) {
	width:7rem;
}
nav ul.flex_wrapper li a {
	color:#fff;
	font-size:0.9rem;
	font-weight:700;
	display:inline-block;
	border-bottom:3px solid transparent;
	line-height:1.5;
	font-family: 'S-Core Dream';
	letter-spacing: -0.075rem;
}
nav ul.flex_wrapper>li>a {
	padding-bottom:2px;
}
nav ul.flex_wrapper>li.on>a,nav ul.flex_wrapper>li.active>a {
	border-bottom:3px solid #007C57;
}
nav .menu_btn {
	float:right;
	margin-top:13px;
	display:none !important;
}
nav ul.flex_wrapper .sub_menu {
	width:100%;
	margin-top:3.2rem;
	display:none;
}
nav ul.flex_wrapper .sub_menu li {
	margin-bottom:0.25rem;
}
nav ul.flex_wrapper .sub_menu li a{
	color:#fff !important;
	font-weight:500;
	font-size:1rem;
	white-space: nowrap;
	font-family:'S-Core Dream';
}
nav.ScrollOn .logo, nav.active .logo, nav.white .logo {
	background:url(/img/common/logo_on.png) no-repeat 50%;
	background-size:contain;
}
nav.ScrollOn ul.flex_wrapper li a,
nav.active ul.flex_wrapper li a,
nav.white ul.flex_wrapper li a{
	color:#007C57;
}
.sub_menu_bg {
	height:16rem;
	position:fixed;
	width:100%;
	left:0;
	top:0;
	display:none;
	z-index: -1;
	background: #007C57;
}
.full_nav {
	position:fixed;
	left:0;
	top:0;
	/* border:1px solid red; */
	width:100%;
	height:100%;
	background:rgba(0,124,87,0.75);
	backdrop-filter: blur(40px) brightness(1);
	-webkit-backdrop-filter: blur(40px) brightness(1);
	z-index: 9;
	/* display:none; */
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s;
	animation-duration:0.8s !important;
}
.full_nav {
	display:block;
	transform: translate3d(100%, 0, 0);
}
.full_nav .wrap_1530 {
	/* border:1px solid black; */
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-top:1.25rem;
}
.full_nav .logo {
	width:7.75rem;
}
.full_nav .nav_close {
	width:2.5rem;
	cursor:pointer;
}
.full_nav .d-flex{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	align-items: flex-start;
	justify-content: center;
	gap:3.8rem;
	width:90%;
}
.full_nav .d-flex>img {
	width:23rem;
}
.full_nav .d-flex em {
	display:block;
	width:0.15rem;
	height:20rem;
	max-height:100%;
	background:rgba(255,255,255,0.3);
}
.full_nav .d-flex>ul>li {
	margin-bottom:2.5rem;
}
.full_nav .d-flex>ul>li:last-child {
	margin-bottom:0;
}
.full_nav ul>li>a {
	font-size:1.25rem;
	font-weight:600;
	color:#fff;
	display:inline-block;
	margin-bottom:0.5rem;
}
.full_nav .full_nav_sub_menu {
	white-space: nowrap;
}
.full_nav .full_nav_sub_menu li {
	display:inline-block;
	margin-right:2.5rem;
}
.full_nav .full_nav_sub_menu li:last-child {
	margin-right:0;
}
.full_nav .full_nav_sub_menu li a {
	font-family: 'GmarketSans';
	font-size:0.9rem;
	font-weight:500;
	opacity:0.8;
	transition:all 0.3s ease;
}
.full_nav .full_nav_sub_menu li a:hover {
	opacity:1;
}
.full_nav .mob_bottom_fix {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:1.2rem 5%;
	background:#002A1D;
	color:#fff;
	display:none;
}
.full_nav .mob_bottom_fix .flex_wrapper {
	justify-content: space-between;
	align-items: center;
}
.full_nav .mob_bottom_fix .battery {
	width:3rem;
}
.full_nav .mob_bottom_fix h5 {
	font-family: 'GmarketSans';
	font-size:1.5rem;
	margin-left:-1%;
}
.full_nav .mob_bottom_fix a {
	font-size:3.5rem;
	font-weight:700;
	color:#fff;
	letter-spacing: -0.2rem;
}

/* 메뉴 버튼*/
.ham_wrap {
	margin-top:0.7rem;
}
.hamburger {
    position: relative;
    width: 1.5rem;
    height: 1rem;
    margin: 0 auto;
}
.hamburger:hover {
	cursor: pointer;
}

/* 햄버거 메뉴 선*/
nav.active .hamburger span,
nav.active .hamburger span::before,
nav.active .hamburger span::after,
nav.scrollOn .hamburger span,
nav.scrollOn .hamburger span::before,
nav.scrollOn .hamburger span::after,
nav.white .hamburger span,
nav.white .hamburger span::before,
nav.white .hamburger span::after {
	background:#007C57;
}
.hamburger span {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 1.5rem;
	height: 0.15rem;
	transform: translateY(-50%) skew(-15deg);
	transition: all 0.3s ease;
	background-color: #fff;
}
/* 선 복사 */
.hamburger span::before,
.hamburger span::after {
display: block;
position: absolute;
content: "";
top: 0px;
left: 0;
width: 1.5rem;
height: 0.15rem;
background-color: #fff;
transition: all 0.3s ease;
}
/* 복사한 선 위치 이동 */
.hamburger span::before {
top: -0.4rem;
margin-left:-7%;
}
.hamburger span::after {
top: 0.4rem;
margin-left:8%;
}
/* 메뉴 on 시 모양 변경 */
.hamburger.on span::before,
.hamburger.on span::after {
    background :black;
}
.hamburger.on span {
    background-color: rgb(0, 0, 0, 0);
}
.hamburger.on span::before {
top: 0;
transform: rotateZ(45deg);
}
.hamburger.on span::after {
top: 0;
transform: rotateZ(-45deg);
}

footer {
	background:#002A1D;
	text-align:center;
	color:#fff;
	padding:4rem 0;
}
footer a.call {
	display:inline-block;
	color:#fff;
	font-weight:500;
	font-size:1.5rem;
	background:#007C57;
	padding:0 0.75rem;
}
footer img {
	width:9rem;
	display:block;
	margin: auto;
}
footer p {
	font-weight:300;
	font-size:0.8rem;
	line-height:1.8;
}
footer .copyright {
	font-size:0.8rem;
	font-weight:600;
	text-transform: uppercase;
}

@media screen and (max-width:1028px) {
	nav ul.flex_wrapper {
		gap:1rem;
	}
}
@media screen and (max-width:1024px) {
	nav ul.flex_wrapper {
		gap:1rem;
	}
	.full_nav .d-flex>img {
		width:20rem;
	}
	.full_nav .d-flex {
		gap:2.5rem;
	}
	.full_nav .full_nav_sub_menu li {
		margin-right:1.5rem;
	}
}
@media screen and (max-width:768px) {
	nav ul.flex_wrapper {
		display:none;
	}
	.full_nav .d-flex>img ,
	.full_nav .d-flex em{
		display:none;
	}
	.full_nav .d-flex>ul>li {
		text-align:center;
		margin-bottom:0;
	}
	.full_nav .full_nav_sub_menu {
		display:none;
		margin-bottom:1rem;
	}
	.full_nav .full_nav_sub_menu li {
		display:block;
		margin-right:0;
		margin-bottom:2rem;
	}
	.full_nav .full_nav_sub_menu li:last-child {
		margin-bottom:0;
		padding-bottom:2rem;
	}
	.full_nav ul>li>a {
		font-size:2.2rem;
		margin-bottom:2rem;
	}
	.full_nav .full_nav_sub_menu li a {
		font-size:1.5rem;
		margin-bottom:0rem;
	}
	.full_nav .mob_bottom_fix {
		display:block;
	}
}