@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:155px; height:33px;}
.btn-gnb-nav.gnb-2 .txt {width:92px; height:33px;}
.btn-gnb-nav.gnb-3 .txt {width:182px; height:33px;}
.btn-gnb-nav.gnb-4 .txt {width:93px; height:33px;}
.btn-gnb-nav.gnb-5 .txt {width:112px; height:34px;}

.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);}
.gnb-list-cell.actived .btn-gnb-nav .txt:before {opacity:0;}
.btn-gnb-nav .txt {margin-left:7px;}

.main .txt-1 .txt {display:block;}
.main .btn-register {flex-wrap:wrap;}
.main .btn-register > button {width:100%; margin-top:2rem;}

.area-1 .txt-3 {display:flex; justify-content:center; gap:0 10px;}

/* .area-3 .over > img.over-1 {top:0;left:0;width:100%;}
.area-3 .over > img.over-2 {top:0;left:0;width:100%;} */


.registration .txt-4-banner {position:absolute; top:-25px; right:9px; z-index:16; transform:translateX(100%);}
.registration .txt-4-banner a {display:block;}
.registration .txt-4-banner img {display:block; width:auto;}

.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));}


.class-pop-items .swiper-slide .class-data .pop-tit {
	margin:0 0 0 -103px;
}
.class-pop-items .swiper-slide.slide02 .class-data .pop-tit {
	margin:0 0 0 -134px;
}
.class-pop-items .swiper-slide.slide03 .class-data .pop-tit {
	margin:0 0 0 -134px;
}


@media screen and (max-width:1440px) {
	.btn-gnb-nav.gnb-1 .txt {width:182px; height:26.5px;}
	.btn-gnb-nav.gnb-2 .txt {width:82.5px; height:26.5px;}
	.btn-gnb-nav.gnb-3 .txt {width:84.5px; height:26.5px;}
	.btn-gnb-nav.gnb-4 .txt {width:147.5px; height:26.5px;}
	.btn-gnb-nav.gnb-5 .txt {width:213px; height:26px;}
	.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);}
}


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

	.registration .cover .txt {width:250px;margin:0 auto;font-size: 14px;}


}


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

	.btn-gnb-nav:before {background:url(../../../assets/images/icon-gnb-unit-off-m.png) center center no-repeat; background-size:100% 100%;}
	.gnb-list-cell.actived .btn-gnb-nav:before {background:url(../../../assets/images/icon-gnb-unit-on-m.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-1 .txt {width:168px; height:33px;}
	.btn-gnb-nav.gnb-2 .txt {width:92px; height:33px;}
	.btn-gnb-nav.gnb-3 .txt {width:182px; height:33px;}
	.btn-gnb-nav.gnb-4 .txt {width:93px; height:33px;}
	.btn-gnb-nav.gnb-5 .txt {width:112px; height:33px;}
	.gnb-list-cell.actived .btn-gnb-nav .txt:before {opacity:0;}
	.btn-gnb-nav.gnb-1 .txt:before {background:url(../images/gnb-nav-1-off.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-1 .txt:after {background:url(../images/gnb-nav-1-on.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-2 .txt:before {background:url(../images/gnb-nav-2-off.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-2 .txt:after {background:url(../images/gnb-nav-2-on.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-3 .txt:before {background:url(../images/gnb-nav-3-off.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-3 .txt:after {background:url(../images/gnb-nav-3-on.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-4 .txt:before {background:url(../images/gnb-nav-4-off.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-4 .txt:after {background:url(../images/gnb-nav-4-on.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-5 .txt:before {background:url(../images/gnb-nav-5-off.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav.gnb-5 .txt:after {background:url(../images/gnb-nav-5-on.png) center center no-repeat; background-size:100% 100%;}

	.registration .section-inner {padding:40px 5px 5px;}
	.registration .txt-1 img,
	.registration .txt-2 img,
	.registration .txt-3 img {max-width:97%; height:auto; margin-top:0;}
	.registration .txt-4 img {max-width:95%; height:auto;}
	.registration .txt-2 {padding:0;}
	.registration .txt-3 {margin-top:0;}
	.registration .txt-4 {margin-top:4px;}
	.registration .txt-4-banner {display:none;}

	.area-1 .section-inner {padding:0 5px; min-height:auto; box-sizing:border-box;}
	.area-1 .txt-1 {margin-bottom:0; padding-bottom:0; margin-top:30px;}
	.area-1 .txt-1 img {max-width:60%; height:auto;}
	.area-1 .txt-2 {margin-top:-15px; padding-top:0;}
	.area-1 .txt-2 img {max-width:80%; height:auto;}
	.area-1 .txt-3 {flex-wrap:wrap; gap:0; padding:3px 0 0;}
	.area-1 .txt-3 .txt {flex:none; width:calc(45% - 2px);}
	.area-1 .txt-3 img {max-width:100%; height:auto;}

	.transfer .txt-1 {margin-bottom:5px;}
	.transfer .txt-1 img {max-width:70%; height:auto;}
	.transfer .txt-2 {flex-wrap:wrap; flex-direction:row; gap:5px; padding:5px 0 0;}
	.transfer .txt-2 .txt {flex:none; width:calc(50% - 5px);}
	.transfer .txt-2 img {max-width:100%; height:auto;}

	.area-3 .map .view img {
		width: auto;
		height: 100%;
		object-fit: contain;
	}
}