@charset "utf-8";
html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,object,video,iframe,section,figure,header,footer,aside{margin:0;padding:0;word-break:keep-all;outline:none;box-sizing:border-box}
body{width:100%;height:100%;text-align:center;color:#fff;background:#000;font-family:'Pretendard','Malgun Gothic','dotum','Helvetica Neue',Arial,'sans-serif';font-size:14px;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:14px}
img,fieldset,button,input,select,textarea,pre{border:0;border-radius:0;font-family:'Pretendard','Malgun Gothic','dotum','Helvetica Neue',Arial,'sans-serif'}
ul,ol{list-style:none}
em,address,i,var,dfn{font-style:normal}
a,a:link,ins{text-decoration:none;color:#fff}
legend,caption,.blind{position:absolute;top:-9999px;font-size:0;line-height:0}
img{width:100%}
figure{font-size:0;line-height:0}
@font-face {
	font-family: 'Pretendard';
	font-weight: bold;
	font-display: swap;
	src: local('Pretendard Bold'), url('/rounzup/rounz_up/Mobile/font/Pretendard-Bold.woff2') format('woff2'), url('/rounzup/rounz_up/Mobile/font/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: normal;
	font-display: swap;
	src: local('Pretendard Regular'), url('/rounzup/rounz_up/Mobile/font/Pretendard-Regular.woff2') format('woff2'), url('/rounzup/rounz_up/Mobile/font/Pretendard-Regular.woff') format('woff');
}
.slick-slide{outline:none;-webkit-transform: translate3d(0,0,0);transform: translate3d(0, 0, 0); }

/* scroll animation */
article[data-animation="false"] .action{opacity:0;transform:translateY(50px)}
article[data-animation="true"] .action{opacity:1;transform:translateY(0);transition:transform .5s ease-out,opacity 1s}
article[data-animation="true"] .action.a_2{transition-delay:.3s}
article[data-animation="true"] .action.a_3{transition-delay:.6s}
article[data-animation="true"] .action.a_4{transition-delay:.8s}
article[data-animation="true"] .action.a_5{transition-delay:1.0s}
article[data-animation="true"] .action.a_6{transition-delay:1.2s}
article[data-animation="true"] .action.a_7{transition-delay:1.4s}
article[data-animation="true"] .action.a_8{transition-delay:1.6s}

header{z-index:1000;position:absolute;top:20px;left:20px;display:inline-block}
header h1 a{display:block;width:82px;height:16px;background:url("/rounzup/rounz_up/Mobile/images/logo_rounz.png") 0 0 / 100% auto no-repeat}
main .top{position:relative;height:calc(var(--vh, 1vh) * 100)}
main .top:after{content:"";position:absolute;bottom:20px;left:calc(50% - 12px);width:24px;height:24px;background:url("../images/icon_next.png") 50% 50% / 24px auto no-repeat}
main .top figure{overflow:hidden;display:flex;align-items:center;justify-content:center;width:100vw;height:100%}
main .top figure video{width:100%;height:100%;object-fit:cover}
main .top figcaption{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;width:100vw;height:100%}
main .top h2{font-size:36px;line-height:43px}
main .top p{font-size:20px;line-height:30px}
main .sequence_intro{overflow:hidden;width:100vw;height:calc(var(--vh, 1vh) * 100);font-size:0;text-align:center;background:#1729EC}
main .sequence_intro .rounz_up{width:100%;height:100%;object-fit:cover}
.section_1{overflow:hidden}
.section_1 .top{position:relative;overflow:hidden;width:100%;height:100%;min-height:640px}
.section_1 .top .action_element{display:flex;justify-content:center;align-items:center;height:calc(var(--vh, 1vh) * 100)}
.section_1 .top .action_element figure{position:absolute;width:144px;height:auto}
.section_1 .top .vertical_wrap{position:relative;width:100%;height:538px}
.section_1 .top figure.el_1{top:200px;left:-120px}
.section_1 .top figure.el_2{top:330px;right:-130px;transform:scale(1.4)}
.section_1 .top figure.el_3{top:510px;left:-130px;transform:scale(1.2)}
.section_1 .top figure.el_4{top:657px;right:-130px;transform:scale(1.2)}
.section_1 .top figure.el_5{top:757px;left:-130px}
.section_1 .top p{font-size:24px;line-height:29px;padding-top:80px}
.section_1 .top p + p{padding-top:70px}
.section_1 .top h2{display:flex;;opacity:0;transform:translateY(100px);flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;width:100%;height:100%;font-size:40px;line-height:48px;text-align:center}
.section_1 .up .text_wrap{text-align:left;padding:30px 20px 0}
.section_1 .up em{display:block;font-size:24px;line-height:29px;color:#293BFF;padding-bottom:16px}
.section_1 .up h3{font-size:30px;line-height:36px;padding-bottom:18px}
.section_1 .up_1{position:relative;width:100vw;height:calc(var(--vh, 1vh) * 100)}
.section_1 .up_1 .text_wrap{position:relative;z-index:10;padding-bottom:0}
.section_1 .up_1 .sequence_up_1{position:absolute;bottom:4%;left:0;z-index:1;width:100%}
.section_1 .up_1 canvas{width:100%}
.section_1 .up_2{position:relative;width:100vw;height:calc(var(--vh, 1vh) * 100);padding:0}
.section_1 .up_2 .text_wrap{z-index:10;position:relative}
.section_1 .up_2 .setpin_up_2{position:absolute;bottom:4%;left:0;display:block;width:100%;height:50%}
.section_1 .up_2 .setpin_up_2 li{overflow:hidden;position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.section_1 .up_2 .setpin_up_2 li img{position:absolute;top:0;left:0;display:block;width:100%;height:auto}
.section_1 .up_2 .setpin_up_2 li.up_2_1{z-index:2}
.section_1 .up_2 .setpin_up_2 li.up_2_2{z-index:1}
.section_1 .up_3{position:relative;width:100vw;height:calc(var(--vh, 1vh) * 100);padding:0}
.section_1 .up_3 .text_wrap{z-index:10;position:relative}
.section_1 .up_3 .setpin_up_3{position:absolute;bottom:4%;left:0;display:block;width:100%;height:50%}
.section_1 .up_3 .setpin_up_3 li{overflow:hidden;position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.section_1 .up_3 .setpin_up_3 li img{position:absolute;top:0;left:0;display:block;width:100%;height:auto}
.section_1 .up_3 .setpin_up_3 li.up_3_1{z-index:2;background:#000}
.section_1 .up_3 .setpin_up_3 li.up_3_2{z-index:1}
.section_1 .up_3 .setpin_up_3 li.up_3_1 p{position:absolute;top:170px;left:0;width:100%;font-size:30px;line-height:1;font-weight:bold;text-align:center}
.section_1 .up_3 .setpin_up_3 li.up_3_1 figure{display:block;height:100%;transform-origin:top;animation:scale_glasses_r 800ms ease-out forwards}
.section_1 .up_3 .setpin_up_3 li.up_3_1 figure img{position:static;animation:rotate_glasses_r 800ms ease-out forwards}
.section_1 .up_3 .setpin_up_3 li.up_3_1.on figure{animation:scale_glasses 900ms ease-out forwards}
.section_1 .up_3 .setpin_up_3 li.up_3_1.on figure img{animation:rotate_glasses 900ms ease-out forwards}
@keyframes scale_glasses {
	0%{transform:scale(1);}
	100%{transform:scale(2.5);}
}
@keyframes rotate_glasses {
	0%{transform:rotate(0);}
	100%{transform:rotate(-90deg);}
}
@keyframes scale_glasses_r {
	0%{transform:scale(2.5);}
	100%{transform:scale(1);}
}
@keyframes rotate_glasses_r {
	0%{transform:rotate(-90deg);}
	100%{transform:rotate(0);}
}
.section_1 .up_4{position:relative;width:100vw;height:calc(var(--vh, 1vh) * 100);padding:0}
.section_1 .up_4 .text_wrap{z-index:10;position:relative}
.section_1 .up_4 .setpin_up_4{position:absolute;bottom:4%;left:0;display:block;width:100%;height:50%}
.section_1 .up_4 .setpin_up_4 li{overflow:hidden;position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.section_1 .up_4 .setpin_up_4 li img,.section_1 .up_4 .setpin_up_4 li video{position:absolute;top:0;left:0;display:block;width:100%;height:auto}
.section_1 .up_4 .setpin_up_4 li.up_4_1{z-index:2}
.section_1 .up_4 .setpin_up_4 li.up_4_2{z-index:1}
.section_1 .up_4 .setpin_up_4 li.up_4_2:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,1) 100%)}
.section_2 figure{overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--vh, 1vh) * 100)}
.section_2 figure video{opacity:0;width:100%;max-width:1024px;height:auto;transition:.3s all}
.section_3{overflow:hidden;background:#1729EC}
.section_3 .top{position:relative;width:100vw;height:calc(var(--vh, 1vh) * 100);background:#1729EC}
.section_3 .top:after{z-index:10;content:"";position:absolute;bottom:30px;left:calc(50% - 12px);display:block;width:24px;height:24px;background:url("/rounzup/rounz_up/Mobile/images/icon_next.png") 50% 50% / 24px auto no-repeat}
.section_3 .top .setpin_vf li{overflow:hidden;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}
.section_3 .top .setpin_vf .vf_1{z-index:2;padding:0 20px}
.section_3 .top .setpin_vf .vf_1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;/*height:calc(var(--vh, 1vh) * 100);*/filter:blur(10px);background-color:rgba(23, 41, 236, 0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.section_3 .top.insta_inapp{height:100vh}
.section_3 .top.insta_inapp .setpin_vf .vf_1:before{height:100vh}
.section_3 .top .setpin_vf .vf_1 em{display:block;font-size:20px;line-height:24px;font-weight:bold;padding-bottom:14px}
.section_3 .top .setpin_vf .vf_1 h2{font-size:48px;line-height:58px;padding-bottom:20px}
.section_3 .top .setpin_vf .vf_1 strong{display:block;font-size:20px;line-height:1.5}
.section_3 .top .setpin_vf .vf_1 p{position:relative;font-size:16px;padding-top:88px}
.section_3 .top .setpin_vf .vf_1 p:before{content:"";position:absolute;top:24px;left:50%;display:block;width:1px;height:40px;background:#fff;}
.section_3 .top .setpin_vf .vf_1 p span{display:block;font-weight:bold;padding-top:20px}
.section_3 .top .setpin_vf .vf_2{z-index:1;background:url("/rounzup/rounz_up/Mobile/images/bg_section_3_top.png") 50% 50% / auto 100% no-repeat}
.section_3 .top .setpin_vf .vf_2 figure{position:relative;width:262px;height:auto}
.section_3 .top .setpin_vf .vf_2 figure:after{content:"";position:absolute;top:0;left:0;width:262px;height:522px;background:url("/rounzup/rounz_up/Mobile/images/img_section_3_top_iphone.png") 50% 50% / 100% auto no-repeat}
.section_3 .top .setpin_vf .vf_2 video{width:224px;max-width:400px;height:auto;padding-top:22px;border-radius:20px}
.section_3 .top .setpin_vf .vf_2 img{width:262px}
.section_3 .background_wrap{overflow:hidden;position:relative;background:#000}
.section_3 .background_wrap .video_wrap{opacity:0;transform:scale(2);position:absolute;top:-180px;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100vw;height:auto;/*height:calc(var(--vh, 1vh) * 100)*/}
.section_3 .background_wrap .video_wrap:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.5)}
.section_3 .background_wrap .video_wrap video{width:100%;height:auto}
.section_3 .event_list{z-index:10;text-align:left;padding:70px 20px 40px;background:#1729EC}
.section_3 .event_list h3{font-size:30px;line-height:36px;padding-top:10px}
.section_3 .event_list ul{display:block;padding-top:40px}
.section_3 .event_list li{display:block;font-size:0;line-height:0;color:#000;text-align:left;background:#fff;border-radius:10px}
.section_3 .event_list li + li{margin-top:20px}
.section_3 .event_list li figcaption{padding:30px 23px 10px 23px}
.section_3 .event_list li figcaption em{display:block;font-size:14px;line-height:17px;color:#1729EC;font-weight:bold;padding-bottom:10px}
.section_3 .event_list li figcaption strong{display:block;font-size:24px;line-height:29px;padding-bottom:10px}
.section_3 .event_list li figcaption strong span{font-size:16px;line-height:19px;color:rgba(0,0,0,.5)}
.section_3 .event_list li figcaption p{font-size:14px;line-height:1.6;color:rgba(0,0,0,.5)}
.section_3 .event_list li figcaption p i{display:block;font-size:11px;margin-top:10px}
.section_3 .event_info {z-index:10;text-align:left;padding:60px 20px 20px}
.section_3 .event_info h3{display:block;font-size:30px;line-height:36px}
.section_3 .event_info dl{display:block;font-size:0;line-height:0}
.section_3 .event_info dl + dl{border-top:1px solid rgba(255,255,255,.2)}
.section_3 .event_info dl dt{display:inline-block;width:28%;font-size:16px;line-height:1.6;color:#3243FF;padding:20px 0;vertical-align:top}
.section_3 .event_info dl dd{display:inline-block;width:72%;font-size:16px;line-height:1.6;padding:20px 0}
.section_3 .event_info dl dd span{display:block;color:rgba(255,255,255,.5);padding-top:10px}
.section_3 .event_info dl dd .btn_insta{color:#fff;letter-spacing:-0.04em}
.section_3 .event_info dl dd .btn_insta:after{content:"";display:inline-block;width:16px;height:17px;background:url("/rounzup/rounz_up/Mobile/images/icon_goto.png") 50% 50% / 16px auto no-repeat;vertical-align:-3px}
.section_3 .event_info dl.info_more dt{width:100%;padding:0}
.section_3 .event_info dl.info_more dd{display:none;width:100%;font-size:12px;color:rgba(255,255,255,.5);padding: 0}
.section_3 .event_info dl.info_more dd li{position:relative;display:block;padding-left:10px}
.section_3 .event_info dl.info_more dd li:before{position:absolute;top:8px;left:0;content:"";width:3px;height:3px;background:rgba(255,255,255,.5);border-radius:100%}
.section_3 .event_info dl.info_more .btn_more{display:block;font-size:14px;padding:20px 0;text-align:center;background:url("/rounzup/rounz_up/Mobile/images/icon_more.png") calc(50% + 50px) 50% / 12px auto no-repeat}
.section_3 .event_info dl.info_more.on dd{display:block;}
.section_3 .event_info dl.info_more.on .btn_more{background-image:url("/rounzup/rounz_up/Mobile/images/icon_fold.png")}
.section_4 .participation_method{display:flex;justify-content:center;align-items:center;height:calc(var(--vh, 1vh) * 100)}
.section_4 .participation_method .method_slide{overflow:hidden;position:relative;width:100%;height:85%}
.section_4 .participation_method .method_slide h2{height:46px;font-size:30px;line-height:36px}
.section_4 .participation_method .method_slide .method{position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 46px);background:#000}
.section_4 .participation_method .method_slide .method:not(.method_1){bottom:calc(var(--vh, 1vh) * -100)}
.section_4 .participation_method .method_slide .method dl{display:block;height:100%}
.section_4 .participation_method .method_slide .method dl dt{display:block;padding:40px 20px 30px}
.section_4 .participation_method .method_slide .method dl dt strong{display:inline-block;font-size:20px;line-height:24px;padding-bottom:14px}
.section_4 .participation_method .method_slide .method dl dt em{display:inline-block;font-size:14px;line-height:24px;background:#1729EC;border-radius:16px;padding:0 8px;vertical-align:top;margin-right:6px}
.section_4 .participation_method .method_slide .method dl dt p{color:rgba(255,255,255,.7)}
.section_4 .participation_method .method_slide .method dl dt p span{display:block;font:11px}
.section_4 .participation_method .method_slide .method dl dd{display:block}

.method_2_slide ul{display:block;width:100%;padding:0}
.method_2_slide ul li img{width:100%;border-radius:0}

.section_4 .participation_method .method_slide .method dl dd video{width:100%;height:auto}
.section_4 .participation_try{padding-bottom:60px}
.section_4 .participation_try .sticky_wrap{position:relative;height:900px}
.section_4 .participation_try .sticky_wrap .text_wrap{z-index:1;position:-webkit-sticky;position:sticky;top:0;text-align:center;padding:200px 30px 40px}
.section_4 .participation_try .sticky_wrap .text_wrap h2{font-size:32px;line-height:1.4;}
.section_4 .participation_try .sticky_wrap .text_wrap .btn_wrap{padding:0 10px;margin-top:50px}
.section_4 .participation_try .sticky_wrap .thumb_wrap{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}
.section_4 .participation_try .sticky_wrap .thumb_wrap:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);content:""}
.section_4 .participation_try .sticky_wrap .thumb_wrap:before{position:absolute;top:0;left:0;width:100%;height:100%;margin-left:0;background: no-repeat 100% 30px/206px 196px url("/rounzup/rounz_up/Mobile/images/img_try_glasses_1.png"),no-repeat 0 360px/204px 110px url("/rounzup/rounz_up/Mobile/images/img_try_glasses_2.png"),no-repeat 100% 540px/204px 162px url("/rounzup/rounz_up/Mobile/images/img_try_glasses_3.png"),no-repeat 0 703px/199px 150px url("/rounzup/rounz_up/Mobile/images/img_try_glasses_4.png");content:""}
.section_4 .participation_try .btn_share{display:block;font-size:0;line-height:0}
.section_4 .participation_try .btn_share li{display:inline-block;width:56px;height:56px}
.section_4 .participation_try .btn_share li +li{margin-left:16px}

footer{display:flex;justify-content:center;align-items:center;height:60px;text-align:center;background:#000;padding-bottom:120px}
footer address a{display:inline-block;font-size:12px;line-height:12px}
footer address a, a:link{color:rgba(255,255,255,.6)}

.btn_participation{z-index:1000;position:fixed;bottom:-60px;left:0;width:100%;height:60px;line-height:60px;font-size:20px;font-weight:bold;color:#fff;background: rgb(23,41,236);
	background: linear-gradient(90deg, rgba(23,41,236,1) 8%, rgba(242,50,184,1) 58%, rgba(252,127,97,1) 100%);transition:.3s all;box-shadow:0px -2px 8px rgba(0, 0, 0, 0.1)}
.btn_participation:link{color:#fff}
.btn_participation.on{bottom:0}
.btn_top{opacity:0;z-index:1000;position:fixed;bottom:80px;right:20px;display:block;width:48px;height:48px;font-size:0;line-height:0;background:url("/rounzup/rounz_up/Mobile/images/icon_top.png") 50% 50% / 27px auto no-repeat #fff;border:1px solid rgba(0,0,0,.1);border-radius:100%;transition:.3s all}
.btn_top.on{opacity:1}

@media (max-width:320px) {
	.section_4 .participation_method .method_slide .method dl dt{padding-bottom:0}
}
@media (min-width:768px) {
	main .sequence_intro .rounz_up{width:500px}
	.section_1 .top figure.el_1{left:-320px}
	.section_1 .top figure.el_2{right:-330px}
	.section_1 .top figure.el_3{left:-330px}
	.section_1 .top figure.el_4{right:-330px}
	.section_1 .top .vertical_wrap{width:500px}
	.section_1 .up_1 .sequence_up_1{bottom:0;left:calc(50% - 270px);width:540px}
	.section_1 .up_1 canvas{width:100%;margin:0 auto}
	.section_1 .up_2 .setpin_up_2{left:calc(50% - 270px);width:540px;height:60%}
	.section_1 .up_3 .setpin_up_3{height:60%}
	.section_1 .up_3 .setpin_up_3 li.up_3_1 img{width:540px;margin:0 auto}
	.section_1 .up_3 .setpin_up_3 li.up_3_1 p{top:250px}
	.section_1 .up_3 .setpin_up_3 li.up_3_2{margin:0 auto;}
	.section_1 .up_3 .setpin_up_3 li.up_3_2{left:calc(50% - 270px);width:540px}
	.section_1 .up_4 .setpin_up_4{height:60%}
	.section_1 .up_4 .setpin_up_4 li.up_4_1{left:calc(50% - 270px);width:540px}
	.section_1 .up_4 .setpin_up_4 li.up_4_2{left:calc(50% - 270px);width:540px}
	.section_2 figure video{width:500px}
	.section_3 .event_list li figure{width:500px;margin-left:auto}
	.section_3 .event_list li:nth-child(2) figure{width:300px;margin-right:100px}
	.section_3 .event_list li figcaption{padding:40px 40px 10px 40px}
	.section_4 .participation_method .method_slide .method dl dt{padding-top:10%}
	.section_4 .participation_method .method_slide .method dl dd{width:400px;margin:5% auto 0}
}
@media (min-width:769px) and (max-width: 1024px){
	main .sequence_intro .rounz_up{width:auto;height:100%}
	.section_4 .participation_method .method_slide .method dl dt{padding-top:20%}
}
@media (min-width:1025px) {
	.wrap{position:relative;width:640px;max-width:640px;height:auto;margin:0 auto;-ms-overflow-style:none}
	.wrap::-webkit-scrollbar{display:none}
	header,main .top figure,main .top figcaption,main .sequence_intro,.section_1 .top h2,.section_1 .up,.section_3 .top{width:100%;max-width:640px}
	.section_2 figure{height:auto}
	.btn_participation{width:640px;left:calc(50% - 320px)}
	.btn_top{left:calc(50% + 252px)}
}