@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:1 999;src:url(/fonts/variable/NotoSansKR-VariableFont_wght.ttf) format("truetype-variations")}*,body{font-family:Noto Sans KR,sans-serif}.font-size-big{font-size:1rem;font-weight:500}.font-size-normal{font-size:.875rem;font-weight:500}.font-size-small{font-size:.75rem;font-weight:400}.font-color-black{color:#020202}.font-color-white{color:#fff}.font-color-gray{color:#a29ea5}.font-color-ebony{color:#170c1e}.font-color-french-lilac{color:#ebdbf3}.font-color-alabaster{color:#fbfbfb}.font-color-sunglow{color:#ffcd27}.font-color-light-gray{color:#f5f5f5}.font-color-blue-violet{color:#9023d5}.font-color-lavender{color:#b169dd}.font-color-purple{color:#590091}.font-color-vivid-violet{color:#783b99}.font-color-selago{color:#efe0fd}.font-color-twitter-blue{color:#1da1f2}.font-color-light-violet{color:#ba5bec}.font-color-athens-gray{color:#e8eaed}.font-color-cream-brulee{color:#ffe5a0}.font-color-lilac{color:#e6cff2}.font-color-botticelli{color:#c6dbe1}.font-color-tropical-blue{color:#bfe1f6}.font-color-your-pink{color:#ffcfc9}.background-black{background:#020202}.background-white{background:#fff}.background-gray{background:#a29ea5}.background-ebony{background:#170c1e}.background-french-lilac{background:#ebdbf3}.background-alabaster{background:#fbfbfb}.background-sunglow{background:#ffcd27}.background-light-gray{background:#f5f5f5}.background-blue-violet{background:#9023d5}.background-lavender{background:#b169dd}.background-purple{background:#590091}.background-vivid-violet{background:#783b99}.background-selago{background:#efe0fd}.background-twitter-blue{background:#1da1f2}.background-light-violet{background:#ba5bec}.background-athens-gray{background:#e8eaed}.background-cream-brulee{background:#ffe5a0}.background-lilac{background:#e6cff2}.background-botticelli{background:#c6dbe1}.background-tropical-blue{background:#bfe1f6}.background-your-pink{background:#ffcfc9}.border-round{border-radius:20rem}.border-default{border-radius:.3rem}.button{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.2rem;padding:.5rem .7rem;width:fit-content;height:fit-content;justify-content:center}.button.reverse{flex-direction:row-reverse}.button.only-icon{padding:.3rem}.button.full-width{width:100%}.button .icon-box{display:flex;justify-content:center;align-items:center}.button .loader{width:12px;height:12px}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:3}.drawer-overlay.hidden{display:none}.drawer-overlay .drawer{height:100%;position:fixed;bottom:0;z-index:4;width:320px}.drawer-overlay .drawer.left{left:0}.drawer-overlay .drawer.right{right:0}.drawer-overlay .close-area{width:100%;height:100%;z-index:2}.input{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;position:relative}.input label{margin-right:1rem}.input input{width:100%;background:#fbfbfb}.input input.outline{padding:.3rem 1rem;border:.1rem solid #590091;border-radius:20rem}.input input.underline{border:none;padding:.3rem 0rem;border-bottom:.1rem solid #ebdbf3}.input input:focus{outline:none}.input input[type=search]{padding-left:2.3rem}.input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.input .reset{position:absolute;right:.5rem}.input>.icon{position:absolute;left:1rem;pointer-events:none}.loader{display:inline-block;width:48px;height:48px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#b169dd;animation:rotation 1s ease-in-out infinite;-webkit-animation:rotation 1s ease-in-out infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:9999}.loading-overlay .loader{position:absolute;top:50%;left:50%}.loading-overlay.visible{display:block}.modal{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:20}.modal.close{display:none}.modal .modal-control{display:flex;justify-content:flex-end}.modal>.inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fefefe;padding:1rem;border-radius:5px}.modal>.inner.small{width:300px}.modal>.inner.big{width:90%}.modal>.inner.big>.content{height:90%}.modal>.inner .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.modal>.inner .header>.buttons{padding-left:0}.modal>.inner>.message{margin:.4rem 1rem 0rem 0rem;line-height:130%}.modal>.inner>.content{margin:1rem 1rem 1rem 0rem}.modal>.inner>.content .description{margin-top:.5rem;line-height:130%}.modal>.inner>.content .list{margin:.8rem 0rem}.modal>.inner>.content .list li{margin-bottom:.5rem;height:100%}.modal>.inner>.content .list li,.modal>.inner>.content .list li label{display:flex;align-items:center;gap:.2rem;width:100%}.modal>.inner>.content .list li>.name>.text,.modal>.inner>.content .list li label>.name>.text{max-width:14rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal>.inner>.content textarea{width:100%;min-height:150px;border:1px solid #590091;border-radius:1rem;padding:1rem}.modal>.inner>.content>.buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem;margin-bottom:2rem}@media (max-width: 500px){.pagination{gap:2rem}}.pagination .control.hidden{visibility:hidden}.pagination .pages{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:4rem}@media (max-width: 500px){.pagination .pages{gap:2rem}}.pagination .pages .text{cursor:pointer;margin:.2rem}.pagination .pages .active{border-bottom:2px solid #9023d5;color:#9023d5}.text{word-break:keep-all;line-height:1.2}.text.h1{font-size:1.563rem;font-weight:600}.text.h2{font-size:1.25rem;font-weight:600}.text.h3{font-size:1.125rem;font-weight:600}.text.h4{font-size:1rem;font-weight:600}.text.h5{font-size:.875rem;font-weight:600}.bubbles{background:#9023d5;padding:1rem;max-width:100%}.bubbles>.text{padding:.3rem .7rem;margin-bottom:2rem}.bubbles>.grid{margin-left:.5rem;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem;grid-row-gap:1.5rem;max-height:15rem;overflow-y:scroll}.bubbles>.grid::-webkit-scrollbar{width:.3rem}.bubbles>.grid::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ffffff80}.bubble{width:max-content}.bubble>input[type=checkbox]{display:none}.bubble>label{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;gap:.2rem;padding:.3rem .7rem;border-radius:2rem}.bubble>label.default{color:#ebdbf3}.bubble>label.border,.bubble>label.remove{border:.1rem solid #ebdbf3;color:#ebdbf3}.bubble>input[type=checkbox]:checked+label.default,.bubble>input[type=checkbox]:checked+label.border{background-color:#ebdbf3;color:#9023d5}.keyword-search-board{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#590091;width:100%}.keyword-search-board .tabs{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90%;max-width:1000px;min-width:650px}@media (max-width: 650px){.keyword-search-board .tabs{min-width:320px}}.keyword-search-board .tabs .tab,.keyword-search-board .tabs .control{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.3rem;cursor:pointer;padding:.7rem;text-align:center}.keyword-search-board .tabs .control{padding:0rem 1rem}.keyword-search-board .tabs .tab{flex:1}.keyword-search-board .tabs .tab.select{background:#9023d5;border-top-left-radius:10px;border-top-right-radius:10px}@media screen and (max-width: 600px){.keyword-search-board .tabs .control .text{display:none}}.report{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1}.report.close{display:none}.report>.inner{position:fixed;left:0;right:0;margin:50px auto 0;padding:30px;width:80%;height:fit-content;min-width:300px;max-width:500px;max-height:80%;flex-wrap:wrap;overflow:auto;background-color:#fefefe;border-radius:20px}.report>.inner .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:30px;margin-bottom:10px}.report>.inner .header .title{display:flex;gap:5px}.report>.inner .body{align-items:center}.report>.inner .body .reporter{display:flex;flex-direction:column;justify-content:center;padding-top:10px;gap:10px}.report>.inner .body .content{display:flex;flex-direction:column;justify-content:center;padding-top:10px;height:320px;gap:10px}.report>.inner .body .content .toggle{width:100%}.report>.inner .body .content .toggle .left{border-radius:.7rem 0 0 .7rem}.report>.inner .body .content .toggle .right{border-radius:0 .7rem .7rem 0}.report>.inner .body .content .toggle .toggle-button{padding:.3rem 1rem;width:7rem;height:fit-content;border:.1rem solid #590091}.report>.inner .body .content .toggle .selected{color:#fefefe;background-color:#590091}.report>.inner .body .content .textbox{display:flex;flex-direction:column;justify-content:center;width:100%}.report>.inner .body .content .textbox .content{width:100%;height:200px;padding:.5rem 1rem;border:.1rem solid #590091;border-radius:.7rem;padding:10px;resize:none}.report>.inner .footer{height:30px;margin-top:10px}.report ::-webkit-scrollbar{width:10px}.report ::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:10px}.sns-share-modal{position:absolute;z-index:1}.sns-share-modal>.arrow{position:absolute;top:2rem;left:20%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #fefefe transparent}.sns-share-modal>.inner{left:0;right:0;margin:50px auto 0;padding:30px;width:fit-content;height:fit-content;flex-wrap:wrap;overflow:auto;background-color:#fefefe;border-radius:20px;box-shadow:2px 2px 5px #0003}.sns-share-modal>.inner .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:30px;margin-bottom:20px}.sns-share-modal>.inner .header .title{display:flex;gap:5px}.sns-share-modal>.inner .body{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sns-share-modal>.inner .body .share-group{width:60px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.wata-card{display:flex;flex-direction:column;justify-content:center;height:12.5rem;width:18.75rem;box-shadow:0 5px 12px #00000040}.wata-card .text{margin:auto 0}.wata-card .header{width:100%;background-color:#170c1e;border-top-left-radius:10px;border-top-right-radius:10px;padding:.5rem 0rem}.wata-card .header .title{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:.2rem;padding:0rem .3rem 0rem .6rem;line-height:150%}.wata-card .header .creator{padding:0rem .6rem;margin-bottom:.2rem}.wata-card .header .hashTags{display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding:0rem .6rem}.wata-card .header .hashTags>div>.text:hover{color:#ebdbf3;cursor:pointer}.wata-card .body{display:flex;flex-direction:column;justify-content:center;background-size:"100%";background-repeat:no-repeat;background-size:cover;height:100%}.wata-card .body .platforms{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:.4rem;background:#170c1e;flex:1;padding:.2rem;opacity:0;transition:.5s}.wata-card .body .platforms:hover{opacity:.9}.wata-card .body .platforms .text{border:1px solid #efe0fd;border-radius:20rem;padding:.2rem .4rem;cursor:pointer}.wata-card .body .platforms .text:hover{background-color:#fff;color:#170c1e}.wata-card .body .cautions{display:flex;flex-direction:row;justify-content:center;gap:.5rem;height:fit-content;background:#170c1e;padding:.5rem;opacity:.9}.wata-col-list{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:6rem;width:100%}@media (max-width: 950px){.wata-col-list{grid-template-columns:1fr;row-gap:3rem}}.home{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;width:100%}.home>.content{width:90%;max-width:1000px;min-width:650px}@media (max-width: 650px){.home>.content{min-width:320px}}.home>.content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem}.home>.content>.searchbar{width:31.25rem}@media (max-width: 500px){.home>.content>.searchbar{width:20rem}}.home>.content>.text{flex:1}.login{width:90%;max-width:1000px;min-width:650px}@media (max-width: 650px){.login{min-width:320px}}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:500px;margin:0 auto;padding:2rem;border-radius:1rem}.login>.logo{width:100%;max-width:400px}.login>.logo img{width:100%}.login>.title{display:flex;flex-direction:column;align-items:center;gap:1rem;line-height:150%}.login>.driven{width:100%;border:1px solid #e8eaed}.login>.buttons{width:100%}.login>.buttons .button{width:100%;height:45px;border-radius:.5rem}.login>.infos{display:flex;gap:1rem}.about-box{display:flex;flex-direction:column;width:100%;align-items:center}.about-box .text{line-height:1.8}.about-box .text-center>.text{text-align:center}.about-box>button{margin:3rem 0 2rem}.about-box .col{display:flex;justify-content:center;align-items:flex-start;width:100%}@media (max-width: 500px){.about-box .col{flex-direction:column;align-items:center}}.about-box .row{display:flex;flex-direction:column;width:70%;margin:50px 30px;gap:1rem}.about-box .item-col-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-box .width-half{max-width:500px;min-width:150px}.about-box row h4{color:#9023d5;font-size:16px;font-weight:600}.about-box .puple-box{background-color:#efe0fd}.about-box .left-bar{display:block;border-left:#9023d5 3px solid;padding-left:10px}.about-box .puble-color{color:#9023d5;font-weight:500}.about-box .col-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-box .anythinglisting4 ul{flex-direction:column;list-style:none;margin:0;padding:0;position:relative}.about-box .anythinglisting4 ul:before{border-left:2px solid rgba(144,35,213,.3);content:"";position:absolute;top:0;left:6px;height:100%;z-index:0}.about-box .anythinglisting4 ul li{position:relative;padding:15px 0rem 15px 2rem}.about-box .anythinglisting4 ul li:before{position:absolute;width:10px;height:10px;background:#efe0fd;border:2px solid rgba(146,35,215,.3);left:0;text-align:center;top:20px;content:"";border-radius:20rem;color:#9023d5}.about-box .anythinglisting4 ul li:before .item-center{display:flex;flex-direction:column;justify-content:center}.scrapbook-menu{background:#170c1e;min-height:fit-content;height:100%;max-height:100vh;height:fill-available;min-height:-webkit-fill-available;padding:1rem 0rem 4rem 0;display:flex}.scrapbook-menu .pc{width:12rem}.scrapbook-menu .mobile{width:1.5rem;height:100%;display:none;cursor:pointer}.scrapbook-menu ul{height:100%;overflow-y:scroll}.scrapbook-menu ul::-webkit-scrollbar{display:none}.scrapbook-menu ul li{padding:.8rem 1rem;cursor:pointer}.scrapbook-menu ul li .text{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrapbook-menu ul li.active{background:#ba5bec}.scrapbook-menu .control{position:sticky;display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;padding:.8rem 1rem}.scrapbook-menu .control .button{border:1px solid white}@media (max-width: 600px){.scrapbook-menu{position:fixed;left:0;top:0}.scrapbook-menu .pc{display:none}.scrapbook-menu .pc.show{display:block}.scrapbook-menu .mobile{display:flex;justify-content:center;align-items:center}}.policy{padding:2rem 3rem}.policy h1{font-size:xx-large;font-weight:700;margin:2rem 0;text-align:center}.policy h2{font-size:x-large;font-weight:700;border-bottom:1px solid #dddddd;margin:2rem 0}.policy h3{font-size:large;font-weight:700}.policy ol{list-style:inside;list-style-type:decimal;margin:1rem 0}.policy ol ol{margin-left:1rem}.policy ul{list-style:inside;list-style-type:disc}.policy p{margin:1rem 0}.policy hr{margin:3rem 0}header{width:100%;background-color:#170c1e;display:flex;justify-content:center;position:relative;z-index:2}header .content{width:90%;max-width:1000px;min-width:650px}@media (max-width: 650px){header .content{min-width:320px}}header .content.pc{display:flex;gap:1rem;padding:1.5rem 0 1rem}header .content.pc .logo{height:2.5rem;margin-right:1rem;margin-bottom:1rem}header .content.pc .logo>img{width:auto;height:100%}header .content.pc nav{width:100%;display:flex;justify-content:space-between}header .content.pc nav .menus{display:flex;gap:1rem}header .content.pc nav .menus button{padding:0}@media (max-width: 600px){header .content.pc{display:none}}header .content.mobile{display:none}@media (max-width: 600px){header .content.mobile{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}header .content.mobile .logo{height:2rem}header .content.mobile .logo>img{width:auto;height:100%}}header .mobile-menu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow-y:scroll}header .mobile-menu>div{display:flex;flex-direction:column;gap:1rem}header .mobile-menu>div .header{width:100%;height:173px;background-color:#9023d5;display:flex;flex-direction:column;align-items:center}header .mobile-menu>div .header button{width:100%;display:flex;justify-content:flex-end}header .mobile-menu>div .header{display:flex;flex-direction:column;align-items:center;gap:.8rem}header .mobile-menu>div .header .logo{height:3rem}header .mobile-menu>div .header .logo>img{width:auto;height:100%}header .mobile-menu>div .menus{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 1rem 2rem;align-items:flex-start}header .mobile-menu footer{display:flex;margin-top:auto}header .mobile-menu footer .content{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:1rem;padding:1rem}header .mobile-menu footer .contact.info{align-items:flex-start}header .mobile-menu footer .contact *{text-align:left}.layout{min-height:100vh;display:flex;flex-direction:column}.layout .page{flex:1;min-height:calc(100vh - 400px);height:fill-available;min-height:-webkit-fill-available}@media (max-height: 800px){.layout .page{min-height:calc(100vh - 64px);height:fill-available;min-height:-webkit-fill-available}}*{margin:0;padding:0;box-sizing:border-box;word-break:break-all}html,body{background-color:#fbfbfb;color:#020202;min-height:100vh;height:fill-available;min-height:-webkit-fill-available;min-width:100vw;width:fill-available;min-width:-webkit-fill-available;line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh;height:fill-available;min-height:-webkit-fill-available;min-width:100vw;width:fill-available;min-width:-webkit-fill-available;overflow:hidden;--font-content: "Noto Sans KR", sans-serif;--black: #020202;--white: white;--gray: #a29ea5;--ebony: #170c1e;--french-lilac: #ebdbf3;--alabaster: #fbfbfb;--sunglow: #ffcd27;--light-gray: #f5f5f5;--blue-violet: #9023d5;--lavender: #b169dd;--purple: #590091;--vivid-violet: #783b99;--selago: #efe0fd;--light-violet: #ba5bec;--athens-gray: #e8eaed;--cream-brulee: #ffe5a0;--lilac: #e6cff2;--botticelli: #c6dbe1;--tropical-blue: #bfe1f6;--your-pink: #ffcfc9}.share-scrapbooks header{position:absolute;background-color:transparent}body *::-webkit-scrollbar{height:4px;width:4px}body *::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ffffff80}.slick-prev:before,.slick-next:before{opacity:0;display:none}.slick-list{overflow:visible!important}