@charset="euc-kr";

/* °ψΕλ */
#wrapper{overflow:hidden; min-width:1300px; width:auto; margin:0 auto;}
#wrapper{font-family:"Pretendard";}
#wrapper .thumb{position:relative; left:50%; transform:translateX(-50%);}
#wrapper .mask{position:relative; width:1300px; margin:0 auto; text-align:center;}
.swiper-button-prev:after, 
.swiper-button-next:after{display:none;}

#only1_footer{margin:0;}

/* floating */
.floatingUi{position:fixed; top:17vw; right:.0; z-index:100; display:flex; flex-direction: column; width:240px; height:345px; padding:93px 20px 0; background:url(img/floatingUi.png) no-repeat; transform: scale(.8); right:-2vw;}
.floatingUi a{width:200px; height:73px; text-indent:-9999em;}
.floatingUi a.active{background:url(img/floatingUi_on.png) no-repeat; }
.floatingUi a:nth-of-type(1).active{background-position:-20px -93px;}
.floatingUi a:nth-of-type(2).active{background-position:-20px -166px;}
.floatingUi a:nth-of-type(3).active{background-position:-20px -239px;}

/* visual */
.visual{background:#09001c;}
.visual .tit{position:absolute; left:140px; top:105px;}
.visual .dec{position:absolute; left:396px; top:516px;}
.visual .circle{position:absolute; left:99px; top:632px; display:flex;}
.visual .circle span{width:274px; height:280px;}
.visual .circle span:not(:first-child){margin:0 0 0 -7px;}
.visual .circle span:nth-of-type(1){background:url(img/visual_circle_1.png) no-repeat;}
.visual .circle span:nth-of-type(2){background:url(img/visual_circle_2.png) no-repeat;}
.visual .circle span:nth-of-type(3){background:url(img/visual_circle_3.png) no-repeat;}
.visual .circle span:nth-of-type(4){background:url(img/visual_circle_4.png) no-repeat;}

/* smart_evaluation_1 */
.smart_evaluation_1{background:#d77f1c}
.smart_evaluation_1 .smart_evaluation_1_1{position:absolute; right:167px; top:438px;}

/* smart_evaluation_2 */
.smart_evaluation_2{background:#bd2e84; padding:0 0 100px;}
.smart_evaluation_2_1{position:relative;}
.smart_evaluation_2_1 a{position:absolute; text-indent:-9999em; transition:background-color .3s;}
.smart_evaluation_2_1 a:hover{background-image: url(img/smart_evaluation_2_1_detail_view.png); background-repeat:no-repeat; background-position: center;}
.smart_evaluation_2_1 a.s1{left:296px; top:384px; width:136px; height:100px;}
.smart_evaluation_2_1 a.s1:hover{background-color:#672EDA;}
.smart_evaluation_2_1 a.s2{left:431px; top:384px; width:136px; height:200px;}
.smart_evaluation_2_1 a.s2:hover{background-color:#3B74F0;}
.smart_evaluation_2_1 a.s3{left:567px; top:384px; width:136px; height:200px;}
.smart_evaluation_2_1 a.s3:hover{background-color:#3B74F0;}
.smart_evaluation_2_1 a.s4{left:703px; top:384px; width:136px; height:200px;}
.smart_evaluation_2_1 a.s4:hover{background-color:#3B74F0;}
.smart_evaluation_2_1 a.s5{left:839px; top:484px; width:136px; height:200px;}
.smart_evaluation_2_1 a.s5:hover{background-color:#00B07F;}
.smart_evaluation_2_1 a.s6{left:974px; top:484px; width:136px; height:200px;}
.smart_evaluation_2_1 a.s6:hover{background-color:#00B07F;}
.smart_evaluation_2_1 a.s7{left:839px; top:684px; width:272px; height:98px;}
.smart_evaluation_2_1 a.s7:hover{background-color:#FF0084;}
.smart_evaluation_2_1 a.s8{left:1111px; top:584px; width:134px; height:100px;}
.smart_evaluation_2_1 a.s8:hover{background-color:#FF9D00;}
.smart_evaluation_2_1 a.s9{left:1110px; top:684px; width:134px; height:98px;}
.smart_evaluation_2_1 a.s9:hover{background-color:#FF0004;}
.smart_evaluation_2_1 .over_pop{position:absolute; left:0; bottom:0; width:400px; height:352px; display:none;}
.smart_evaluation_2_1 .over_pop.s1{background:url(img/smart_evaluation_2_1_pop1.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s2{background:url(img/smart_evaluation_2_1_pop2.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s3{background:url(img/smart_evaluation_2_1_pop3.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s4{background:url(img/smart_evaluation_2_1_pop4.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s5{background:url(img/smart_evaluation_2_1_pop5.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s6{background:url(img/smart_evaluation_2_1_pop6.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s7{background:url(img/smart_evaluation_2_1_pop7.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s8{background:url(img/smart_evaluation_2_1_pop8.png) no-repeat;}
.smart_evaluation_2_1 .over_pop.s9{background:url(img/smart_evaluation_2_1_pop9.png) no-repeat;}
.smart_evaluation_2_2 .inner{display:flex; gap:10px; flex-direction: column; align-items: center;}

/* tab_contents */
.tab_contents{background: linear-gradient(180deg, #3C2899 0%, #2A004B 90%); padding:100px 0;}
.tab_contents .tab_box{}
.tab_contents .tab_box ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0;padding:0;list-style:none;}
.tab_contents .tab_box ul li{background:#0E0631;color:#6d6d90;font-size:25px;border-radius:20px;white-space:nowrap; width:232px; height:80px; line-height:85px; cursor:pointer; font-family:'Gmarket Sans'; font-weight:700;}
.tab_contents .tab_box ul li.active{background: linear-gradient(90deg, #FFA91F 0%, #BF00FF 100%); color:#fff;}
.tab_contents .cont{margin:40px 0 0;}
.tab_contents .cont > li{position:relative; display:none;}
.tab_contents .cont > li.active{display:block;}
.tab_contents .cont > li .btn{position:absolute; bottom:3vw; left:50%; transform:translateX(-50%); width:20vw; text-indent:-9999em; aspect-ratio: 3 / 1;}

/* slide_box */
.slide_box{position:absolute; left:50%; transform:translateX(-50%); top:230px; padding:0 0; width:88%;}
.slide_box .slider{overflow:hidden;}
.slide_box .swiper-slide{width:270px;}
.slide_box .swiper-button-prev, 
.slide_box .swiper-button-next{background:url(img/tab_contents_slider_arrow.png) no-repeat 0 0 / 100%; width:50px; height:auto; aspect-ratio: 1 / 1; }
.slide_box .swiper-button-prev{left:-55px;}
.slide_box .swiper-button-next{right:-55px; transform:scaleX(-1);}

/* info_pop_wrap */
.info_pop_wrap{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.55);z-index:900;opacity:0;pointer-events:none;transition:opacity .2s;}
.info_pop_wrap.active{opacity:1;pointer-events:auto;}
.info_pop_wrap .info_pop{position:relative;}
.info_pop_wrap .info_pop .btn_close{position:absolute;right: 3vw;top: 0;width: 7vw; text-indent: -9999em; aspect-ratio: 1/1;background: none;}
.info_pop_wrap .pop_inner{text-align:center;}
.info_pop_wrap .pop_inner .screen{width:100%;border-radius:20px;}

/* midia
@media (max-width:1700px){
    .floatingUi{transform: scale(.8); right:-2vw;}
}
 */