@charset "utf-8";

body.on {
	touch-action: none;
	overflow: hidden !important;
	-webkit-user-select: none;
}

html.on {
	touch-action: none;
	overflow: hidden !important;
	overscroll-behavior: none;
	-webkit-user-select: none;
}

section .s_inner {
	max-width: 1310px;
	width: 90%;
	margin: 0 auto;
}

a {
    -webkit-tap-highlight-color: transparent;
  }

#load {
	display: none;
}

.loading-container {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 99999999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container .loading {
	width: calc(100vw * (100/640));
	height: calc(100vw * (100/640));
	border-radius: 50%;
	border: 2px solid transparent;
	border-color: transparent #fff transparent #FFF;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container #loading-text {
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: calc(100vw * (10/640));
	font-weight: bold;
	opacity: 0;
	text-align: center;
	text-transform: uppercase;
	width: calc(100vw * (100/640));
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	}
}

@-o-keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
	}
}


@keyframes loading-text-opacity {
	0% {
		opacity: 0
	}

	20% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}


@-moz-keyframes loading-text-opacity {
	0% {
		opacity: 0
	}

	20% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes loading-text-opacity {
	0% {
		opacity: 0
	}

	20% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes loading-text-opacity {
	0% {
		opacity: 0
	}

	20% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

/* pop */
.pop {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1001;
	max-width: 95%;
	max-height: 95%;
	/* overflow: auto; */
	background-color: #fff;
	z-index: 10011;
	border-radius: 10px;
	display: none;
}


.pw_pop .pop {
	width: 95%;
}

.pw_pop .pop_close_btn img {
	filter: brightness(0) invert(1);
}

.pop_close_btn {
	position: absolute;
	width: calc(100vw * (13/375));
	height: calc(100vw * (13/375));
	right: calc(100vw * (15/375));
	top: calc(100vw * (15/375));
	z-index: 2;
}

.common_pop .pop {
	width: 90%;
	padding: 25px 15px;
}

.id_btn button.chk {
	background: #c8c8c8;
}

.id_btn button {
	color: #fff;
}

.id_btn button {
	height: 40px;
	width: 120px;
	margin: 0 5px;
	border-radius: 5px;
	font-size: 15px;
	background: #06B395;
}

/* END pop */

/* header */
.header_inner {
	justify-content: space-between;
	padding: .625rem 0;
}

.logo {
	width: 7.625rem;
	height: 1.625rem;
	background: url('../image/common/logo.svg') no-repeat center / contain;
	display: flex;
	align-items: center;
	justify-content: center;
}

.arim {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.arim.on::after {
	content: 'N';
	position: absolute;
	width: .875rem;
	height: .875rem;
	border-radius: 50%;
	background-color: #FF4E4E;
	color: #fff;
	font-weight: 900;
	font-size: .4375rem;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	transform: translate(50%, -30%);
}

.arim .img_icon {
	width: 1.125rem;
	height: 1.125rem;
}

.gnb_btn {
	width: 1.3125rem;
	height: 1rem;
	position: relative;
	justify-content: center;
	flex-direction: column;
	margin-left: 1.25rem;
}

.gnb_btn span {
	width: 100%;
	height: .125rem;
	display: block;
	background-color: #fff;
}

.gnb_btn span:first-child {
	margin-bottom: auto;
}

.gnb_btn span:last-child {
	margin-top: auto;
}

/* END header */

/* footer */
#footer {
	padding: 100px 0;
	background-color: #111111;
	width: 100vw;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer .footer_inner{
	display: flex;
	gap: 130px;
	margin: 0 auto;
}

#footer .center .row {
	display: flex;
	gap: 20px;
}

#footer .row .text {
	color: #FFF;
	opacity: 0.8;
	font-size: 15px;
	font-weight: 200;
	line-height: 1.7em !important;
}

#footer .row .text_w {
	opacity: 1;
}

#footer .row1 .text {
	font-size: 17px;
}

