@charset "UTF-8";@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");*,html,body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{font-family:"Pretendard","Escoredream","Segoe UI","Noto Sans","Lucida Sans Unicode","Lucida Grande","Tahoma","Arial",sans-serif}body{background:#000}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.shadow{position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}.e-blind,.e-header .logo,.e-header .title p,.e-contents .btn-claim{font-size:0;text-indent:-9999em;color:transparent;line-height:0}button{border:0;cursor:pointer}button[disabled]{cursor:auto;pointer-events:none;opacity:.7}.ellipsis1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.ellipsis2{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis3{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis4{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:keep-all}.e-container{position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto}.e-wrap{position:relative;width:1280px;margin:0 auto;box-sizing:border-box}.e-footer{display:block;width:100%;height:68px;max-width:1920px;min-width:1280px;margin:auto;background:#000;text-align:center}.e-footer p{line-height:68px;text-indent:unset;font-size:12px;color:rgba(255,255,255,0.5)}.btn-top{position:fixed;right:calc((100vw - min(100vw, 1920px) + 100px) / 2);top:auto !important;bottom:40px;z-index:9;overflow:hidden;display:none;width:57px;height:60px;background:url("images/btn_top.png") no-repeat;text-indent:-1000em;cursor:pointer;-webkit-transition:top .5s ease-in-out;transition:top .5s ease-in-out;filter:drop-shadow(0 0 20px rgba(0,0,0,0.3)) drop-shadow(0 0 2px rgba(73,0,0,0.87))}.btn-top:hover{background-position-y:100%}.e-header{position:relative;z-index:10;width:100%;max-width:1920px;height:852px;background:url("images/bg_header_01.jpg") no-repeat 50% 50%;left:50%;transform:translateX(-50%)}.e-header::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;opacity:0;background:url("images/bg_header_02.jpg") 50% 50% no-repeat;animation:opacity_infinite 3s .3s linear infinite}.e-header .logo{position:absolute;top:40px;left:45px;z-index:10;overflow:hidden;width:163px;height:97px;background:url("images/bi.png") no-repeat;background-size:contain;box-sizing:border-box}.e-header .logo a{display:block;width:100%;height:100%}.e-header .e-util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:50px;right:45px;-webkit-transition:opacity .5s .5s ease-out;transition:opacity .5s .5s ease-out}.e-header .e-util a,.e-header .e-util #closeToday,.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{display:inline-block;overflow:hidden}.e-header .e-util #closeToday,.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{background:url("images/check.png") no-repeat}.e-header .e-util a{background-image:url("images/img_util.png");background-repeat:no-repeat}.e-header .e-util a{width:48px;height:48px}.e-header .e-util a:hover{background-position-y:100%}.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:auto;height:48px}.e-header .e-util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .e-util input[type="checkbox"]:checked+label,.e-header .e-util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .e-util #closeToday{padding-right:10px}.e-header .e-util .btn-home{margin-right:10px;background-position:-215px 0}.e-header .e-util .btn-download{background-position:100% 0}.e-header .e-util input[type="checkbox"]+span{font-size:14px;line-height:47px;color:#b7b7b7;padding-left:24px}.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{min-width:190px}.e-header .e-wrap{height:100%}.e-header .title{position:absolute;left:49.8%;transform:translateX(-50%);bottom:136px;z-index:3;overflow:hidden;width:1198px;height:323px}.e-header .title p{position:relative;opacity:0;width:1198px;height:323px;animation:opacity_forwards 1s .3s ease-in-out forwards;background:url("images/title.png") no-repeat;opacity:0;transition:all .3s ease}.e-header .period{bottom:58px}.e-header .badge{position:absolute;right:60px;top:14px}.smog{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.smog i{position:absolute;display:block;background:url("images/sp_smog_white.png") no-repeat;transform-origin:50% 100%}.smog .num2{bottom:0;left:-217px;width:2354px;height:1400px;opacity:0}.smog .num1{bottom:0;left:-217px;width:2354px;height:800px;opacity:0}.smog .num3{bottom:0;left:-217px;width:2354px;height:800px;opacity:0}.e-header .stone{width:1604px;height:632px;position:absolute;left:50%;transform:translateX(-50%);top:150px;opacity:0;animation:opacityExpand .3s .3s forwards cubic-bezier(0.55,0.055,0.675,0.19),shake2 4s .6s infinite cubic-bezier(0.455,0.03,0.515,0.955)}.e-header .smog .num1{-webkit-animation:spreadSmog 7s infinite linear;animation:spreadSmog 7s infinite linear}.e-header .smog .num2{-webkit-animation:spreadSmog 15s infinite linear;animation:spreadSmog 15s infinite linear}.e-header .smog .num3{-webkit-animation:spreadSmog 40s infinite linear;animation:spreadSmog 40s infinite linear}#canvas{position:absolute;left:50%;z-index:1;display:block;margin-left:-960px;pointer-events:none;bottom:100px}.e-contents{position:relative;width:100%;max-width:1920px;min-width:1280px;margin:auto}.e-contents .btn-claim{position:absolute;left:50%;transform:translateX(-50%);width:369px;height:68px;background:url("images/btn_claim.png") no-repeat;background-position-y:50%}.e-contents .btn-claim:hover{background-position-y:100%}.e-contents .btn-claim[disabled]{background-position-y:0}.e-contents .notice-box{position:absolute;left:50%;transform:translateX(-50%);width:1200px}.e-contents .notice-box .notice-title{color:#c9e7ff;font-size:20px;font-weight:600;margin-bottom:12px}.e-contents .notice-box li{position:relative;margin-bottom:8px;padding-left:15px;color:#8196a9;font-size:18px;font-weight:400}.e-contents .notice-box li::before{content:"※";position:absolute;font-size:15px;left:0}.e-contents .notice-box li:last-child{margin-bottom:0}.e-contents .notice-box li .highlight{color:#6c99eb;font-weight:600}.event1 .cont1{position:relative;text-align:center;width:100%;background:url("images/bg_event_01.jpg") 50% 0 no-repeat}.event1 .cont2{position:relative;text-align:center;width:100%;background:url("images/bg_event_02.jpg") 50% 0 no-repeat}.event1 .btn-wrap{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}.event1 .cont1{height:1442px}.event1 .cont1 .stone{position:absolute;left:50%;transform:translateX(-50%);top:110px;animation:shake2 7s 1s infinite ease-in-out}.event1 .cont2{height:2112px}.event1 .cont2 .period{top:345px;background-repeat:no-repeat}.event1 .cont2 .period p{font-size:20px;letter-spacing:-0.05em}.event1 .cont2 .notice-list{position:absolute;left:50%;transform:translateX(-50%);width:1200px;bottom:100px}.event1 .cont2 .notice-list li{position:relative;margin-bottom:8px;padding-left:15px;color:#cd877f;font-size:18px;font-weight:400;text-align:left}.event1 .cont2 .notice-list li::before{content:"※";position:absolute;font-size:15px;left:0}.event1 .cont2 .notice-list li:last-child{margin-bottom:0}.event1 .cont2 .notice-list li .highlight{color:#ffc8c1;font-weight:600}.event1 .cont2 .btn-claim{bottom:200px}.period{position:absolute;display:flex;align-items:center;justify-content:center;left:50%;transform:translateX(-50%);width:870px;height:48px;background-repeat:no-repeat;gap:20px;gap:8px;background-size:contain;box-sizing:border-box;opacity:0;animation:opacity_forwards 1s .5s forwards}.period p{font-size:22px;letter-spacing:-0.05em;color:#f96959;font-weight:700}.period p.txt{display:inline-block;border-radius:50px;min-width:167px}.period p.num{font-weight:800;padding-left:10px}@keyframes spreadSmog{0%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0}45%{transform:scale(0.75);-webkit-transform:scale(0.75);opacity:.5}90%{transform:scale(1);-webkit-transform:scale(1);opacity:0}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}@-webkit-keyframes spreadSmog{0%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0}45%{transform:scale(0.75);-webkit-transform:scale(0.75);opacity:.5}90%{transform:scale(1);-webkit-transform:scale(1);opacity:0}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}@keyframes opacity_infinite{0%,100%{opacity:0}70%{opacity:.65}}@keyframes opacity_forwards{0%{opacity:0}100%{opacity:1}}@keyframes shake{0%{opacity:0;-webkit-transform:translateX(20px) skewX(-12deg);transform:translateX(20px) skewX(-12deg)}5%{opacity:1;-webkit-transform:translateX(20px) skewX(12deg);transform:translateX(20px) skewX(12deg)}10%{-webkit-transform:skewX(-12deg);transform:skewX(-12deg)}15%{-webkit-transform:skewX(12deg);transform:skewX(12deg)}20%{-webkit-transform:skewX(0);transform:skewX(0)}100%{opacity:1;-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0)}}@keyframes opacityExpand{0%{opacity:0;transform:translateX(-50%) scale(0.5)}100%{opacity:100%;transform:translateX(-50%) scale(1)}}@keyframes shake2{0%,100%{transform:translateX(-50%) translateX(0) scale(1)}33%{transform:translateX(-50%) translateX(4px) scale(1.02)}66%{transform:translateX(-50%) translateX(-4px) scale(0.98)}}