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%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}main{background:#0d0316;color:#fff;font-family:Montserrat;height:100%;padding-bottom:100px}main p,main span{line-height:26px}main .desk{display:none}@media (min-width: 769px){main .desk{display:block}}main .mob{display:block}@media (min-width: 769px){main .mob{display:none}}main .yong{display:none}main .old{display:none}main.old .yong{display:none}main.old .old{display:block}main.yong .yong{display:block}main.yong .old{display:none}.screen-1{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%}.screen-1 h1{font-size:28px;font-weight:700;text-align:center;margin-top:27px;margin-bottom:37px}@media (min-width: 769px){.screen-1 h1{font-size:58px}}.screen-1 .selector{display:flex;flex-direction:row;align-items:center;justify-content:center}.screen-1 .selector-option{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:200px;margin:0 20px;border-radius:10px;cursor:pointer}@media (min-width: 769px){.screen-1 .selector-option{width:160px;height:200px;margin:0 50px}}.screen-1 .selector-option p{font-size:16px;font-weight:600;text-align:center;margin-top:10px}.screen-1 .selector-option.old-generation{background-color:#ffed00cc;color:#000}.screen-1 .selector-option.old-generation:hover{background-color:#ffed00}.screen-1 .selector-option.yong-generation{background-color:#d647a7cc}.screen-1 .selector-option.yong-generation:hover{background-color:#d647a7}.screen-1 .btns-container{display:flex;flex-direction:column;margin-top:6px}.screen-1 .btns-container a{background:#fff;color:#000;border:1px solid #000;padding:10px 20px;text-decoration:none;border-radius:10px;text-align:center;margin-top:24px;width:280px;font-weight:500}@media (min-width: 769px){.screen-1 .btns-container a{width:380px}}.screen-1 .screen-img{width:100%;margin-top:15px;object-fit:cover;margin-bottom:70px}@media (min-width: 769px){.screen-1 .screen-img{width:30%}}.screen-1 .background-img{height:100%}.screen-1 .background-img .left-img{object-fit:cover;position:fixed;left:0;top:0;z-index:3}.screen-1 .background-img .right-img{object-fit:cover;position:fixed;right:0;top:0;z-index:3}.screen-1 .background-img .left-bottom-img{object-fit:cover;position:fixed;left:0;bottom:0;z-index:3}.screen-1 .background-img .right-bottom-img{object-fit:cover;position:fixed;right:0;bottom:0;z-index:3}@media (min-width: 769px){.screen-2{padding-left:300px}}.screen-2 h2 strong,.screen-2 h3 strong,.screen-2 p strong,.screen-2 .title strong,.screen-2 .text strong,.screen-2 .challenge-text strong{color:#ffd008}.screen-2 .li::marker{color:#ffd008}.screen-2 .btns-container a:hover{background-color:#ffd008}@media (min-width: 769px){.screen-3{padding-right:300px}}.screen-3 h2 strong,.screen-3 h3 strong,.screen-3 p strong,.screen-3 .title strong,.screen-3 .text strong,.screen-3 .challenge-text strong{color:#cb54a4}.screen-3 .li::marker{color:#cb54a4}.screen-3 .btns-container a:hover{background-color:#cb54a4}.screen-2,.screen-3{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.screen-2 h2,.screen-2 h3,.screen-3 h2,.screen-3 h3{font-size:28px;font-weight:700;text-align:center;margin-top:27px;margin-bottom:37px}@media (min-width: 769px){.screen-2 h2,.screen-2 h3,.screen-3 h2,.screen-3 h3{font-size:58px}}.screen-2 h3,.screen-3 h3,.screen-2 .screen-2-title,.screen-2 .screen-3-title,.screen-3 .screen-2-title,.screen-3 .screen-3-title{font-size:24px}@media (min-width: 769px){.screen-2 .screen-2-title,.screen-2 .screen-3-title,.screen-3 .screen-2-title,.screen-3 .screen-3-title{font-size:42px}}.screen-2 p,.screen-3 p{text-align:center;font-size:18px;margin:0 20px}.screen-2 .btns-container,.screen-3 .btns-container{display:flex;flex-flow:column;margin-top:6px;align-items:center}@media (min-width: 769px){.screen-2 .btns-container,.screen-3 .btns-container{flex-flow:row;justify-content:center}}.screen-2 .btns-container a,.screen-3 .btns-container a{background:#fff;color:#000;border:1px solid #000;padding:10px 20px;text-decoration:none;border-radius:10px;text-align:center;margin-top:24px;width:280px;font-weight:500}@media (min-width: 769px){.screen-2 .btns-container a,.screen-3 .btns-container a{width:300px;margin:24px 10px}}.screen-2 .screen-img,.screen-3 .screen-img{width:100%;margin-top:15px;object-fit:cover;margin-bottom:70px}@media (min-width: 769px){.screen-2 .screen-img,.screen-3 .screen-img{width:30%}}.screen-2 .background-img,.screen-3 .background-img{height:100%}.screen-2 .background-img .left-img,.screen-3 .background-img .left-img{object-fit:cover;position:fixed;left:0;top:0;z-index:3}.screen-2 .background-img .right-img,.screen-3 .background-img .right-img{object-fit:cover;position:fixed;right:0;top:0;z-index:3}.screen-2 .background-img .left-bottom-img,.screen-3 .background-img .left-bottom-img{object-fit:cover;position:fixed;left:0;bottom:0;z-index:3}.screen-2 .background-img .right-bottom-img,.screen-3 .background-img .right-bottom-img{object-fit:cover;position:fixed;right:0;bottom:0;z-index:3}.screen-2 .background-img .desk,.screen-3 .background-img .desk{display:none}@media (min-width: 769px){.screen-2 .background-img .desk,.screen-3 .background-img .desk{display:block}}.screen-2 .background-img .mob,.screen-3 .background-img .mob{display:block;background:linear-gradient(#f000,#0d0316)}@media (min-width: 769px){.screen-2 .background-img .mob,.screen-3 .background-img .mob{display:none}}.screen-2 .steps,.screen-3 .steps{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;margin-top:40px;width:100%}.screen-2 .steps img,.screen-3 .steps img{max-width:80vw;margin-top:20px;margin-bottom:20px}@media (min-width: 769px){.screen-2 .steps img,.screen-3 .steps img{margin:0;max-width:inherit}}.screen-2 .steps .step,.screen-3 .steps .step{display:flex;align-items:flex-start;height:100%;max-width:80%;flex-direction:column}.screen-2 .steps .step.reverse,.screen-3 .steps .step.reverse{flex-direction:column-reverse;align-items:flex-end}@media (min-width: 769px){.screen-2 .steps .step,.screen-3 .steps .step{max-width:50%;flex-direction:row}.screen-2 .steps .step.reverse,.screen-3 .steps .step.reverse{flex-direction:row}}.screen-2 .steps .step .step-text,.screen-3 .steps .step .step-text{display:flex;flex-direction:column;align-items:flex-start;height:100%}.screen-2 .steps .step .step-text .substep,.screen-3 .steps .step .step-text .substep{font-size:16px;font-weight:600;text-align:center;margin-top:27px;margin-bottom:10px}.screen-2 .steps .step .step-text .title,.screen-3 .steps .step .step-text .title{font-size:28px;font-weight:700;text-align:left;margin-top:5px;margin-bottom:30px}.screen-2 .steps .step .step-text .text,.screen-3 .steps .step .step-text .text{text-align:left;font-size:18px}.screen-2 .steps .step.reverse .step-text,.screen-2 .steps .step.reverse .title,.screen-2 .steps .step.reverse .text,.screen-3 .steps .step.reverse .step-text,.screen-3 .steps .step.reverse .title,.screen-3 .steps .step.reverse .text{align-items:flex-end;text-align:right}.screen-2 .challenge,.screen-3 .challenge{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%}.screen-2 .challenge-title,.screen-3 .challenge-title{font-size:28px;font-weight:700;text-align:center;margin-top:27px;margin-bottom:37px}@media (min-width: 769px){.screen-2 .challenge-title,.screen-3 .challenge-title{font-size:58px}}.screen-2 .challenge-title strong,.screen-3 .challenge-title strong{color:#ffd008}.screen-2 .challenge-content,.screen-3 .challenge-content{display:flex;flex-direction:column-reverse;align-items:center}@media (min-width: 769px){.screen-2 .challenge-content,.screen-3 .challenge-content{flex-direction:row}}.screen-2 .challenge-img img,.screen-3 .challenge-img img{display:flex;flex-direction:column;align-items:center;width:300px;max-width:50vw;margin-top:20px}.screen-2 .challenge-texts,.screen-3 .challenge-texts{display:flex;flex-direction:column;align-items:center;max-width:300px;margin-left:40px}.screen-2 .challenge-texts li,.screen-3 .challenge-texts li{font-size:18px;line-height:26px}.screen-2 .challenge-texts li::marker,.screen-3 .challenge-texts li::marker{list-style:circle}.screen-2 .cta-last,.screen-3 .cta-last{margin-top:30px}