#footer .center .row2 {
	margin-top: 20px;
}

#footer .center .row4 .text_bold {
	font-weight: 600;
}

#footer .center .row4 a {
	text-decoration: underline;
}

#footer .center .row5 {
	margin-top: 40px;
}

#footer .center .row5 .text {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	color: rgba(255, 255, 255, 0.4);
	opacity: 0.8;
}

#footer .right .row2 .text {
	font-weight: 700;
	font-size: 32px;
}

@media(max-width:1399px){
	#footer .footer_inner{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
		width: 90%;
	}

	#footer .footer_inner .left{
		order: 1;
	}
	#footer .footer_inner .right{
		text-align: right;
		order: 2;
	}
	#footer .footer_inner .center {
		order: 3;
		grid-column: span 2;
	}
}

@media(max-width:900px){
    #footer .row .text{
        font-size: 13px;
    }
}

@media(max-width:600px){
    #footer .footer_inner{
        display: flex;
        flex-direction: column;
    }

    #footer .center .row{
        flex-direction: column;
        gap: 0px;
    }

    #footer .center .row1{
        flex-direction: unset;
        gap: 10px;
    }

    #footer .center .row5 .text{
        font-size: calc(100vw * (14/390));
    }

    #footer .row .text{
        font-size: calc(100vw * (14/390));
    }

    /* #footer .right .row1 .text,
    #footer .center .row1 .text{
        font-size: calc(100vw * (18/390));
    } */

    #footer .right .row2 .text {
        font-size: calc(100vw * (24/390));
    }

    #footer .footer_inner .right{
        order: 4;
        text-align: left;
    }

    #footer {
        padding: 70px 0;
    }

    #footer .center .row5{
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* END footer */

/* gnb */
.gnb_wrap.on .gnb_box {
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.gnb_box {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background-color: transparent;
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	overflow: auto;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background-color: #1A1F2C;
}

.gnb_header .gnb_menu .g_home .icon {
	width: calc(100vw * (18/375));
	height: calc(100vw * (18/375));
	background: url('../image/common/g_home.svg') no-repeat center / cover;
}

.gnb_header .gnb_menu .g_close .icon {
	width: calc(100vw * (15/375));
	height: calc(100vw * (15/375));
	background: url('../image/common/g_close.svg') no-repeat center / cover;
}

.gnb_header .gnb_menu .g_home,
.gnb_header .gnb_menu .g_close {
	margin-left: calc(100vw * (10/375));
	padding: 0 calc(100vw * (5/375));
	align-items: center;
}

.gnb_header .gnb_menu {
	margin-left: auto;
	height: calc(100vw * (88/375));
}

.gnb_info_box .name_box .login_ment {
	font-size: calc(100vw * (13/375));
	font-weight: 500;
	color: #9F9F9F;
	position: relative;
	padding-right: calc(100vw * (15/375));
}

.gnb_info_box .name_box .login_ment::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100vw * (8/375));
	height: calc(100vw * (12/375));
	background: url('../image/common/gnb_arw.svg') no-repeat center / contain;
}

