a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:OTEnjoystoriesBA;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff) format("woff")}@font-face{font-family:GmarketSansBold;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff")}@font-face{font-family:GmarketSansMedium;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype")}:root{--font-size-normal:1.5rem;--font-size-small:0.875rem}body{background-color:#5b2386;color:#fff;font-family:GmarketSansMedium;margin:auto;text-align:center}.mobile-none{display:block}.mobile-block{display:none}.title-container{margin-top:120px;position:relative}.title-img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:564px}main{display:flex;flex-direction:column;font-size:1.5rem;font-size:var(--font-size-normal);gap:100px;margin:46px auto}.quote-container{position:relative}.quote{color:#f5df4d;font-family:OTEnjoystoriesBA;font-size:2.25rem}.meaning{font-size:1.125rem;line-height:1.75rem;margin-top:78px;position:relative}.meaning img{left:50%;position:absolute;top:calc(50% - 18px);transform:translate(-50%,-50%)}.meaning b{font-family:GmarketSansBold}.input-container,.meaning b{font-size:1.5rem;font-size:var(--font-size-normal)}.input-container{display:flex;flex-direction:column;gap:27px;margin-top:2px}.input-container input{border:none;border-radius:7px;color:#babcbe;font-family:GmarketSansMedium;font-size:1.5rem;font-size:var(--font-size-normal);height:57px;padding-top:5px;text-align:center;width:228px}.job,.time,.time>div{align-items:center;column-gap:16px}.calculate,.job,.time,.time>div{display:flex;justify-content:center}.calculate{gap:7px;margin-top:15px}.calculate>img{height:72px;transform:translateY(24px);width:64px}button{background:#fcee21;border:none;border-radius:100px;color:#5b2386;cursor:pointer;font-family:GmarketSansBold;font-size:1.5rem;font-size:var(--font-size-normal);padding:21px 49px}.result-container{display:flex;flex-direction:column;margin-top:45px;row-gap:17px}.result{align-items:center;column-gap:12px;display:flex;justify-content:center}.value{font-family:GmarketSansBold;font-size:4.5rem}.button-wrapper{align-items:center;display:flex;gap:27px;justify-content:center;margin-top:127px}.share>button{background-color:#fff}footer{margin:130px auto 70px}footer img{height:auto;width:125px}footer p{font-family:Noto Sans KR;font-size:.75rem;font-weight:400;line-height:17.38px;margin-top:20px;text-align:center}#modal{display:none}.modal-wrapper{align-items:center;background-color:#fff;border-radius:30px;box-shadow:0 0 20px 0 #00000080;display:flex;flex-direction:column;justify-content:center;left:50%;max-height:800px;max-width:800px;padding:76px 0 68px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:999}.modal-title{color:#5b2386;font-family:OTEnjoystoriesBA;text-align:center}.modal-title h2{font-size:5.625rem}.modal-title span{display:inline-block}.modal-title p{font-size:2.25rem}#modal img{height:auto;margin-bottom:74px;max-width:433px;object-fit:contain}#close_modal{box-shadow:0 0 10px 0 #00000080}@media (max-width:1600px){.modal-wrapper{height:95vh}#modal img{margin-bottom:34px;margin-top:24px;max-width:300px}}@media (max-width:850px){.mobile-block{display:block}.mobile-none{display:none}.title-container{margin-top:47px}.title-img{height:auto;max-width:267px}.clock-img{height:auto;max-width:125px}main{font-size:.875rem;font-size:var(--font-size-small);gap:50px;margin-top:31px}.quote{color:#f5df4d;font-family:OTEnjoystoriesBA;font-size:22px}.meaning,.meaning b{font-size:.875rem;font-size:var(--font-size-small);margin-top:62px}.meaning img{top:calc(50% - 5px);width:302px}.input-container{display:flex;flex-direction:column;font-size:.875rem;font-size:var(--font-size-small);gap:17px;margin-top:2px}.time{display:block;margin-bottom:17px}.time>div{margin-top:17px}.input-container input{color:#babcbe;font-family:GmarketSansMedium;font-size:.875rem;font-size:var(--font-size-small);height:37px;width:156px}.calculate{align-items:end;margin-top:0;row-gap:6px}.calculate>img{height:38px;transform:translateY(7px);width:43px}button{background:#fcee21;border:none;border-radius:13px;color:#5b2386;cursor:pointer;font-family:GmarketSansBold;padding:21px 49px}.result-container,button{font-size:.875rem;font-size:var(--font-size-small)}.result-container{display:flex;flex-direction:column;row-gap:17px}.result{column-gap:8px}.value{font-size:1.5rem;font-size:var(--font-size-normal)}.button-wrapper{gap:13px;margin-top:55px}.button-wrapper button{border-radius:100px;padding:13px 18px}footer{margin:83px auto 32px}footer img{height:auto;width:91px}footer p{font-size:9px;line-height:13.03px;margin-top:17px}.modal-wrapper{max-height:500px;max-width:330px;padding:40px 0}.modal-title{font-size:4rem}.modal-title span{display:none}.modal-title p{font-size:2.25rem}#modal img{max-width:240px}}
/*# sourceMappingURL=main.2ee429b8.css.map*/