*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{text-align:center;margin:0;padding:0;font-family:Pretendard,NanumBarunpen,'Noto Sans KR',Arial,Helvetica,sans-serif;color:#222;background:#f5f4f0;line-height:1.5}.ad-area,.copy,.day,.log-inner,.nav-wrapper{border:.1rem solid #222}a{text-decoration:none;color:#222}#wrap{max-width:none;margin:0 auto;padding-bottom:20px}.day-wrap{cursor:pointer;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:10px auto}.day-outer{background-color:#f5f4f0}.day{display:flex;align-items:center;justify-content:flex-start;padding:15px;position:relative;background:url(/6ed21d6e8593b90e67894c66a3db3bd04e42357f/progress.png) 0 40px;background-size:0 200px;background-repeat:no-repeat;min-height:53px}.birthToggle .day:not([class*=birthday]){display:none}.toggleBirth{width:2rem;height:1rem;-webkit-appearance:none;outline:0;border-radius:.5rem;transition:.4s;background:#c6c6c6;position:relative;margin-right:10px;cursor:pointer}.toggleBirth:checked{background:#5fb3f8}div.check{display:flex;align-items:center;justify-content:center}.toggleBirth::before{content:'';position:absolute;width:1rem;height:1rem;border-radius:.5rem;top:0;left:0;background:#fff;transform:scale(1.2);transition:.4s}.toggleBirth:checked::before{left:1rem}.day a{color:#222;font-weight:700}.day::after{content:attr(data-after);position:absolute;right:10px;padding:7px;cursor:default}.day.birthday::before{content:'🎉'}#countdown-wrap{margin:0 auto;font-weight:400;max-width:1100px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px}#countdown-wrap a{text-decoration:none;display:block;color:#222}.top{background-color:#000}.top-wrapper{display:flex;max-width:1100px;margin:0 auto;justify-content:space-evenly}.top-wrapper a{display:inline-block;color:#fff;text-decoration:none;align-items:center;padding:7px 0}.nav-wrapper{display:flex;max-width:1100px;margin:10px auto;padding:15px;justify-content:space-between}nav h2{margin:0;font-weight:700}nav ul{list-style-type:none;display:flex;align-items:center}nav ul li{height:100%;display:flex;align-items:center;padding:5px 10px}nav ul li a{display:inline-block;margin-bottom:1px}nav ul li a:hover{border-bottom:1px solid #222;margin-bottom:0}.ad-area{max-width:1100px;display:flex;align-items:center;justify-content:center;margin:10px auto;padding:5px}.pc-ad{display:block;height:90px}.mobile-ad{display:none;height:100px}@media (max-width:750px){.mobile-ad{display:block}.pc-ad{display:none}}.copy{all:unset;cursor:pointer;padding:5px}#log{font-size:1rem}#log ul{list-style-type:circle;margin:1rem 0 1rem 1.5rem;padding:0}#log h2{font-size:2rem;padding:15px 0}.log-wrapper{max-width:1100px;margin:0 auto;text-align:start}.log-inner{margin-bottom:10px;padding:12px}.log-inner h4{font-size:1.4rem}@media (max-width:1120px){hr{margin:15px 20px}#countdown-wrap,.ad-area,.container,.day-wrap{width:calc(100% - 10px);grid-template-columns:repeat(2,1fr)}#d-day,.nav-wrapper{width:calc(100% - 10px)}#log{width:calc(100% - 10px);margin:0 auto}nav h2{font-size:1.5rem}.top-wrapper a{font-size:.9rem}}@media (max-width:630px){#countdown-wrap,.ad-area,.container,.day-wrap{width:calc(100% - 10px);grid-template-columns:1fr}}@media (max-width:480px){header h2{font-size:1.7rem}.d-day{font-size:1.2rem}.d-day{overflow:hidden}#log{font-size:1.3rem}#log ul li{font-size:1.1rem}}@media (max-width:720px){.nav-wrapper{display:block}}@media (max-width:350px){header h2{font-size:1.4rem}}*{margin:0;padding:0;box-sizing:border-box}.container{background:#f5f4f0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px 0 65px 0;margin:10px auto;max-width:1100px}#d-day,.container,.countdown div,.countdown div:before{border:.1rem solid #222}#d-day{display:none;justify-content:center;align-items:center;padding:20px 0;margin:10px auto 0;max-width:1100px}#d-day h3{font-size:3rem}.container h2{text-align:center;line-height:1.1em;color:#333;font-weight:700}.container h2 span{display:block;font-weight:300;letter-spacing:10px;font-size:.5em}.countdown{display:flex;margin-top:30px}.countdown div{position:relative;width:100px;height:100px;line-height:100px;text-align:center;margin:0 15px;font-size:2.5em;font-weight:500}.countdown div:before{content:'';position:absolute;bottom:-43px;left:-1px;width:100%;height:35px;color:#333;font-size:1rem;line-height:35px}.countdown #day:before{content:'일'}.countdown #hour:before{content:'시간'}.countdown #minute:before{content:'분'}.countdown #second:before{content:'초'}@media (max-width:720px){.container h2{font-size:2em}.container span{margin-bottom:15px}#d-day h3{font-size:3rem}}@media (max-width:540px){.countdown{display:grid;grid-template-columns:repeat(2,100px);gap:50px}.container h2{margin-top:-10px}.countdown div{margin:0}#d-day h3{font-size:2rem}}@media (max-width:400px){.container h2{font-size:1.4em}}