.page_loading__qYtDH{position:absolute;background-color:#000;justify-content:center;align-items:center;left:0;top:0;width:100vw;height:100vh;z-index:5000;display:flex;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;touch-action:none}.page_loader__6qRPe{width:65px;aspect-ratio:1;position:relative}.page_loader__6qRPe:after,.page_loader__6qRPe:before{content:"";background-color:#fff;position:absolute;border-radius:50px;box-shadow:inset 0 0 0 3px #fff;animation:page_l4__NWpzG 2.5s infinite}.page_loader__6qRPe:after{animation-delay:-1.25s}@media screen and (max-width:600px){.page_loader__6qRPe img{width:30%;height:auto;margin-bottom:50%}}.page_page__NcMON{width:100vw;height:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10vh}.page_page__NcMON .page_title__gkRqG{height:25vh;width:100%;display:flex;flex-direction:column;justify-content:space-evenly}.page_page__NcMON .page_title__gkRqG .page_titleItemFirst__a8hCG{width:100%;display:flex;align-items:center;margin-right:2.5vw;color:#fff;animation:page_fade__3ZEol 1s}.page_page__NcMON .page_title__gkRqG .page_titleItemLast__W_mYp{width:100%;display:flex;align-items:center;margin-right:2.5vw;color:#b6b6b6;animation:page_fade__3ZEol 2s}.page_container__M_Zmv{height:75%;width:100%;display:grid;justify-items:center;align-items:center;justify-content:center;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-column-gap:0;grid-row-gap:0}.page_key___DXGi{width:60%;height:auto;aspect-ratio:1;padding:5%;margin:5%;background-color:rgba(0,0,0,.355);display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:20px;cursor:pointer;backdrop-filter:blur(.1px);-webkit-backdrop-filter:blur(.1px);transition:1s;box-shadow:0 2px 8px 0 hsla(0,0%,72%,.54)}.page_key___DXGi div:first-child{width:100%;height:20%;display:flex;justify-content:center;align-items:center}.page_key___DXGi div:nth-child(2){width:100%;height:65%;display:flex;justify-content:center;align-items:center}.page_key___DXGi div:nth-child(3){width:100%;height:15%;display:flex;justify-content:flex-start;align-items:center}.page_key___DXGi div:nth-child(2) img{width:60%;height:auto;cursor:pointer}.page_key___DXGi div:nth-child(3) img{width:10%;height:auto}.page_key___DXGi h5{cursor:pointer}.page_key___DXGi:hover{scale:1.05}.page_key___DXGi:active{background-color:hsla(0,0%,47%,.432);box-shadow:0 5px 15px hsla(0,0%,47%,.432);transition:0s;transform:rotateY(1turn)}.page_detail__BhnW4{width:100vw;height:90vh;position:absolute;left:0;transition:.5s;z-index:100;opacity:0;display:none}.page_emptyMenu__ZoiOY,.page_keyMenu__uHUKA{width:50%;height:100%}.page_keyMenu__uHUKA{background-color:#2f2f2fe0;display:flex;flex-direction:column}.page_closeSection__Nee33{width:100%;height:15%;display:flex;align-items:flex-start}.page_closeSection__Nee33 div{width:10%;height:40%;margin-right:2%;display:flex;align-items:flex-end;justify-content:space-evenly}.page_closeSection__Nee33 svg{cursor:pointer;margin-left:1%;transition:.5s;font-size:1.5vw}.page_closeSection__Nee33 svg:active,.page_closeSection__Nee33 svg:hover{transform:rotate(90deg)}.page_closeSection__Nee33 h5{cursor:pointer;transition:.2s}.page_keySection__t7h_L{width:100%;height:80%;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center}.page_keySection__t7h_L .page_keyTxt__a8ge_{width:86%;height:33%;transition:1s}.page_keySection__t7h_L .page_keyImg___KO8c{width:100%;height:60%;display:flex;justify-content:space-evenly;align-items:flex-start;transition:1s}.page_keySection__t7h_L .page_keyImg___KO8c img{width:40%;height:auto;aspect-ratio:1;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);transition:2s;transform:translateX(-5vw)}.page_subject__x2eC6{width:40%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.page_color__tCcfU{width:50%;height:30%;margin-bottom:10%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;margin-top:15%;margin-right:10%;transition:1.5s}.page_price__QPI1P{margin-right:10%;display:flex;justify-content:space-between;align-items:center;transition:.5s;width:55%}.page_price__QPI1P div{display:flex;justify-content:flex-start;align-items:center;gap:.5vw;transition:.2s}.page_page__NcMON .page_titleKey__l1y6n{width:100%;height:20%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;cursor:default;transition:1s}.page_titleKey__l1y6n p{margin-top:5%;color:#9b9b9b}.page_titleKey__l1y6n h5,.page_titleKey__l1y6n p{margin-right:10%;cursor:default}.page_colorSelect__IsXSl{width:70%;height:50%;display:flex;align-items:center;justify-content:flex-start}.page_color__tCcfU h5{cursor:default}.page_colorSelect__IsXSl svg{width:3vw;height:auto;cursor:pointer;transition:.5s}.page_colorSelect__IsXSl svg:hover{scale:1.05}.page_colorSelect__IsXSl svg:first-child{color:#000;margin-left:10%}.page_keyTxt__a8ge_ h3{cursor:default}.page_keyTxt__a8ge_ ul{margin-top:5%;height:80%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);justify-items:start;align-items:start}.page_keyTxt__a8ge_ li{color:#dadada;cursor:default;white-space:wrap}.page_page__NcMON .page_keyAnimate__m0DrT{animation:page_scaleFade__7SzWx 2s}.page_page__NcMON .page_moveRight___Zi2e{animation:page_moveRight___Zi2e 2s}.page_page__NcMON .page_fade__3ZEol{animation:page_fade__3ZEol 1s}@keyframes page_fade__3ZEol{0%{opacity:0}to{opacity:1}}@keyframes page_scaleFade__7SzWx{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes page_moveRight___Zi2e{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:600px){.page_page__NcMON{height:auto;margin:15vh 0 5vh}.page_page__NcMON .page_title__gkRqG{height:8%;width:100%}.page_page__NcMON .page_title__gkRqG .page_titleItemFirst__a8hCG{height:5vh;justify-content:center;margin-right:0}.page_page__NcMON .page_title__gkRqG .page_titleItemLast__W_mYp{height:10vh;justify-content:center}.page_page__NcMON .page_container__M_Zmv{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:20px;grid-row-gap:10px;height:90%;overflow:hidden}.page_page__NcMON .page_key___DXGi{width:90%;height:auto;aspect-ratio:.9;padding:0;margin:5%;justify-content:space-evenly}.page_page__NcMON .page_key___DXGi div:nth-child(3) img{margin:0 5% 5% 0}.page_page__NcMON .page_key___DXGi:hover{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);scale:1}.page_page__NcMON .page_key___DXGi img{width:auto;height:50%;margin-bottom:0;cursor:pointer}.page_page__NcMON .page_key___DXGi h5{margin-bottom:0;margin-top:5%;cursor:pointer}.page_detail__BhnW4{height:100vh;display:none;flex-direction:column;justify-content:space-between}.page_emptyMenu__ZoiOY{width:100%;height:20%}.page_keyMenu__uHUKA{width:100%;height:80%}.page_keySection__t7h_L{justify-content:flex-end}.page_keySection__t7h_L .page_keyImg___KO8c,.page_keySection__t7h_L .page_keyTxt__a8ge_{height:40%}.page_closeSection__Nee33{height:10%;align-items:center}.page_closeSection__Nee33 div{width:15%;height:40%;margin-right:2%;align-items:center}.page_closeSection__Nee33 svg{margin-left:1%;font-size:4vw}.page_price__QPI1P{flex-direction:column;align-items:flex-start;margin-right:15%;gap:2vw}.page_price__QPI1P div{gap:2vw}.page_keyTxt__a8ge_ li{width:90%}.page_colorSelect__IsXSl svg{width:6vw}}