@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&display=swap');
html,body{font-family:'Noto Sans' , sans-serif; letter-spacing:0;}
input,
select {font-family:'Noto Sans', sans-serif;}
button {font-family:'Noto Sans', sans-serif;}

.btn-gnb-nav .txt {margin:0 0 0 12px;}
.btn-gnb-nav.gnb-1 .txt {width:310px; height:38px;padding:34px 0 0 0;margin:-34px 0 0 0;}
.btn-gnb-nav.gnb-2 .txt {width:235px; height:38px;}
.btn-gnb-nav.gnb-3 .txt {width:235px; height:38px;}
.btn-gnb-nav.gnb-4 .txt {width:235px; height:38px;}
.btn-gnb-nav.gnb-5 .txt {width:235px; height:38px;}
.btn-gnb-nav.gnb-6 .txt {width:345px; height:40px;}
.btn-gnb-nav.gnb-1 .txt:before {background-image:url(../images/gnb-nav-1-1-off.png);}
.btn-gnb-nav.gnb-1 .txt:after {background-image:url(../images/gnb-nav-1-1-on.png);}
.btn-gnb-nav.gnb-2 .txt:before {background-image:url(../images/gnb-nav-2-off.png);}
.btn-gnb-nav.gnb-2 .txt:after {background-image:url(../images/gnb-nav-2-on.png);}
.btn-gnb-nav.gnb-3 .txt:before {background-image:url(../images/gnb-nav-3-off.png);}
.btn-gnb-nav.gnb-3 .txt:after {background-image:url(../images/gnb-nav-3-on.png);}
.btn-gnb-nav.gnb-4 .txt:before {background-image:url(../images/gnb-nav-4-off.png);}
.btn-gnb-nav.gnb-4 .txt:after {background-image:url(../images/gnb-nav-4-on.png);}
.btn-gnb-nav.gnb-5 .txt:before {background-image:url(../images/gnb-nav-5-off.png);}
.btn-gnb-nav.gnb-5 .txt:after {background-image:url(../images/gnb-nav-5-on.png);}
.btn-gnb-nav.gnb-6 .txt:before {background-image:url(../images/gnb-nav-6-1-off.png);}
.btn-gnb-nav.gnb-6 .txt:after {background-image:url(../images/gnb-nav-6-1-on.png);}

.btn-gnb-nav .comming-soon { display:none; width:135px; height:28px; margin:0; background:url(../images/gnb-nav-comming.png) center center no-repeat; background-size: 100%;}

.siege-2 .tab-menu li:nth-child(1) {background-image:url(../images/siege-2-txt-2-off.png);}
.siege-2 .tab-menu li:nth-child(2) {background-image:url(../images/siege-2-txt-3-off.png);}
.siege-2 .tab-menu li.on:nth-child(1) {background-image:url(../images/siege-2-txt-2-on.png);}
.siege-2 .tab-menu li.on:nth-child(2) {background-image:url(../images/siege-2-txt-3-on.png);}


.siege-3 .tit {top:0;}
.siege-object.object01 {top:53%; left:17.025%; width:16.97916667%; height:38.88888889%;background: url(../images/siege-object-01.png) no-repeat center center;background-size: 100%;}
.siege-object.object01.hover{background: url(../images/siege-object-01-on.png) no-repeat center center;background-size: 100%;}
.siege-object.object01 button{width: 58%;height: 52%;}
.siege-object.object02 {top:36.55%; left:29.07%; width:18.22916667%; height:24.22222222%;background: url(../images/siege-object-02.png) no-repeat center center;background-size: 100%;}
.siege-object.object02.hover{background: url(../images/siege-object-02-on.png) no-repeat center center;background-size: 100%;}
.siege-object.object02 button{width: 48%;height: 67%;margin-top:5%;}
.siege-object.object03 {top:39.55%; left:38.5%; width:14.58333333%; height:37.33333333%;background: url(../images/siege-object-03.png) no-repeat center center;background-size: 100%;}
.siege-object.object03.hover{background: url(../images/siege-object-03-on.png) no-repeat center center;background-size: 100%;}
.siege-object.object03 button{width: 55%;height:48%;margin-top:-25%;}
.siege-object.object04 {top:36%; left:44.84%; width:16.5625%; height:24%;background: url(../images/siege-object-04.png) no-repeat center center;background-size: 100%;}
.siege-object.object04.hover{background: url(../images/siege-object-04-on.png) no-repeat center center;background-size: 100%;}
.siege-object.object04 button{width: 48%;height: 77%;margin-top: 10%;}
.siege-object.object05 {top:34.55%; left:55.78%; width:13.4375%; height:26.55555556%;background: url(../images/siege-object-05.png) no-repeat center center;background-size: 100%;}
.siege-object.object05.hover{background: url(../images/siege-object-05-on.png) no-repeat center center;background-size: 100%;}
.siege-object.object05 button{width: 58%;height: 94%;margin-top:10%;}
.siege-3 .swiper-info {display:none; position:absolute; bottom:60px; left:0; width:100%; text-align:center; z-index:15;}


