img.drag.ui-draggable-dragging{z-index:21}.show{display:block !important}.none-before:before{content:none !important}.touch_drag.hold{display:block}.touch_drag.hold .touch_point_drag{display:none}.touch_drag.hold .drag{pointer-events:none}.opacity0{opacity:0 !important;transition:opacity ease .7s}.opacity1{opacity:1 !important;transition:opacity ease .7s}#card_popup_list .card_popup{position:absolute;top:0;left:4px;width:130px;height:149px;cursor:pointer;pointer-events:none}#card_popup_list .card_popup.card_popup0{top:0;left:4px}#card_popup_list .card_popup.card_popup1{top:0;left:144px}#card_popup_list .card_popup.card_popup2{top:0;left:284px}#card_popup_list .card_popup.card_popup3{top:0;left:424px}#card_popup_list .card_popup.card_popup4{top:0;left:564px}#card_popup_list .card_popup.card_popup5{top:0;left:704px}#card_popup_list .card_popup.card_popup6{top:0;left:844px}#card_popup_list .card_popup.card_popup7{top:0;left:984px}#card_popup_list .card_popup.card_popup8{top:160px;left:4px}#card_popup_list .card_popup.card_popup9{top:160px;left:144px}#card_popup_list .card_popup.card_popup10{top:160px;left:284px}#card_popup_list .card_popup.card_popup11{top:160px;left:424px}#card_popup_list .card_popup.card_popup12{top:160px;left:564px}#card_popup_list .card_popup.card_popup13{top:160px;left:704px}#card_popup_list .card_popup.card_popup14{top:160px;left:844px}#card_popup_list .card_popup.card_popup15{top:160px;left:984px}#card_popup_list .card_popup.card_popup16{top:320px;left:4px}#card_popup_list .card_popup.card_popup17{top:320px;left:144px}#card_popup_list .card_popup.card_popup18{top:320px;left:284px}#card_popup_list .card_popup.card_popup19{top:320px;left:424px}#card_popup_list .card_popup.card_popup20{top:320px;left:564px}#card_popup_list .card_popup.card_popup21{top:320px;left:704px}#card_popup_list .card_popup.card_popup22{top:320px;left:844px}#card_popup_list .card_popup.card_popup23{top:320px;left:984px}#card_popup_list .card_popup.card_popup24{top:480px;left:4px}#card_popup_list .card_popup.card_popup25{top:480px;left:144px}#card_popup_list .card_popup.card_popup26{top:480px;left:284px}#card_popup_list .card_popup.card_popup27{top:480px;left:424px}#card_popup_list .card_popup.card_popup28{top:480px;left:564px}#card_popup_list .card_popup.card_popup29{top:480px;left:704px}#card_popup_list .card_popup.card_popup30{top:480px;left:844px}#card_popup_list .card_popup.card_popup31{top:480px;left:984px}.swiper-slide-active #card_popup_list.animate__fadeIn .card_popup{pointer-events:all}#card_popup_view{position:absolute;top:20px;left:450px;width:1450px;height:780px;border-radius:30px;z-index:50;background-color:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}#card_popup_view.active{opacity:1;visibility:visible;transition:all ease .3s}#card_popup_view .card_popup_view_body{width:750px;height:720px;background-image:url("popup_bg.webp");background-repeat:no-repeat;background-position:0 0;position:relative}#card_popup_view .card_popup_view_body .card_popup_view_close{position:absolute;top:35px;right:35px;z-index:3;width:80px;height:80px;background-image:url("popup_close.webp");background-repeat:no-repeat;background-position:0 0;cursor:pointer}#card_popup_view .card_popup_view_body .card_popup_view_tit{position:absolute;top:50px;left:49px;width:652px;text-align:center;font-size:80px;font-weight:600;line-height:1}#card_popup_view .card_popup_view_body .card_popup_view_img{background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:169px;left:49px;width:652px;height:502px;border-radius:20px}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="운동선수"]{background-image:url("card0.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="의사"]{background-image:url("card1.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="교사"]{background-image:url("card2.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="크리에이터"]{background-image:url("card3.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="요리사"]{background-image:url("card4.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="가수"]{background-image:url("card5.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="경찰관"]{background-image:url("card6.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="변호사"]{background-image:url("card7.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="제빵사"]{background-image:url("card8.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="프로게이머"]{background-image:url("card9.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="수의사"]{background-image:url("card10.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="만화가"]{background-image:url("card11.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="배우"]{background-image:url("card12.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="작가"]{background-image:url("card13.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="사업가[CEO]"]{background-image:url("card14.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="검사"]{background-image:url("card15.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="과학자"]{background-image:url("card16.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="의상 디자이너"]{background-image:url("card17.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="소방관"]{background-image:url("card18.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="군인"]{background-image:url("card19.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="로봇 공학자"]{background-image:url("card20.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="프로그래머"]{background-image:url("card21.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="약사"]{background-image:url("card22.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="뷰티 디자이너"]{background-image:url("card23.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="비행사"]{background-image:url("card24.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="간호사"]{background-image:url("card25.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="판사"]{background-image:url("card26.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="영화감독"]{background-image:url("card27.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="교수"]{background-image:url("card28.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="여행 기획자"]{background-image:url("card29.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="스튜어디스"]{background-image:url("card30.webp")}#card_popup_view .card_popup_view_body .card_popup_view_img[data-card="아나운서"]{background-image:url("card31.webp")}.step{position:absolute;top:0px;left:0px;width:1450px;height:780px;display:none}.step.active{display:block}.step .step_title{position:absolute;top:30px;left:0;right:0;margin:auto;width:290px;height:90px;display:flex;align-items:center;justify-content:flex-end;background-color:#ff8840;font-weight:500;font-size:40px;line-height:1;color:#fff;border-radius:50rem;border:5px solid #fff;padding-right:15px}.step .step_title .navi{display:flex;align-items:center;justify-content:center;width:110px;height:50px;font-size:32px;background-color:rgba(0,0,0,0.2);border-radius:50rem;margin-left:25px;padding-bottom:3px}.step.step16 .step_title{background-color:#85c90d}.step.step8 .step_title{background-color:#ad70f3}.step.step4 .step_title{background-color:#f561e9}.step.step2 .step_title{padding-right:0;justify-content:center;background-color:#408cff;width:210px}.step .stage{position:absolute;top:155px;left:0;right:0;margin:auto;width:998px;height:439px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:visible;pointer-events:none}.step .stage.active{opacity:1;visibility:visible;pointer-events:all;transition:all ease .7s}.step .stage.selected .card{display:none}.step .stage.selected .card.active{display:block}.step .stage .card{width:450px;height:430px;background-color:#fff;border-radius:20px;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);padding-top:20px;margin:0 24px;cursor:pointer}.step .stage .card.active{pointer-events:none}.step .stage .card .card_img{width:410px;height:310px;border:3px solid #ffa21a;border-radius:10px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:82%}.step .stage .card .card_img[data-card="운동선수"]{background-image:url("card0.webp")}.step .stage .card .card_img[data-card="의사"]{background-image:url("card1.webp")}.step .stage .card .card_img[data-card="교사"]{background-image:url("card2.webp")}.step .stage .card .card_img[data-card="크리에이터"]{background-image:url("card3.webp")}.step .stage .card .card_img[data-card="요리사"]{background-image:url("card4.webp")}.step .stage .card .card_img[data-card="가수"]{background-image:url("card5.webp")}.step .stage .card .card_img[data-card="경찰관"]{background-image:url("card6.webp")}.step .stage .card .card_img[data-card="변호사"]{background-image:url("card7.webp")}.step .stage .card .card_img[data-card="제빵사"]{background-image:url("card8.webp")}.step .stage .card .card_img[data-card="프로게이머"]{background-image:url("card9.webp")}.step .stage .card .card_img[data-card="수의사"]{background-image:url("card10.webp")}.step .stage .card .card_img[data-card="만화가"]{background-image:url("card11.webp")}.step .stage .card .card_img[data-card="배우"]{background-image:url("card12.webp")}.step .stage .card .card_img[data-card="작가"]{background-image:url("card13.webp")}.step .stage .card .card_img[data-card="사업가[CEO]"]{background-image:url("card14.webp")}.step .stage .card .card_img[data-card="검사"]{background-image:url("card15.webp")}.step .stage .card .card_img[data-card="과학자"]{background-image:url("card16.webp")}.step .stage .card .card_img[data-card="의상 디자이너"]{background-image:url("card17.webp")}.step .stage .card .card_img[data-card="소방관"]{background-image:url("card18.webp")}.step .stage .card .card_img[data-card="군인"]{background-image:url("card19.webp")}.step .stage .card .card_img[data-card="로봇 공학자"]{background-image:url("card20.webp")}.step .stage .card .card_img[data-card="프로그래머"]{background-image:url("card21.webp")}.step .stage .card .card_img[data-card="약사"]{background-image:url("card22.webp")}.step .stage .card .card_img[data-card="뷰티 디자이너"]{background-image:url("card23.webp")}.step .stage .card .card_img[data-card="비행사"]{background-image:url("card24.webp")}.step .stage .card .card_img[data-card="간호사"]{background-image:url("card25.webp")}.step .stage .card .card_img[data-card="판사"]{background-image:url("card26.webp")}.step .stage .card .card_img[data-card="영화감독"]{background-image:url("card27.webp")}.step .stage .card .card_img[data-card="교수"]{background-image:url("card28.webp")}.step .stage .card .card_img[data-card="여행 기획자"]{background-image:url("card29.webp")}.step .stage .card .card_img[data-card="스튜어디스"]{background-image:url("card30.webp")}.step .stage .card .card_img[data-card="아나운서"]{background-image:url("card31.webp")}.step .stage .card .card_txt{text-align:center;line-height:1;font-size:40px;font-weight:500;margin-top:25px}.swiper-slide[data-page="ending"] .card{width:450px;height:430px;background-color:#fff;border-radius:20px;padding-top:20px;margin:0;cursor:pointer;position:absolute;top:200px;left:733px}.swiper-slide[data-page="ending"] .card.active{pointer-events:none}.swiper-slide[data-page="ending"] .card .card_img{width:410px;height:310px;border:3px solid #ffa21a;border-radius:10px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:82%}.swiper-slide[data-page="ending"] .card .card_img[data-card="운동선수"]{background-image:url("card0.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="의사"]{background-image:url("card1.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="교사"]{background-image:url("card2.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="크리에이터"]{background-image:url("card3.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="요리사"]{background-image:url("card4.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="가수"]{background-image:url("card5.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="경찰관"]{background-image:url("card6.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="변호사"]{background-image:url("card7.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="제빵사"]{background-image:url("card8.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="프로게이머"]{background-image:url("card9.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="수의사"]{background-image:url("card10.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="만화가"]{background-image:url("card11.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="배우"]{background-image:url("card12.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="작가"]{background-image:url("card13.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="사업가[CEO]"]{background-image:url("card14.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="검사"]{background-image:url("card15.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="과학자"]{background-image:url("card16.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="의상 디자이너"]{background-image:url("card17.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="소방관"]{background-image:url("card18.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="군인"]{background-image:url("card19.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="로봇 공학자"]{background-image:url("card20.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="프로그래머"]{background-image:url("card21.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="약사"]{background-image:url("card22.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="뷰티 디자이너"]{background-image:url("card23.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="비행사"]{background-image:url("card24.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="간호사"]{background-image:url("card25.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="판사"]{background-image:url("card26.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="영화감독"]{background-image:url("card27.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="교수"]{background-image:url("card28.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="여행 기획자"]{background-image:url("card29.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="스튜어디스"]{background-image:url("card30.webp")}.swiper-slide[data-page="ending"] .card .card_img[data-card="아나운서"]{background-image:url("card31.webp")}.swiper-slide[data-page="ending"] .card .card_txt{text-align:center;line-height:1;font-size:40px;font-weight:500;margin-top:25px}
/*# sourceMappingURL=style.css.map */