.CategorySelectorButton_categoryContainer__Ulyr8{display:flex;align-items:center;gap:.2rem;width:4rem;height:1.6rem}.CategorySelectorButton_bar__gB5Hr{color:var(--color-gray200);font-weight:500}.CategorySelectorButton_searchButton__3NBAS{margin-left:.8rem;width:1.7rem}.CategorySelectorButton_triangle__Zm9H7{transform:rotateX(0);transition:transform .5s ease}.CategorySelectorButton_triangle__Zm9H7.CategorySelectorButton_reverse__OOPfX{transform:rotateX(180deg)}.DropdownMenu_dropdownMenu__8pF3N{position:absolute;top:calc(100% + .4rem);left:.8rem;transition:display 1s ease-in-out;border:.1rem solid var(--color-gray500);border-radius:var(--border-radius-basic);background-color:var(--color-white);padding:.8rem 1.4rem;list-style:none}.SearchInputField_input__vzL_B{width:calc(100% - 4rem - 1.7rem - .8rem - 1.6rem);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.SearchInputField_input__vzL_B::-moz-placeholder{width:100%;color:var(--color-placeHolder)}.SearchInputField_input__vzL_B::placeholder{width:100%;color:var(--color-placeHolder)}.Searchbar_searchbar__UtqWd{display:flex;position:relative;align-items:center;gap:.8rem;border:.1rem solid var(--color-gray500);border-radius:999px;background-color:var(--color-white);padding:.8rem 1.6rem;width:100%;font-size:var(--font-size-small)}.Searchbar_searchButton__Hmc1l{padding:1px}.Topbar_topbar__DixHI{z-index:var(--topbar-z-index);background-color:var(--color-white);padding:1.6rem var(--layout-padding-horizontal);height:var(--topbar-height);position:fixed;top:0;left:0;margin:0;width:100%}@media screen and (min-width:768px){.Topbar_topbar__DixHI{margin:0 auto;width:var(--root-max-width);left:calc((100% - var(--root-max-width))/2)}}@media screen and (max-width:425px){.Topbar_topbar__DixHI{padding-right:var(--layout-padding-horizontal-small-device);padding-left:var(--layout-padding-horizontal-small-device)}}.Topbar_topbarInner__YU39h{display:flex;justify-content:space-between;width:100%}.Topbar_skipLink__2Hh3X{position:absolute;left:1rem;z-index:2;border-radius:var(--border-radius-basic);background-color:hsla(0,3%,85%,.89);padding:1rem 1.4rem;font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-small);position:fixed;top:0;left:0;margin:0;width:100%}@media screen and (min-width:768px){.Topbar_skipLink__2Hh3X{margin:0 auto;width:var(--root-max-width);left:calc((100% - var(--root-max-width))/2)}}.Topbar_skipLink__2Hh3X{top:1rem;transform:translateY(-999px);width:0}.Topbar_skipLink__2Hh3X:focus{transform:translateY(0);width:-moz-fit-content;width:fit-content}.Topbar_logoContainer__mQMku{display:flex;align-items:center;gap:1rem}@media screen and (max-width:350px){.Topbar_logoContainer__mQMku>p{display:none}}.Topbar_logoText__dq0D9{color:var(--color-primary);font-weight:900;font-size:2rem}.Topbar_searchbarWrapper__ePGLb{width:30rem}@media screen and (max-width:500px){.Topbar_searchbarWrapper__ePGLb{width:60%}}@media screen and (max-width:350px){.Topbar_searchbarWrapper__ePGLb{width:80%}}:root{--color-black:#000;--color-white:#fff;--color-primary:#ffc300;--color-gray500:#606060;--color-gray200:#d0d0d0;--color-gray150:#e2e2e2;--color-gray100:#f6f6f6;--color-placeHolder:#b3b3b3;--color-warning:#ff8260;--font-size-h1:2.4rem;--font-size-h2:2rem;--font-size-h3:1.8rem;--font-size-basic:1.6rem;--font-size-small:1.4rem;--font-size-xsmall:1.2rem;--font-weight-semi-bold:600;--topbar-height:6.4rem;--topbar-z-index:100;--layout-padding-horizontal:3rem;--layout-padding-horizontal-small-device:2rem;--portal-z-index:999;--footer-height:5.4rem;--border-radius-basic:1.2rem;--border-radius-small:1rem;--book-cover-border-radius:0.4rem;--root-max-width:76.8rem}html{font-size:62.5%}html.overflow-hidden{overflow:hidden}body{box-sizing:border-box;background-color:var(--color-gray100);width:100%;color:var(--color-black);font-size:var(--font-size-basic);font-family:var(--font-pretendard);word-break:keep-all}#root{position:relative;background-color:var(--color-white);padding-top:var(--topbar-height);padding-bottom:0;min-height:100vh;margin:0;width:100%}@media screen and (min-width:768px){#root{margin:0 auto;width:var(--root-max-width)}}#root__background{z-index:-1;box-shadow:0 0 21px 5px hsla(0,0%,46%,.27);background-color:var(--color-white);padding-top:var(--topbar-height);height:100vh;position:fixed;top:0;left:0;margin:0;width:100%}@media screen and (min-width:768px){#root__background{margin:0 auto;width:var(--root-max-width);left:calc((100% - var(--root-max-width))/2)}}#portal-root{z-index:var(--portal-z-index);border:none;padding:0;position:fixed;top:0;left:0;margin:0;width:100%}#portal-root::backdrop{background:transparent}@media screen and (min-width:768px){#portal-root{margin:0 auto;width:var(--root-max-width);left:calc((100% - var(--root-max-width))/2)}}.sr-only{position:fixed;top:-9999px;left:-9999px}input{outline:none;border:1px solid transparent}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}main{min-height:calc(100vh - var(--topbar-height) - var(--footer-height))}*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0;margin-block-end:0;padding:0}ol,ol[role=list],ul,ul[role=list]{list-style:none}ol,ul{margin:0;padding:0}body{margin:0;min-height:100vh;line-height:1.5}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block}button,input,select,textarea{font-size:inherit;font-family:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}button{cursor:pointer;box-sizing:border-box;margin:0;border:none;background-color:transparent;padding:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}a,a:active,a:focus,a:hover,a:visited{color:var(--color-black);text-decoration:none}.Footer_footer__9S97q{display:flex;justify-content:center;align-items:center;width:100%;height:var(--footer-height);color:var(--color-gray500);font-size:var(--font-size-small)}.Footer_footer__9S97q p{height:-moz-fit-content;height:fit-content}.Footer_link__HfGPU:hover{color:var(--color-primary)}@font-face{font-family:pretendard;src:url(/_next/static/media/ff840cfebfb63b0c-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:pretendard Fallback;src:local("Arial");ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.00%;size-adjust:101.55%}.__className_37bcf9{font-family:pretendard,pretendard Fallback}.__variable_37bcf9{--font-pretendard:"pretendard","pretendard Fallback"}