: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}