@import url(https://fonts.googleapis.com/css2?family=Dongle&family=Gamja+Flower&family=Hi+Melody&family=Noto+Sans+KR:wght@500;700&family=Single+Day&family=Sunflower:wght@300&display=swap);.nav-container{color:inherit;display:none;font-size:16px;height:100%;width:706px}.no-border{border:0;box-shadow:none}.nav-box{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;margin:0 auto;padding:0;position:static;right:auto;transition:none;width:100%;z-index:1}.nav-box li{box-sizing:border-box;height:50px;line-height:50px;padding:0 20px;position:relative;text-align:center;transition:all .1s ease-out;i{background-color:orange;bottom:0;height:3px;left:50%;position:absolute;transition:all .2s ease-in-out;width:0;z-index:50}&:hover{i{left:0;width:100%}}}.nav-box li a{box-sizing:border-box;color:inherit;display:block;font-size:1em;height:50px;width:100%}@media (min-width:1024px){.nav-container{display:inline;display:initial}}@-webkit-keyframes form-ani{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes form-ani{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes option-effect{0%{opacity:0}to{opacity:1}}@keyframes option-effect{0%{opacity:0}to{opacity:1}}.magnifying{background-color:initial;border:0;color:inherit;cursor:pointer;height:35px;outline:none;width:35px;z-index:99;svg{font-size:1.8em}&:hover{color:orange!important}}.mag-on{color:#333}.search-container{background-color:rgba(0,0,0,.4);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:100}.search-box{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:form-ani;animation-name:form-ani;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border-radius:10px;height:clamp(100px,31.25vw,150px);height:150px;margin:20vh auto 0;width:clamp(270px,84.375vw,750px)}.search-box form{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.search-input-box{height:clamp(40px,12.5vw,60px);position:relative;width:100%}.search-category{color:#f5f5f5!important;cursor:pointer;display:flex;font-size:clamp(14px,4.375vw,18px);height:100%;left:0;position:absolute;text-align:center;top:0;-webkit-user-select:none;user-select:none;z-index:5;.category{line-height:clamp(40px,12.5vw,60px);width:clamp(60px,18.75vw,80px)}ul{background-color:rgba(0,0,0,.3);left:0;position:absolute;top:clamp(40px,12.5vw,60px)}ul li{border-radius:5px;height:calc(100% - 10px);line-height:clamp(40px,12.5vw,60px);width:clamp(60px,18.75vw,80px);&:active,&:hover{background-color:rgba(0,0,0,.5)}}svg{height:100%;width:clamp(14px,4.375vw,18px)}}.category-off{overflow:visible;overflow:initial;overflow:hidden}.search-input-box input{background-color:initial!important;border:0;border-bottom:1.5px solid #fff;box-sizing:border-box;color:#fff;font-size:clamp(16px,5vw,24px);height:100%;padding:5px 40px 5px clamp(84px,26.25vw,108px);position:relative;width:100%;&::-webkit-input-placeholder{color:#fff;font-size:clamp(16px,5vw,24px)}&::placeholder{color:#fff;font-size:clamp(16px,5vw,24px)}&:focus{outline:none}&:-internal-autofill-selected{background-color:initial!important}&:-webkit-autofill,&:-webkit-autofill:active,&:-webkit-autofill:focus,&:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s,fontSize 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s,fontSize 5000s ease-in-out 0s}}.search-input-box button{font-size:clamp(18px,5.625vw,26px);height:100%}.search-box form #cancel,.search-input-box button{cursor:pointer;position:absolute;right:0;top:0;width:40px}.search-box form #cancel{font-size:35px;height:40px;&:hover{color:orange}}.search-box form #search:hover{color:orange}.top-button-box{background-color:rgba(56,56,56,.8);border:0;border-radius:50%;bottom:70px;box-shadow:1px 1px 15px 3px #00000080;color:#fff;height:50px;position:fixed;right:calc(50vw - 660px);text-align:center;width:50px;z-index:50;&:hover{background-color:rgba(2,99,255,.8);cursor:pointer}}@media (max-width:1440px){.top-button-box{right:30px}}@media (max-width:880px){.top-button-box{right:40px}}.login{box-sizing:border-box;font-size:1.4em;height:40px;line-height:43px;right:20%;text-align:center;width:40px;&:hover{color:orange;cursor:pointer}}.userPhoto-box{height:35px;margin-left:10px;position:relative;width:35px}.userPhoto-box img{border-radius:50%;height:100%;width:100%}.userPhoto-box:hover{cursor:pointer}.logout-box{background-color:#fff;border-radius:8px;box-shadow:3px 3px 15px hsla(0,0%,5%,.25);color:#333;font-size:.9em;padding:10px;position:absolute;right:2px;text-align:center;top:50px;width:110px;z-index:7}.logout-box .arrow{border:15px solid transparent;border-bottom-color:#fff;height:0;position:absolute;right:0;top:-25px;width:0}.logout{align-items:center;background-color:#fff;border:0;border-radius:5px 10px 20px 10px;color:#333;display:flex;font-weight:700;height:30px;justify-content:center;margin-bottom:5px}.logout svg{font-size:1.11em;margin-right:10px}.logout span{font-size:.9em}.logout:hover{color:#6f16ff;cursor:pointer}.account-log{font-size:.95em;height:25px;line-height:25px;&:hover{color:#6f16ff;cursor:pointer}}.not-Login{background-color:#dfdfdf;border-radius:50%;height:35px;margin-left:10px;width:35px}@media (max-width:1023.9px){.login,.not-Login,.userPhoto-box{display:none}}.side-container{font-size:16px}.side-background{background-color:rgba(0,0,0,.5);font-size:16px;height:100vh;position:fixed;top:0;width:100vw}.nav-bar{box-sizing:border-box;color:inherit;cursor:pointer;display:block;height:35px;margin-left:5px;padding:0 5px;position:relative;width:35px;z-index:20;.bar{border:2px solid;border-color:inherit;box-sizing:border-box;margin:4px 0;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:100%}.ro-t45{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.fadeout{opacity:0}.ro-b45{-webkit-transform:rotate(-45deg) translate(6px,-6.5px);transform:rotate(-45deg) translate(6px,-6.5px)}}.acti{color:#333!important}.side-container ul{background-color:#f5f5f5;box-sizing:border-box;max-height:100%;overflow-y:auto;padding:60px 0 20px;position:fixed;right:0;top:0;transition:all .5s ease;width:320px}.side-container ul li{height:50px;line-height:50px;width:100%}.side-container ul li a{box-sizing:border-box;color:#333;display:block;font-size:1em;height:100%;margin:10px 0;padding-left:50px;width:100%;&:hover{background-color:#d7dfe4;color:#3475ee;cursor:pointer}}.user-info-box{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;box-sizing:border-box;color:#333;padding:20px 0;text-align:center}.user-info-box a{color:inherit;cursor:pointer;font-size:18px;&:hover{color:#3475ee}}.user-info-box div{height:40px;img{border-radius:50%;height:100%;width:40px}}.user-info-box p{color:#333!important;height:30px;line-height:30px;margin:10px auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:250px}.user-info-box .mo-logout{background-color:initial;border:0;border-radius:5px 5px 5px 5px;color:#333;font-size:1em;font-weight:700;height:40px;width:120px;&:hover{background-color:#2b75ff;color:#f5f5f5;cursor:pointer}}@media (min-width:1024px){.side-container{display:none}}@media (max-height:575px){.side{height:460px}}.header-container{background:none;color:#f5f5f5;font-size:18px;font-weight:700;height:60px;left:0;min-width:320px;position:absolute;top:0;transition:color .15s ease-in,background .15s ease-in;width:100%;z-index:14}.header-box{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1072px;padding:0 24px;width:100%}.Logo{color:inherit;cursor:pointer;font-size:1.3em;div{height:60px;line-height:60px;text-align:center;width:100px}}.h-o{position:relative!important}.h-o,.scroll-down{background:#f5f5f5!important;color:#333!important}.scroll-down{position:fixed!important}.header-sub-box{align-items:center;display:flex;z-index:12}@media (min-width:1024px){.header-container{font-size:16px;height:80px;&:hover{background:#f5f5f5!important;box-shadow:2px 2px 5px rgba(0,0,0,.12);color:#333!important}}}.webname{font-family:Cute Font,sans-serif;font-size:35px;font-style:oblique;font-weight:500;margin:auto;text-align:center;width:100px}.name-color{span{color:inherit!important}}.webname span{&:first-of-type{color:#ffb347}&:nth-of-type(2){color:coral}&:nth-of-type(3){color:#e57373}&:nth-of-type(4){color:#d48e9d}}.footer-container{background:#252525;background-color:#f7f7f7;box-sizing:border-box;color:#333;font-size:clamp(14px,3vw,16px);font-weight:600;padding:20px 20px 40px;width:100%}.footer-logo{margin:20px auto;text-align:center;width:100%;p{color:inherit;font-size:24px}}.footer-navigation{font-size:14px;margin-bottom:20px;nav ul,nav ul li{text-align:center}nav ul li{display:inline-block;list-style:none;margin:10px;padding:5px 0;text-decoration:none}nav ul li a{color:inherit}}.footer-line{border:.5px solid #c3c2c2;margin:0 auto 25px;max-width:850px;width:90%}.footer-copyright{font-size:14px;margin:auto;max-width:800px;text-align:center;width:100%}.copyright-icons{margin-top:15px;a{display:inline-block;margin:15px 20px}a img{width:clamp(80px,10.2564vw,90px)}}@media (min-width:1024px){.footer-line{width:80%}}@media (min-width:780px){.footer-navigation nav ul li{margin:0 15px;padding:0}.footer-navigation nav ul li a{display:block;height:40px;line-height:40px;padding:0}.footer-line{margin:0 auto 15px;width:85%}.footer-copyright{align-items:center;display:flex;justify-content:space-evenly;max-width:700px;width:80%}.copyright-icons{align-items:center;display:flex;margin:0}}.rolling-box{grid-column-end:span 4;height:500px}.rolling-box,.rolling-box-two{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:10}.rolling-box-two{height:600px}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#c2c2c2;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.lds-p{font-size:18px;margin-top:10px}@media (max-width:1024px){.rolling-box{grid-column-end:span 3}}@media (max-width:650px){.rolling-box{grid-column-end:span 2}}@media (max-width:425px){.rolling-box{grid-column-end:span 1}}.get-data-error-box{grid-column-end:span 4;padding:calc(22vh - 30px) 0;text-align:center;width:100%}.get-data-error-box p{font-size:20px;font-weight:600;margin-bottom:10px}@media (max-width:650px){.get-data-error-box{grid-column-end:span 2}}@media (max-width:425px){.get-data-error-box{grid-column-end:span 1}}:root{--font-color:#f6f6f6}@-webkit-keyframes slideloading{0%{width:0}to{width:100%}}@keyframes slideloading{0%{width:0}to{width:100%}}.slide-active{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slideloading;animation-name:slideloading;-webkit-animation-timing-function:linear;animation-timing-function:linear}.slide-not-active{width:0}.top-slide-container{font-size:16px;height:100vh;max-height:970px;min-height:720px;position:relative;width:100%}.top-visual{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.source{left:5%;z-index:14}.source,.top-slide-page{bottom:60px;color:#f6f6f6;color:var(--font-color);font-size:clamp(14px,4.375vw,16px);position:absolute}.top-slide-page{right:5%}.top-slide-image{height:100%;left:0;position:absolute;top:0;width:100%;img{-webkit-filter:brightness(75%);filter:brightness(75%);height:100%;object-fit:cover;width:100%}}.top-text-box{bottom:33%;color:#fff;font-weight:700;left:5%;position:absolute;text-align:left;width:90%;h2{font-size:clamp(26px,6vw,52px);margin-bottom:clamp(10px,2vw,18px)}p{font-size:clamp(16px,3vw,32px);margin-bottom:clamp(10px,2vw,22px)}a{color:#f6f6f6;color:var(--font-color);cursor:pointer;display:inline-block;font-size:clamp(14px,3vw,18px);font-weight:400;text-align:center;&:after{background:#fff;content:"";display:block;height:1px}}}.slide-time-box{height:80px;left:5%;position:absolute;top:70%;width:90%;z-index:5;.time-bar{background-color:#fff;border-radius:2px;height:5px;margin-top:20px;width:0}.time-button{height:30px;margin:15px auto 0;position:relative;text-align:center;width:150px;button{font-size:20px;height:100%;line-height:30px;margin:0 5px;width:30px}button:hover{background-color:hsla(0,0%,59%,.581);border-radius:50%}}}@media (max-width:450px){.top-slide-page{bottom:10px}}@media (min-width:1334px){.top-text-box{width:1200px}.source,.top-text-box{left:calc(50% - 600px)}.top-slide-page{right:calc(50% - 600px)}.slide-time-box{left:calc(50% - 600px);width:1200px}}.Bottom-Container{font-size:clamp(10px,3.125vw,16px);margin:50px 20px}.Bottom-Title{font-weight:600;h3{font-size:2em;margin-bottom:10px}p{font-size:1.3em;margin-bottom:20px}}.Picked-Picture{color:#fff;height:clamp(215px,67.1875vw,280px);margin-bottom:10px;position:relative;width:100%;img{border-radius:5px;display:block;-webkit-filter:brightness(70%);filter:brightness(70%);height:100%;left:0;position:absolute;top:0;width:100%}div:first-of-type{left:5%;position:absolute;top:65%;width:90%;h4{font-size:1.3em;margin-bottom:10px}p{font-size:1em;letter-spacing:1px;line-height:1.2em}}}.Bottom-Slide{width:100%}.Bottom-Slide ul{grid-column-gap:clamp(4px,1.25vw,8px);-webkit-column-gap:clamp(4px,1.25vw,8px);column-gap:clamp(4px,1.25vw,8px);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%}.Bottom-Slide ul li{height:clamp(68px,20vw,120px);position:relative;div{display:none}div:first-of-type{box-sizing:border-box;display:block;height:100%;img{border-radius:5px;height:100%;width:100%}}div:nth-of-type(2){color:#f5f5f5;display:block;font-size:1em;font-weight:600;position:absolute;text-align:center;top:45%;width:100%}}.op-zero{display:none}@media (min-width:1024px){.Picked-Picture{display:none}.op-zero{display:block}.Bottom-Container{font-size:16px;margin:120px auto;padding:0;width:clamp(900px,87.8906vw,1600px)}.Bottom-Title{box-sizing:border-box;font-weight:700;padding:0 0 80px 10px;width:100%;h3{font-size:3em;margin-bottom:20px}p{font-size:1.8em}}.Bottom-Slide{width:100%}.Bottom-Slide ul{align-items:center;-webkit-column-gap:8px;column-gap:8px;display:flex}.Bottom-Slide ul li{border-radius:5px;color:#f5f5f5;cursor:pointer;font-weight:700;height:380px;overflow:hidden;position:relative;transition:all .3s ease-in;width:9%;div{display:block}div:first-of-type{left:calc(50% - 514px);position:absolute;img{-webkit-filter:brightness(80%);filter:brightness(80%);height:380px;object-fit:fill;width:1028px}}div:nth-of-type(2){align-items:center;display:flex;font-size:1.5em;height:220px;justify-content:center;left:calc(50% - 11px);position:absolute;top:85px;width:22px}div:nth-of-type(3){font-size:1.5em;opacity:0;padding:100px 10% 0;-webkit-transform:translateY(20px);transform:translateY(20px)}div:nth-of-type(3) button{color:#fff;cursor:pointer;font-size:.7em;font-weight:700;padding-top:90px;&:active{color:#4475fd}}div:nth-of-type(3) h4{font-size:1.2em;margin-bottom:20px}div:nth-of-type(3) p{font-size:.8em;font-weight:500}}#picked{width:64%}#textani1{display:none}#textani2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .9s ease-in}}a,li{list-style:none}a{cursor:pointer;text-decoration:none}button{background-color:initial;border:0;color:#fff}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;padding:0;-webkit-user-select:none;-o-user-select:none;user-select:none}.app{overflow-x:hidden}@media (max-width:320px){.app{width:320px}}*,html{margin:0;padding:0}body{font-family:sans-serif;margin:0}body::-webkit-scrollbar{background-color:#f0f1fa;width:8px}body::-webkit-scrollbar-thumb{background:#cdcdcd;border-radius:2px}select{-webkit-appearance:none;-moz-appearance:none;border:1px solid #333}@media (max-width:320px){body{min-width:100%}}
/*# sourceMappingURL=main.687c6a73.css.map*/