@charset "utf-8"; 
@import url(../font/OneMobileTitle/OneMobileTitle.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


.page__section {position:fixed; top:0; width:100%; height: 100%;}
.page__section.active {z-index: 2;}


@media all and (max-width:2560px){
	.page__section {width:2560px; height: 1440px;}
}

@media all and (max-width:1920px){
	.page__section {width:1920px; height: 1080px;}
}

@media all and (max-width:1600px){
	.page__section {width:1600px; height: 900px;}
}

@media all and (max-width:1280px){
	.page__section {width:1280px; height: 720px;}
}





.main_info_txt {position:absolute; top:60px; right:50px; z-index:999; font-weight: 400; font-size: 12px; line-height: 26px; color: #FFFFFF; font-family: 'ONE Mobile OTF Regular';}
video { height:auto; vertical-align:middle; width: 100%;}
#index-video { width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_1 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_2 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_3 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_4 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_5 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_6 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_7 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_8 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_9 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_10 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_11 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_12 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_13 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_14 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_15 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_16 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_17 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_18 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_19 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_20 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_21 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_22 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_23 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_24 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_25 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_26 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_27 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_28 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_29 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_30 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}
#index-video_31 {width:100%; height:100%; object-fit: cover; z-index:-100; right:0; overflow:hidden;}



@media all and (max-width:1920px) {
	.main_info_txt {position:absolute; bottom:200px;}
}










@media all and (min-width:1920px) and (max-width:2560px) {
	#main-sidebar {position:relative; width:2560px;  height:1440px; overflow:hidden; z-index:9;}
}


@media all and (min-width:1600px) and (max-width:1920px) {
	#main-sidebar {position:relative; width:1920px;  height:1080px; overflow:hidden; z-index:9;}
}

@media all and (min-width:1280px) and (max-width:1600px) {
	#main-sidebar {position:relative; width:1600px;  height:900px; overflow:hidden; z-index:9;}
}

@media all and (min-width:0px) and (max-width:1280px) {
	#main-sidebar {position:relative; width:1280px;  height:720px; overflow:hidden; z-index:9;}
}









@media all and (max-width:1280px){
	.main_info_txt {position:absolute; bottom:10px; right:50px; z-index:999; font-weight: 400; font-size: 12px; line-height: 26px; color: #FFFFFF; font-family: 'ONE Mobile OTF Regular';}
}

@media all and (min-width:1920px) and (max-width:2560px){
.main_img {position:relative; width:2560px; height:1440px; background:url('../images/total/main_bg.png')no-repeat left top; background-size:2560px 1440px; z-index:9;}
.a_area1 {position:absolute; top:810px; right:200px; z-index:999; }
.a_area2 {position:absolute; top:835px; left:440px; z-index:999; }
.a_area3 {position:absolute; top:464px; left:1315px; z-index:999; }
.a_area4 {position:absolute; top:545px; left:785px; z-index:999;}
.a_area5 {position:absolute; top:600px; left:1060px; z-index:999; }

}

@media all and (min-width:1600px) and (max-width:1920px){
	.a_area1 {position:absolute; top:580px; right:140px; z-index:999; }
	.a_area2 {position:absolute; top:620px; left:310px; z-index:999; }
	.a_area3 {position:absolute; top:317px; left:1015px; z-index:999; }
	.a_area4 {position:absolute; top:385px; left:560px; z-index:999;}
	.a_area5 {position:absolute; top:440px; left:790px; z-index:999; }
}


@media all and (min-width:1280px) and (max-width:1600px){
	.a_area1 {position:absolute; top:470px; right:120px; z-index:999; }
	.a_area2 {position:absolute; top:510px; left:250px; z-index:999; }
	.a_area3 {position:absolute; top:260px; left:805px; z-index:999; }
	.a_area4 {position:absolute; top:320px; left:460px; z-index:999;}
	.a_area5 {position:absolute; top:360px; left:650px; z-index:999; }
}


@media all and (min-width:0px) and (max-width:1280px) {
	.a_area1 {position:absolute; top:350px; right:60px; z-index:999; }
	.a_area2 {position:absolute; top:405px; left:180px; z-index:999; }
	.a_area3 {position:absolute; top:190px; left:630px; z-index:999; }
	.a_area4 {position:absolute; top:250px; left:350px; z-index:999;}
	.a_area5 {position:absolute; top:270px; left:520px; z-index:999; }
}





@media all and (min-width:1920px) and (max-width:2560px){
.memory_bg1 {position:relative; width:2560px; height:1440px; background:url('../images/total/memory_bg1.png')no-repeat left top; background-size:2560px 1440px; z-index:9;}
.b_area1 {position:absolute; top:150px; left:790px; z-index:999; }  
.b_area2 {position:absolute; top:470px; left:2300px; z-index:999; }
.b_area3 {position:absolute; top:110px; left:1200px;  z-index:999; }
.b_area4 {position:absolute; top:366px; left:1980px; z-index:999;}
.b_area5 {position:absolute; top:760px; left:40%; z-index:9999999; margin-left:-64px;}
.b_area6 {position:absolute; top:494px; left:325px; z-index:999;}
.b_area7 {position:absolute; top:570px; left:700px; z-index:999;}
.b_area8 {position:absolute; top:800px; left:1645px; z-index:999;}
.b_area9 {position:absolute; top:1057px; left:1854px; z-index:999;}
.b_area10 {position:absolute; top:871px; left:393px; z-index:999;}
.b_center {position:absolute; top:1030px; left:145px; z-index:9999999;}
}



@media all and (min-width:1600px) and (max-width:1920px){
	.memory_bg1 {position:relative; width:1920px; height:1080px; background:url('../images/total/memory_bg1.png')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.b_area1 {position:absolute; top:90px; left:580px; z-index:999; }
	.b_area2 {position:absolute; top:330px; left:1710px; z-index:999; }
	.b_area3 {position:absolute; top:65px; left:900px; z-index:999; }
	.b_area4 {position:absolute; top:266px; left:1480px; z-index:999;}
	.b_area5 {position:absolute; top:760px; left:40%; z-index:9999999; margin-left:-64px;}
	.b_area6 {position:absolute; top:494px; left:325px; z-index:999;}
	.b_area7 {position:absolute; top:570px; left:700px; z-index:999;}
	.b_area8 {position:absolute; top:604px; left:1238px; z-index:999;}
	.b_area9 {position:absolute; top:777px; left:1394px; z-index:999;}
	.b_area10 {position:absolute; top:871px; left:393px; z-index:999;}
	.b_center {position:absolute; top:765px;  left:145px; z-index:9999999;}
}


@media all and (min-width:1280px) and (max-width:1600px){
	.b_area1 {position:absolute; top:65px; left:470px; z-index:999;}
	.b_area2 {position:absolute; top:260px; left:1425px; z-index:999;}
	.b_area3 {position:absolute; top:50px; left:755px; z-index:999;}
	.b_area4 {position:absolute; top:200px; left:1220px; z-index:999;}
	.b_center {position:absolute; top:630px;  left:145px; z-index:9999999;}
	.b_area8 {position:absolute; top:504px; left:1030px; z-index:999;}
	.b_area9 {position:absolute; top:640px; left:1160px; z-index:999;}
}


@media all and (min-width:0px) and (max-width:1280px) {
	.memory_bg1 {position:relative; width:1280px; height:720px; background:url('../images/total/memory_bg1.png')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.b_area1 {position:absolute; top:34px; left:380px; z-index:999; }
	.b_area2 {position:absolute; top:190px; left:1110px; z-index:999; }
	.b_area3 {position:absolute; top:20px; left:590px; z-index:999; }
	.b_area4 {position:absolute; top:160px; left:960px; z-index:999;}
	.b_area5 {position:absolute; top:20px; left:40%; z-index:9999999; margin-left:-64px; border:1px solid #000;}
	.b_area6 {position:absolute; top:494px; left:325px; z-index:999;}
	.b_area7 {position:absolute; top:570px; left:700px; z-index:999;}
	.b_area8 {position:absolute; top:405px; left:830px; z-index:999;}
	.b_area9 {position:absolute; top:510px; left:930px; z-index:999;}
	.b_area10 {position:absolute; top:871px; left:393px; z-index:999;}
	.b_center {position:absolute; top:520px;  left:145px; z-index:9999999;}
}



@media all and (min-width:1920px) and (max-width:2560px){
.concentric_bg1 {position:relative; width:2560px; height:1440px; background:url('../images/total/concentric_bg1.png')no-repeat left top; background-size:2560px 1440px; z-index:9;}
.c_area1 {position:absolute; top:1050px; left:2000px; z-index:999; }
.c_area2 {position:absolute; top:825px; left:2200px; z-index:999; }
.c_area3 {position:absolute; top:455px; left:1532px; z-index:999;  }
.c_area4 {position:absolute; top:600px; left:2260px; z-index:999; }
.c_area5 {position:absolute; top:775px; left:650px; z-index:999; }
.c_area6 {position:absolute; top:480px; left:435px; z-index:999;}
.c_area7 {position:absolute; top:520px; left:750px; z-index:999;}
.c_area8 {position:absolute; top:644px; left:765px; z-index:999;}
.c_area9 {position:absolute; top:693px; left:1178px; z-index:999;}
.c_area10 {position:absolute; top:800px; left:868px; z-index:999; }
.c_area11 {position:absolute; top:940px; left:1007px; z-index:999; }
.c_area12 {position:absolute; top:905px; left:1618px; z-index:999; }
.c_area13 {position:absolute; top:372px; left:250px; z-index:999; }
.c_center {position:absolute; top:1030px; left:145px; z-index:999; }
}


@media all and (min-width:1600px) and (max-width:1920px){
	.concentric_bg1 {position:relative; width:1920px; height:1080px; background:url('../images/total/concentric_bg1.png')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.c_area1 {position:absolute; top:770px; left:1495px; z-index:999; }
	.c_area2 {position:absolute; top:615px; left:1665px; z-index:999; }
	.c_area3 {position:absolute; top:312px; left:1152px; z-index:999;  }
	.c_area4 {position:absolute; top:440px; left:1690px; z-index:999; }
	.c_area5 {position:absolute; top:775px; left:650px; z-index:999; }
	.c_area6 {position:absolute; top:357px; left:300px; z-index:999;}
	.c_area7 {position:absolute; top:380px; left:550px; z-index:999;}
	.c_area8 {position:absolute; top:486px; left:546px; z-index:999;}
	.c_area9 {position:absolute; top:513px; left:878px; z-index:999;}
	.c_area10 {position:absolute; top:596px; left:619px; z-index:999; }
	.c_area11 {position:absolute; top:700px; left:720px; z-index:999; }
	.c_area12 {position:absolute; top:675px; left:1218px; z-index:999; }
	.c_area13 {position:absolute; top:272px; left:159px; z-index:999; }
	.c_center {position:absolute; top:760px; left:145px; z-index:999; }
}


@media all and (min-width:1280px) and (max-width:1600px){
	.c_area1 {position:absolute; top:650px; left:1250px; z-index:999; }
	.c_area2 {position:absolute; top:513px; left:1380px; z-index:999; }
	.c_area3 {position:absolute; top:240px; left:940px; z-index:999;  }
	.c_area4 {position:absolute; top:340px; left:1394px; z-index:999; }
    .c_area6 {position:absolute; top:300px; left:225px; z-index:999; }
	.c_area7 {position:absolute; top:310px; left:450px; z-index:999; }
	.c_area8 {position:absolute; top:400px; left:430px; z-index:999; }
	.c_area9 {position:absolute; top:420px; left:728px; z-index:999; }
	.c_area10 {position:absolute; top:490px; left:500px; z-index:999; }
	.c_area11 {position:absolute; top:595px; left:590px; z-index:999; }
	.c_area12 {position:absolute; top:568px; left:1012px; z-index:999; }
	.c_area13 {position:absolute; top:220px; left:110px; z-index:999; }
	.c_center {position:absolute; top:650px; left:145px; z-index:999; }
}



@media all and (min-width:0px) and (max-width:1280px) {
	.c_area1 {position:absolute; top:500px; left:990px; z-index:999;}
	.c_area2 {position:absolute; top:403px; left:1095px; z-index:999;  }
	.c_area3 {position:absolute; top:170px; left:750px; z-index:999; }
	.c_area4 {position:absolute; top:260px; left:1104px; z-index:999;  }
    .c_area6 {position:absolute; top:240px; left:160px; z-index:999; }
	.c_area7 {position:absolute; top:240px; left:370px; z-index:999; }
	.c_area8 {position:absolute; top:320px; left:320px; z-index:999; }
	.c_area9 {position:absolute; top:330px; left:580px; z-index:999; }
	.c_area10 {position:absolute; top:390px; left:370px; z-index:999; }
	.c_area11 {position:absolute; top:470px; left:450px; z-index:999; }
	.c_area12 {position:absolute; top:450px; left:810px; z-index:999; }
	.c_area13 {position:absolute; top:170px; left:75px; z-index:999; }
.c_center {position:absolute; top:520px; left:145px; z-index:999; }
}



@media all and (min-width:1920px) and (max-width:2560px){
.seasons_bg1 {position:relative; width:2560px; height:1440px; background:url('../images/total/seasons_bg1.png')no-repeat left top; background-size:2560px 1440px; z-index:9;}
.d_area1 {position:absolute; top:590px; left:130px; z-index:999; }
.d_area2 {position:absolute; top:220px; left:430px; z-index:999;  }
.d_area3 {position:absolute; top:250px; left:720px; z-index:999; }
.d_area4 {position:absolute; top:590px; left:1660px; z-index:999;  }
.d_area5 {position:absolute; top:785px; left:905px; z-index:999;  }
.d_area6 {position:absolute; top:475px; left:1000px; z-index:999;  }
.d_area7 {position:absolute; top:480px; left:1305px; z-index:999;   }
.d_area8 {position:absolute; top:580px; left:1330px; z-index:999; }
.d_area9 {position:absolute; top:695px; left:1150px; z-index:999;  }
.d_area10 {position:absolute; top:945px; left:1639px; z-index:999;  }
.d_area11 {position:absolute; top:796px; left:1240px; z-index:999;  }
.d_center {position:absolute; top:1030px; left:145px; z-index:999;}
}

@media all and (min-width:1600px) and (max-width:1920px){
	.seasons_bg1 {position:relative; width:1920px; height:1080px; background:url('../images/total/seasons_bg1.png')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.d_area1 {position:absolute; top:446px; left:105px; z-index:999; }
	.d_area2 {position:absolute; top:164px; left:330px; z-index:999;  }
	.d_area3 {position:absolute; top:180px; left:550px; z-index:999; }
	.d_area4 {position:absolute; top:450px; left:1250px; z-index:999;  }
	.d_area5 {position:absolute; top:785px; left:905px; z-index:999;  }
	.d_area6 {position:absolute; top:350px; left:728px; z-index:999;  }
	.d_area7 {position:absolute; top:354px; left:975px; z-index:999;   }
	.d_area8 {position:absolute; top:431px; left:1001px; z-index:999; }
	.d_area9 {position:absolute; top:529px; left:853px; z-index:999;  }
	.d_area10 {position:absolute; top:715px; left:1239px; z-index:999;  }
	.d_area11 {position:absolute; top:596px; left:933px; z-index:999;  }
	.d_center {position:absolute; top:740px; left:145px; z-index:999;}
}


@media all and (min-width:1280px) and (max-width:1600px){
	.d_area1 {position:absolute; top:366px; left:90px; z-index:999; }
	.d_area2 {position:absolute; top:120px; left:260px; z-index:999;  }
	.d_area3 {position:absolute; top:140px; left:440px; z-index:999; }
	.d_area4 {position:absolute; top:350px; left:1030px; z-index:999;  }
	.d_area5 {position:absolute; top:785px; left:905px; z-index:999;  }
	.d_area6 {position:absolute; top:290px; left:578px; z-index:999;  }
	.d_area7 {position:absolute; top:284px; left:805px; z-index:999;   }
	.d_area8 {position:absolute; top:360px; left:835px; z-index:999; }
	.d_area9 {position:absolute; top:440px; left:723px; z-index:999;  }
	.d_area10 {position:absolute; top:590px; left:1030px; z-index:999;  }
	.d_area11 {position:absolute; top:496px; left:785px; z-index:999;  }
	.d_center {position:absolute; top:620px; left:145px; z-index:999;}
}



@media all and (min-width:0px) and (max-width:1280px) {
	.seasons_bg1 {position:relative; width:1280px; height:720px; background:url('../images/total/seasons_bg1.png')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.d_area1 {position:absolute; top:280px; left:60px; z-index:999; }
	.d_area2 {position:absolute; top:75px; left:180px; z-index:999;  }
	.d_area3 {position:absolute; top:80px; left:360px; z-index:999; }
	.d_area4 {position:absolute; top:280px; left:825px; z-index:999;  }
	.d_area5 {position:absolute; top:785px; left:905px; z-index:999;  }
	.d_area6 {position:absolute; top:230px; left:440px; z-index:999;  }
	.d_area7 {position:absolute; top:220px; left:665px; z-index:999;   }
	.d_area8 {position:absolute; top:277px; left:670px; z-index:999; }
	.d_area9 {position:absolute; top:351px; left:570px; z-index:999;  }
	.d_area10 {position:absolute; top:470px; left:825px; z-index:999;  }
	.d_area11 {position:absolute; top:400px; left:625px; z-index:999;  }
	.d_center {position:absolute; top:520px; left:110px; z-index:999;}
}


@media all and (min-width:1920px) and (max-width:2560px){
.dream_bg1 {position:relative; width:2560px; height:1440px; background:url('../images/total/dream_bg1.png')no-repeat left top; background-size:2560px 1440px; z-index:9;}
.e_area1 {position:absolute; top:730px; left:90px; z-index:999;}
.e_area2 {position:absolute; top:300px; left:290px; z-index:999; }
.e_area3 {position:absolute; top:1040px; left:2200px; z-index:999; }
.e_area4 {position:absolute; top:750px; left:2290px; z-index:999; }
.e_area5 {position:absolute; top:770px; left:880px; z-index:999; }
.e_center {position:absolute; top:1030px; left:145px;  z-index:999;}
}


@media all and (min-width:1600px) and (max-width:1920px){
	.dream_bg1 {position:relative; width:1920px; height:1080px; background:url('../images/total/dream_bg1.png')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.e_area1 {position:absolute; top:545px; left:85px; z-index:999;}
	.e_area2 {position:absolute; top:213px; left:215px; z-index:999; }
	.e_area3 {position:absolute; top:790px; left:1655px; z-index:999; }
	.e_area4 {position:absolute; top:530px; left:1715px; z-index:999; }
	.e_area5 {position:absolute; top:770px; left:880px; z-index:999; }
	.e_center {position:absolute; top:765px; left:145px; z-index:999;}
}


@media all and (min-width:1280px) and (max-width:1600px){
	.e_area1 {position:absolute; top:455px; left:85px; z-index:999;}
    .e_area2 {position:absolute; top:170px; left:160px; z-index:999; }
	.e_area3 {position:absolute; top:650px; left:1355px; z-index:999; }
	.e_area4 {position:absolute; top:430px; left:1415px; z-index:999; }
	.e_area5 {position:absolute; top:770px; left:880px; z-index:999; }
	.e_center {position:absolute; top:620px; left:145px; z-index:999;}
}


@media all and (min-width:0px) and (max-width:1280px) {
	.dream_bg1 {position:relative; width:1280px; height:720px; background:url('../images/total/dream_bg1.png')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.e_area1 {position:absolute; top:365px; left:40px; z-index:999;}
	.e_area2 {position:absolute; top:125px; left:140px; z-index:999; }
	.e_area3 {position:absolute; top:520px; left:1080px; z-index:999; }
	.e_area4 {position:absolute; top:340px; left:1140px; z-index:999; }
	.e_area5 {position:absolute; top:770px; left:880px; z-index:999; }
	.e_center {position:absolute; top:510px; left:145px; z-index:999;}
}


@media all and (min-width:1920px) and (max-width:2560px){

.f_area1 {position:absolute; top:70px; left:850px; z-index:999;}
.f_area2 {position:absolute; top:75px; left:1325px; z-index:999; }
.f_area3 {position:absolute; top:320px; left:190px; z-index:999; }
.f_area4 {position:absolute; top:280px; right:300px; z-index:999; }
.f_area5 {position:absolute; top:785px; left:905px; z-index:999; }
.f_center {position:absolute; top:1030px; left:145px;  z-index:999;}
}


@media all and (min-width:1600px) and (max-width:1920px){
	
	.f_area1 {position:absolute; top:50px; left:620px; z-index:999;}
	.f_area2 {position:absolute; top:55px; left:999px; z-index:999; }
	.f_area3 {position:absolute; top:250px; left:130px; z-index:999; }
	.f_area4 {position:absolute; top:190px; right:180px; z-index:999; }
	.f_area5 {position:absolute; top:785px; left:905px; z-index:999; }
	.f_center {position:absolute; top:770px; left:145px;  z-index:999;}
	}


@media all and (min-width:1280px) and (max-width:1600px){

	.f_area1 {position:absolute; top:38px; left:510px; z-index:999;}
	.f_area2 {position:absolute; top:45px; left:820px; z-index:999; }
	.f_area3 {position:absolute; top:200px; left:105px; z-index:999; }
	.f_area4 {position:absolute; top:135px; right:130px; z-index:999; }
	.f_area5 {position:absolute; top:785px; left:905px; z-index:999; }
	.f_center {position:absolute; top:650px; left:120px;  z-index:999;}
}


@media all and (min-width:0px) and (max-width:1280px){
	
	.f_area1 {position:absolute; top:35px; left:400px; z-index:999;}
	.f_area2 {position:absolute; top:30px; left:645px; z-index:999; }
	.f_area3 {position:absolute; top:150px; left:80px; z-index:999; }
	.f_area4 {position:absolute; top:90px; right:80px; z-index:999; }
	.f_area5 {position:absolute; top:785px; left:905px; z-index:999; }
	.f_center {position:absolute; top:510px; left:80px;  z-index:999;}
}



.popup_box {z-index:999; position: absolute; width: 890px; height: 80px; left: calc(50% - 890px/2); top: 20px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(12px); border-radius: 100px; padding:20px 0px 0px 50px; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.10);}
.popup_box span.popup_tit {font-family: 'ONE Mobile Title OTF'; font-style: normal; font-weight: 400; font-size: 30px; line-height: 40px; letter-spacing: -0.025em; float:left;
color: rgba(0, 0, 0, 0.6); text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3); }
.popup_box span.popup_txt {font-family:'ONE Mobile OTF Regular';  font-weight: 700; font-size: 15px; line-height:40px; letter-spacing: -0.025em; color: rgba(0, 0, 0, 0.6); 
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3); margin-left:20px;}
.popup_box .out_box {width: 130px; height: 60px; background: rgba(0, 0, 0, 0.4); border-radius: 100px;  position: absolute; top:10px; right:10px; }
.popup_box .out_box span.pop_icon {float:left; padding:13px;} 
.popup_box .out_box span.out_text {float:left; font-size:15px; letter-spacing: -0.025em; font-family: 'ONE Mobile OTF Regular'; line-height:24px; color:#fff; padding-top:20px;}

.m_pop_bg1 {position:relative; width:100%; height:100%; background:url('../images/total/m_pop1.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg2 {position:relative; width:100%; height:100%; background:url('../images/total/m_pop2.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg3 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop1.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg4 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop2.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg5 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop3.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg6 {position:relative; width:100%; height:100%; background:url('../images/total/s_pop1.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg7 {position:relative; width:100%; height:100%; background:url('../images/total/s_pop2.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg8 {position:relative; width:100%; height:100%; background:url('../images/total/s_pop3.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg9 {position:relative; width:100%; height:100%; background:url('../images/total/s_pop4.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}


.m_pop_bg10 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop7.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg11 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop5.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg12 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop4.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg13 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop6.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg16 {position:relative; width:100%; height:100%; background:url('../images/total/c_pop8.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}


.m_pop_bg14 {position:relative; width:100%; height:100%; background:url('../images/total/s_pop5.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}
.m_pop_bg15 {position:relative; width:100%; height:100%; background:url('../images/total/s_pop6.jpg')no-repeat left top; background-size:100%; 100%; z-index:9;}



@media all and (max-width:1920px){
	.m_pop_bg1 {position:relative; width:1920px; height:1080px; background:url('../images/total/m_pop1.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg2 {position:relative; width:1920px; height:1080px; background:url('../images/total/m_pop2.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg3 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop1.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg4 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop2.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg5 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop3.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg6 {position:relative; width:1920px; height:1080px; background:url('../images/total/s_pop1.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg7 {position:relative; width:1920px; height:1080px; background:url('../images/total/s_pop2.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg8 {position:relative; width:1920px; height:1080px; background:url('../images/total/s_pop3.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg9 {position:relative; width:1920px; height:1080px; background:url('../images/total/s_pop4.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}


	.m_pop_bg10 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop7.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg11 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop5.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg12 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop4.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg13 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop6.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg16 {position:relative; width:1920px; height:1080px; background:url('../images/total/c_pop8.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}


	.m_pop_bg14 {position:relative; width:1920px; height:1080px; background:url('../images/total/s_pop5.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
	.m_pop_bg15 {position:relative; width:1920px; height:1080px; background:url('../images/total/s_pop6.jpg')no-repeat left top; background-size:1920px 1080px; z-index:9;}
}



@media all and (max-width:1280px){
	.m_pop_bg1 {position:relative; width:1280px; height:720px; background:url('../images/total/m_pop1.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg2 {position:relative; width:1280px; height:720px; background:url('../images/total/m_pop2.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg3 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop1.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg4 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop2.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg5 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop3.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg6 {position:relative; width:1280px; height:720px; background:url('../images/total/s_pop1.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg7 {position:relative; width:1280px; height:720px; background:url('../images/total/s_pop2.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg8 {position:relative; width:1280px; height:720px; background:url('../images/total/s_pop3.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg9 {position:relative; width:1280px; height:720px; background:url('../images/total/s_pop4.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}


	.m_pop_bg10 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop7.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg11 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop5.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg12 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop4.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg13 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop6.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg16 {position:relative; width:1280px; height:720px; background:url('../images/total/c_pop8.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}


	.m_pop_bg14 {position:relative; width:1280px; height:720px; background:url('../images/total/s_pop5.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
	.m_pop_bg15 {position:relative; width:1280px; height:720px; background:url('../images/total/s_pop6.jpg')no-repeat left top; background-size:1280px 720px; z-index:9;}
}