@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

html,body{font-family:'Noto Sans TC' , sans-serif; letter-spacing:0;}
input,
select {font-family:'Noto Sans TC', sans-serif;}
button {font-family:'Noto Sans TC', sans-serif;}

.btn-gnb-nav .txt {margin:0 0 0 10px;}
.btn-gnb-nav.gnb-1 .txt {width:235px; height:36px;padding:30px 0 0 0;margin:-30px 0 0 0;}
.btn-gnb-nav.gnb-2 .txt {width:159px; height:36px;}
.btn-gnb-nav.gnb-3 .txt {width:159px; height:36px;}
.btn-gnb-nav.gnb-4 .txt {width:159px; height:36px;}
.btn-gnb-nav.gnb-5 .txt {width:159px; height:37px;}
.btn-gnb-nav.gnb-6 .txt {width:159px; height:36px;}
.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-off.png);}
.btn-gnb-nav.gnb-6 .txt:after {background-image:url(../images/gnb-nav-6-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% 100%;}

.form-registration {top:130px;}
.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));}
#registrationCodePop .item-code{top: 35.7%;}


.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:20px;}
.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: 49%;margin-top:7%;}
.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: 50%;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: 46%;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:88%;margin-top:2%;}
.siege-3 .swiper-info {display:none; position:absolute; bottom:60px; left:0; width:100%; text-align:center; z-index:15;}


.region .tit {top:110px;}


@media screen and (max-width:1440px) {
	.btn-gnb-nav .txt {margin:0 0 0 10px;}
	.btn-gnb-nav.gnb-1 .txt {width:163px; height:26px;padding:23px 0 0 0;margin:-23px 0 0 0;}
	.btn-gnb-nav.gnb-2 .txt {width:125px; height:26px;}
	.btn-gnb-nav.gnb-3 .txt {width:125px; height:26px;}
	.btn-gnb-nav.gnb-4 .txt {width:125px; height:26px;}
	.btn-gnb-nav.gnb-5 .txt {width:125px; height:26px;}
	.btn-gnb-nav.gnb-6 .txt {width:154px; height:26px;}
	.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-off-m.png);}
	.btn-gnb-nav.gnb-6 .txt:after {background-image:url(../images/gnb-nav-6-on-m.png);}
}


@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 .map {overflow-x:auto; justify-content:flex-start;}
	.siege-3 .tit{top:11.15%;}
	.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: 15%;width: 15%;height: 20%;}
	.siege-3 .map .object02 {top: 40%;left: 33%; width: 10%;height: 19%;}
	.siege-3 .map .object03 {top: 44%;left: 42.5%;width: 10%;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: 25%;}
	.siege-3 .swiper-info {display:block;z-index: 999;}

	.specialization .tit {top: 11.35%;}
}
@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% 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);}

}

@media screen and (max-width:768px) {
	.newarea .tit {top:12%;}
	.form-registration {top:355px;}

	
}



@media screen and (min-width:769px) and (max-width:3840px) {
	footer .info_foot .info_address {
		display: inline-block;
		position: relative;
		padding:20px 0 0 80px;
	}
	footer .info_foot .info_address p{
		color: #a3a3a3;
		font-size: 12px;
		letter-spacing: -.025em;
		line-height: 18px;
		text-align: center;
	}
	footer .info_foot .info_address img {
		position: absolute;
		top:30px;
		left:0;
		width:45px;
		height:45px;
	}
}

@media screen and (min-width:320px) and (max-width:768px) {
	.info_address {
		position: relative;
		display: inline-block;
		font-size: 1.944444444vw;
		line-height: 1.2;
		color: #7e7e7e;
		font-style: normal;
		font-weight: 300;
		padding: 1.388888889vw 0 1.388888889vw 11.111111111vw;
	}

	.info_address p{
		font-size: 2.5vw;
		line-height: 1.2;
		color: #7e7e7e;
	}
	.info_address a {
		font-size:1.944444444vw;
		line-height: 1.2;
		color: #7e7e7e; 
		font-style: normal;
		font-weight: 300;
	}
	.info_address img{
		position: absolute;
		top: 1.75vw;
		left: 0;
		width: 7.638888889vw;
	}
}


@media screen and (max-width:360px) {
	.registration .form-registration{top: 340px;}
}
@media screen and (max-width:345px) {
	.registration .form-registration{top:auto;bottom:2.25%;}
}