.gnb_point_box {
	background: linear-gradient(115.78deg, #0ABFAB 39.25%, #009FB5 90.38%), #FFFFFF;
	border-radius: calc(100vw * (18/375));
	box-shadow: 0px 4px 10px rgba(16, 180, 162, 0.12);
	padding: calc(100vw * (3/375));
}

.gnb_point_box .gp {
	width: 100%;
	height: calc(100vw * (54/375));
	background-color: #fff;
	border-radius: calc(100vw * (14/375));
	padding: 0 calc(100vw * (20/375));
}

.gnb_point_box .left {
	font-size: calc(100vw * (15/375));
	color: #06B395;
}

.gnb_point_box .right .point {
	color: #000;
	font-size: calc(100vw * (17/375));
	font-weight: 600;
	margin-right: calc(100vw * (8/375));
}

.gnb_point_box .right .img_icon {
	width: calc(100vw * (8/375));
	height: calc(100vw * (15/375));
}

.gnb_point_box .gpp {
	background: transparent;
}

.gnb_point_box .gpp .left {
	color: #fff;
}

.gnb_point_box .gpp .left .img_icon {
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	margin-right: calc(100vw * (5/375));
}

.gnb_point_box .gpp .right .point {
	color: #fff;
}

.gnb_point_box .gpp .right .img_icon {
	filter: brightness(0) invert(1);
	;
}

.gnb_info_box {
	margin-bottom: calc(100vw * (35/375));
}

.gnb_body {
	border-radius: calc(100vw * (28/375)) calc(100vw * (28/375)) 0 0;
	background-color: #fff;
	margin-top: auto;
	padding-top: calc(100vw * (30/375));
	padding-bottom: calc(100vw * (60/375));
}

.gnb_body .g_link {
	width: 100%;
	display: block;
	padding: calc(100vw * (15/375)) 0;
	font-size: calc(100vw * (19/375));
	font-weight: 500;
	color: #000;
}

.g_kakao {
	width: 100%;
	height: calc(100vw * (60/375));
	border-radius: calc(100vw * (10/375));
	background-color: #F1F1F1;
	padding: 0 calc(100vw * (30/375));
	margin: calc(100vw * (40/375)) 0 calc(100vw * (30/375));
}

.g_kakao .img_icon {
	width: calc(100vw * (18/375));
	height: calc(100vw * (17/375));
	background: url('../image/common/kakao_icon.svg') no-repeat center / contain;
	margin-right: calc(100vw * (10/375));
}

.g_kakao .k_arw {
	width: calc(100vw * (8/375));
	height: calc(100vw * (16/375));
	background: url('../image/common/kakao_arw.svg') no-repeat center / contain;
}

.g_etc_box {
	height: calc(100vw * (65/375));
	justify-content: center;
}

.g_etc_box a {
	justify-content: center;
	position: relative;
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	color: #B1B1B1;
}

.g_etc_box a:not(:last-child) {
	padding-right: calc(100vw * (15/375));
	margin-right: calc(100vw * (15/375));
}

.g_etc_box a:not(:last-child)::after {
	content: '';
	position: absolute;
	width: 1px;
	height: calc(100vw * (12/375));
	background-color: #EDEDED;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.gnb_menu .logout_btn {
	background-color: rgba(255, 255, 255, 0.1);
	padding: calc(100vw * (5/375)) calc(100vw * (15/375));
	border-radius: calc(100vw * (50/375));
	font-size: calc(100vw * (13/375));
	font-weight: 500;
	color: #AEAEAE;
}

/* END gnb */

/* splash */
.splash_wrap {
	min-height: 100vh;
	background: url('../image/common/splash_bg.jpg') no-repeat center / cover;
	flex-direction: column;
	justify-content: center;
}

.spl_logo {
	width: calc(100vw * (260/375));
	height: calc(100vw * (30/375));
	background: url('../image/common/spl_logo.svg') no-repeat center / contain;
	margin-bottom: calc(100vw * (30/375));
}

.spl_ment {
	font-size: calc(100vw * (26/375));
	line-height: 1.6em;
	font-weight: 400;
	color: #fff;
	text-align: center;
}

.spl_ment span {
	font-weight: 700;
	color: #06B395;
}

/* END splash */

/* sub_header */
.sub_header_inner {
	height: calc(100vw * (50/375));
	justify-content: space-between;
	position: relative;
	background-color: #1A1F2C;
}

.sub_header_inner .sub_name {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: calc(100vw * (17/375));
	font-weight: 500;
}

.sub_header_inner .sub_arw {
	width: calc(100vw * (10/375));
	height: calc(100vw * (20/375));
	background: url('../image/common/sub_arw.svg') no-repeat center / contain;
}

/* END sub_header */