@charset "UTF-8";.mt-0{margin-top:0}.mt-0-imp{margin-top:0!important}.pt-0{padding-top:0}.mb-0{margin-bottom:0}.mb-0-imp{margin-bottom:0!important}.pb-0{padding-bottom:0}.ml-0{margin-left:0}.ml-0-imp{margin-left:0!important}.pl-0{padding-left:0}.mr-0{margin-right:0}.mr-0-imp{margin-right:0!important}.pr-0{padding-right:0}.ma-0{margin:0}.ma-0-imp{margin:0!important}.pa-0{padding:0}.z-i-0{z-index:10}.mt-1{margin-top:4px}.mt-1-imp{margin-top:4px!important}.pt-1{padding-top:4px}.mb-1{margin-bottom:4px}.mb-1-imp{margin-bottom:4px!important}.pb-1{padding-bottom:4px}.ml-1{margin-left:4px}.ml-1-imp{margin-left:4px!important}.pl-1{padding-left:4px}.mr-1{margin-right:4px}.mr-1-imp{margin-right:4px!important}.pr-1{padding-right:4px}.ma-1{margin:4px}.ma-1-imp{margin:4px!important}.pa-1{padding:4px}.z-i-1{z-index:11}.mt-2{margin-top:8px}.mt-2-imp{margin-top:8px!important}.pt-2{padding-top:8px}.mb-2{margin-bottom:8px}.mb-2-imp{margin-bottom:8px!important}.pb-2{padding-bottom:8px}.ml-2{margin-left:8px}.ml-2-imp{margin-left:8px!important}.pl-2{padding-left:8px}.mr-2{margin-right:8px}.mr-2-imp{margin-right:8px!important}.pr-2{padding-right:8px}.ma-2{margin:8px}.ma-2-imp{margin:8px!important}.pa-2{padding:8px}.z-i-2{z-index:12}.mt-3{margin-top:12px}.mt-3-imp{margin-top:12px!important}.pt-3{padding-top:12px}.mb-3{margin-bottom:12px}.mb-3-imp{margin-bottom:12px!important}.pb-3{padding-bottom:12px}.ml-3{margin-left:12px}.ml-3-imp{margin-left:12px!important}.pl-3{padding-left:12px}.mr-3{margin-right:12px}.mr-3-imp{margin-right:12px!important}.pr-3{padding-right:12px}.ma-3{margin:12px}.ma-3-imp{margin:12px!important}.pa-3{padding:12px}.z-i-3{z-index:13}.mt-4{margin-top:16px}.mt-4-imp{margin-top:16px!important}.pt-4{padding-top:16px}.mb-4{margin-bottom:16px}.mb-4-imp{margin-bottom:16px!important}.pb-4{padding-bottom:16px}.ml-4{margin-left:16px}.ml-4-imp{margin-left:16px!important}.pl-4{padding-left:16px}.mr-4{margin-right:16px}.mr-4-imp{margin-right:16px!important}.pr-4{padding-right:16px}.ma-4{margin:16px}.ma-4-imp{margin:16px!important}.pa-4{padding:16px}.z-i-4{z-index:14}.mt-5{margin-top:20px}.mt-5-imp{margin-top:20px!important}.pt-5{padding-top:20px}.mb-5{margin-bottom:20px}.mb-5-imp{margin-bottom:20px!important}.pb-5{padding-bottom:20px}.ml-5{margin-left:20px}.ml-5-imp{margin-left:20px!important}.pl-5{padding-left:20px}.mr-5{margin-right:20px}.mr-5-imp{margin-right:20px!important}.pr-5{padding-right:20px}.ma-5{margin:20px}.ma-5-imp{margin:20px!important}.pa-5{padding:20px}.z-i-5{z-index:15}.mt-6{margin-top:24px}.mt-6-imp{margin-top:24px!important}.pt-6{padding-top:24px}.mb-6{margin-bottom:24px}.mb-6-imp{margin-bottom:24px!important}.pb-6{padding-bottom:24px}.ml-6{margin-left:24px}.ml-6-imp{margin-left:24px!important}.pl-6{padding-left:24px}.mr-6{margin-right:24px}.mr-6-imp{margin-right:24px!important}.pr-6{padding-right:24px}.ma-6{margin:24px}.ma-6-imp{margin:24px!important}.pa-6{padding:24px}.z-i-6{z-index:16}.mt-7{margin-top:28px}.mt-7-imp{margin-top:28px!important}.pt-7{padding-top:28px}.mb-7{margin-bottom:28px}.mb-7-imp{margin-bottom:28px!important}.pb-7{padding-bottom:28px}.ml-7{margin-left:28px}.ml-7-imp{margin-left:28px!important}.pl-7{padding-left:28px}.mr-7{margin-right:28px}.mr-7-imp{margin-right:28px!important}.pr-7{padding-right:28px}.ma-7{margin:28px}.ma-7-imp{margin:28px!important}.pa-7{padding:28px}.z-i-7{z-index:17}.mt-8{margin-top:32px}.mt-8-imp{margin-top:32px!important}.pt-8{padding-top:32px}.mb-8{margin-bottom:32px}.mb-8-imp{margin-bottom:32px!important}.pb-8{padding-bottom:32px}.ml-8{margin-left:32px}.ml-8-imp{margin-left:32px!important}.pl-8{padding-left:32px}.mr-8{margin-right:32px}.mr-8-imp{margin-right:32px!important}.pr-8{padding-right:32px}.ma-8{margin:32px}.ma-8-imp{margin:32px!important}.pa-8{padding:32px}.z-i-8{z-index:18}.mt-9{margin-top:36px}.mt-9-imp{margin-top:36px!important}.pt-9{padding-top:36px}.mb-9{margin-bottom:36px}.mb-9-imp{margin-bottom:36px!important}.pb-9{padding-bottom:36px}.ml-9{margin-left:36px}.ml-9-imp{margin-left:36px!important}.pl-9{padding-left:36px}.mr-9{margin-right:36px}.mr-9-imp{margin-right:36px!important}.pr-9{padding-right:36px}.ma-9{margin:36px}.ma-9-imp{margin:36px!important}.pa-9{padding:36px}.z-i-9{z-index:19}.mt-10{margin-top:40px}.mt-10-imp{margin-top:40px!important}.pt-10{padding-top:40px}.mb-10{margin-bottom:40px}.mb-10-imp{margin-bottom:40px!important}.pb-10{padding-bottom:40px}.ml-10{margin-left:40px}.ml-10-imp{margin-left:40px!important}.pl-10{padding-left:40px}.mr-10{margin-right:40px}.mr-10-imp{margin-right:40px!important}.pr-10{padding-right:40px}.ma-10{margin:40px}.ma-10-imp{margin:40px!important}.pa-10{padding:40px}.z-i-10{z-index:20}.mt-11{margin-top:44px}.mt-11-imp{margin-top:44px!important}.pt-11{padding-top:44px}.mb-11{margin-bottom:44px}.mb-11-imp{margin-bottom:44px!important}.pb-11{padding-bottom:44px}.ml-11{margin-left:44px}.ml-11-imp{margin-left:44px!important}.pl-11{padding-left:44px}.mr-11{margin-right:44px}.mr-11-imp{margin-right:44px!important}.pr-11{padding-right:44px}.ma-11{margin:44px}.ma-11-imp{margin:44px!important}.pa-11{padding:44px}.z-i-11{z-index:21}.mt-12{margin-top:48px}.mt-12-imp{margin-top:48px!important}.pt-12{padding-top:48px}.mb-12{margin-bottom:48px}.mb-12-imp{margin-bottom:48px!important}.pb-12{padding-bottom:48px}.ml-12{margin-left:48px}.ml-12-imp{margin-left:48px!important}.pl-12{padding-left:48px}.mr-12{margin-right:48px}.mr-12-imp{margin-right:48px!important}.pr-12{padding-right:48px}.ma-12{margin:48px}.ma-12-imp{margin:48px!important}.pa-12{padding:48px}.z-i-12{z-index:22}.mt-13{margin-top:52px}.mt-13-imp{margin-top:52px!important}.pt-13{padding-top:52px}.mb-13{margin-bottom:52px}.mb-13-imp{margin-bottom:52px!important}.pb-13{padding-bottom:52px}.ml-13{margin-left:52px}.ml-13-imp{margin-left:52px!important}.pl-13{padding-left:52px}.mr-13{margin-right:52px}.mr-13-imp{margin-right:52px!important}.pr-13{padding-right:52px}.ma-13{margin:52px}.ma-13-imp{margin:52px!important}.pa-13{padding:52px}.z-i-13{z-index:23}.mt-14{margin-top:56px}.mt-14-imp{margin-top:56px!important}.pt-14{padding-top:56px}.mb-14{margin-bottom:56px}.mb-14-imp{margin-bottom:56px!important}.pb-14{padding-bottom:56px}.ml-14{margin-left:56px}.ml-14-imp{margin-left:56px!important}.pl-14{padding-left:56px}.mr-14{margin-right:56px}.mr-14-imp{margin-right:56px!important}.pr-14{padding-right:56px}.ma-14{margin:56px}.ma-14-imp{margin:56px!important}.pa-14{padding:56px}.z-i-14{z-index:24}.mt-15{margin-top:60px}.mt-15-imp{margin-top:60px!important}.pt-15{padding-top:60px}.mb-15{margin-bottom:60px}.mb-15-imp{margin-bottom:60px!important}.pb-15{padding-bottom:60px}.ml-15{margin-left:60px}.ml-15-imp{margin-left:60px!important}.pl-15{padding-left:60px}.mr-15{margin-right:60px}.mr-15-imp{margin-right:60px!important}.pr-15{padding-right:60px}.ma-15{margin:60px}.ma-15-imp{margin:60px!important}.pa-15{padding:60px}.z-i-15{z-index:25}.mt-16{margin-top:64px}.mt-16-imp{margin-top:64px!important}.pt-16{padding-top:64px}.mb-16{margin-bottom:64px}.mb-16-imp{margin-bottom:64px!important}.pb-16{padding-bottom:64px}.ml-16{margin-left:64px}.ml-16-imp{margin-left:64px!important}.pl-16{padding-left:64px}.mr-16{margin-right:64px}.mr-16-imp{margin-right:64px!important}.pr-16{padding-right:64px}.ma-16{margin:64px}.ma-16-imp{margin:64px!important}.pa-16{padding:64px}.z-i-16{z-index:26}.mt-17{margin-top:68px}.mt-17-imp{margin-top:68px!important}.pt-17{padding-top:68px}.mb-17{margin-bottom:68px}.mb-17-imp{margin-bottom:68px!important}.pb-17{padding-bottom:68px}.ml-17{margin-left:68px}.ml-17-imp{margin-left:68px!important}.pl-17{padding-left:68px}.mr-17{margin-right:68px}.mr-17-imp{margin-right:68px!important}.pr-17{padding-right:68px}.ma-17{margin:68px}.ma-17-imp{margin:68px!important}.pa-17{padding:68px}.z-i-17{z-index:27}.mt-18{margin-top:72px}.mt-18-imp{margin-top:72px!important}.pt-18{padding-top:72px}.mb-18{margin-bottom:72px}.mb-18-imp{margin-bottom:72px!important}.pb-18{padding-bottom:72px}.ml-18{margin-left:72px}.ml-18-imp{margin-left:72px!important}.pl-18{padding-left:72px}.mr-18{margin-right:72px}.mr-18-imp{margin-right:72px!important}.pr-18{padding-right:72px}.ma-18{margin:72px}.ma-18-imp{margin:72px!important}.pa-18{padding:72px}.z-i-18{z-index:28}.mt-19{margin-top:76px}.mt-19-imp{margin-top:76px!important}.pt-19{padding-top:76px}.mb-19{margin-bottom:76px}.mb-19-imp{margin-bottom:76px!important}.pb-19{padding-bottom:76px}.ml-19{margin-left:76px}.ml-19-imp{margin-left:76px!important}.pl-19{padding-left:76px}.mr-19{margin-right:76px}.mr-19-imp{margin-right:76px!important}.pr-19{padding-right:76px}.ma-19{margin:76px}.ma-19-imp{margin:76px!important}.pa-19{padding:76px}.z-i-19{z-index:29}.mt-20{margin-top:80px}.mt-20-imp{margin-top:80px!important}.pt-20{padding-top:80px}.mb-20{margin-bottom:80px}.mb-20-imp{margin-bottom:80px!important}.pb-20{padding-bottom:80px}.ml-20{margin-left:80px}.ml-20-imp{margin-left:80px!important}.pl-20{padding-left:80px}.mr-20{margin-right:80px}.mr-20-imp{margin-right:80px!important}.pr-20{padding-right:80px}.ma-20{margin:80px}.ma-20-imp{margin:80px!important}.pa-20{padding:80px}.z-i-20{z-index:30}.w-0{width:0%}.w-0-imp{width:0%!important}.h-0{height:0%}.h-0-imp{height:0%!important}.w-1{width:10%}.w-1-imp{width:10%!important}.h-1{height:10%}.h-1-imp{height:10%!important}.w-2{width:20%}.w-2-imp{width:20%!important}.h-2{height:20%}.h-2-imp{height:20%!important}.w-3{width:30%}.w-3-imp{width:30%!important}.h-3{height:30%}.h-3-imp{height:30%!important}.w-4{width:40%}.w-4-imp{width:40%!important}.h-4{height:40%}.h-4-imp{height:40%!important}.w-5{width:50%}.w-5-imp{width:50%!important}.h-5{height:50%}.h-5-imp{height:50%!important}.w-6{width:60%}.w-6-imp{width:60%!important}.h-6{height:60%}.h-6-imp{height:60%!important}.w-7{width:70%}.w-7-imp{width:70%!important}.h-7{height:70%}.h-7-imp{height:70%!important}.w-8{width:80%}.w-8-imp{width:80%!important}.h-8{height:80%}.h-8-imp{height:80%!important}.w-9{width:90%}.w-9-imp{width:90%!important}.h-9{height:90%}.h-9-imp{height:90%!important}.w-10{width:100%}.w-10-imp{width:100%!important}.h-10{height:100%}.h-10-imp{height:100%!important}@font-face{font-family:NanumSquareRound;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:GangwonEducationTteontteon;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff) format("woff");font-weight:400;font-display:swap}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;-webkit-tap-highlight-color:transparent;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{font-family:NanumSquareRound}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#000}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}*{font-family:SUITE Variable,serif}img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}:root{--viewport-height: 100%;--vh: 1vh}html{font-size:16px}.grid{display:grid;max-width:160rem;margin:auto;padding:0 4rem;grid-column-gap:2rem}@media (min-width: 768px) and (max-width: 1024px){.grid{max-width:128rem;padding:0 2rem}}@media (width: 768px){.grid{max-width:96rem}}@media (max-width: 767px){.grid{padding:0 2rem}}.test-example-content{grid-template-columns:repeat(12,1fr)}@media (min-width: 768px) and (max-width: 1024px){.test-example-content{grid-template-columns:repeat(8,1fr)}}@media (max-width: 767px){.test-example-content{grid-template-columns:repeat(4,1fr)}}.test-example-content .test-text{grid-column-start:1;grid-column-end:13}@media (min-width: 768px) and (max-width: 1024px){.test-example-content .test-text{grid-column-start:1;grid-column-end:9}}@media (max-width: 767px){.test-example-content .test-text{grid-column-start:1;grid-column-end:5}}.test-example-content .test-text.b-24{font-weight:700;font-size:3rem;line-height:1.5}.test-example-content .test-text.b-18{font-weight:700;font-size:2.25rem;line-height:1.5}.test-example-content .test-text.b-16{font-weight:700;font-size:2rem;line-height:1.5}.test-example-content .test-text.r-18{font-weight:400;font-size:2.25rem;line-height:1.5}.test-example-content .test-text.r-16{font-weight:400;font-size:2rem;line-height:1.5}#app{font-family:SUITE Variable,sans-serif;line-height:1.2em;display:flex;justify-content:center;align-items:center;width:100vw;height:100dvh;position:relative;background-color:#000;overflow:hidden}#app .text-sub{font-size:.875em}#app .text-sub.tight{letter-spacing:-.05em}#app .text-sub.tighter{letter-spacing:-.06em}#app .clear-fix:after{content:"";display:block;clear:both}#app .color-red{color:#a01313}.comp-write{position:relative;margin-left:1.5em;margin-right:1.5em;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}.comp-write .title{font-family:NotoSerifKR,serif;font-weight:700;font-size:36px;line-height:1.2em}.comp-write .msg-desc{clear:both;text-align:left;vertical-align:bottom}.comp-write .msg-desc img{float:left;width:72px}.comp-write .msg-desc div{float:left;width:calc(100% - 72px);top:50%;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}.comp-write .msg-desc div p{padding-left:.875em;word-break:break-all}.comp-write button{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;z-index:1;border:1px solid #000000;background-color:transparent;font-family:NotoSerifKR,serif;font-weight:700;font-size:1.125em;padding:1.1875em 0;color:#000}.comp-write.write-form .title{font-size:20px}.comp-write.write-form input,.comp-write.write-form textarea{width:calc(100% - 22px);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;z-index:1;padding:11px;border:1px solid #000000;background-color:transparent}.post-main{width:100vw;height:56.25vw;max-height:100dvh;max-width:177.7777777778dvh;margin:auto;position:relative;top:0;bottom:0;left:0;right:0;overflow:hidden}.post-main div{position:relative}.post-main div .background{width:100%;height:100%}.post-main div .post{position:absolute;overflow:hidden;opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;display:flex;align-items:center;display:grid;place-items:center}.post-main div .post img{width:100%;height:auto;display:block;z-index:-1;grid-area:1/1/2/2}.post-main div .post p{position:absolute;grid-area:1/1/2/2;color:#fff;font-family:SUITE Variable,sans-serif;text-align:left;line-height:normal;width:83.7%;height:74%;overflow-y:hidden;font-weight:700;word-break:break-all;overflow-wrap:break-word}.post-main div .post p span{width:100%;display:block;text-align:right;line-height:1.2em}.post-main div .post.modify-padding p{padding:1.7916666667vw;width:calc(100% - 3.5833333333vw)}.post-main div .post.big p{top:24%;width:80%;height:60%}.post-main div .post.medium p{width:86%;height:77.4%}#app .message-form-wrapper{width:100vw;height:166.6666666667vw;max-height:100dvh;max-width:60dvh;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}#app .message-form-wrapper .send-message-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain}#app .message-form-wrapper .message-area{position:absolute;width:67.48%;height:23.8%;background-color:transparent;border:none;color:#fff;font-weight:500;outline:none;top:62%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;padding:0;resize:none}@media (max-width: 500px){#app .message-form-wrapper .message-area{font-size:6.4vw}}#app .message-form-wrapper .message-area:focus::placeholder{color:transparent}#app .message-form-wrapper .message-area::placeholder{color:#ffffff70;font-size:var(--placeholder-size, 1.25rem);line-height:var(--lineHeight-size, 27px);font-weight:500}#app .message-form-wrapper .char-count{position:absolute;color:#e7e3ff;right:18.93%;bottom:20%;font-size:1.25rem;font-weight:500}@media (max-width: 500px){#app .message-form-wrapper .char-count{font-size:3.4vw}}#app .message-form-wrapper .submit-btn{position:absolute;bottom:7%;left:8%;width:85%;cursor:pointer}#app .message-form-wrapper .next-btn{position:absolute;bottom:1.28%;left:23.47%;width:53.07%;cursor:pointer;box-sizing:border-box}.home,.guide,.select,.final{width:100%;height:100%;margin:auto;position:relative;top:0;bottom:0;left:0;right:0;overflow:hidden}.home .background,.guide .background,.select .background,.final .background{width:100%;height:100%}.home .start-btn,.guide .start-btn,.select .start-btn,.final .start-btn{position:absolute;bottom:11%;left:39.5%;width:21.3%}.home .start-btn img,.guide .start-btn img,.select .start-btn img,.final .start-btn img{width:100%}.home .next-btn,.guide .next-btn,.select .next-btn,.final .next-btn{position:absolute;bottom:11%;right:6%;width:13.5%}.home .next-btn img,.guide .next-btn img,.select .next-btn img,.final .next-btn img{width:100%}.home .skip-btn,.guide .skip-btn,.select .skip-btn,.final .skip-btn{position:absolute;top:6%;left:5%;width:13.5%}.home .skip-btn img,.guide .skip-btn img,.select .skip-btn img,.final .skip-btn img{width:100%}.home .complete-btn,.guide .complete-btn,.select .complete-btn,.final .complete-btn{position:absolute;bottom:5%;right:11%;width:21%;z-index:3}.home .complete-btn img,.guide .complete-btn img,.select .complete-btn img,.final .complete-btn img{width:100%}.home .home-btn,.guide .home-btn,.select .home-btn,.final .home-btn{position:absolute;top:4.6%;right:4.2%;width:6.4%;z-index:3}.home .home-btn img,.guide .home-btn img,.select .home-btn img,.final .home-btn img{width:100%}.home .final-btn,.guide .final-btn,.select .final-btn,.final .final-btn{position:absolute;bottom:24%;left:39.5%;width:21%}.home .final-btn img,.guide .final-btn img,.select .final-btn img,.final .final-btn img{width:100%}.select .select-area{width:53%;height:80%;position:absolute;top:17.5%;left:3%;display:flex;flex-direction:column}.select .select-area .top-area{height:10.7%;display:flex;align-items:flex-end;gap:1.5%;flex-shrink:0}.select .select-area .top-area .category-item{cursor:pointer;border-top-left-radius:28px;border-top-right-radius:28px;height:83%;color:#fff;font-weight:800;font-size:40px;line-height:100%;align-items:center;justify-content:center;display:flex;flex:1}.select .select-area .top-area .category-item.selected{height:100%}.select .select-area .top-area .category-item.head{background-color:#53b44a}.select .select-area .top-area .category-item.body{background-color:#ffa226}.select .select-area .top-area .category-item.acc{background-color:#ffd318}.select .select-area .item-area{box-sizing:border-box;background-color:#f9f9f0;width:100%;height:100%;box-shadow:0 4px 4px #53b44a40 inset;border-bottom-left-radius:32px;border-bottom-right-radius:32px;border:6px solid #53B44A;display:flex;flex-wrap:wrap;gap:2%;overflow:auto;padding:2.5% 3.4% 3.6%}.select .select-area .item-area.ACC{border-color:#ffd318}.select .select-area .item-area.BODY{border-color:#ffa226}.select .select-area .item-area.HEAD{border-color:#53b44a}.select .select-area .item-area .item{width:23.5%;height:32%;box-sizing:border-box;background-color:#fff;border:2px solid #D9D9C1;border-radius:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.select .select-area .item-area .item img{object-fit:contain;object-position:center;display:block}.select .select-area .item-area .item.headSelected{border:4px solid #005F21;background-image:url(/assets/images/kiosk/head-selected.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.select .select-area .item-area .item.bodySelected{border:4px solid #D37800;background-image:url(/assets/images/kiosk/body-selected.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.select .select-area .item-area .item.accSelected{border:4px solid #E6BB01;background-image:url(/assets/images/kiosk/acc-selected.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.select .spine-container{display:flex;flex-direction:column;align-items:center;font-family:sans-serif;position:absolute;right:0%;bottom:16%}.select .spine-container .background-container{position:relative;width:695px;height:744px;border-radius:12px;overflow:hidden}.select .spine-container .background-container .player-view{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}@-webkit-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@-moz-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@-ms-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@-o-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}.apoc-btn{cursor:pointer}.apoc-btn.move-btn{background:transparent;border:none}.apoc-btn.move-btn.move{animation:clickBtn linear .4s}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999}.loader{display:flex;flex-direction:column;align-items:center;margin-top:-3%}.loader .top-area{width:60%;position:relative;justify-content:flex-end;display:flex}.loader .top-area .animation-area{width:150px;height:150px;position:absolute;left:-5%;top:17%}.loader .top-area img{width:231px}.title{font-size:64px;font-weight:700;line-height:100%;font-family:GangwonEducationTteontteon;margin-top:3.2%;margin-left:2%;text-align:center;color:#fff}.progress-container{display:flex;flex-direction:column;align-items:center;width:827px}.progress-bar{margin-top:7%;width:100%;height:36px;background-color:#fff;overflow:hidden;position:relative;display:flex;align-items:center;border-radius:120px;padding:6px}.progress-bar>div{height:100%;background-color:#53b44a;transition:width .2s ease;border-radius:120px;width:0}.percent{font-size:32px;font-weight:700;line-height:100%;color:#fff;margin-top:3%;margin-left:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.main{position:relative;width:100%;height:100%;overflow:hidden}.bus1,.bus2,.truck1{width:8%;z-index:999;position:absolute;opacity:0;visibility:hidden;transform:translate(var(--start-offset, 0));transition:transform .6s ease-out,opacity .6s ease-out,visibility 0s linear .6s}.bus1,.bus2{--start-offset: -30%}.truck1{--start-offset: 30%}.bus1.show,.bus2.show,.truck1.show{opacity:1;visibility:visible;transform:translate(0);transition:transform .6s ease-out,opacity .6s ease-out,visibility 0s linear 0s}.bus1{top:57%;left:15%}.bus2{top:73%;left:18%}.truck1{right:18%;top:35%}.map-bg,.spine-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.map-bg{object-fit:contain;z-index:1}.spine-canvas{z-index:2}@font-face{font-family:SUITE Variable;src:url(https://cdn.jsdelivr.net/gh/sun-typeface/SUITE@2/fonts/variable/woff2/SUITE-Variable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}