@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.gnb-1 .txt {width:225px; height:33px;}
.btn-gnb-nav.gnb-2 .txt {width:180px; height:33px;}
.btn-gnb-nav.gnb-3 .txt {width:180px; height:33px;}
.btn-gnb-nav.gnb-4 .txt {width:180px; height:33px;}
.btn-gnb-nav.gnb-5 .txt {width:180px; height:33px;}
.btn-gnb-nav.gnb-1 .txt:before {background-image:url(../images/gnb-nav-1-off.png);}
.btn-gnb-nav.gnb-1 .txt:after {background-image:url(../images/gnb-nav-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 .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%;}

.area-1 .txt-2 {word-break:break-all;}
.area-pop-items .item-desc {word-break:break-all;}

.area-1 .txt-2 .txt {max-width:100%;}

.form-registration {position:absolute; top:140px; right:35px; width:480px; line-height:1;}
.form-registration .agree-inner .btn-note {width:auto;height:auto;}

#registrationCodePop .item-code {top:35.8%;}


.class-pop-items .swiper-slide .class-data .pop-tit {
	margin:0 0 0 -105px;
}

@media screen and (max-width:1440px) {
	.gnb-list-inner:before {top:29px;}
	.btn-gnb-nav.gnb-1 .txt {width:150px; height:25px;}
	.btn-gnb-nav.gnb-2 .txt {width:150px; height:25px;}
	.btn-gnb-nav.gnb-3 .txt {width:150px; height:25px;}
	.btn-gnb-nav.gnb-4 .txt {width:150px; height:25px;}
	.btn-gnb-nav.gnb-5 .txt {width:150px; height:25.5px;}
	.btn-gnb-nav.gnb-1 .txt:before {background-image:url(../images/gnb-nav-1-off-m.png);}
	.btn-gnb-nav.gnb-1 .txt:after {background-image:url(../images/gnb-nav-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);}
	
}

@media screen and (max-width:1024px) {
	.registration .txt-2 .txt {zoom:0.8;}
}

@media screen and (max-width:768px) {
	.registration .txt-2 .txt {zoom:1;}
	.form-registration {top:68.5%; left:0; right:auto; width:100%;}
}

@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;
	}
}