@charset "UTF-8";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}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:Pretendard,serif!important}html,body{background-color:#000}html{font-size:8px}#app .page{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;max-width:177.78dvh;max-height:100dvh}#app .page .background-img{width:100%}#app .page .help-icon{transform:translate(1054%,-640%);width:8.5%}#app .page .btn-go-back{width:8.5%;position:absolute;transform:translate(25%,25%)}#app #intro-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;max-width:177.78dvh;max-height:100dvh}#notice-inapp{position:fixed;min-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);width:100%;top:0;left:0;background-color:#f6e9ff;z-index:10000000000000000000}#notice-inapp>.wrap-center{position:relative;top:50%;display:block;-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;text-align:center}#notice-inapp>.wrap-center>div{margin-top:20px}#notice-inapp>.wrap-center img{display:inline-block}#notice-inapp>.wrap-center p{margin-top:20px;line-height:1.5em;color:#756d65}#notice-inapp>.wrap-center .button-wrapper{display:flex;gap:1.5rem;justify-content:center}#notice-inapp>.wrap-center .button-wrapper .button{padding:0 1rem;height:50px;border:none;box-shadow:0 2px 4px #00000040;font-family:Escoredream,sans-serif!important;font-weight:500;font-size:14px;text-align:center;color:#564c5c}#notice-inapp>.wrap-center .button-wrapper .button.copy-btn{background-color:#d9d2ff}#notice-inapp>.wrap-bottom{position:absolute;bottom:20px;right:0}#notice-inapp>.wrap-bottom p{float:left;color:#58524c;text-align:right;line-height:1.5em}#notice-inapp>.wrap-bottom.top{bottom:unset;top:20px}body{height:10vh!important;height:calc(var(--vh, 1vh) * 100)!important;overscroll-behavior:contain;overflow:hidden}img{-webkit-user-drag:none}.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}.apoc-btn.primary{background:#8976fd;color:#fff;border-radius:1.25rem;border:1px solid #8976fd;font-weight:400;font-size:2rem;line-height:1.5}.apoc-btn.secondary{background:#ffffff;color:#8976fd;border-radius:1.25rem;border:1px solid #8976fd;font-weight:400;font-size:2rem;line-height:1.5}.apoc-select{position:relative}.apoc-select .selected-area{min-height:4rem;cursor:pointer;padding:3rem;color:#8976fd;font-weight:700;font-size:2.25rem;line-height:1.5}.apoc-select .option-list-area-wrapper{position:absolute;width:100%;background:#ffffff;z-index:2;overflow-y:auto}.apoc-select .option-list-area-wrapper .option-list-area{list-style:none;padding:0;margin:0}.apoc-select .option-list-area-wrapper .option-list-area li{padding:3rem;cursor:pointer;color:#8976fd}.apoc-select .select-arrow-down{background:#ffffff url(/assets/images/common/icons/arrow-down.svg) no-repeat right;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%);right:15px}.img-law{width:33.25%;position:absolute;z-index:2;top:4.74%;left:51.33%}.img-town{width:16.5%;position:absolute;z-index:2;top:56.59%;left:74.33%}.img-sign{width:16.5%;position:absolute;z-index:3;top:30.07%;left:73.58%}.img-member-of-assembly{width:28.5%;position:absolute;z-index:2;top:4.29%;left:24.83%}.img-create-assembly{width:35.7%;position:absolute;z-index:2;bottom:0;left:32.91%}.sign-member-of-assembly{width:6.08%;position:absolute;z-index:3;top:30.07%;left:44.33%}.sign-badge{width:8.58%;position:absolute;z-index:3;top:32%;left:52.08%}.go-to-main-btn,.go-to-next-mission-btn{width:24.17%;position:absolute;z-index:2;top:79.7%;left:37.17%}.intro-game-start-btn{width:21.17%;position:absolute;z-index:0;top:80.7%;left:74.7%}.go-random-game-btn{width:28.5%;position:absolute;z-index:2;top:60.5%;left:35.7%}.video-play{position:absolute;width:10.5%;z-index:2;left:45%;top:40.5%}#driveGame{position:absolute;width:100%;height:100%}.select-car{width:100%}.select-car .select-car-dim{position:absolute;z-index:9999;width:100vw;height:100vh}.select-car #car-red-icon{width:23.71%;position:absolute;z-index:1;top:34.96%;left:3.33%}.select-car #car-blue-icon{width:22.83%;position:absolute;z-index:1;left:39.17%;top:41.48%}.select-car #car-green-icon{width:22.5%;position:absolute;z-index:1;top:37.78%;left:73%}.select-car #btn-is-select{position:absolute;width:24.17%;z-index:1;top:81.19%;left:37.92%}.btn-drive-game-back{width:10.42%;position:absolute;z-index:1;top:6.2%;left:4.2%}.btn-drive-game-main{width:10.42%;position:absolute;z-index:1;top:6.2%;right:4.2%}.seat-belt{width:100%}.seat-belt .seat-belt-btn{width:24.17%;position:absolute;z-index:1;top:75.56%;right:37.17%}.stage-dim{position:absolute;width:100%;height:100%;background-color:#000000b3;z-index:999999}.stage-dim .stage-state{display:flex;width:inherit;height:inherit;flex-direction:column}.stage-dim .stage-state #msg-success{position:relative;width:32.21%;top:25.48%;margin:0 auto}.stage-dim .stage-state #btn-next-stage{position:relative;width:24.17%;top:32.78%;margin:0 auto}.stage-dim .stage-state #msg-fail{position:relative;width:25.31%;top:25.04%;margin:0 auto}.stage-dim .stage-state #btn-re-game{position:relative;width:24.17%;top:32.78%;margin:0 auto}.stage-dim .stage-state #last-raws{position:absolute;width:16.44%;top:36.59%;right:41.83%;opacity:0;transition:opacity .6s ease}.stage-dim .stage-state .game-result-btn{width:18.33%;position:absolute;z-index:1;top:74.81%;left:40.83%}#game-stage{position:relative;height:100%;overflow:hidden}#train-barrier-bar{transform-origin:center left;transform:rotate(0)}#my-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;max-width:177.78dvh;max-height:100dvh}#my-iframe iframe{width:100%;height:100%;position:absolute}.game-item-img{width:100%}.game{width:100%;height:100%}.game .game-result-dim{width:100%;height:100%;position:absolute;background-color:#01010199;z-index:6;color:#fff}.game .game-result-dim .game-result{height:100%}.game .game-result-dim .game-result .game-result-title{display:flex;flex-direction:row;font-weight:700;font-size:3rem;line-height:1.5}.game .game-result-dim .game-result .game-result-content{font-weight:700;font-size:2.25rem;line-height:1.5}.game .game-result-dim .game-result .game-result-btn{width:18.33%;position:absolute;z-index:1;top:74.81%;left:40.83%}.game .stage-background{width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;background-position:bottom}.game #myCar{position:absolute;z-index:1;width:36.17%;transition:left .1s ease}.game #obstacle{transition:top .1s ease;position:absolute;z-index:2}.game .backgroundArea .background{position:absolute;width:100vw;height:100vh}.game .backgroundArea .background #safe-area0{z-index:1;position:absolute;background-color:#000;width:10px;height:90%;top:0;left:640px}.game .backgroundArea .background #safe-area1{z-index:1;position:absolute;background-color:#000;width:10px;height:90%;top:0;left:740px}.game .backgroundArea .background #safe-area2{z-index:1;position:absolute;background-color:#000;width:10px;height:90%;top:0;left:290px}.game .stage-progress-bar{position:absolute;left:1%;bottom:1.5%;height:10%;width:30%;z-index:3;display:flex;flex-direction:row;gap:1%;align-items:center}.game .stage-progress-bar .stage-incomplete{width:15%;height:80%;background-color:gray}.game .stage-progress-bar .stage-in-action{width:15%;height:80%;background-color:#ff0}.game .stage-progress-bar .stage-complete{width:15%;height:80%;background-color:green}.game .stage-obstacle{z-index:0;position:absolute;right:5%;top:10rem}.game .img-handle-go{width:16.08%;position:absolute;z-index:5;bottom:1.63%;right:20.67%}.game .img-handle-stop{width:14.42%;position:absolute;z-index:5;bottom:.04%;right:3.67%}.guide{width:100%}.guide .guide-go-guide-btn{position:absolute;width:24.17%;top:58.37%;left:36.75%}