@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.gnb-1 .txt {width:210px; height:36px;}
.btn-gnb-nav.gnb-2 .txt {width:204px; height:36px;}
.btn-gnb-nav.gnb-3 .txt {width:223px; height:34px;}
.btn-gnb-nav.gnb-4 .txt {width:208px; height:36px;}
.btn-gnb-nav.gnb-5 .txt {width:214px; height:29px;}
.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-pop-items .item-desc {padding:0 40px;} */
.area-pop-items .item-desc {padding:0 0px;}

.agree-pop-wrap {word-break:keep-all;}
#registrationCodePop .btn-confirm {top:87.3%; left:30.5%; width:39.3%; height:7.8%;}
#registrationCodePop .item-code {top:39.4%; left:36.9%; width:54.9%; height:6.8%;}

.area-3 .over > img.over-1 {top:14.9%; left:28.1%; width:12.9%; height:20.4%;}
.area-3 .over > img.over-2 {top:22.6%; left:39.9%; width:15.7%; height:27.0%;}
.area-3 .over > img.over-3 {top:35.6%; left:52.9%; width:18.4%; height:30.3%;}
.area-3 .over > img.over-4 {top:45.7%; left:44.5%; width:11.9%; height:25.7%;}
.area-3 .over > img.over-5 {top:34.3%; left:31.4%; width:13.6%; height:42.1%;}
.area-3 .over > img.over-6 {top:59.4%; left:23.6%; width:28.4%; height:37.9%;}

@media screen and (max-width:1440px) {
	.btn-gnb-nav.gnb-1 .txt {width:145px; height:22px;}
	.btn-gnb-nav.gnb-2 .txt {width:142px; height:22px;}
	.btn-gnb-nav.gnb-3 .txt {width:155px; height:22px;}
	.btn-gnb-nav.gnb-4 .txt {width:146px; height:22px;}
	.btn-gnb-nav.gnb-5 .txt {width:150px; height:22px;}
	.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) {
	.area-pop-items .item-desc {padding:0 20px;}
	.registration .txt-2 .txt {zoom:1;}
	.form-registration {top:68.54%; left:0; right:auto; width:100%;}

	.update .item-label {margin:0 -20px;}
}

@media screen and (max-width:380px) {
	.area-pop-items .item-desc {font-size:12px;}
}

@media screen and (min-width:769px) and (max-width:3840px) {
	footer .list_csmenu li .link_csmenu {
		font-weight: 500;
	}
}