@font-face{font-family:BMJUA;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff) format("woff")}*{font-family:BMJUA;margin:0;padding:0}li{list-style:none}a{text-decoration:none}img{max-width:100%}button{background:transparent;border:2px solid #ff1493;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;padding:5px;transition:all .2s}button:hover{background:#ff1493}#wrap{margin:0 auto;max-width:1200px}header{align-items:center;background-color:#000;color:#fff;height:10vh;justify-content:space-around}header,header>div,header>div ul{display:flex}header>div ul li{margin-right:10px}.selectWrap{padding:30px 30px 0}.selectWrap select{height:30px}.list{display:flex;flex-flow:row wrap;gap:30px;padding:30px}.list>li{background:#fce8ff;border-radius:10px;cursor:pointer;flex-basis:calc(25% - 70px);padding:20px;transition:all .5s}.list>li a{color:#000}.list>li:hover{background-color:#ffe9b5}.list>li h2,.list>li h3,.list>li h4{font-size:16px;font-weight:500;padding:5px 0}.list>li h4{border-top:1px solid #ae55bc;margin-top:10px;padding:10px 0}.list>li>.img-wrap{display:inline-block;height:300px;max-width:300px}.list>li>.img-wrap>img{height:100%;width:100%}.list>li ul.menu{display:flex;gap:5px}.list>li ul.menu li span{display:block;width:100px}.list>li ul.menu li img{width:100%}.popup{background:rgba(0,0,0,.5);height:100vh;position:fixed;text-align:center;top:0;width:100vw}.popup .detail>span{display:block;margin:0 auto;width:300px}.popup .detail>span img{width:100%}.popup .detail ul{display:flex;gap:5px;justify-content:space-around}.popup .detail ul li{cursor:pointer;flex-basis:100px}.popup .detail ul li img{width:100%}.popup .content{align-items:center;background:#fff;border-radius:15px;display:flex;flex-flow:column nowrap;height:80vh;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw}.popup .content .detail{padding-bottom:30px}.popDetail{left:0;position:fixed;top:0;z-index:10}@media screen and (max-width:630px){header h1{font-size:20px}.list li{flex-basis:calc(50% - 70px)}}@media screen and (max-width:600px){.popup .detail>span{width:80%}}@media screen and (max-width:500px){header h1{font-size:15px}header button{font-size:16px}.popup .content{width:70vw}}@media screen and (max-width:400px){header h1{font-size:14px}header button{font-size:12px}.list{gap:10px}.list li{flex-basis:auto}}
/*# sourceMappingURL=main.261c8867.css.map*/