@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 .sub-title p,.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:40px;top:auto !important;bottom:40px;z-index:9;overflow:hidden;display:none;width:67px;height:74px;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}.btn-top:hover{background-position-y:100%}.e-header{position:relative;z-index:10;width:100%;max-width:1920px;height:855px;background:url("images/bg_header.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_header2.jpg") 50% 50% no-repeat;animation:opacity_forwards 3s .5s linear forwards}.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 .sub-title{position:absolute;top:53%;left:50%;transform:translateX(-50%)}.e-header .sub-title p{position:relative;width:570px;height:50px}.e-header .title{position:absolute;left:49.8%;transform:translateX(-50%);bottom:136px;z-index:3;overflow:hidden;width:934px;height:215px}.e-header .title p{position:relative;opacity:0;width:934px;height:215px;animation:shake 2.5s 1s ease-in-out forwards;background:url("images/title.png") no-repeat;opacity:0;transition:all .5s .2s ease}.e-header .title p::before{content:"";position:absolute;display:block;width:100%;height:100%;animation:opacity_forwards .8s linear both}.e-header .periods{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:870px;background-image:url("images/period_bg.png");background-repeat:no-repeat;background-size:contain;height:75px;box-sizing:border-box;gap:8px;opacity:0;animation:opacity_forwards 2.5s 1s forwards}.e-header .periods .period{align-items:center;justify-content:center;display:flex}.e-header .periods p{font-size:22px;letter-spacing:-0.05em}.e-header .periods p.txt{display:inline-block;color:#fff;border-radius:50px;min-width:167px;text-align:center;font-weight:600}.e-header .periods p.num{color:#fff;font-weight:400;padding-left:10px}.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 .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;top:0;left:50%;z-index:1;display:block;margin-left:-960px;pointer-events:none}.e-contents{position:relative;width:100%;max-width:1920px;min-width:1280px;margin:auto}.e-contents .btn-claim{width:307px;height:77px;background:url("images/btn_claim.png") no-repeat}.e-contents .btn-claim:hover{background-position-y:100%}.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;width:100%;background:url("images/bg_tab1.jpg") 50% 0 no-repeat}.event1 .cont2{position:relative;width:100%;background:url("images/bg_tab1.jpg") 50% 0 no-repeat}.event1 .btn-wrap{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}.event1 .cont1{height:2136px}.event1 .cont1 .btn-wrap{top:1780px;width:1280px}.event1 .cont1 .notice-box{bottom:100px}.event1 .cont1 .period{position:absolute;top:280px;display:flex;align-items:center;justify-content:center;color:white;left:50%;transform:translateX(-50%);width:870px;height:48px;background-repeat:no-repeat;background-image:url("images/bg_event_period.png")}.event1 .cont1 .period p{font-size:22px;letter-spacing:-0.05em}.event1 .cont1 .period p.txt{display:inline-block;color:#fff;border-radius:50px;min-width:167px;text-align:center;font-weight:600}.event1 .cont1 .period p.num{color:#fff;font-weight:400;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)}}