.registration .cover{display: block;content:"";width:100%;height:100%;min-height:100vh;position: absolute;top:0;left:0;background: rgba(0, 0, 0, 0.6);z-index: 20;}
.registration .cover-inner {position: relative;width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.registration .cover .txt {font-size: 20px;line-height: 1.6;text-align: center;color:#ffffff;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));}



.header-sns {    
    position:relative;
    display: inline-flex;
    align-items: center;    
    width:4.0rem;
    height:4.0rem;
}
.header-sns.actived .sns-list {
	transform: translate(0%, 0rem);
	opacity: 1;
	visibility: visible;
	transition-delay: 0s, 0s, 0s;
}
.btn-sns-ui {
	position: relative;
	display: inline-flex;
	align-items: center;
	width:40px;
	height:40px;
}
.btn-sns-ui::before {
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/images/common/header-sns-off.png) center center no-repeat;
	background-size: 100% 100%;
	opacity: 1;
	transition: opacity 0.2s ease;
}
.gnb-global .header-sns .sns-list.actived {
	display: block; 
	visibility: visible;
	opacity: 1;
	transition-property: transform, opacity, visibility;
	transition-duration: 0.2s, 0.2s, 0s;
	transition-delay: 0s, 0s, 0.2s;
	transition-timing-function: var(--transition-easeOutQuart);
}
.gnb-global  .header-sns .sns-list {
	display: none;
	position: absolute;
	top: 50%;
	right: 15%;
	transform: translate(0%, 2.0rem);
	opacity: 0;
	visibility: hidden;
	transition-property: transform, opacity, visibility;
	transition-duration: 0.2s, 0.2s, 0s;
	transition-delay: 0s, 0s, 0.2s;
	transition-timing-function: var(--transition-easeOutQuart);
}
.gnb-global .sns-list>ul {
	position: relative;
	margin-top: 2rem;
	padding:1.0rem 2rem;
	border: 1px solid #524b3f;
	background: #12100c;
	box-sizing: border-box;
}
.gnb-global .sns-list>ul:before {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 0.7rem;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0.8rem 1.6rem 0.8rem;
	border-color: transparent transparent #524b3f transparent;
}
.gnb-global .sns-list>ul:after {
	content: '';
	position: absolute;
	bottom: 100%;
	right: calc(0.7rem + 1px);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0.7rem 1.4rem 0.7rem;
	border-color: transparent transparent #12100c transparent;
}
.gnb-global .sns-list>ul>li {
	position: relative;
}

.gnb-global .sns-list>ul>li + li {
	margin-top:0.8rem;
}

.gnb-global .sns-list>ul>li>a{
	position: relative;
	display: inline-flex;
	align-items: center;
	width:50px;
	height:50px;
}

.gnb-global .btn-header-cart {
	position:relative;
	display:inline-flex;
	width:40px;
	height:40px;
	margin-right:5px;
	font-size:0;
}
.gnb-global .btn-header-cart::after,
.gnb-global .btn-header-cart:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position: center center;
}
        
.gnb-global .btn-header-cart::before {
	background-image:url(/assets/images/common/header-cart-off.png);
}

.gnb-wrap .header-sns {display: none;}





.foot_wrap .logo_foot {
	margin-top:2.4rem;
	display: flex;
	justify-content: center;
	gap: 1.4rem;
}
.foot_wrap .logo_foot>a {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	font-size: 0;
}

.foot_wrap .logo_foot>a.redlab {
	width:9.9rem;
	height: 2.3rem;
	background-image: url(/assets/images/common/logo_redlab.png);
}
.foot_wrap .logo_foot img:first-child {
	width:9.9rem;
	height: 2.3rem;
}

