@import"https://fonts.googleapis.com/earlyaccess/notosanskr.css";@import"https://fonts.googleapis.com/css?family=Roboto:400,300,500,700";@import"swiper.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;touch-action:pan-y}html{margin-right:0;box-sizing:border-box;font-family:"Noto Sans KR",sans-serif !important;background-color:#fcfeff}html>body{overflow-y:scroll;overflow-x:auto;-webkit-overflow-scrolling:touch;height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-weight:400;font-family:"Noto Sans KR",sans-serif !important;font-size:15px;color:#222;letter-spacing:-0.03em}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:0;margin:0;padding:0;border:0 none;background-color:rgba(0,0,0,0);cursor:pointer;font-family:"Noto Sans KR",sans-serif}button:focus,input:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:link{outline:none}button:focus{outline:none}​ a{text-decoration:none !important}a:link,a:visited{color:#000}.main_wrap{background:#f2f7ff;width:564px;position:relative;margin:0 auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}textarea,input[type=password],input[type=email],input[type=number],input[type=text]{-webkit-appearance:none;line-height:normal;font-family:"Noto Sans KR",sans-serif}select{-webkit-appearance:none;line-height:normal;font-family:"Noto Sans KR",sans-serif}::placeholder{color:#999;opacity:1}:-ms-input-placeholder{color:#999}::-ms-input-placeholder{color:#999}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}input:focus{outline:none}a:active,button:active{-webkit-tap-highlight-color:rgba(0,0,0,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.cont{overflow:hidden;width:564px;position:relative;margin:0 auto;background-color:#fcfeff}.cont .code-wrap{margin:0 30px}.cont .code-wrap .code_top{height:50vh;position:relative}.cont .code-wrap .code_top .top_img{position:absolute;top:-195px;right:-228px}.cont .code-wrap .code_top .top_img img{width:500px;-webkit-animation:up-down 1.6s infinite ease-in-out alternate;animation:up-down 1.6s infinite ease-in-out alternate}.cont .code-wrap .code_top .top_txt{position:absolute;top:40%}.cont .code-wrap .code_top .top_txt h2{font-size:24px;line-height:30px;font-weight:400}.cont .code-wrap .code_top .top_txt h3{font-size:20px;font-weight:bold;line-height:33px;margin:15px 0 0}.cont .code-wrap .code_bottom{height:50vh;position:relative}.cont .code-wrap .code_bottom .bottom_txt{position:absolute;bottom:60px}.cont .code-wrap .code_bottom .bottom_txt .tit h4{font-size:42px;line-height:48px;font-weight:100}.cont .code-wrap .code_bottom .bottom_txt .tit h2{margin:3px 0 19px;font-size:44px;line-height:56px;font-weight:bold;letter-spacing:-2.55px}.cont .code-wrap .code_bottom .bottom_txt .tit p{margin:15px 0 0;font-size:16px;line-height:24px;color:#666}.cont .code-wrap .code_bottom .bottom_txt .btn{margin:39px 0 0;-webkit-animation:pushMotion 1.1s linear infinite alternate;animation:pushMotion 1.1s linear infinite alternate}.cont .code-wrap .code_bottom .bottom_txt .btn a{text-decoration:none;font-size:18px;line-height:2;padding:0px 16px 0px 26px;font-weight:bold;border-radius:100px;background-color:#2badd7;color:#fff;-webkit-box-shadow:0px 4px 10px 0px rgba(43,173,215,.37);box-shadow:0px 4px 10px 0px rgba(43,173,215,.37);height:56px;line-height:55px;display:inline-block}.cont .code-wrap .code_bottom .bottom_txt .btn a::after{content:"";display:inline-block;margin-left:4px;width:24px;height:24px;background:url(../images/ic_btn_arr.png) no-repeat;background-size:contain;vertical-align:sub;background-position-y:1px}.cont .code-wrap .code_bottom .bottom_btn{position:absolute;bottom:30px;text-align:center;width:100%}.cont .code-wrap .code_bottom .bottom_btn .img{position:relative;display:block;height:130px}.cont .code-wrap .code_bottom .bottom_btn .img img{width:150px;right:1px;top:6px;position:absolute;-webkit-animation:up-down 1s infinite ease-in-out alternate;animation:up-down 1s infinite ease-in-out alternate}.cont .code-wrap .code_bottom .bottom_btn button{font-size:20px;font-weight:bold;color:#fff;background-color:#5698ff;height:80px;width:100%;line-height:79px;border-radius:100px}.swiper-slide.swiper-slide-active .box_01 .body_txt .btn_list div.cloud_01{animation-fill-mode:forwards;animation-name:cloud_02,cloud_box;animation-delay:0s,2s;animation-duration:1.6s,1.5s;animation-iteration-count:infinite,1;animation-direction:alternate;animation-timing-function:ease-in-out}.swiper-slide.swiper-slide-active .box_01 .body_txt .btn_list div.cloud_02{animation-fill-mode:forwards;animation-name:cloud_02,cloud_box;animation-delay:0s,2s;animation-duration:1.3s,1.5s;animation-iteration-count:infinite,1;animation-direction:alternate;animation-timing-function:ease-in-out}.swiper-slide.swiper-slide-active .box_01 .body_txt .btn_list div.cloud_03{animation-fill-mode:both;-webkit-animation-name:cloud_03_1_1,cloud_03_2;animation-name:cloud_03_1_1,cloud_03_2;animation-delay:1s,1.2s;animation-duration:1s,.1s;animation-iteration-count:1,1;animation-timing-function:ease-in-out}.swiper-slide.swiper-slide-active .box_01 .body_txt .btn_list div.cloud_04{animation-fill-mode:forwards;animation-name:cloud_04,cloud_box;animation-delay:0s,2s;animation-duration:1.9s,1.5s;animation-iteration-count:infinite,1;animation-direction:alternate;animation-timing-function:ease-in-out}.swiper-slide.swiper-slide-active .box_01 .body_txt .btn_list div.cloud_05{animation-fill-mode:forwards;animation-name:cloud_05,cloud_box;animation-delay:0s,2s;animation-duration:1.2s,1.5s;animation-iteration-count:infinite,1;animation-direction:alternate;animation-timing-function:ease-in-out}.swiper-slide.swiper-slide-active .box_01 .body_txt .btn_list div.cloud_06{animation-fill-mode:forwards;animation-name:cloud_06,cloud_box;animation-delay:0s,2s;animation-duration:1.1s,1.5s;animation-iteration-count:infinite,1;animation-direction:alternate;animation-timing-function:ease-in-out}.swiper-slide.swiper-slide-active .box_02 .body_txt .img_box_01{animation-fill-mode:forwards;animation-name:display_none22;animation-delay:2.1s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_02 .body_txt .img_box_01 div img.menu_img{animation-fill-mode:forwards;animation-name:width_08;animation-delay:.6s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease-out}.swiper-slide.swiper-slide-active .box_02 .body_txt .img_box_02{animation-fill-mode:forwards;animation-name:display_block22,display_none22;animation-delay:2.8s,4.8s;animation-duration:.3s,.3s;animation-iteration-count:1,1;animation-timing-function:ease;display:block}.swiper-slide.swiper-slide-active .box_02 .body_txt .img_box_02 div img.menu_img{animation-fill-mode:forwards;animation-name:width_011;animation-delay:3.5s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_02 .body_txt .img_box_03{opacity:0;animation-fill-mode:forwards;animation-name:display_block22;animation-delay:5s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease;display:block}.swiper-slide.swiper-slide-active .box_02 .body_txt .img_box_03 div img.menu_img_03{transform-origin:bottom left;animation:clockb 1.5s linear infinite}.swiper-slide.swiper-slide-active .box_03 .top_txt.top_txt_01{animation-fill-mode:forwards;animation-name:display_none;animation-delay:2.1s;animation-duration:.1s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_03 .top_txt.top_txt_02{animation-fill-mode:forwards;animation-name:display_block;animation-delay:2.2s;animation-duration:.1s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_01{animation-fill-mode:forwards;animation-name:display_none22;animation-delay:2.1s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_01 .arrow_box .arr_rt{animation:opacity_01 .6s linear infinite}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_02{animation-fill-mode:forwards;animation-name:display_block22;animation-delay:2.3s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease;display:block}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_02 .particle_img{animation-fill-mode:forwards;animation-name:width_05;animation-delay:4.2s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_02 .text_box_01 div img{animation-fill-mode:forwards;animation-name:width_06;animation-delay:3s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease-out}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_02 .text_box_01 div span:first-child{animation-fill-mode:forwards;animation-name:font-s;animation-delay:3s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_02 .text_box_02{animation-fill-mode:forwards;animation-name:display_block;animation-delay:3.6s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_02 .text_box_02 div img{animation-fill-mode:forwards;animation-name:width_06;animation-delay:3.8s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease-out}.swiper-slide.swiper-slide-active .box_03 .body_txt .img_box_02 .text_box_02 div span:first-child{animation-fill-mode:forwards;animation-name:font-s;animation-delay:3.8s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_04 .body_txt .img_box_01 .video_box{animation-fill-mode:both;animation-name:blur;animation-delay:2.6s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease;max-height:408px}.swiper-slide.swiper-slide-active .box_04 .body_txt .img_box_01 .video_box .bottom_img{animation-fill-mode:forwards;animation-name:width_08;animation-delay:.6s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease-out}.swiper-slide.swiper-slide-active .box_04 .body_txt .img_box_01>img{max-height:408px}.swiper-slide.swiper-slide-active .box_04 .body_txt .img_box_01 .zoom_img{animation-fill-mode:forwards;animation-name:width_03;animation-delay:2.5s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_04 .body_txt .img_box_01 .zoom_img .pyro>.before,.swiper-slide.swiper-slide-active .box_04 .body_txt .img_box_01 .zoom_img .pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_02 span{font-size:16px;color:#666;display:inline-block;margin:20px 0 0;text-underline-position:under}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_02 span.span_01{margin:38px 0 0;animation-fill-mode:forwards;-webkit-animation-name:fadeIn,fadeout_01;animation-name:fadeIn,fadeout_01;animation-delay:.3s,1.6s;animation-duration:.6s,.6s;animation-iteration-count:1,1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_02 span.span_02{animation-fill-mode:forwards;-webkit-animation-name:fadeIn,fadeout_01;animation-name:fadeIn,fadeout_01;animation-delay:.6s,1.9s;animation-duration:.6s,.6s;animation-iteration-count:1,1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_02 span.span_03{animation-fill-mode:forwards;-webkit-animation-name:fadeIn,fadeout_01;animation-name:fadeIn,fadeout_02;animation-delay:.9s,2.1s;animation-duration:.6s,.6s;animation-iteration-count:1,1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_02 span.span_04{animation-fill-mode:forwards;-webkit-animation-name:fadeIn,fadeout_01;animation-name:fadeIn,fadeout_03;animation-delay:1.2s,2.3s;animation-duration:.6s,.6s;animation-iteration-count:1,1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_02 span.span_05{animation-fill-mode:forwards;-webkit-animation-name:fadeIn,fadeout_01;animation-name:fadeIn,fadeout_04;animation-delay:1.5s,2.6s;animation-duration:.6s,.6s;animation-iteration-count:1,1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_03{position:relative;opacity:1}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_03 .img_01{width:32px;animation-fill-mode:both;animation-name:fadeIn2,blur;animation-delay:2.9s,4.5s;animation-duration:2.1s,4.1s;animation-iteration-count:1,1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_03 .box{position:relative;width:228px;margin:0 auto;animation-fill-mode:both;animation-name:fadeIn2;animation-delay:3.2s;animation-duration:2.4s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_03 .box .img_02{width:228px;-webkit-animation:blur 4.5s 4.1s both ease;animation:blur 4.5s 4.1s both ease}.swiper-slide.swiper-slide-active .box_05 .body_txt .text_03 .box .img_03{position:absolute;width:45px;right:13px;top:0px;-webkit-animation:width_01 4.9s 4.1s both ease;animation:width_01 4.9s 4.1s both ease}.swiper-slide.swiper-slide-active .box_06 .body_txt .img_box_01 .video_box .bottom_img{animation-fill-mode:forwards;animation-name:width_08;animation-delay:.6s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease-out}.swiper-slide.swiper-slide-active .box_06 .body_txt .img_box_01 .zoom_img{animation-fill-mode:forwards;animation-name:width_03;animation-delay:2.5s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_06 .body_txt .img_box_01 .zoom_img .pyro>.before,.swiper-slide.swiper-slide-active .box_06 .body_txt .img_box_01 .zoom_img .pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%}.swiper-slide.swiper-slide-active .box_06 .body_txt .img_box_01 .arr_box{animation-fill-mode:forwards;animation-name:display_none;animation-delay:1.5s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_06 .body_txt .img_box_01 .arr_box img:first-child{animation:opacity_01 .6s linear infinite}.swiper-slide.swiper-slide-active .box_07 .body_txt .img_box_01 .video_box .bottom_img{animation-fill-mode:forwards;animation-name:width_08;animation-delay:.3s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease-out}.swiper-slide.swiper-slide-active .box_07 .body_txt .img_box_01 .zoom_img{animation-fill-mode:forwards;animation-name:width_03;animation-delay:3.8s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_07 .body_txt .img_box_01 .zoom_img .pyro>.before,.swiper-slide.swiper-slide-active .box_07 .body_txt .img_box_01 .zoom_img .pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%}.swiper-slide.swiper-slide-active .box_07 .body_txt .img_box_01 .arr_box{animation-fill-mode:forwards;animation-name:display_none;animation-delay:1s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_07 .body_txt .img_box_01 .arr_box img:last-child{animation:opacity_01 .6s linear infinite}.swiper-slide.swiper-slide-active .box_09 .top_txt .top_txt_01{animation-fill-mode:forwards;animation-name:display_none;animation-delay:2.8s;animation-duration:.1s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_09 .top_txt .top_txt_02{animation-fill-mode:forwards;animation-name:display_block;animation-delay:2.9s;animation-duration:.1s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_09 .body_txt .img_box_01 .video_box .bottom_img{animation-fill-mode:forwards;animation-name:width_08;animation-delay:.6s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease-out}.swiper-slide.swiper-slide-active .box_09 .body_txt .img_box_01 .zoom_img{animation-fill-mode:forwards;animation-name:width_03;animation-delay:2.5s;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_09 .body_txt .img_box_01 .zoom_img .pyro>.before,.swiper-slide.swiper-slide-active .box_09 .body_txt .img_box_01 .zoom_img .pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%}.swiper-slide.swiper-slide-active .box_09 .body_txt .img_box_01 .arr_box{animation-fill-mode:forwards;animation-name:display_none;animation-delay:1.5s;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease}.swiper-slide.swiper-slide-active .box_09 .body_txt .img_box_01 .arr_box img:first-child{animation:opacity_01 .6s linear infinite}.swiper-slide .box_01 .top_txt{position:absolute;top:13%;left:50%;-webkit-transform:translate(-50%, 10px);transform:translate(-50%, -13%);width:100%}.swiper-slide .box_01 .top_txt p{font-size:18px;line-height:26px}.swiper-slide .box_01 .top_txt h2{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_01 .body_txt{width:80vw}.swiper-slide .box_01 .body_txt .btn_list{position:relative;height:80px}.swiper-slide .box_01 .body_txt .btn_list div{position:absolute;font-size:20px;border-radius:100px;background-color:#f1f7fa;color:#999;padding:10px 15px}.swiper-slide .box_01 .body_txt .btn_list div.cloud_01{top:-100px;left:0px}.swiper-slide .box_01 .body_txt .btn_list div.cloud_02{top:-130px;right:-10px}.swiper-slide .box_01 .body_txt .btn_list div.cloud_03{position:unset;text-align:center;display:inline-block;line-height:30px}.swiper-slide .box_01 .body_txt .btn_list div.cloud_04{top:120px;left:50px}.swiper-slide .box_01 .body_txt .btn_list div.cloud_05{top:220px}.swiper-slide .box_01 .body_txt .btn_list div.cloud_06{top:220px;right:0px}.swiper-slide .box_02{display:flex;flex-direction:column;justify-content:space-evenly;height:90%}.swiper-slide .box_02 .top_txt{position:unset;transform:unset}.swiper-slide .box_02 .top_txt p{font-size:18px;line-height:26px}.swiper-slide .box_02 .top_txt h2{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_02 .body_txt{height:calc(50vh + 32px)}.swiper-slide .box_02 .body_txt>div{position:relative;width:100%;min-width:320px;max-width:350px}.swiper-slide .box_02 .body_txt>div .img_box_01{position:absolute;top:0;width:400px;text-align:center;left:50%;margin-left:-200px}.swiper-slide .box_02 .body_txt>div .img_box_01 div{position:relative;margin:0 auto}.swiper-slide .box_02 .body_txt>div .img_box_01 div img{width:100%;display:list-item}.swiper-slide .box_02 .body_txt>div .img_box_01 div img.menu_img{position:relative;bottom:164px;width:65%;margin:0 auto;left:0}.swiper-slide .box_02 .body_txt>div .img_box_02{position:absolute;top:0;left:0;right:0;min-width:320px;width:100%;max-width:350px;opacity:0;text-align:center}.swiper-slide .box_02 .body_txt>div .img_box_02 div{position:relative;margin:0 auto}.swiper-slide .box_02 .body_txt>div .img_box_02 div img{width:100%;display:list-item}.swiper-slide .box_02 .body_txt>div .img_box_02 div img.menu_img{position:absolute;top:10px;right:15px;width:200px;opacity:0}.swiper-slide .box_02 .body_txt>div .img_box_03{position:absolute;top:0;right:0;min-width:320px;width:100%;max-width:350px;opacity:0;text-align:center;left:0}.swiper-slide .box_02 .body_txt>div .img_box_03>div{position:relative;margin:0 auto}.swiper-slide .box_02 .body_txt>div .img_box_03>div img{width:100%;display:list-item}.swiper-slide .box_02 .body_txt>div .img_box_03>div img.menu_img_02{position:absolute;width:100px;top:33px;left:71px}.swiper-slide .box_02 .body_txt>div .img_box_03>div img.menu_img_03{position:absolute;top:28%;left:26%;width:33px}.swiper-slide .box_03{display:flex;flex-direction:column;justify-content:space-evenly;height:90%}.swiper-slide .box_03 .top_txt{position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%, -15%);transform:translate(-50%, -15%);width:100%}.swiper-slide .box_03 .top_txt p{font-size:18px;line-height:26px}.swiper-slide .box_03 .top_txt h2{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_03 .top_txt.top_txt_02{opacity:0}.swiper-slide .box_03 .body_txt{height:33vh}.swiper-slide .box_03 .body_txt>div{position:relative;width:100%;min-width:320px;max-width:350px}.swiper-slide .box_03 .body_txt>div .device_img{position:absolute;left:0;width:100%}.swiper-slide .box_03 .body_txt>div .img_box_01{position:absolute;top:0;min-width:320px;width:100%;max-width:350px;text-align:center;left:0}.swiper-slide .box_03 .body_txt>div .img_box_01 div{position:relative}.swiper-slide .box_03 .body_txt>div .img_box_01 div img.basic_card{width:40px;position:absolute;top:28%;left:50%;transform:translate(-50%, -50%)}.swiper-slide .box_03 .body_txt>div .img_box_01 div .arrow_box{position:absolute;width:221px;top:43%;left:50%;transform:translate(-50%, -50%)}.swiper-slide .box_03 .body_txt>div .img_box_01 div .arrow_box img:first-child{position:absolute;top:12px;width:60px}.swiper-slide .box_03 .body_txt>div .img_box_01 div .arrow_box img:last-child{position:absolute;top:12px;right:0px;width:60px}.swiper-slide .box_03 .body_txt>div .img_box_02{position:absolute;top:0;min-width:320px;width:100%;max-width:350px;opacity:0;text-align:center;left:0}.swiper-slide .box_03 .body_txt>div .img_box_02 div{position:relative}.swiper-slide .box_03 .body_txt>div .img_box_02 div img{width:100%;display:list-item}.swiper-slide .box_03 .body_txt>div .img_box_02 div img.particle_img{opacity:0;width:93px;position:absolute;top:64px;left:50%;transform:translate(-50%, 0%)}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_01{position:absolute;top:52%;left:14%;transform:translate(0, -50%);background:url(../images/ic_main_coupon.png) no-repeat left center;background-size:20px;padding-left:32px}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_01 div span{flex:auto}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_01 div span:first-child{font-size:24px;text-align:left}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_01 div span:last-child{font-size:16px;font-weight:bold;text-align:right}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_01 div img{width:80%}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_02{opacity:0;position:absolute;top:64%;left:14%;transform:translate(0, -50%);background:url(../images/ic_main_stamp.png) no-repeat left center;background-size:20px;padding-left:32px}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_02 div img{width:80%}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_02 div span{flex:auto}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_02 div span:first-child{font-size:24px;text-align:left}.swiper-slide .box_03 .body_txt>div .img_box_02 div .text_box_02 div span:last-child{font-size:16px;font-weight:bold;text-align:right}.swiper-slide .box_04{position:relative;display:inline-flex;flex-direction:column;justify-content:space-evenly;max-height:90vh;height:90vh}.swiper-slide .box_04 .top_txt{position:unset;-webkit-transform:unset;transform:unset}.swiper-slide .box_04 .top_txt p{font-size:18px;line-height:26px}.swiper-slide .box_04 .top_txt h2{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_04 .body_txt .img_box_01{position:relative;text-align:center;margin:30px 0 0;display:inline-flex;justify-content:center}.swiper-slide .box_04 .body_txt .img_box_01 .video_box{position:absolute;top:13px;width:197px;border-radius:22px}.swiper-slide .box_04 .body_txt .img_box_01 .video_box .thumbnail{position:relative;overflow:hidden;height:363px;border-radius:30px 30px 0 0;z-index:10}.swiper-slide .box_04 .body_txt .img_box_01 .video_box .thumbnail video{border-radius:30px;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:auto;z-index:20}.swiper-slide .box_04 .body_txt .img_box_01 .video_box .bottom_img{position:absolute;bottom:-19px;left:0px;width:100%;z-index:100;border-radius:16px 16px 27px 27px;z-index:100;box-shadow:0px -2px 7px 0px rgba(221,225,236,.8)}.swiper-slide .box_04 .body_txt .zoom_img{position:absolute;top:1px;opacity:0;z-index:200;height:100%;width:100%;max-width:320px;min-width:290px}.swiper-slide .box_04 .body_txt .zoom_img img{width:100%}.swiper-slide .box_04 .body_txt .zoom_img .text_01{position:absolute;right:34px;top:34px}.swiper-slide .box_04 .body_txt .zoom_img .text_01 span{font-size:16px;font-weight:bold}.swiper-slide .box_04 .body_txt .zoom_img .text_02{position:absolute;right:34px;top:87px}.swiper-slide .box_04 .body_txt .zoom_img .text_02 span{font-size:16px;font-weight:bold;letter-spacing:-0.03em}.swiper-slide .box_05{width:80vw;height:80vh}.swiper-slide .box_05 .top_txt{position:unset;margin:0 0 5vh;-webkit-transform:unset;transform:unset}.swiper-slide .box_05 .top_txt .text_01 p{font-size:18px;line-height:26px}.swiper-slide .box_05 .top_txt .text_01 h3{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_05 .body_txt .text_02{margin:30px 0}.swiper-slide .box_05 .body_txt .text_02 span{font-size:16px;color:#666;display:inline-block;margin:20px 0 0;text-underline-position:under}.swiper-slide .box_05 .body_txt .text_02 span.span_02{opacity:0}.swiper-slide .box_05 .body_txt .text_02 span.span_03{opacity:0}.swiper-slide .box_05 .body_txt .text_02 span.span_04{opacity:0}.swiper-slide .box_05 .body_txt .text_02 span.span_05{opacity:0}.swiper-slide .box_05 .body_txt .text_03{position:absolute;opacity:0}.swiper-slide .box_06{display:flex;flex-direction:column;justify-content:space-evenly;height:90%}.swiper-slide .box_06.box_09 .top_txt{position:relative;-webkit-transform:unset;transform:unset;height:52px;left:0;top:0}.swiper-slide .box_06.box_09 .top_txt .top_txt_01,.swiper-slide .box_06.box_09 .top_txt .top_txt_02{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);width:100%;min-width:320px}.swiper-slide .box_06.box_09 .top_txt .top_txt_02{opacity:0}.swiper-slide .box_06.box_09 .top_txt p{font-size:18px;line-height:26px}.swiper-slide .box_06.box_09 .top_txt h2{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_06 .top_txt{position:unset;-webkit-transform:unset;transform:unset}.swiper-slide .box_06 .top_txt p{font-size:18px;line-height:26px}.swiper-slide .box_06 .top_txt h2{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_06 .top_txt.top_txt_02{opacity:0}.swiper-slide .box_06 .body_txt .img_box_01{position:relative;text-align:center;margin:30px 0 0}.swiper-slide .box_06 .body_txt .img_box_01 .video_box{position:absolute;top:13px;width:197px;left:11px;border-radius:30px}.swiper-slide .box_06 .body_txt .img_box_01 .video_box .thumbnail{position:relative;overflow:hidden;height:363px;border-radius:30px 30px 0 0;z-index:10}.swiper-slide .box_06 .body_txt .img_box_01 .video_box .thumbnail video{border-radius:30px;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:auto;z-index:20}.swiper-slide .box_06 .body_txt .img_box_01 .video_box .bottom_img{position:absolute;bottom:-19px;left:0px;width:100%;border-radius:16px 16px 27px 27px;z-index:100;box-shadow:0px -2px 7px 0px rgba(221,225,236,.8)}.swiper-slide .box_06 .body_txt .zoom_img{position:absolute;bottom:117px;opacity:0}.swiper-slide .box_06 .body_txt .zoom_img img{width:100%}.swiper-slide .box_06 .body_txt .zoom_img .text_01{position:absolute;right:25px;top:26px}.swiper-slide .box_06 .body_txt .zoom_img .text_01 span{font-size:16px;font-weight:bold}.swiper-slide .box_06 .body_txt .zoom_img .text_02{position:absolute;right:25px;top:77px}.swiper-slide .box_06 .body_txt .zoom_img .text_02 span{font-size:16px;font-weight:bold}.swiper-slide .box_06 .body_txt .arr_box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:200}.swiper-slide .box_06 .body_txt .arr_box img:first-child{position:absolute;top:16px;left:13px;width:35px}.swiper-slide .box_06 .body_txt .arr_box img:last-child{position:absolute;bottom:16px;left:13px;width:35px}.swiper-slide .box_07{display:flex;flex-direction:column;justify-content:space-evenly;height:90%}.swiper-slide .box_07 .top_txt{position:unset;-webkit-transform:unset;transform:unset}.swiper-slide .box_07 .top_txt p{font-size:18px;line-height:26px}.swiper-slide .box_07 .top_txt h2{font-size:18px;font-weight:bold;line-height:26px}.swiper-slide .box_07 .body_txt .img_box_01{position:relative;text-align:center;margin:30px 0 0}.swiper-slide .box_07 .body_txt .img_box_01 .video_box{position:absolute;top:13px;width:197px;left:11px;border-radius:22px}.swiper-slide .box_07 .body_txt .img_box_01 .video_box .thumbnail{position:relative;overflow:hidden;height:363px;border-radius:30px 30px 0 0;z-index:10}.swiper-slide .box_07 .body_txt .img_box_01 .video_box .thumbnail video{border-radius:30px;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:auto;z-index:20}.swiper-slide .box_07 .body_txt .img_box_01 .video_box .bottom_img{position:absolute;bottom:-19px;left:0px;width:100%;z-index:100;border-radius:16px 16px 27px 27px;z-index:100;box-shadow:0px -2px 7px 0px rgba(221,225,236,.8)}.swiper-slide .box_07 .body_txt .zoom_img{position:absolute;bottom:38px;opacity:0;z-index:200;left:-46px}.swiper-slide .box_07 .body_txt .zoom_img img{width:320px}.swiper-slide .box_07 .body_txt .zoom_img .text_01{position:absolute;right:25px;top:26px}.swiper-slide .box_07 .body_txt .zoom_img .text_01 span{font-size:16px;font-weight:bold}.swiper-slide .box_07 .body_txt .zoom_img .text_02{position:absolute;right:25px;top:77px}.swiper-slide .box_07 .body_txt .zoom_img .text_02 span{font-size:16px;font-weight:bold}.swiper-slide .box_07 .body_txt .arr_box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.swiper-slide .box_07 .body_txt .arr_box img:first-child{position:absolute;top:15px;left:18px}.swiper-slide .box_07 .body_txt .arr_box img:last-child{position:absolute;bottom:15px;left:18px}.swiper-slide .box_08{margin:0 30px;width:100%}.swiper-slide .box_08 .top_txt{text-align:center;position:unset;transform:unset}.swiper-slide .box_08 .top_txt p{font-size:24px;line-height:30px;font-weight:400}.swiper-slide .box_08 .top_txt h2{font-size:20px;font-weight:bold;line-height:33px;margin:15px 0 0}.swiper-slide .box_08 .body_txt .code_bottom{height:55vh;position:relative}.swiper-slide .box_08 .body_txt .code_bottom .bottom_btn{position:absolute;bottom:0px;text-align:center;width:100%}.swiper-slide .box_08 .body_txt .code_bottom .bottom_btn .img{position:relative;display:block;height:130px}.swiper-slide .box_08 .body_txt .code_bottom .bottom_btn .img img{width:150px;right:1px;top:6px;position:absolute;-webkit-animation:up-down 1s infinite ease-in-out alternate;animation:up-down 1s infinite ease-in-out alternate}.swiper-slide .box_08 .body_txt .code_bottom .bottom_btn button{font-size:22px;font-weight:bold;color:#fff;background-color:#2badd7;height:80px;width:100%;line-height:79px;border-radius:100px;box-shadow:0px 5px 15px 1px #2badd7}.top_txt{position:absolute;top:30px;left:50%;transform:translate(-50%, 10px);width:100%}.btn-next{position:fixed;bottom:0;left:50%;width:56px;height:56px;margin-left:-28px;z-index:10}.btn-next .step-icon{display:block;width:56px;height:56px;background:url(../images/img_step_ing.png) center no-repeat;background-size:100%;animation:float 2s ease-in-out infinite;cursor:pointer}@-webkit-keyframes cloud_01{0%{transform:translate(0, 0)}100%{transform:translate(4px, 5px)}}@-webkit-keyframes cloud_02{0%{transform:translate(0, 0)}100%{transform:translate(0, 10px)}}@-webkit-keyframes cloud_04{0%{transform:translate(0, 0)}100%{transform:translate(3px, 2px)}}@-webkit-keyframes cloud_05{0%{transform:translate(0, 0)}100%{transform:translate(1px, 3px)}}@-webkit-keyframes cloud_06{0%{transform:translate(0, 0)}100%{transform:translate(0px, 6px)}}@-webkit-keyframes cloud_box{0%{filter:blur(1px);-webkit-filter:blur(1px)}50%{filter:blur(3px);-webkit-filter:blur(3px)}to{filter:blur(5px);-webkit-filter:blur(5px);opacity:0}}@-webkit-keyframes cloud_none{from{opacity:1}to{opacity:.1}}@-webkit-keyframes cloud_none2{from{opacity:1}to{opacity:.3}}@-webkit-keyframes cloud_none3{from{opacity:1}to{opacity:.5}}@-webkit-keyframes cloud_03_1_1{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes cloud_03_1_1{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes cloud_03_1{0%{transform:scale(0.5)}100%{transform:scale(1)}}@-webkit-keyframes cloud_03_2{from{transform:scale(1)}to{background-color:#f8b73d;color:#fff;font-size:24px;font-weight:bold;padding:30px 50px;box-shadow:0px 6px 7px 0px rgba(255,166,0,.2)}}@-webkit-keyframes up-down{from{transform:translatey(5px)}to{transform:translatey(-10px)}}@-webkit-keyframes pushMotion{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(4px);transform:translateX(4px)}20%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes pushMotion{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(4px);transform:translateX(4px)}20%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{10%{opacity:.1}30%{opacity:.5;color:#5698ff;font-size:20px;font-weight:bold;transform:none;border:0}50%{opacity:1;color:#5698ff;font-size:20px;font-weight:bold;transform:none;border:0}100%{opacity:1;color:#666;padding-bottom:3px;border-bottom:1px solid #666}}@-webkit-keyframes fadeIn2{from{opacity:0}to{-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}}@keyframes fadeIn{10%{opacity:.1}30%{opacity:.5;color:#5698ff;font-size:20px;font-weight:bold;transform:none;border:0}50%{opacity:1;color:#5698ff;font-size:20px;font-weight:bold;transform:none;border:0}100%{opacity:1;color:#666;padding-bottom:3px;border-bottom:1px solid #666}}@keyframes fadeIn2{from{opacity:0}to{-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}}@-webkit-keyframes fadeout_01{to{-webkit-transform:translateY(-3rem);transform:translateY(-3rem);opacity:0}}@-webkit-keyframes fadeout_02{to{-webkit-transform:translateY(-6rem);transform:translateY(-6rem);opacity:.1}}@-webkit-keyframes fadeout_03{to{-webkit-transform:translateY(-6rem);transform:translateY(-6rem);opacity:.2}}@-webkit-keyframes fadeout_04{to{-webkit-transform:translateY(-6rem);transform:translateY(-6rem);opacity:.3}}@-webkit-keyframes blur{to{filter:blur(2px);-webkit-filter:blur(2px)}}@-webkit-keyframes width_01{to{transform:scale(2)}}@-webkit-keyframes width_011{from{transform:scale(0)}to{transform:scale(1);opacity:1}}@-webkit-keyframes width_02{to{left:0%;transform:translate(0%, 0%);width:100%}}@-webkit-keyframes width_03{to{opacity:1;transform:scale(1.2)}}@-webkit-keyframes width_04{to{opacity:1;transform:scale(1)}}@-webkit-keyframes width_05{to{opacity:1;width:110px}}@-webkit-keyframes width_06{0%{transform:scale(1, 1)}50%{transform:scale(1.5, 1.5);margin-top:-20px}100%{transform:scale(1, 1)}}@-webkit-keyframes width_07{100%{opacity:1;transform:scale(1.1)}}@-webkit-keyframes width_08{0%{transform:scale(1, 1)}50%{transform:scale(1.5, 1.5)}100%{transform:scale(1, 1)}}@-webkit-keyframes display_none{to{opacity:0;position:absolute}}@-webkit-keyframes display_block{to{opacity:1}}@-webkit-keyframes font-s{to{font-size:16px}}@-webkit-keyframes display_none22{from{transform:translateX(0rem);opacity:1}to{transform:translateX(-6rem);opacity:0;position:absolute}}@-webkit-keyframes display_block22{from{transform:translateX(12rem);opacity:0}to{transform:translateX(0rem);opacity:1}}@-webkit-keyframes clockb{0%{transform:rotate(0deg)}50%{transform:rotate(-20deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes opacity_01{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@media(max-width: 960px){.cont{width:100%;background-color:#fcfeff}}#either-gif-or-video video{display:none}@media(-webkit-video-playable-inline){#either-gif-or-video img{display:none}#either-gif-or-video video{display:initial}}@media only screen and (max-height: 568px){.swiper-slide .top_txt p,.swiper-slide .top_txt h2,.swiper-slide .top_txt h3,.swiper-slide .body_txt{transform:scale(0.75);transform-origin:center}.swiper-slide .box_02 .top_txt{margin-top:-10%;margin-bottom:-20%}.swiper-slide .box_04 .top_txt{margin-top:20%;margin-bottom:-20%}.swiper-slide .box_04 .body_txt .img_box_01 .video_box,.swiper-slide .box_04 .body_txt .img_box_01>img{max-height:305px}.swiper-slide .box_05 .top_txt{margin-top:15%;margin-bottom:-30%}.swiper-slide .box_06 .top_txt{margin-top:20%;margin-bottom:-20%}.swiper-slide .box_06.box_09 .top_txt{margin-top:20%;margin-bottom:0}.swiper-slide .box_07 .top_txt{margin-top:30%;margin-bottom:-20%}.swiper-slide .box_08 .top_txt{margin-top:5%;margin-bottom:-15%}.swiper-slide .box_08 .top_txt>h2{margin-top:0}.swiper-slide .top_txt p,.swiper-slide .top_txt h2,.swiper-slide .top_txt h3{margin-bottom:-1.5%}.btn-next{transform:scale(0.75)}}@keyframes float{0%{transform:translateY(6px)}50%{transform:translateY(-6px)}100%{transform:translateY(6px)}}
/*# sourceMappingURL=style.css.map */