*{margin:0}html{--color-black: #141414;--color-white: #fff;--color-black-50: rgba(0, 0, 0, .5);--color-black-30: rgba(0, 0, 0, .3);--color-black-20: rgba(0, 0, 0, .2);--color-black-10: rgba(0, 0, 0, .1);--color-black-5: rgba(0, 0, 0, .05);--color-primary: #5e90f2;--color-primary-hover: #497de4;--color-primary-20: rgba(94, 144, 242, .2)}body{font-family:pretendard,sans-serif;font-weight:400;line-height:1.4rem}.app{color:var(--color-black);width:1200px;font-size:14px;padding:0;margin:0 auto}a{text-decoration:none;color:var(--color-black)}li{list-style:none}ul{display:flex;gap:35px;margin:0}button{border:none;background:none;cursor:pointer}.page_title{font-size:24px;padding:40px 0;font-weight:700}.page_discription{color:var(--color-black-50)}.title__text{font-weight:700;font-size:28px;padding:20px 0}.hilight{color:var(--color-primary)}.buttonBox{width:150px;display:flex;flex-direction:column;gap:10px;justify-content:center}.buttonBox button{height:36px}.noResult{color:var(--color-black-30);font-size:24px;padding:200px 0 100px;text-align:center}section{padding:0 122px}.loadingAnimation{padding:200px 0 100px;text-align:center}input:focus{outline:none}.bestindex{color:var(--color-black-30);font-size:20px;display:flex;align-items:center;padding-right:20px}.left-sidebar{flex:2}.left-sidebar a{font-size:16px;display:block;padding-left:10px;padding-bottom:20px;font-weight:700}.ant-btn-primary{background-color:var(--color-primary)}:where(.css-dev-only-do-not-override-1wazalj).ant-btn-primary:not(:disabled):hover{background-color:var(--color-primary-hover)}:where(.css-dev-only-do-not-override-1wazalj).ant-card .ant-card-body{padding:0}:where(.css-dev-only-do-not-override-1wazalj).ant-carousel .slick-list .slick-slide>div>div{overflow:hidden;border:none;padding:5px}.ant-carousel .slick-prev,.ant-carousel .slick-prev:hover,.ant-carousel .slick-prev:focus{font-size:40px;left:-45px;z-index:2;color:var(--color-black-10)}.ant-carousel .slick-next,.ant-carousel .slick-next:hover,.ant-carousel .slick-next:focus{font-size:40px;z-index:2;color:var(--color-black-10)}header{box-sizing:border-box;background-color:var(--color-white);padding:0 30px;height:124px;width:1200px;top:0;align-items:center;position:sticky;z-index:9}header .login-nav{display:flex;justify-content:end;gap:20px;padding-top:20px}header .login-nav a,header .login-nav button,header .login-nav span{font-size:12px;color:var(--color-black-50)}header nav{height:60%;font-size:16px;display:flex;justify-content:space-between;align-items:center}header nav .nav-menu{display:flex;flex-grow:1;align-items:center}header nav .nav-menu .logo img{height:24px}header nav .nav-menu .nav-list{margin-left:42px;padding:0}header nav .nav-menu .nav-list .nav-list__link{font-weight:700;transition:.1s;cursor:pointer}header nav .nav-menu .nav-list .nav-list__link:hover{font-weight:700;color:var(--color-primary);padding-bottom:3px;border-bottom:var(--color-primary) solid 2px}header nav .nav-extra{display:flex;gap:24px;align-items:center}header nav .nav-extra .search{padding-right:25}header nav .nav-extra .icons{font-size:24px;display:flex;gap:20px;height:36px}header nav .nav-extra .icons .icons-list{display:flex;align-items:center}header nav .nav-extra .icons .icons-list .tokenimg{width:26px;height:26px;background-size:cover;background-position:center;border-radius:50%;outline:var(--color-black-30) 1px solid}footer{padding:160px 122px 40px;display:flex;flex-direction:column;gap:20px;color:var(--color-black-50)}footer .footer-links a{margin-right:16px}.drop-list{padding:0;background-color:var(--color-white);height:40px}.drop-list .drop-list__item{box-sizing:border-box;height:fit-content;padding:6px 10px;transition:.1s}.drop-list .drop-list__item .drop-list__link{transition:.1s}.drop-list .drop-list__item:hover{cursor:pointer;border-radius:20px;background-color:var(--color-primary-20)}.drop-list .drop-list__item:hover .drop-list__link{font-weight:700}.title{padding-bottom:14px}.img_detail{display:flex;justify-content:space-around;padding:24px 0 64px}.img_detail .cover{overflow:hidden;width:400px;height:600px;border-radius:10px;outline:var(--color-black-10) 1px solid;background-position:center;background-size:cover}.img_detail .subDetail{display:flex;flex-wrap:wrap;width:40%;padding:40px 0;flex-direction:column;justify-content:space-between}.img_detail .subDetail .subDetailBox{width:100%;display:flex;padding-bottom:24px}.img_detail .subDetail .subDetailBox .subDetail__title{font-weight:700;width:76px;flex-shrink:0}.img_detail .subDetail .buttonBox{width:100%}.img_detail .subDetail .buttonBox button{height:50px}.discription{display:flex;flex-wrap:wrap}.discription .discriptionBox:not(:last-of-type){border-bottom:var(--color-black-10) 1px solid}.discription .discriptionBox{width:100%;display:flex;padding:40px 0}.discription .discriptionBox .discription__title{width:240px;font-size:18px;font-weight:700;flex-shrink:0}.discription .discriptionBox .discription__text .author{padding-bottom:24px}.discription .discriptionBox .discription__text .author .author__box{display:flex;gap:16px;align-items:center;padding-bottom:12px}.discription .discriptionBox .discription__text .author .author__box .author__name{font-size:16px;font-weight:700}.discription .discriptionBox .discription__text .author .author__box .author__type{color:var(--color-black-50)}.booksInfo{padding:20px 36px 40px}.booksInfo .bookInfo:not(:first-of-type){border-top:var(--color-black-10) 1px solid}.booksInfo .bookInfo{padding:32px 0;display:flex;justify-content:space-between}.booksInfo .bookInfo .bookInfo_box{display:flex;gap:24px}.booksInfo .bookInfo .bookInfo_box .bookImg{flex-shrink:0;width:140px;height:200px;border-radius:4px;background-size:cover;background-position:center;outline:var(--color-black-10) 1px solid}.booksInfo .bookInfo .bookInfo_box .bookImg:hover{cursor:pointer}.booksInfo .bookInfo .bookInfo_box .book{padding:16px 0;color:var(--color-black-50);display:flex;flex-direction:column;justify-content:space-between}.booksInfo .bookInfo .bookInfo_box .book .book_top .bookTitle{color:var(--color-black);font-weight:700;padding-bottom:10px}.booksInfo .bookInfo .bookInfo_box .book .book_top .bookTitle:hover{cursor:pointer;text-decoration:underline}.pagination{padding-top:32px;width:fit-content;margin:0 auto}.filterList{padding:32px 0 20px;display:flex;justify-content:space-between}.contentWrap{padding-top:60px;margin:0 auto;width:300px;box-sizing:border-box}.contentWrap input{box-sizing:border-box;border:var(--color-black-20) 1px solid;display:inline-block;height:44px;padding:0 14px;margin:0;width:100%}.contentWrap .page_title{text-align:center}.contentWrap .input-title{padding:16px 0 8px}.contentWrap .inputBox{height:200px;padding-top:20px}.contentWrap .inputBox .input-id{border-bottom:none;border-radius:10px 10px 0 0}.contentWrap .inputBox .input-pw{border-radius:0 0 10px 10px}.contentWrap .signup-inputBox{padding-bottom:32px}.contentWrap .signup-inputBox .imginput{border:none;padding:10px 20px 0}.contentWrap .signup-inputBox .signup-input{border-radius:10px}.contentWrap .sign-btn button{width:100%;height:40px;margin-bottom:12px}.contentWrap .valid_desc{color:#dc2020;padding-top:4px;font-size:12px}.contentWrap .valid_desc .valid__icon{margin-right:5px}.contentWrap input::placeholder{color:var(--color-black-30)}.event{margin:8px 0 20px;display:flex;height:44px;align-items:center;border-radius:8px;background-color:var(--color-black-10);padding:6px 20px;gap:16px}.event .event-img{height:28px;width:28px;background-position:center;background-size:cover}.slideBox{border-radius:10px;overflow:hidden;margin-top:35px}.slideBox .event__slide{background-color:var(--color-primary)}.listBox{display:flex;flex-wrap:wrap;gap:32px;margin:40px 0 60px}.listBox .list{width:100%}.listBox .list .itemsBox{display:flex;justify-content:space-between}.listBox .list .itemsBox .items{display:flex;flex-direction:column}.listBox .list .itemsBox .items .card{outline:var(--color-black-20) 1px solid;width:152px;height:217px;border-radius:4px;overflow:hidden;cursor:pointer;margin:0;background-size:cover;background-position:center}.listBox .list .itemsBox .items .item-desc{display:flex;flex-direction:column}.listBox .list .itemsBox .items .item-desc .item-title{font-weight:700;padding-top:15px}.listBox .list .itemsBox .items .item-desc .item-author{color:var(--color-black-50)}.listBox .list .headSection{display:flex;justify-content:space-between}.listBox .list .headSection .title__text{font-size:16px}.listBox .list .headSection .linkbutton{display:flex;align-items:center}.listBox .list .headSection .linkbutton a{font-size:12px;color:var(--color-black-30)}.carousel-item-image-box{border-radius:8px;overflow:hidden;border:var(--color-black-10) 1px solid}.carousel-item-image-box .carousel-item-image{height:452px;background-position:center;background-size:cover;position:relative;cursor:pointer}.carousel-item-image-box .carousel-item-image .main-item-info{transition:1s;background:linear-gradient(to top,rgb(255,255,255) 5%,rgba(0,0,0,0));color:#000;text-align:center;width:100%;height:60%;position:absolute;bottom:0}.carousel-item-image-box .carousel-item-image .main-item-info .main-item-info-desc{padding:0 24px;box-sizing:border-box;width:100%;position:absolute;bottom:30px}.cart-page{display:flex;justify-content:space-between;gap:40px}.cart-page .cart-content{flex:7;margin-right:10px}.checkout-page{display:flex;justify-content:space-between;gap:40px}.checkout-page .checkout-content{padding:28px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.checkout-page .checkout-content .item-decs{display:flex;flex-direction:column;align-items:center;padding-bottom:12px}.checkout-page .checkout-content .item-decs .item-title{padding-top:10px;font-weight:700}.checkout-page .left-section{flex:8}.checkout-page .left-section .left-section__payment{margin-top:10px}.checkout-page .left-section .left-section__payment .payment-selection{padding-bottom:20px}.checkout-page .left-section .left-section__payment .payment-selection p{display:inline-block;padding-right:20px;font-weight:700;font-size:larger;color:var(--color-primary)}.checkout-page .left-section .left-section__payment .bank-account-list{padding:32px}.sidebar{flex:2;position:sticky;top:240px;height:400px}.sidebar .sidebar-content{position:sticky}.sidebar .sidebar-content .total-price-container{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.sidebar .sidebar-content .total-price-container .total-price{font-size:20px;font-weight:700}.sidebar .sidebar-content .total-price-container .total-price-title{font-size:16px}.sidebar .sidebar-content button{width:100%}.account-page{position:relative;display:flex;flex-direction:row;margin-top:30px}.account-page .outlet-container{flex:7}.modifyUserInfo{display:flex;flex-direction:column;gap:42px}.modifyUserInfo .myProfile .myProfileWrap{display:flex;gap:60px;align-items:center}.modifyUserInfo .myProfile .myProfileWrap .profileBox{text-align:center}.modifyUserInfo .myProfile .myProfileWrap .profileBox .current-userName{font-weight:700;font-size:18px}.modifyUserInfo .myProfile .myProfileWrap .profileBox .userImg{outline:var(--color-black-30) 1px solid;border-radius:50%;width:150px;height:150px;background-size:cover;background-position:center;margin-bottom:20px}.modifyUserInfo .myProfile .myProfileWrap .formWrap{display:flex;flex-direction:column;gap:32px}.modifyUserInfo .myProfile .myProfileWrap .formWrap form{display:flex;align-items:center;gap:8px}.modifyUserInfo .myProfile .myProfileWrap .formWrap form .formtitle{flex-shrink:0}.order-history-page .gridBox .history-wrap:not(:last-of-type){border-bottom:var(--color-black-10) solid 1px}.order-history-page .gridBox .history-wrap{display:flex;justify-content:space-between;padding:40px 0}.order-history-page .gridBox .history-wrap .bestindex{align-items:first baseline;margin-top:10px}.order-history-page .gridBox .history-wrap .histroy-inner .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-history-page .gridBox .history-wrap .histroy-inner .order-header .order-date{font-size:1.5em;font-weight:700;margin-left:10px}.order-history-page .gridBox .history-wrap .histroy-inner .order-header .btnWrap button{margin-right:20px}.order-history-page .gridBox .history-wrap .histroy-inner .history-grid{padding-bottom:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.order-history-page .gridBox .history-wrap .histroy-inner .history-grid .history-detail{padding:10px}.order-history-page .gridBox .history-wrap .histroy-inner .history-grid .history-detail .bookcover{width:80px;height:110px;background-position:center;background-size:cover}.order-history-page .gridBox .history-wrap .histroy-inner .history-grid .history-detail .history-detail-desc{text-align:center;padding-top:10px}.order-history-page .gridBox .history-wrap .histroy-inner .history-grid .history-detail .history-detail-desc .history-detail__title{font-weight:700}.order-history-page .gridBox .history-wrap .histroy-inner .btnWrap button{margin-right:20px}.admin-page{position:relative;display:flex;flex-direction:row;margin-top:30px}.admin-page .outlet-container{flex:8}#sell-list .ant-table-cell{text-align:center}#sell-list .listNumber{width:40px}#sell-list .sellListItem{width:300px}#sell-list .totalPrice{width:100px}#sell-list .userBank{width:170px}#sell-list .sellListFeat{width:150px;margin:10px auto}#sell-list .sellListFeat button{margin-bottom:10px}#sell-list .sellListFeat .done{color:#00f}#sell-list .sellListFeat .isCanceled{color:red}.disable{display:none}.skeleton-book-card{display:inline-block;width:200px;height:320px;margin:10px;background-color:#f1f1f1;border-radius:5px;box-shadow:0 2px 5px #0000001a;animation:loading 1s infinite}.skeleton-book-card-image{width:100%;height:60%;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#ddd}.skeleton-book-card-title{width:80%;height:20px;margin:10px auto;background-color:#ddd}.skeleton-book-card-author{width:60%;height:16px;margin:0 auto;background-color:#ddd}@keyframes loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.edit-bank-info-page,.account-list{margin-bottom:20px}.account-list{margin-top:20px}.account-item{display:flex;align-items:center;margin-bottom:10px}.account-item p{margin-right:10px}.bank-account-page{display:flex}.account-list-card{width:500px}.account-connect-card{width:280px;margin-left:10px}.account-connect{margin:15px}.buttons-container{display:flex;justify-content:center}.connect-button{margin-right:10px}