.foot_wrap .logo_foot>a.wemix {
	width: 13.2rem;
	height: 2.8rem;
	background-image: url(/assets/images/common/footer-logo-wemix.png);
}

.foot_wrap .info_foot{
	margin-top:1.8rem !important;
}

@media screen and (max-width:1440px) {
	.btn-gnb-nav .txt {margin:0 0 0 10px;}
	.btn-gnb-nav.gnb-1 .txt {width:231px; height:28px;padding:27.5px 0 0 0;margin:-27.5px 0 0 0;}
	.btn-gnb-nav.gnb-2 .txt {width:225px; height:28px;}
	.btn-gnb-nav.gnb-3 .txt {width:225px; height:28px;}
	.btn-gnb-nav.gnb-4 .txt {width:280px; height:28px;}
	.btn-gnb-nav.gnb-5 .txt {width:225px; height:28px;}
	.btn-gnb-nav.gnb-6 .txt {width:258px; height:28px;}
	.btn-gnb-nav.gnb-1 .txt:before {background-image:url(../images/gnb-nav-1-1-off-m.png);}
	.btn-gnb-nav.gnb-1 .txt:after {background-image:url(../images/gnb-nav-1-1-on-m.png);}
	.btn-gnb-nav.gnb-2 .txt:before {background-image:url(../images/gnb-nav-2-off-m.png);}
	.btn-gnb-nav.gnb-2 .txt:after {background-image:url(../images/gnb-nav-2-on-m.png);}
	.btn-gnb-nav.gnb-3 .txt:before {background-image:url(../images/gnb-nav-3-off-m.png);}
	.btn-gnb-nav.gnb-3 .txt:after {background-image:url(../images/gnb-nav-3-on-m.png);}
	.btn-gnb-nav.gnb-4 .txt:before {background-image:url(../images/gnb-nav-4-off-m.png);}
	.btn-gnb-nav.gnb-4 .txt:after {background-image:url(../images/gnb-nav-4-on-m.png);}
	.btn-gnb-nav.gnb-5 .txt:before {background-image:url(../images/gnb-nav-5-off-m.png);}
	.btn-gnb-nav.gnb-5 .txt:after {background-image:url(../images/gnb-nav-5-on-m.png);}
	.btn-gnb-nav.gnb-6 .txt:before {background-image:url(../images/gnb-nav-6-1-off-m.png);}
	.btn-gnb-nav.gnb-6 .txt:after {background-image:url(../images/gnb-nav-6-1-on-m.png);}



	.gnb-wrap .header-sns {  
		display: block;  
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:3.6rem;
		display:flex;
		align-items: center;  
		background: url(/assets/images/common/bg-gnb-line-m.png) no-repeat top;
		background-size: 39rem 0.05rem;  
	}
	.gnb-wrap .sns-list {
		position: relative;
		top:auto;
		right:auto;
		transform:none;
		opacity:1;
		visibility:visible;
		transition:none;
		width:100%;
		height:100%;
	}

	.gnb-wrap .sns-list>ul {
		position: relative;
		width:100%;
		height:3.6rem;
		display:flex;
		align-items:flex-start;
		justify-content:center;
		gap:0 1rem;                
		margin:0;
		padding:.3rem 0 0 0;
		border:none;
		background:none;
		box-sizing: border-box;
	}
	
	.gnb-wrap .btn-sns-ui,
	.gnb-wrap .sns-list>ul:after,
	.gnb-wrap .sns-list>ul:before {
		display:none;
	}

	.gnb-wrap .sns-list>ul>li + li {
		margin-top:0;    
	}
	.gnb-wrap .sns-list>ul>li{
		width:3rem;
		height:3rem;
	}
	.gnb-wrap .sns-list>ul>li>a{ 
		width:3rem;
		height:3rem;
	}


	.gnb-global{
		position: fixed;
		right:15px;
		height:50px;
		z-index: 1200;
	}

	.gnb-global .btn-header-cart {
		width:32px;
		height:32px;
	}

	.gnb-global .header-sns {
		display: block;
		width:32px;
		height:32px;
	}

	.gnb-global .header-sns .btn-sns-ui{
		width:32px;
		height:32px;
	}


	.gnb-global .header-sns.actived .btn-sns-ui{
		display: block;
	}
	.gnb-global .sns-list.actived  {
		display: block;
		top:0%;
		right:10%;
		opacity: 1;
		visibility: visible;
	}
	.gnb-global .sns-list>ul {
		padding:1rem;
	}
	.gnb-global .sns-list>ul>li>a {
		width: 40px;
		height:40px;
	}
	.gnb-global .sns-list>ul:before {
		border-width: 0 0.4rem .8rem 0.4rem
	}
	.gnb-global .sns-list>ul:after {
		border-width: 0 0.35rem .7rem 0.35rem;
		border-color: transparent transparent #12100c transparent;
	}
}



