@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";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}a{text-decoration:none;color:#000}html{font-family:Pretendard}.app{position:relative;max-width:599px;margin:0 auto}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.heading-xl,.heading-l,.heading-m,.heading-s,.label-xl,.label-l,.label-m,.label-s,.paragraph-xl,.paragraph-l,.paragraph-m,.paragraph-s{color:var(--Contents-contentPrimary, #000);font-family:Pretendard;font-style:normal;font-weight:600;line-height:150%}:root{--font-3xl: 2.763rem;--font-2xl: 2.073rem;--font-xl: 1.555rem;--font-l: 1.166rem;--font-m: .875rem;--font-s: .656rem}.heading-xl{font-size:var(--font-3xl)}.heading-l{font-size:var(--font-2xl)}.heading-m{font-size:var(--font-xl)}.heading-s{font-size:var(--font-l)}.label-xl{font-size:var(--font-2xl)}.label-l{font-size:var(--font-xl)}.label-m{font-size:var(--font-l)}.label-s{font-size:var(--font-m)}.paragraph-xl,.paragraph-l,.paragraph-m,.paragraph-s{font-weight:400}.paragraph-xl{font-size:var(--font-xl)}.paragraph-l{font-size:var(--font-l)}.paragraph-m{font-size:var(--font-m)}.paragraph-s{font-size:var(--font-s)}.board--together-category{overflow:hidden}.board--together-category ul{white-space:nowrap;overflow:hidden;overflow-x:scroll;padding:8px 20px;display:flex;align-items:flex-start;gap:12px}.board--together-category ul li figure{display:flex;flex-flow:column;align-items:center;gap:6px}.board--together-category ul li button{color:var(--gray-100, #E9E9E9);text-align:center;font-size:22px;border:none;height:60px;width:60px;border-radius:50px;background:var(--gray-100, #E9E9E9);display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start}.board--together-filter{display:flex;padding:12px 14px;gap:7px}.board--together-filter select{display:flex;padding:6px 12px;justify-content:center;font-size:10px;align-items:center;border-radius:20px;border:1px solid var(--Contents-contentTertiary, #9DA1B4);background:var(--background, #FFF)}.board--together-filter button{display:flex;padding:6px 26px;font-size:10px;justify-content:center;align-items:center;border-radius:20px;border:1px solid var(--Contents-contentTertiary, #9DA1B4);background:var(--background, #FFF)}.board--together-content{display:flex;padding:12px 13px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;border:.3px solid var(--Contents-contentTertiary, #9DA1B4);background:var(--background, #FFF)}.board--together-content section{display:flex;color:#919191;gap:4px}.board--together-content figure{display:flex;align-content:center;gap:3px}.board--together-content figure figcaption{display:flex;align-items:center}.board--together-content .board--together-profile-picture{width:20px;height:20px;object-fit:cover;border-radius:20px}.board--together-content div{display:flex;justify-content:space-between;align-items:center;width:100%}.board--together-post-container{display:flex;overflow:hidden;overflow-y:scroll;flex-flow:column;padding-bottom:inherit;position:relative}.board--create-post{position:fixed;display:flex;justify-content:center;align-items:center;padding:10px;bottom:100px;right:20px;border-radius:50px;background:var(--primary, #373F67);border:none;box-shadow:0 4px 4px #00000040}.board--post-info{padding:13px 40px 13px 13px;display:flex;flex-flow:column;gap:10px}.board--post-info header{display:flex;flex-flow:column;gap:5px}.board--post-info .board--post-info-badge{padding:7px 10px;width:fit-content;border-radius:10px;color:var(--background);background:var(--Contents-contentTertiary);display:flex;align-items:center;gap:4px}.board--post-info .board--post-info-requirements,.board--post-info .board--post-info-creator{display:flex;align-items:center;gap:8px}.board--post-info .board--post-info-creator .board--post-info-creator-placeholder{width:40px;height:40px;background:gray;border-radius:40px}.board--post-info .board--post-info-creator img{height:40px;width:40px}.board--post-info .board--post-info-creator-info{color:gray}.label-l{padding:0}.board--create-post-page.one form{display:flex;flex-flow:column}.board--create-post-page.one form input{display:flex;padding:12px 28px 12px 27px;justify-content:center;align-items:center;gap:4px;border:none;font-size:var(--font-l)}.board--create-post-page.one form #board--category{display:flex;padding:16px 12px;align-items:center;gap:130px;border:none;border-bottom:.3px solid var(--Contents-contentSecondary, #919191);background:var(--background, #FFF);font-size:var(--font-m)}.board--create-post-page.one form textarea{display:flex;padding:16px;border:none;border-bottom:.3px solid var(--Contents-contentSecondary, #919191);align-self:stretch;font-family:Pretendard;font-size:var(--font-s);font-style:normal;font-weight:400;line-height:160%}.board--create-post-page.one form textarea:active{border:none}.board--create-post-page.one div{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch}.board--create-post-page.one div figure{display:flex;align-items:center;gap:4px}.board--create-post-page.one div figure img{width:20px;height:20px}.board--create-post-page.one div div{display:flex;align-items:center;justify-content:center;padding:0;gap:5px}.board--create-post-page.one div div button{background:none;border:none}.board--create-post-page.one div div button img{border-radius:50px;border:.5px solid var(--Contents-contentPrimary, #000);background:var(--background, #FFF)}.board--create-post-page.two h1{padding:12px}.board--create-post-page.two .board--create-option-requirements{justify-content:space-between;display:flex;padding:12px;align-items:center}.board--create-post-page.two .board--create-option-requirements figure{display:flex;align-items:center;gap:10px}.board--create-post-page.two section{display:flex;flex-flow:column;width:100vw}.board--create-post-page.two section div:nth-child(1){display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch}.board--create-post-page.two section div:nth-child(2){display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.board--create-post-page.two section div:nth-child(2) div{display:flex;gap:7px;flex-flow:row;padding:0}.board--create-post-page.two section div:nth-child(2) div button{display:flex;padding:8px 12px;justify-content:center;align-items:center;border-radius:20px;border:1px solid var(--gray-300, #BDBDBD);background:var(--background, #FFF)}.board--create-post-page.two section div:nth-child(2) div .board--button-active{background:var(--primary);color:#fff}.board--create-question-header{display:flex;justify-content:space-between;padding:12px 20px;align-items:center;gap:88px;align-self:stretch;background:var(--background);z-index:100}.board--create-question-header button{background:none;border:none}.board--create-category-container{display:flex;height:50px;position:relative;background:var(--background);align-items:center;padding:0 20px;justify-content:space-between;border-bottom:.3px solid var(--Contents-contentSecondary, #919191)}.board--create-category-container img{width:20px}.board--create-category-wrapper{z-index:10;display:flex;justify-content:space-between;width:100%}.board--create-category{position:absolute;top:50px;display:flex;flex-flow:column;align-items:flex-start;left:0;width:100vw;background:var(--background);box-shadow:2px 10px 19px -3px #00000075;-webkit-box-shadow:2px 10px 19px -3px rgba(0,0,0,.46);-moz-box-shadow:2px 10px 19px -3px rgba(0,0,0,.46)}.board--create-category li{width:100vw}.board--create-category button{display:flex;padding:10px 20px;width:100%;height:50px;align-items:center}.board--create-category button:active{background:var(--primary);color:#fff}.board--create-question-rule-container{padding:12px;display:flex;justify-content:center;align-items:center}.board--create-question-rule-container .board--create-question-rule{border-radius:10px;background:#8db0f9;color:#fff;padding:12px 56px 12px 16px}.board--create-question-input-container{display:flex;flex-flow:column}.board--create-question-input-container input{padding:12px 20px}.board--create-question-input-container textarea{border:none;padding:12px 15px}.board--container{padding-bottom:68px;height:100vh}.board--category-bar-container ul{display:flex;align-items:center;border-bottom:.3px solid var(--Contents-contentSecondary, #919191);background:var(--primary)}.board--category-bar-container ul li{width:100%}.board--category-bar-container ul li button{display:flex;padding:10px;justify-content:center;align-items:center;width:100%;color:#a1a1a1;background:var(--primary);-webkit-user-select:none;user-select:none}.board--category-bar-container ul li button:active{background:#515b8a;color:#fff}.board--category-bar-container ul li .active-category{color:#fff;border-top:1px solid white}.board--post-instance{padding:12px;width:100%;display:flex;flex-flow:column;gap:5px;border:.3px solid var(--Contents-contentTertiary, #c9cbd6);background:var(--background, #fff)}.board--post-instance figure{display:flex;gap:4px}.board--post-instance .board--flex{display:flex;align-items:center}.board--post-instance .board--badge{padding:0 4px;border-radius:4px;background:var(--bluegray-300, #c4c7d2);width:fit-content;color:var(--background)}.board--popup-container{position:fixed;width:100%;bottom:68px}.board--popup-container .board--popup-header{border-radius:8px 8px 0 0;background:var(--primary, #373f67);display:flex;padding:16px 48px 12px 12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.board--popup-container .board--popup-header h3{color:var(--background)}.board--popup-container .board--popup-header p{color:var(--Contents-contentSecondary)}.board--popup-container .board--popup-body{background:var(--primary, #373f67)}.board--popup-container .board--popup-body ul{display:flex;flex-flow:column}.board--popup-container .board--popup-body ul li{display:flex;padding:12px 0 12px 12px;align-items:center;align-self:stretch;background:var(--primary, #373f67);color:var(--background)}.board--popup-container .board--popup-body ul li div{display:flex;align-items:center;gap:8px}.board--popup-container .board--popup-body ul li img{width:34px;height:34px}.board--popup-container .board--popup-close-btn{position:absolute;top:18px;right:14px;background:none;border:none;padding:2px}.board--popup-container .board--popup-close-btn img{height:18px;width:18px}.page-controller{display:flex;padding:8px 12px;position:sticky;background:var(--background);justify-content:space-between;align-items:center;z-index:1000;gap:4px;top:0}.page-controller h3{position:absolute;left:50%;transform:translate(-50%)}.page-controller div{display:flex;gap:8px}.board--fixed-button{position:fixed;left:50%;transform:translate(-50%);bottom:40px;width:90%;display:flex;padding:12px;justify-content:center;align-items:center;align-self:stretch;border-radius:10px;background:var(--primary, #373f67);color:#fff;border:none;color:var(--background, #fff);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;line-height:150%}.board--fixed-button.hidden{display:none}.board--fixed-button.prev-page{bottom:95px;background:var(--Contents-contentSecondary)}.board--fixed-button:active{background:#2b3049}.board--main{height:100%}.board--post-list{padding-bottom:68px}.board--search-post-container{display:flex;justify-content:center;align-items:center;background:var(--primary);padding:8px 10px;border-bottom:solid 1px #515b8a}.board--search-post-container input{width:90%;height:35px;background:#515b8a;border-radius:5px;padding:0 10px;color:#fff}.board--search-post-container button{padding:5px;width:10%}.board--nav-container{position:sticky;top:0}.board--together-content,.board--post-instance{-webkit-user-select:none;user-select:none}.board--together-content:active,.board--post-instance:active{background:#d3d3d380}.board--container{-webkit-user-select:none;user-select:none}.board--empty-post{height:50vh;width:100vw;display:flex;justify-content:center;align-items:center}.app .search-container{display:flex;justify-content:start;align-items:center;gap:1rem;padding:.25rem 0}.app .search-container img{padding-left:1.25rem;width:1.25rem}.app .search-container input{padding:.25rem 25vw .25rem .625rem;border:0;background-color:#e9e9e9;border-radius:8px;font-size:var(--font-m);font-weight:400;outline:none;caret-color:var(--secondary)}.app .search-container input::placeholder{color:var(--Contents-contentTertiary)}.app .find-item-field{padding-top:.5rem;padding-left:.75rem}.app .find-item-field>.container{display:flex;flex-flow:column nowrap;justify-content:center;align-items:start;gap:.75rem}.app .find-item-field>.container>h2{font-size:var(--font-m);font-weight:600}.app .find-item-field>.container>ul{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:.25rem}.app .find-item-field>.container>ul li{padding:.375rem .75rem;border:1px solid var(--Contents-contentTertiary);border-radius:20px;font-size:var(--font-s)}.app .find-item-field .search-list{display:flex;flex-flow:column nowrap;justify-content:center;padding-bottom:1.875rem}.app .find-item-field .search-list li{position:relative}.app .find-item-field .search-list li a{display:flex;flex-flow:row nowrap;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--gray-200, #d3d3d3)}.app .find-item-field .search-list li a figure img{width:5.625rem;height:5.625rem}.app .find-item-field .search-list li a figcaption{display:flex;flex-flow:column nowrap;justify-content:space-evenly}.app .find-item-field .search-list li a figcaption>div:nth-child(1){font-size:var(--font-m);line-height:1.3}.app .find-item-field .search-list li a figcaption>div:nth-child(2){color:var(--Contents-contentTertiary, #9da1b4);font-size:var(--font-s)}.app .find-item-field .search-list li a figcaption>div:nth-child(3){display:flex;justify-content:start;align-items:center;gap:.5rem}.app .find-item-field .search-list li a figcaption>div:nth-child(3)>span:nth-child(1){display:none}.app .find-item-field .search-list li a figcaption>div:nth-child(3)>span:nth-child(1).book{display:inline;padding:.35rem .3rem;border-radius:.25rem;background:var(--tertiary);color:var(--background);font-size:var(--font-s)}.app .find-item-field .search-list li a figcaption>div:nth-child(3) span:nth-child(1).done{display:inline;padding:.35rem .3rem;border-radius:.25rem;background:var(--Contents-contentTertiary);color:var(--background);font-size:var(--font-s)}.app .find-item-field .search-list li>div{position:absolute;display:flex;justify-content:center;align-items:center;bottom:.375rem;right:.9375rem;font-size:.8rem}.app .find-item-field .search-list li>div button{border:0;background:transparent;padding:0;transform:translate(-1px,1px)}.app .loading{position:absolute;top:0;left:-10%;display:none;background-color:#fff;width:115%;height:100vh;z-index:1200;overflow:hidden}.app .loading img{position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);margin:0 auto;width:18.75rem}.app .main--visual>img{width:100%}.app .main--main .user-info{display:flex;justify-content:space-between;align-items:center;padding:.625rem}.app .main--main .user-info .user-name-container{display:flex;justify-content:center;align-items:center;flex-flow:row nowrap;gap:.25rem}.app .main--main .user-info .user-name-container .user-profile{width:2.5rem;border-radius:3.125rem}.app .main--main .user-info .user-name-container .user-info-detail{display:flex;flex-flow:column nowrap;gap:.25rem}.app .main--main .user-info .user-name-container .user-info-detail .user-name{font-size:var(--font-m);font-weight:600}.app .main--main .user-info .user-name-container .user-info-detail .user-location{font-size:var(--font-s);font-weight:400}.app .main--main .user-info .user-temper-container{display:flex;flex-flow:column nowrap;justify-content:center;align-items:end;gap:.25rem}.app .main--main .user-info .user-temper-container .flex-container{display:flex;gap:.25rem;justify-content:center;align-items:center}.app .main--main .user-info .user-temper-container .flex-container .user-temp{font-size:var(--font-m);font-weight:600;color:var(--secondary)}.app .main--main .user-info .user-temper-container .flex-container .user-temp-emoji{font-size:var(--font-xl)}.app .main--main .user-info .user-temper-container>span{font-size:var(--font-s);font-weight:400;color:var(--Contents-contentSecondary)}.app .main--main .main-content{display:flex;justify-content:center;align-items:start;flex-flow:column nowrap;padding:.75rem;gap:.8125rem}.app .main--main .main-content>div{display:flex;flex-flow:column nowrap;gap:.5rem}.app .main--main .main-content>div>h1{font-size:var(--font-xl);font-weight:600;color:#000;padding:0}.app .main--main .main-content>div>div{font-size:var(--font-s);color:var(--Contents-contentSecondary)}.app .main--main .main-content>p{line-height:1.6;padding-bottom:2.5rem}.app .main--main .function-bar{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:.75rem .75rem 2.375rem}.app .main--main .function-bar>div{display:flex;flex-flow:row nowrap;justify-content:space-between;gap:.8125rem}.app .main--main .function-bar>div>img{width:1.25rem}.app .main--main .function-bar>div>div{display:flex;flex-flow:column nowrap;justify-content:center;align-items:start;border-left:1px solid var(--Contents-contentSecondary);padding-left:.8125rem;gap:.25rem}.app .main--main .function-bar>div>div>span:nth-child(1){font-size:var(--font-m);font-weight:600}.app .main--main .function-bar>div>div>span:nth-child(2){font-size:var(--font-s);font-weight:400;color:var(--secondary)}.app .main--main .function-bar>button{border:0;background-color:var(--secondary);color:var(--background);padding:.5rem .875rem;border-radius:8px}.app footer{padding:.875rem;border-top:1px solid var(--Contents-contentSecondary)}.app footer>h2{font-size:var(--font-m);font-weight:600;margin:0;padding-bottom:.75rem}.app footer>ul{display:grid;grid-template-columns:1fr 1fr;place-items:center;column-gap:1rem;row-gap:1.25rem;padding-top:.25rem}.app footer>ul>li>a{display:flex;flex-flow:column nowrap;justify-content:center;align-items:start;gap:.25rem}.app footer>ul>li>a>span:nth-child(2){margin-top:.5rem;font-size:var(--font-s);font-weight:400}.app footer>ul>li>a>span:nth-child(3){font-size:var(--font-s);font-weight:600}.app .loading{position:absolute;top:0;left:0;display:none;background-color:#fff;width:100%;height:100vh;z-index:1200;overflow:hidden}.app .loading>div:nth-child(1){position:absolute;left:50%;top:15%;font-size:var(--font-l);transform:translate(-50%);color:var(--primary);z-index:12}.app .loading .loading-bar{position:absolute;z-index:10;background-color:var(--Contents-contentSecondary);width:50%;height:.625rem;left:50%;transform:translate(-50%);top:20%;border-radius:.3125rem;overflow:hidden}.app .loading .loading-bar>div{height:100%;background-color:var(--secondary);width:0}.app .loading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;width:18.75rem}.app .top-bar-container{z-index:1000}.app .loading.active{display:block}.app .modal{display:none;position:fixed;width:599px;height:100%;background-color:#0009;z-index:2000}.app .modal.isActive{display:block}.main--contents{position:relative;padding-bottom:6.25rem}.main--contents .main--banner{position:fixed;max-width:599px;width:100%;color:var(--background);background-color:var(--Contents-contentTertiary)}.main--contents .main--banner .swiper-button-prev,.main--contents .main--banner .swiper-button-next{color:#000;transform:scale(.8)}.main--contents .main--banner .main--banner-container{position:relative;padding:1.25rem;margin-bottom:2.8125rem}.main--contents .main--banner .main--banner-container h3{display:flex;flex-flow:column nowrap;gap:.5rem;font-size:var(--font-l)}.main--contents .main--banner .main--banner-container h3 strong{color:var(--primary);font-weight:600}.main--contents .main--banner .main--banner-container h3 a{color:var(--background);font-size:var(--font-s);font-weight:400}.main--contents .main--banner .main--banner-container>div{margin-top:3.625rem}.main--contents .main--banner .main--banner-container>div svg{vertical-align:middle}.main--contents .main--banner .main--banner-container .banner1{position:absolute;right:-12.5rem;bottom:-10rem;transform:scale(.5)}.main--contents .main--banner .main--banner-container .banner2{position:absolute;right:-6.25rem;bottom:-10.625rem;transform:scale(.4)}.main--contents .main--banner .main--banner-container .banner3{position:absolute;right:-5rem;bottom:-8.75rem;transform:scale(.45);border-radius:50%}.main--contents .main--scroll-area{position:absolute;top:13.75rem;width:100%;padding-bottom:6.25rem}.main--contents .main--scroll-area .main--menu-bar.fixed{position:fixed;width:100%;max-width:599px;top:-.125rem;z-index:10}.main--contents .main--scroll-area .main--menu-bar{position:relative;display:flex;justify-content:space-around;align-items:center;background:var(--primary);padding:.5rem;font-size:var(--font-m)}.main--contents .main--scroll-area .main--menu-bar>button{display:flex;justify-content:space-around;color:var(--Contents-contentTertiary);cursor:pointer}.main--contents .main--scroll-area .main--menu-bar .isActive{color:var(--background)}.main--contents .main--scroll-area .main--story-board{display:none;grid-template-columns:repeat(2,1fr);place-items:center;row-gap:1.75rem;padding:.75rem 0}.main--contents .main--scroll-area .main--story-board li{width:8.625rem;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:.75rem;font-size:.6564375rem}.main--contents .main--scroll-area .main--story-board li a figure img{border-radius:4px;width:8.625rem;height:6.5rem}.main--contents .main--scroll-area .main--story-board li figcaption{display:flex;flex-flow:column nowrap;gap:.25rem}.main--contents .main--scroll-area .main--story-board li figcaption div:nth-child(1){line-height:1.3}.main--contents .main--scroll-area .main--story-board li figcaption div:nth-child(2){color:var(--Contents-contentSecondary);font-weight:400}.main--contents .main--scroll-area .main--story-board.isActive{display:grid}.main--contents .main--scroll-area .main--exchange{display:none;flex-flow:column nowrap;justify-content:center;padding-bottom:1.875rem}.main--contents .main--scroll-area .main--exchange .main--button-list{position:fixed;display:flex;flex-flow:column nowrap;justify-content:center;align-items:end;gap:.75rem;right:.75rem;bottom:5rem;z-index:5000;border:0}.main--contents .main--scroll-area .main--exchange .main--button-list .main--active-button-list{display:none;padding:1rem;box-shadow:#fff6 0 0 0 2px,#ffffffa6 0 2px 6px -1px,#ffffff14 0 2px inset}.main--contents .main--scroll-area .main--exchange .main--button-list .main--active-button-list li{display:flex;align-self:stretch;border:0;background-color:var(--primary)}.main--contents .main--scroll-area .main--exchange .main--button-list .main--active-button-list li a{padding:.625rem 1.25rem;border:0;color:var(--background);font-size:var(--font-m);font-weight:600}.main--contents .main--scroll-area .main--exchange .main--button-list .main--active-button-list.isActive{display:flex;flex-flow:column nowrap;align-items:start;gap:.4rem;opacity:100}.main--contents .main--scroll-area .main--exchange .main--button-list .main--plus-button{display:flex;padding:.75rem;justify-content:center;align-items:center;gap:.25rem;right:.75rem;bottom:.75rem;border:0;border-radius:50px;background:var(--primary);box-shadow:0 4px 4px #0000001a;z-index:10}.main--contents .main--scroll-area .main--exchange .main--button-list .main--plus-button.isActive{background-color:#fff}.main--contents .main--scroll-area .main--exchange li a{display:flex;flex-flow:row nowrap;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--gray-200, #d3d3d3)}.main--contents .main--scroll-area .main--exchange li a figure img{width:5.625rem;height:5.625rem}.main--contents .main--scroll-area .main--exchange li a figcaption{display:flex;flex-flow:column nowrap;justify-content:space-evenly}.main--contents .main--scroll-area .main--exchange li a figcaption>div:nth-child(1){font-size:var(--font-m);line-height:1.2}.main--contents .main--scroll-area .main--exchange li a figcaption>div:nth-child(2){color:var(--Contents-contentTertiary, #9da1b4);font-size:var(--font-s)}.main--contents .main--scroll-area .main--exchange li a figcaption div:nth-child(3){display:flex;justify-content:start;align-items:center;gap:.5rem}.main--contents .main--scroll-area .main--exchange li a figcaption div:nth-child(3)>span:nth-child(1){display:none}.main--contents .main--scroll-area .main--exchange li a figcaption div:nth-child(3)>span:nth-child(1).book{display:inline;padding:.35rem .3rem;border-radius:.25rem;background:var(--tertiary);color:var(--background);font-size:.6564375rem}.main--contents .main--scroll-area .main--exchange li a figcaption div:nth-child(3) span:nth-child(1).done{display:inline;padding:.35rem .3rem;border-radius:.25rem;background:var(--Contents-contentTertiary);color:var(--background);font-size:.6564375rem}.main--contents .main--scroll-area .main--exchange li>div{position:absolute;display:flex;justify-content:center;align-items:center;bottom:.375rem;right:.9375rem;font-size:.8rem}.main--contents .main--scroll-area .main--exchange li>div button{border:0;background:transparent;padding:0;transform:translate(-1px,1px)}.main--contents .main--scroll-area .main--exchange.isActive{display:flex}.main--contents .main--scroll-area .main--list-container{background:var(--background)}.login--container{max-width:599px;margin:0 auto;height:100vh}.login--logo-container{display:flex;position:fixed;text-align:center;flex-direction:column;top:50%;left:50%;transform:translate(-50%,calc(-50% - 4px))}.login--logo-container img{width:5.5rem;max-width:125px;padding-bottom:5px}.login--logo-container h2{color:var(--primary, #373F67);font-weight:700;white-space:nowrap;padding-bottom:.625rem}.login--logo-container p{margin:0;line-height:160%;color:var(--primary, #373F67);white-space:nowrap}.login--step-next-container{left:0;right:0;gap:1.5rem;bottom:1rem;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;width:100%}.login--step-next-container a:nth-child(1){width:90%;color:#fff;text-align:center;border-radius:8px;text-decoration:none;padding:.563rem 7.875rem;background:var(--primary, #373F67);margin-top:80vh}.login--step-next-container a:nth-child(2){line-height:160%;text-decoration:none;color:var(--Contents-contentSecondary, #919191)}.login--step-next-container span{font-weight:600;margin-left:1rem;color:var(--primary, #373F67)}html{scroll-behavior:smooth}button,input{background:none;border:none;padding:0;margin:0;outline:none;text-decoration:none;cursor:pointer}body{margin:0 auto;height:100vh;overflow:scroll;padding-top:5px}.login--container{max-width:599px}.login--container h1{color:var(--primary, #373F67);font-weight:700;line-height:140%;font-size:1.25rem;padding-left:.3rem;padding-bottom:.3rem}.login--top-bar{padding:18px 0;display:flex;align-items:center;justify-content:center;gap:10px}.login--top-bar img{background-color:#fff}.login--category-search{overflow:hidden}.login--category-search input{border-bottom:1px solid black;background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.7727%202.25C6.68041%202.25%205.61266%202.5739%204.70445%203.18074C3.79625%203.78758%203.08839%204.65011%202.67039%205.65925C2.25239%206.66839%202.14303%207.77882%202.35612%208.85012C2.56921%209.92142%203.0952%2010.9055%203.86756%2011.6778C4.63993%2012.4502%205.62398%2012.9762%206.69527%2013.1893C7.76657%2013.4024%208.877%2013.293%209.88614%2012.875C10.8953%2012.457%2011.7578%2011.7491%2012.3647%2010.8409C12.9715%209.93274%2013.2954%208.86498%2013.2954%207.77269C13.2953%206.30801%2012.7134%204.90335%2011.6777%203.86766C10.642%202.83198%209.23738%202.25009%207.7727%202.25Z'%20stroke='black'%20stroke-width='1.25'%20stroke-miterlimit='10'/%3e%3cpath%20d='M11.8931%2011.8931L15.7501%2015.7501'%20stroke='black'%20stroke-width='1.25'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:20px 20px;background-position:0 center;padding-left:25px;box-sizing:border-box;font-size:.875rem;width:75vw;max-width:545px;height:35px}.login--category-list{display:grid;place-items:center;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;grid-column-gap:.5rem;width:100%}.login--category-list li{width:100%;display:flex;justify-content:center;align-items:center}.login--category-card{width:100%;height:auto;padding:10px;margin:10px 5px;display:flex;border-radius:8px;justify-content:space-between;background:var(--gray-400, #A7A7A7);transition:all .2s}.login--category-card .login--category-name{padding:3px;white-space:nowrap;text-align:start}.login--category-card img{width:7vw;max-width:30px;padding-right:5px;padding-top:10px}.login--category-wrapper{width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;padding-bottom:110px}.login--category-wrapper .login--category-submit{width:100%;color:#fff;padding:10px 100px;border-radius:8px;white-space:nowrap;text-align:center;justify-content:center;position:fixed;bottom:30px;font-size:16px;z-index:10;background:var(--primary, #373F67)}.login--category-card p:nth-child(1){font-weight:600;line-height:150%;padding-bottom:3px;color:var(--gray-100, #E9E9E9)}.login--category-card:focus-visible{background:var(--primary, #373F67)}.login--category-card:focus-visible p{color:#fff}.login--category-card:hover{background:var(--primary, #373F67)}.login--category-card:hover .paragraph-s,.login--category-card:hover .heading-s{color:#fff}.login--category-card.active-card{background-color:#373f67}.active-card .login--category-main,.active-card .login--category-sub{color:#fff}.login--container img{padding-top:10px}.login--signup-form form>button{width:100%;border-radius:4px;padding:8px 12px;margin-bottom:5px;font-size:14px;font-weight:600;line-height:150%;background-color:#f1f1f1;color:var(--Contents-contentSecondary, #919191);border:.5px solid var(--Contents-contentSecondary, #919191)}.login--signup-email{font-size:12px;font-weight:400;line-height:160%;padding-top:10px}.login--goLogin{padding-top:10px;font-size:12px;font-weight:400;line-height:160%;text-decoration:underline;color:var(--Contents-contentSecondary, #494747)}#code-dialog{border:1px solid #ccc;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;width:60%;background:#fff;position:fixed;text-align:center}#code-dialog p{font-size:16px;color:#333;margin-bottom:20px}#code-dialog button{background:#699afe;color:#fff;border:none;padding:10px 20px;margin-right:10px;border-radius:4px;cursor:pointer}dialog button:hover{background:#0056b3}dialog #close-button{background:#6c757d}dialog #close-button:hover{background:#545b62}.login--container{max-width:599px;margin:0 auto;padding:0 12px}.login--container a:nth-child(1){padding:10px}.login--signup-title{font-size:20px;font-weight:600;line-height:150%}.login--signup-title p{padding-top:20px}.login--signup-title h1{white-space:nowrap;padding:0}.login--signup-subtitle{font-size:12px;font-weight:400;line-height:160%;padding:10px 0;white-space:nowrap}.login--signup-form,.login--signup-form form{display:flex;flex-flow:column;align-items:center;width:100%}.login--signup-form form>input{box-sizing:border-box;width:100%;border-radius:4px;padding:12px;margin-bottom:15px;margin-top:20px;border:.5px solid black}.login--signup-form form>button{width:100%;border-radius:4px;padding:8px 12px;margin-bottom:5px;font-size:14px;font-weight:600;line-height:150%;color:var(--Contents-contentSecondary, #919191);border:.5px solid var(--Contents-contentSecondary, #919191)}.login--signup-form form>button:disabled{cursor:not-allowed}.login--signup-form .login--code-section{width:100%}.login--signup-form .login--code-section>input{box-sizing:border-box;width:100%;border-radius:4px;padding:12px;margin-bottom:5px;margin-top:10px;border:.5px solid black}.login--signup-form .login--code-section>p{font-size:12px;font-weight:400;line-height:160%;padding-bottom:20px;color:var(--Contents-contentSecondary, #919191)}#start-button{color:var(--background, #FFF);font-size:15px;line-height:140%;border-radius:8px;padding:12px 0;background:var(--primary, #373F67);cursor:pointer}#start-button:disabled{background:var(--Contents-contentSecondary, #919191);cursor:not-allowed}.login--signup-email{font-size:12px;font-weight:400;line-height:160%}.login--signup-email span{text-decoration:underline}.login--code-is-active{color:#000;border-color:#000}.login--goLogin{font-size:12px;font-weight:400;line-height:160%;text-decoration:underline;color:var(--Contents-contentSecondary, #494747)}.login--active{border:1px solid black;color:#000}.login--start-active{background-color:#0056b3;color:#0056b3}#error-message{color:red}.service--container{height:80vh;width:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;text-align:center}.service--container img{width:30%}:root{--primary: #373f67;--secondary: #5a85ee;--tertiary: #719cf7;--negative: #e11900;--background: #ffffff;--Contents-contentPrimary: black;--Contents-contentSecondary: #919191;--Contents-contentTertiary: #9da1b4}.temp-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;position:sticky;background:var(--background);top:0}.temp-bar .temp-bar-icon-wrapper{display:flex;align-items:center;position:relative;width:80px;overflow:hidden}.temp-bar .temp-bar-icon-wrapper .lte,.temp-bar .temp-bar-icon-wrapper .battery{position:absolute;left:22px}.temp-bar .temp-bar-icon-wrapper .battery{left:53px}.top-bar-container{display:flex;padding:6px 20px;justify-content:space-between;align-content:center;overflow:hidden;border-bottom:1px solid var(--gray-200, #d3d3d3);background:var(--background, #fff);position:sticky;top:0;z-index:100}.top-bar-container select{border:none}.top-bar-container .top-bar-buttons{display:flex;gap:7px}.top-bar-container .top-bar-buttons button{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background:none;border:none}.bottom-bar-container{position:fixed;bottom:0;overflow:hidden;width:100%;max-width:inherit;-webkit-box-shadow:0px 7px 19px 11px rgba(0,0,0,.32);-moz-box-shadow:0px 7px 19px 11px rgba(0,0,0,.32);box-shadow:0 7px 19px 11px #00000052;z-index:100;background:var(--background)}.bottom-bar-container ul{display:flex;justify-content:space-between;padding:8px 12px 24px}.bottom-bar-container ul a{display:flex;flex-flow:column;align-items:center}:focus-visible{outline:none;border:4px solid orange;border-radius:.6em}.start-page-logo{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center}.start-page-logo img{width:10rem}.hidden{display:none}