@media screen and (max-width:1366px) {

    .header-global{
        padding: 0 3.0rem;
    }
}

@media screen and (min-width:1335px){
	
	.registration #special-popup {display: block;position: absolute;top:50%;left:50%;margin-left:497px;}
	
}

/* 태블릿 */
@media screen and (max-width:1024px) {
	.siege-3 .over {display:none;}
	.siege-3 .tit{top:9%;}
	.siege-3 .map {overflow-x:auto; justify-content:flex-start;}
	.siege-3 .map.center {justify-content:center;}
	.siege-3 .map .view:before ,
	.siege-3 .map .view:after {display:none;}
	.siege-3 .map .view {position: relative;top: auto;left: auto;display: inline-block;height: 100%;width: auto;flex: 0 0 auto;}
	.siege-3 .map .object01 {top: 64%;left: 16%;width: 13%;height: 20%;}
	.siege-3 .map .object02 {top: 40%;left: 33%; width: 10%;height: 19%;}
	.siege-3 .map .object03 {top: 44%;left: 42%;width: 11%;height: 20%;}
	.siege-3 .map .object04 {top: 40%; left: 52%;width: 10%; height: 21%;}
	.siege-3 .map .object05{top: 36%;left: 62.5%;width: 12%;height: 26%;}
	.siege-3 .swiper-info {display:block;z-index: 999;}

	.specialization .tit {top: 11.5%;}
	.specialization .txt-1 {bottom:19%;}


	.newarea .tit {top: 11.5%;}


    .header-sns {
        display:none;
    }


    .header-global {
        height:5.0rem;
        padding:0 1.7rem;
        gap:0;
        z-index:105;
	}
	.btn-header-cart{
		width:2.8rem;
		height:2.8rem;
	}
	.btn-header-cart::after,
	.btn-header-cart::before {
		background-size:2.4rem 2.4rem;
	}


	.footer-wrap {
			padding:3rem 1.5rem 1.8rem 1.5rem;
		}
	.foot_wrap .logo_foot {
		margin-top:1rem;
		display: flex;
		justify-content: center;
		gap: 1rem;
	}
	.foot_wrap .logo_foot>a {
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		font-size: 0;
	}

	.foot_wrap .logo_foot>a.redlab {
		width: 4.95rem;
		height: 1.15rem;
	}
	.foot_wrap .logo_foot img:first-child {
		width:4.95rem;
		height: 1.15rem;
	}

	.foot_wrap .logo_foot>a.wemix {
        width: 6.6rem;
        height: 1.4rem;
	}

	.foot_wrap .info_foot{
		margin-top:.5rem !important;
	}
}
@media screen and (max-width:800px) {
	
	.registration .cover .txt {width:250px;margin:0 auto;font-size: 14px;}


	.siege-2 .tab_container{margin-top:19px;}
	.siege-2 .siege-2-tab-wrap {margin-top:20px;}
	.siege-2 .siege-2-tab-wrap .tab-content{display: none;}
	.siege-2 .siege-2-tab-wrap .tab-content:first-child{display: block;}
	.siege-2 .tab-menu li {width:141px;height:37px;background-size: 100%;background-repeat: no-repeat;}
	.siege-2 .tab-menu li:nth-child(1) {background-image:url(../images/siege-2-txt-2-off-m.png);}
	.siege-2 .tab-menu li:nth-child(2) {background-image:url(../images/siege-2-txt-3-off-m.png);}
	.siege-2 .tab-menu li.on:nth-child(1) {background-image:url(../images/siege-2-txt-2-on-m.png);}
	.siege-2 .tab-menu li.on:nth-child(2) {background-image:url(../images/siege-2-txt-3-on-m.png);}

}