.video-player-frm[data-v-345dbafa] {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-player-frm .video-controls-overlay[data-v-345dbafa] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.video-player-frm .video-controls-overlay .video-controls .play[data-v-345dbafa] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video-player-frm .video-controls-overlay .video-controls .pause[data-v-345dbafa] {
    position: absolute;
    bottom: 24px;
    left: 30px;
    width: 20px;
    height: 20px
}

.video-player-frm .video-controls-overlay .video-controls .pause[data-v-345dbafa]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-size: 20px;
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-video-pause.ab27f99546fa82d1ba107e0ea6738d05.png)
}

.video-player-frm .video-controls-overlay .video-controls .volume[data-v-345dbafa] {
    display: none;
    position: absolute;
    bottom: 24px;
    right: 30px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: #fff
}

.video-player-frm .video-controls-overlay .video-controls.isPlayed[data-v-345dbafa]:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    content: ""
}

.video-player-frm .video-controls-overlay .video-controls.isPlayed .play[data-v-345dbafa] {
    display: none
}

.video-player-frm .video-controls-overlay .video-controls.isPlayed .pause[data-v-345dbafa],
.video-player-frm .video-controls-overlay .video-controls.isPlayed .volume[data-v-345dbafa] {
    display: block
}

.video-player-frm .video-controls-overlay .video-controls.video-ended[data-v-345dbafa]:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    content: ""
}

.video-player-frm video[data-v-345dbafa] {
    display: block;
    width: 100%;
    height: 100%
}

.fade-leave-active[data-v-345dbafa] {
    transition: opacity .4s
}

.fade-leave-to[data-v-345dbafa] {
    /* opacity: 0 */
}

.brand-frm .keyvisual-frm .keyvisual-box .keyvisual-blk .txt-blk[data-v-25913ee2] {
    padding: 10px;
    border-radius: 12px;
    /*color: rgb(224, 176, 255) !important;*/
}

@media (max-width: 767px) {
    .mobile-img-banner {
        display: block;
    }
    .web-img-banner {
        display: none;
    }
}

@media (min-width: 768px) {
    .mobile-img-banner {
        display: none;
    }
    .web-img-banner {
        display: block;
    }
}

.brand-frm[data-v-25913ee2] {
    position: relative;
    height: 100%;
    padding-top: 48px
}

.brand-frm .book-shelf .slide-container[data-v-25913ee2] {
    margin-top: 0
}

.brand-frm .book-shelf .slide-container .slide-wrapper[data-v-25913ee2] {
    padding-top: 0;
    padding-right: 20px
}

.brand-frm .book-shelf .slide-container .slide-wrapper .slide-item[data-v-25913ee2] {
    margin-left: 12px
}

.brand-frm .book-shelf .slide-container .slide-wrapper .slide-item[data-v-25913ee2]:first-child {
    margin-left: 20px !important
}

.brand-frm .header-section[data-v-25913ee2] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: #fff
}

.brand-frm .header-section .header-wrap[data-v-25913ee2] {
    display: flex;
    position: relative;
    height: 48px;
    align-items: center;
    justify-content: space-between;
    border-bottom: .5px solid #dfdfdf;
    background-color: hsla(0, 0%, 100%, 0);
    transition: background-color 0s;
    transition-delay: .3s
}

.brand-frm .header-section .header-wrap .logo[data-v-25913ee2] {
    max-width: 100px
}

.brand-frm .header-section .header-wrap .logo img[data-v-25913ee2] {
    height: 20px
}

.brand-frm .header-section .header-wrap .btn-nav[data-v-25913ee2] {
    display: none;
    width: 32px;
    height: 32px
}

.brand-frm .header-section .header-wrap .btn-nav[data-v-25913ee2]:before {
    display: block;
    width: 16px;
    height: 2px;
    margin: 0 auto;
    background-color: #000;
    content: "";
    border-radius: 1px;
    transition: all .3s ease-in-out
}

.brand-frm .header-section .header-wrap .btn-nav span[data-v-25913ee2] {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.brand-frm .header-section .header-wrap .btn-nav[data-v-25913ee2]:after,
.brand-frm .header-section .header-wrap .btn-nav span[data-v-25913ee2] {
    display: block;
    width: 16px;
    height: 2px;
    margin: 4px auto 0;
    background-color: #000;
    content: "";
    border-radius: 1px;
    transition: all .3s ease-in-out
}

.brand-frm .header-section .header-wrap .btn-nav.active[data-v-25913ee2]:before {
    width: 18px;
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg)
}

.brand-frm .header-section .header-wrap .btn-nav.active span[data-v-25913ee2] {
    /* opacity: 0 */
}

.brand-frm .header-section .header-wrap .btn-nav.active[data-v-25913ee2]:after {
    width: 18px;
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg)
}

.brand-frm .header-section .header-wrap .nav-box[data-v-25913ee2] {
    display: flex;
    align-items: center;
    min-width: 530px
}

.brand-frm .header-section .header-wrap .nav-box nav ul[data-v-25913ee2] {
    display: flex;
    justify-content: center;
    margin-right: 24px
}

.brand-frm .header-section .header-wrap .nav-box nav ul li a[data-v-25913ee2] {
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.brand-frm .header-section .header-wrap .nav-box .brand-login[data-v-25913ee2] {
    cursor: pointer;
    background: #000;
    border-radius: 100px;
    padding: 7px 25px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -.6px;
    color: #fff;
    text-align: center
}

.brand-frm .header-section .header-wrap.flex-end[data-v-25913ee2] {
    justify-content: flex-end
}

.brand-frm .header-section .header-wrap.mobile[data-v-25913ee2] {
    padding: 0 16px 0 11px
}

.brand-frm .header-section .header-wrap.mobile .logo[data-v-25913ee2] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0
}

.brand-frm .header-section .header-wrap.mobile .btn-nav[data-v-25913ee2] {
    display: block
}

.brand-frm .header-section .header-wrap.mobile .nav-box[data-v-25913ee2] {
    min-width: auto
}

.brand-frm .header-section .header-wrap.mobile .nav-box nav[data-v-25913ee2] {
    position: absolute;
    top: -350px;
    left: 0;
    z-index: -1;
    width: 100%;
    padding: 80px 16px 24px;
    background-color: #fff;
    transition: top .3s ease
}

.brand-frm .header-section .header-wrap.mobile .nav-box nav ul[data-v-25913ee2] {
    flex-direction: column;
    margin: 0
}

.brand-frm .header-section .header-wrap.mobile .nav-box nav ul li a[data-v-25913ee2] {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding: 0;
    text-align: center
}

.brand-frm .header-section .header-wrap.mobile .nav-box nav.active[data-v-25913ee2] {
    top: 0;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .1)
}

.brand-frm .header-section .header-wrap.active[data-v-25913ee2] {
    background-color: #fff;
    transition-delay: 0s
}

.brand-frm .keyvisual-frm[data-v-25913ee2] {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.brand-frm .keyvisual-frm .keyvisual-box[data-v-25913ee2] {
    position: relative;
    width: 100%;
    height: 100%
}

.brand-frm .keyvisual-frm .keyvisual-box .keyvisual-blk[data-v-25913ee2] {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1440px;
    height: 100%
}

.brand-frm .keyvisual-frm .keyvisual-box .keyvisual-blk .txt-blk[data-v-25913ee2] {
    position: absolute;
    top: 70px;
    left: 100px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.72px;
    color: #fff
}

.brand-frm .keyvisual-frm .keyvisual-box .img-container[data-v-25913ee2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.brand-frm .keyvisual-frm .keyvisual-box .img-container img[data-v-25913ee2] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.brand-frm .keyvisual-frm .keyvisual-box .video-container[data-v-25913ee2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.brand-frm .keyvisual-frm .keyvisual-box .video-container video[data-v-25913ee2] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.brand-frm .keyvisual-frm .arrow-blk[data-v-25913ee2] {
    position: absolute;
    bottom: 32px;
    left: 50%;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 48px;
    -webkit-animation: upDown-25913ee2 1.5s ease-in-out infinite;
    animation: upDown-25913ee2 1.5s ease-in-out infinite
}

.brand-frm .keyvisual-frm .arrow-blk svg[data-v-25913ee2] {
    width: 100%
}

.brand-frm .section-frm .section-inner[data-v-25913ee2] {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.brand-frm .section-frm .section-inner .section-header .ico-blk[data-v-25913ee2] {
    width: 36px;
    height: 36px
}

.brand-frm .tvc-frm[data-v-25913ee2] {
    background: #f7f7f7
}

.brand-frm .tvc-frm .section-inner[data-v-25913ee2] {
    padding: 120px 24px 100px
}

.brand-frm .tvc-frm .tvc-header[data-v-25913ee2] {
    text-align: center
}

.brand-frm .tvc-frm .tvc-header h3[data-v-25913ee2] {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .tvc-frm .tvc-header p[data-v-25913ee2] {
    margin-top: 16px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666
}

.brand-frm .tvc-frm .tvc-content[data-v-25913ee2] {
    overflow: hidden;
    width: 100%;
    margin-top: 60px;
    border-radius: 24px
}

.brand-frm .pairing-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 100px 0
}

.brand-frm .pairing-section .section-inner .section-header[data-v-25913ee2] {
    padding: 0 24.5px
}

.brand-frm .pairing-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666
}

.brand-frm .pairing-section .section-inner .section-header h3 b[data-v-25913ee2] {
    display: block;
    margin: 16px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm[data-v-25913ee2] {
    max-width: 326px;
    margin: 0 auto
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-box[data-v-25913ee2] {
    padding: 0 24.5px
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-box .pairing-video-list[data-v-25913ee2] {
    overflow: hidden;
    border-radius: 34px
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-box .pairing-video-list .video-blk video[data-v-25913ee2] {
    width: 100%;
    height: auto
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-box p[data-v-25913ee2] {
    margin-top: 40px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666;
    text-align: center
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-tab[data-v-25913ee2] {
    display: flex;
    align-items: center;
    width: 318px;
    margin: 24px auto 0;
    padding: 4px;
    background-color: #f7f7f7;
    border-radius: 27px
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-tab button[data-v-25913ee2] {
    height: 46px;
    border-radius: 23px;
    font-size: 14px;
    color: #6f6f6f
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-tab button[data-v-25913ee2]:first-of-type {
    width: 108px
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-tab button[data-v-25913ee2]:nth-of-type(2) {
    width: 121px
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-tab button[data-v-25913ee2]:nth-of-type(3) {
    width: 81px
}

.brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-tab button.active[data-v-25913ee2] {
    background: #242424;
    color: #fff;
    font-weight: 700
}

.brand-frm .tts-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 100px 24.5px
}

.brand-frm .tts-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666
}

.brand-frm .tts-section .section-inner .section-header h3 b[data-v-25913ee2] {
    display: block;
    margin: 16px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .tts-section .section-inner .tts-content[data-v-25913ee2] {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.brand-frm .tts-section .section-inner .tts-content .image-container[data-v-25913ee2] {
    overflow: hidden;
    position: relative;
    width: 232px;
    margin: 0 auto;
    border-radius: 34px;
    box-shadow: 1px 2px 50px 0 rgba(0, 0, 0, .12)
}

.brand-frm .tts-section .section-inner .tts-content .image-container .img-toolip[data-v-25913ee2] {
    position: absolute;
    top: 20.19%;
    left: 7.46%;
    width: 29.6%
}

.brand-frm .tts-section .section-inner .tts-content .image-container .highlight-blk[data-v-25913ee2] {
    position: absolute;
    width: 100%;
    height: 3.57%;
    opacity: .5;
    mix-blend-mode: darken
}

.brand-frm .tts-section .section-inner .tts-content .image-container .highlight-blk .highlight[data-v-25913ee2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffeb60
}

.brand-frm .tts-section .section-inner .tts-content .image-container .highlight-blk.blk1[data-v-25913ee2] {
    top: 24.63%;
    left: 26.66%;
    width: 65.6%
}

.brand-frm .tts-section .section-inner .tts-content .image-container .highlight-blk.blk2[data-v-25913ee2] {
    top: 29.55%;
    left: 7.46%;
    width: 85.06%
}

.brand-frm .tts-section .section-inner .tts-content .image-container .highlight-blk.blk3[data-v-25913ee2] {
    top: 34.3%;
    left: 7.46%;
    width: 85.06%
}

.brand-frm .tts-section .section-inner .tts-content .image-container .highlight-blk.blk4[data-v-25913ee2] {
    top: 39.1%;
    left: 7.46%;
    width: 85.06%
}

.brand-frm .tts-section .section-inner .tts-content .image-container .highlight-blk.blk5[data-v-25913ee2] {
    top: 43.9%;
    left: 7.46%;
    width: 43.73%
}

.brand-frm .write-section[data-v-25913ee2] {
    overflow: hidden
}

.brand-frm .write-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 100px 24.5px
}

.brand-frm .write-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666
}

.brand-frm .write-section .section-inner .section-header h3 b[data-v-25913ee2] {
    display: block;
    margin: 16px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .write-section .section-inner .write-content .image-container[data-v-25913ee2] {
    position: relative;
    width: 232px;
    margin: 0 auto
}

.brand-frm .write-section .section-inner .write-content .image-container .txt-blk[data-v-25913ee2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    background: #242424;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    color: #fff;
    text-align: center
}

.brand-frm .write-section .section-inner .write-content .image-container .txt-blk.blk1[data-v-25913ee2] {
    top: 134px;
    left: -16px;
    min-width: 269px
}

.brand-frm .write-section .section-inner .write-content .image-container .txt-blk.blk2[data-v-25913ee2] {
    top: 408px;
    left: 34px;
    min-width: 245px
}

.brand-frm .write-section .section-inner .write-content .image-container .bg-img[data-v-25913ee2] {
    border-radius: 34px;
    box-shadow: 1px 2px 50px 0 rgba(0, 0, 0, .12)
}

.brand-frm .dokfarming-section .section-inner[data-v-25913ee2],
.brand-frm .genre-section .section-inner[data-v-25913ee2],
.brand-frm .history-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    padding: 100px 0
}

.brand-frm .dokfarming-section .section-inner .section-header[data-v-25913ee2],
.brand-frm .genre-section .section-inner .section-header[data-v-25913ee2],
.brand-frm .history-section .section-inner .section-header[data-v-25913ee2] {
    padding: 0 24.5px
}

.brand-frm .dokfarming-section .section-inner .section-header h3[data-v-25913ee2],
.brand-frm .genre-section .section-inner .section-header h3[data-v-25913ee2],
.brand-frm .history-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666
}

.brand-frm .dokfarming-section .section-inner .section-header h3 b[data-v-25913ee2],
.brand-frm .genre-section .section-inner .section-header h3 b[data-v-25913ee2],
.brand-frm .history-section .section-inner .section-header h3 b[data-v-25913ee2] {
    display: block;
    margin: 16px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .genre-section .mds-button-wrap[data-v-25913ee2] {
    text-align: center;
    margin: 24px auto 0
}

.brand-frm .genre-section .section-inner .genre-content .genre-swiper-frm .img-box[data-v-25913ee2] {
    height: 898px
}

@media screen and (max-width: 834px) {
    .brand-frm .genre-section .section-inner .genre-content .genre-swiper-frm .img-box[data-v-25913ee2] {
        height: 648px
    }
}

.brand-frm .genre-section .genre-swiper-pagination[data-v-25913ee2] {
    bottom: 150px
}

.brand-frm .dokfarming-swiper-frm[data-v-25913ee2],
.brand-frm .genre-swiper-frm[data-v-25913ee2],
.brand-frm .history-swiper-frm[data-v-25913ee2] {
    position: relative
}

.brand-frm .dokfarming-swiper-frm .img-box[data-v-25913ee2],
.brand-frm .genre-swiper-frm .img-box[data-v-25913ee2],
.brand-frm .history-swiper-frm .img-box[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 648px;
    padding-top: 60px
}

.brand-frm .dokfarming-swiper-frm .img-box .img-blk[data-v-25913ee2],
.brand-frm .genre-swiper-frm .img-box .img-blk[data-v-25913ee2],
.brand-frm .history-swiper-frm .img-box .img-blk[data-v-25913ee2] {
    width: 232px;
    border-radius: 34px;
    box-shadow: 1px 2px 50px 0 rgba(0, 0, 0, .12)
}

.brand-frm .dokfarming-swiper-frm .img-box p[data-v-25913ee2],
.brand-frm .genre-swiper-frm .img-box p[data-v-25913ee2],
.brand-frm .history-swiper-frm .img-box p[data-v-25913ee2] {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    text-align: center;
    color: #666
}

.brand-frm .dokfarming-swiper-pagination[data-v-25913ee2],
.brand-frm .genre-swiper-pagination[data-v-25913ee2],
.brand-frm .history-swiper-pagination[data-v-25913ee2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: 76px;
    left: 0;
    width: 100%
}

.brand-frm .dokfarming-swiper-pagination[data-v-25913ee2] .swiper-pagination-bullet,
.brand-frm .genre-swiper-pagination[data-v-25913ee2] .swiper-pagination-bullet,
.brand-frm .history-swiper-pagination[data-v-25913ee2] .swiper-pagination-bullet {
    opacity: 1;
    width: 8px;
    height: 8px;
    background: #dfdfdf
}

.brand-frm .dokfarming-swiper-pagination[data-v-25913ee2] .swiper-pagination-bullet-active,
.brand-frm .genre-swiper-pagination[data-v-25913ee2] .swiper-pagination-bullet-active,
.brand-frm .history-swiper-pagination[data-v-25913ee2] .swiper-pagination-bullet-active {
    background: #242424
}

.brand-frm .bestseller-section[data-v-25913ee2] {
    background-color: #333
}

.brand-frm .bestseller-section .section-header[data-v-25913ee2] {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 100px
}

.brand-frm .bestseller-section .section-header h3[data-v-25913ee2] {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #fff;
    text-align: center
}

.brand-frm .bestseller-section .bestseller-content[data-v-25913ee2] {
    margin-top: 60px
}

.brand-frm .bestseller-section .bestseller-content .stretch-frm[data-v-25913ee2] {
    overflow: hidden;
    width: 220px;
    margin: 0 auto;
    padding: 36px 0 100px 16px;
    border-radius: 20px 20px 0 0;
    background-color: #fff
}

.brand-frm .bestseller-section .bestseller-content .books-frm[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 1128px;
    margin: 0 auto
}

.brand-frm .bestseller-section .bestseller-content .books-frm .books-shelf-frm[data-v-25913ee2] {
    padding-bottom: 12px
}

.brand-frm .bestseller-section .bestseller-content .books-frm .books-shelf-frm h4[data-v-25913ee2] {
    padding: 24px 20px 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.04px;
    color: #242424
}

.brand-frm .audiobook-section[data-v-25913ee2] {
    position: relative;
    background-color: #d2ccf5;
}

.brand-frm .audiobook-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 100px 24.5px
}

.brand-frm .audiobook-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666
}

.brand-frm .audiobook-section .section-inner .section-header h3 b[data-v-25913ee2] {
    display: block;
    margin: 16px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .audiobook-section .section-inner .audiobook-content .image-container[data-v-25913ee2] {
    overflow: hidden;
    position: relative;
    width: 232px;
    margin: 0 auto;
    border-radius: 34px;
    box-shadow: 1px 2px 50px 0 rgba(0, 0, 0, .12)
}

.brand-frm .audiobook-section .section-inner .audiobook-content p[data-v-25913ee2] {
    margin-top: 80px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666;
    text-align: center
}

.brand-frm .audiobook-section .notice-blk[data-v-25913ee2] {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.6px;
    color: #888;
    text-align: center
}

.brand-frm .audiobook-section .notice-blk sup[data-v-25913ee2] {
    vertical-align: text-top
}

.brand-frm .info-section[data-v-25913ee2] {
    position: relative
}

.brand-frm .info-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 100px 12px 160px
}

.brand-frm .info-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111;
    text-align: center
}

.brand-frm .info-section .section-inner .info-content[data-v-25913ee2] {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 296px;
    margin: 0 auto
}

.brand-frm .info-section .section-inner .info-content .info-list[data-v-25913ee2] {
    height: 198px;
    padding: 40px 30px;
    background-color: #f7f7f7;
    border-radius: 20px
}

.brand-frm .info-section .section-inner .info-content .info-list .info-title-box[data-v-25913ee2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.brand-frm .info-section .section-inner .info-content .info-list .info-title-box .title-blk[data-v-25913ee2] {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.6px;
    color: #242424
}

.brand-frm .info-section .section-inner .info-content .info-list .info-title-box .icon-blk[data-v-25913ee2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background-color: #C8A2C8;
    border-radius: 100%
}

.brand-frm .info-section .section-inner .info-content .info-list .info-title-box .icon-blk .big-ico[data-v-25913ee2] {
    display: none
}

.brand-frm .info-section .section-inner .info-content .info-list .info-content-box[data-v-25913ee2] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.096px;
    color: #666;
    word-break: keep-all
}

.brand-frm .info-section .section-inner .info-content .info-list .info-content-box br[data-v-25913ee2] {
    display: none
}

.brand-frm .info-section .notice-blk[data-v-25913ee2] {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.6px;
    color: #888;
    text-align: center
}

.brand-frm .info-section .notice-blk sup[data-v-25913ee2] {
    vertical-align: text-top
}

.brand-frm .price-section[data-v-25913ee2] {
    background-color: #C5B5EB
}

.brand-frm .price-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 100px 12px 20px
}

.brand-frm .price-section .section-inner .section-header[data-v-25913ee2] {
    text-align: center
}

.brand-frm .price-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .price-section .section-inner .section-header p[data-v-25913ee2] {
    margin-top: 17px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #555
}

.brand-frm .price-section .section-inner .price-content[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 296px;
    margin: 0 auto;
    justify-content: center
}

.brand-frm .price-section .section-inner .price-content .price-list[data-v-25913ee2] {
    padding: 40px 36px;
    border-radius: 20px;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.brand-frm .price-section .section-inner .price-content .price-list .price-title-box h4[data-v-25913ee2] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #666
}

.brand-frm .price-section .section-inner .price-content .price-list .price-title-box h4 b[data-v-25913ee2] {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.41;
    letter-spacing: -.06px;
    color: #242424
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box[data-v-25913ee2] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box[data-v-25913ee2] {
    display: inline-block
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box .price-discount-blk[data-v-25913ee2] {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    min-height: 23px;
    padding-right: 23px
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box .price-discount-blk del[data-v-25913ee2] {
    font-size: 18px;
    font-weight: 300;
    color: #6f6f6f
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box .price-discount-blk .bubble[data-v-25913ee2] {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 20px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.6px;
    color: #fff;
    background-color: #242424;
    border-radius: 4px
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box .price-discount-blk .bubble[data-v-25913ee2]:after {
    position: absolute;
    bottom: -4px;
    right: 8px;
    width: 0;
    height: 0;
    border-color: #242424 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    content: ""
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box .price-total-blk[data-v-25913ee2] {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.41;
    letter-spacing: -.6px;
    color: #242424
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box .price-total-blk span[data-v-25913ee2] {
    font-weight: 700
}

.brand-frm .price-section .section-inner .price-content .price-list .price-content-box .price-box .price-total-blk span b[data-v-25913ee2] {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -.8px
}

.brand-frm .price-section .section-inner .notice-list[data-v-25913ee2] {
    max-width: 296px;
    margin: 0 auto
}

.brand-frm .price-section .section-inner .notice-list li[data-v-25913ee2] {
    position: relative;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.6px;
    color: #8b8b8b
}

.brand-frm .price-section .section-inner .notice-list li[data-v-25913ee2]:first-of-type {
    margin-top: 0
}

.brand-frm .review-section[data-v-25913ee2] {
    background: linear-gradient(to bottom, #C5B5EB 0%, #dcd2f2 40%, #f4f1fa 80%, #ffffff 100%);
}

.brand-frm .review-section .section-inner[data-v-25913ee2] {
    display: flex;
    flex-direction: column-reverse;
    gap: 60px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 100px 0
}

.brand-frm .review-section .section-inner .section-header[data-v-25913ee2] {
    text-align: center
}

.brand-frm .review-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111
}

.brand-frm .review-section .section-inner .section-header p[data-v-25913ee2] {
    margin-top: 16px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #555
}

.brand-frm .review-section .section-inner .review-content .review-youtube-frm[data-v-25913ee2] {
    overflow: hidden;
    position: relative;
    width: 272px;
    height: 272px;
    margin: 0 auto;
    border-radius: 34px;
    box-shadow: 5px 5px 50px 0 rgba(0, 0, 0, .03), 12px 12px 32px 0 rgba(0, 0, 0, .1)
}

.brand-frm .review-section .section-inner .review-content .review-youtube-frm .review-youtube-btn[data-v-25913ee2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.brand-frm .review-section .section-inner .review-content .review-youtube-frm .review-youtube-btn img[data-v-25913ee2] {
    width: 100%;
    height: 100%
}

.brand-frm .review-section .section-inner .review-content .review-youtube-frm .review-youtube-btn .ico-play[data-v-25913ee2] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 56px;
    height: 56px
}

.brand-frm .review-section .section-inner .review-content .review-youtube-frm .reiview-youtube-box[data-v-25913ee2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.brand-frm .faq-section .section-inner[data-v-25913ee2] {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 100px 24px
}

.brand-frm .faq-section .section-inner .section-header h3[data-v-25913ee2] {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.192px;
    color: #111;
    text-align: center
}

.brand-frm .faq-section .section-inner .faq-list-box[data-v-25913ee2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 60px
}

.brand-frm .faq-section .section-inner .faq-list-box li[data-v-25913ee2] {
    padding: 0 24px;
    border-radius: 10px;
    background-color: #f8f8f8
}

.brand-frm .faq-section .section-inner .faq-list-box li .list-title-box[data-v-25913ee2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 17px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.6px;
    color: #242424
}

.brand-frm .faq-section .section-inner .faq-list-box li .list-title-box .tit-blk[data-v-25913ee2] {
    flex: 1;
    text-align: left;
    margin-right: 16px
}

.brand-frm .faq-section .section-inner .faq-list-box li .list-title-box .ico-blk svg[data-v-25913ee2] {
    display: block
}

.brand-frm .faq-section .section-inner .faq-list-box li .list-desc-box[data-v-25913ee2] {
    overflow: hidden;
    height: 100%;
    max-height: 0;
    transition: max-height .3s linear;
    color: #555
}

.brand-frm .faq-section .section-inner .faq-list-box li .list-desc-box.open[data-v-25913ee2] {
    max-height: 300px
}

.brand-frm .faq-section .section-inner .faq-list-box li .list-desc-box .desc-blk[data-v-25913ee2] {
    padding: 12px 0 17px;
    border-top: 1px solid #eee;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.6px
}

.brand-frm .faq-section .section-inner .faq-list-box li .list-desc-box .desc-blk[data-v-25913ee2] b {
    font-weight: 500
}

.brand-frm .float-btn[data-v-25913ee2] {
    position: fixed;
    bottom: 16px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 343px;
    height: 56px;
    border-radius: 28px;
    background-color: #ffe04b;
    box-shadow: 1px 3px 20px 0 rgba(0, 0, 0, .1)
}

.brand-frm .float-btn .txt-blk[data-v-25913ee2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    letter-spacing: -.6px
}

.brand-frm .float-btn .discount-blk[data-v-25913ee2] {
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.6px;
    color: #fff;
    white-space: nowrap
}

.brand-frm .float-btn .discount-blk[data-v-25913ee2]:after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-color: #242424 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    content: ""
}

.brand-frm .float-btn[data-v-25913ee2] {
    /* opacity: 0 */
    ;
    -webkit-transform: translateX(-50%) translateY(100px);
    transform: translateX(-50%) translateY(100px);
    transition: all .4s ease-in-out;
    will-change: auto
}

.brand-frm .float-btn .discount-blk[data-v-25913ee2] {
    /* opacity: 0 */
    ;
    -webkit-transform: translateX(-50%) translateY(-10px);
    transform: translateX(-50%) translateY(-10px);
    transition: all .4s ease-in-out;
    will-change: auto;
    transition-delay: .4s
}

.brand-frm .float-btn.show .discount-blk[data-v-25913ee2],
.brand-frm .float-btn.show[data-v-25913ee2] {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.brand-frm .promotion-section .section-inner[data-v-25913ee2] {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    text-align: center
}

.brand-frm .promotion-section .section-inner a[data-v-25913ee2] {
    display: block
}

.brand-frm .promotion-section .section-inner img[data-v-25913ee2] {
    width: 100%;
    max-width: 375px
}

@media screen and (min-width: 834px) {
    .brand-frm .promotion-section .section-inner img[data-v-25913ee2] {
        max-width: 834px
    }
}

@media screen and (min-width: 1439px) {
    .brand-frm .promotion-section .section-inner img[data-v-25913ee2] {
        max-width: none
    }
}

@media screen and (min-width: 374px) {
    .brand-frm .bestseller-section .bestseller-content .stretch-frm[data-v-25913ee2] {
        width: 231px
    }

    .brand-frm .info-section .section-inner .info-content[data-v-25913ee2] {
        max-width: 327px
    }

    .brand-frm .info-section .section-inner .info-content .info-list .info-content-box br[data-v-25913ee2] {
        display: block
    }

    .brand-frm .price-section .section-inner .price-content[data-v-25913ee2] {
        max-width: 326px
    }

    .brand-frm .review-section .section-inner .review-content .review-youtube-frm[data-v-25913ee2] {
        width: 326px;
        height: 326px
    }
}

@media screen and (min-width: 834px) {
    .brand-frm[data-v-25913ee2] {
        padding-top: 65px
    }

    .brand-frm .header-section[data-v-25913ee2] {
        border-bottom: .5px solid #dfdfdf
    }

    .brand-frm .header-section .header-wrap[data-v-25913ee2] {
        height: 64px;
        max-width: 786px;
        margin: 0 auto;
        border-bottom: none
    }

    .brand-frm .keyvisual-frm .keyvisual-box .keyvisual-blk .txt-blk[data-v-25913ee2] {
        top: 350px;
        left: 200px;
        font-size: 56px;
        letter-spacing: -1.22px
    }

    .brand-frm .keyvisual-frm .arrow-blk[data-v-25913ee2] {
        bottom: 52px
    }

    .brand-frm .tvc-frm .section-inner[data-v-25913ee2] {
        padding: 150px 80px 100px
    }

    .brand-frm .tvc-frm .tvc-content[data-v-25913ee2] {
        border-radius: 34px
    }

    .brand-frm .pairing-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
        padding: 120px 0
    }

    .brand-frm .pairing-section .section-inner .section-header[data-v-25913ee2] {
        width: 340px;
        padding: 0
    }

    .brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-box[data-v-25913ee2] {
        padding: 0
    }

    .brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-box p[data-v-25913ee2] {
        font-size: 17px
    }

    .brand-frm .tts-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 0;
        padding: 120px 0
    }

    .brand-frm .tts-section .section-inner .section-header[data-v-25913ee2] {
        width: 278px
    }

    .brand-frm .tts-section .section-inner .tts-content[data-v-25913ee2] {
        width: 326px
    }

    .brand-frm .write-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
        padding: 120px 0
    }

    .brand-frm .write-section .section-inner .section-header[data-v-25913ee2] {
        width: 340px;
        padding: 0
    }

    .brand-frm .write-section .section-inner .write-content[data-v-25913ee2] {
        width: 326px
    }

    .brand-frm .dokfarming-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 0;
        padding: 0 0 120px
    }

    .brand-frm .dokfarming-section .section-inner .section-header[data-v-25913ee2] {
        width: 278px;
        padding: 120px 0 0
    }

    .brand-frm .dokfarming-section .section-inner .dokfarming-content[data-v-25913ee2] {
        width: 326px
    }

    .brand-frm .dokfarming-section .section-inner .dokfarming-content .dokfarming-swiper-frm .img-box[data-v-25913ee2] {
        height: 708px;
        padding-top: 120px
    }

    .brand-frm .history-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 0;
        padding: 0 0 120px
    }

    .brand-frm .history-section .section-inner .section-header[data-v-25913ee2] {
        width: 278px;
        padding: 120px 0 0
    }

    .brand-frm .history-section .section-inner .history-content[data-v-25913ee2] {
        width: 326px
    }

    .brand-frm .history-section .section-inner .history-content .history-swiper-frm .img-box[data-v-25913ee2] {
        height: 708px;
        padding-top: 120px
    }

    .brand-frm .genre-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
        padding: 0 0 120px
    }

    .brand-frm .genre-section .section-inner .section-header[data-v-25913ee2] {
        width: 278px;
        padding: 120px 0 0
    }

    .brand-frm .genre-section .section-inner .genre-content[data-v-25913ee2] {
        width: 326px
    }

    .brand-frm .genre-section .section-inner .genre-content .genre-swiper-frm .img-box[data-v-25913ee2] {
        height: 708px;
        padding-top: 120px
    }

    .brand-frm .bestseller-section .section-header[data-v-25913ee2] {
        padding: 80px 0;
    }

    .brand-frm .bestseller-section .bestseller-content .stretch-frm[data-v-25913ee2] {
        width: 574px;
        padding-bottom: 120px
    }

    .brand-frm .audiobook-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
        padding: 120px 0
    }

    .brand-frm .audiobook-section .section-inner .section-header[data-v-25913ee2] {
        width: 340px;
        padding: 0
    }

    .brand-frm .audiobook-section .section-inner .audiobook-content[data-v-25913ee2] {
        width: 326px
    }

    .brand-frm .info-section .section-inner[data-v-25913ee2] {
        padding: 120px 84px
    }

    .brand-frm .info-section .section-inner .info-content[data-v-25913ee2] {
        max-width: 666px;
        grid-template-columns: 1fr 1fr
    }

    .brand-frm .price-section .section-inner[data-v-25913ee2] {
        padding: 120px 84px 20px
    }

    .brand-frm .price-section .section-inner .price-content[data-v-25913ee2] {
        flex-direction: row;
        gap: 20px;
        max-width: 666px
    }

    .brand-frm .review-section .section-inner[data-v-25913ee2] {
        width: 666px;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 0;
        padding: 120px 0
    }

    .brand-frm .review-section .section-inner .section-header[data-v-25913ee2] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 278px;
        text-align: left
    }

    .brand-frm .review-section .section-inner .review-content .review-youtube-frm[data-v-25913ee2] {
        width: 326px;
        height: 326px
    }

    .brand-frm .faq-section .section-inner[data-v-25913ee2] {
        padding: 120px 84px
    }
}

@media screen and (min-width: 1440px) {
    .brand-frm .section-frm .section-inner .section-header .ico-blk[data-v-25913ee2] {
        width: 46px;
        height: 46px
    }

    .brand-frm .header-section .header-wrap[data-v-25913ee2] {
        max-width: 1040px;
        margin: 0 auto
    }

    .brand-frm .keyvisual-frm .keyvisual-box .keyvisual-blk .txt-blk[data-v-25913ee2] {
        top: 0px;
        left: 920px;
        font-size: 68px;
        letter-spacing: -1.36px
    }

    .brand-frm .keyvisual-frm .arrow-blk[data-v-25913ee2] {
        bottom: 40px;
        width: 66px
    }

    .brand-frm .tvc-frm .section-inner[data-v-25913ee2] {
        padding: 200px 188px 160px
    }

    .brand-frm .tvc-frm .tvc-header h3[data-v-25913ee2] {
        font-size: 48px
    }

    .brand-frm .tvc-frm .tvc-header p[data-v-25913ee2] {
        margin-top: 24px;
        font-size: 22px
    }

    .brand-frm .tvc-frm .tvc-content[data-v-25913ee2] {
        margin-top: 80px;
        border-radius: 40px
    }

    .brand-frm .pairing-section .section-inner[data-v-25913ee2] {
        width: 1000px;
        padding: 160px 0
    }

    .brand-frm .pairing-section .section-inner .section-header[data-v-25913ee2] {
        width: 540px
    }

    .brand-frm .pairing-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .pairing-section .section-inner .section-header h3 b[data-v-25913ee2] {
        margin: 16px 0 24px;
        font-size: 48px
    }

    .brand-frm .pairing-section .section-inner .pairing-content[data-v-25913ee2] {
        width: 460px
    }

    .brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm[data-v-25913ee2] {
        max-width: none
    }

    .brand-frm .pairing-section .section-inner .pairing-content .pairing-video-frm .pairing-video-box p[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .tts-section .section-inner[data-v-25913ee2] {
        width: 1054px;
        padding: 160px 54px 160px 0
    }

    .brand-frm .tts-section .section-inner .section-header[data-v-25913ee2] {
        width: 386px
    }

    .brand-frm .tts-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .tts-section .section-inner .section-header h3 b[data-v-25913ee2] {
        margin: 16px 0 24px;
        font-size: 48px
    }

    .brand-frm .tts-section .section-inner .tts-content[data-v-25913ee2] {
        width: 472px
    }

    .brand-frm .tts-section .section-inner .tts-content .image-container[data-v-25913ee2] {
        width: 300px
    }

    .brand-frm .write-section .section-inner[data-v-25913ee2] {
        width: 1000px;
        padding: 160px 0
    }

    .brand-frm .write-section .section-inner .section-header[data-v-25913ee2] {
        width: 528px
    }

    .brand-frm .write-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .write-section .section-inner .section-header h3 b[data-v-25913ee2] {
        margin: 16px 0 24px;
        font-size: 48px
    }

    .brand-frm .write-section .section-inner .write-content[data-v-25913ee2] {
        width: 472px
    }

    .brand-frm .write-section .section-inner .write-content .image-container[data-v-25913ee2] {
        width: 300px
    }

    .brand-frm .write-section .section-inner .write-content .image-container .txt-blk.blk1[data-v-25913ee2] {
        top: 180px;
        left: 50px
    }

    .brand-frm .write-section .section-inner .write-content .image-container .txt-blk.blk2[data-v-25913ee2] {
        top: 540px;
        left: 140px
    }

    .brand-frm .dokfarming-section .section-inner[data-v-25913ee2] {
        width: 1054px;
        padding: 0 54px 160px 0
    }

    .brand-frm .dokfarming-section .section-inner .section-header[data-v-25913ee2] {
        width: 386px;
        padding: 160px 0 0
    }

    .brand-frm .dokfarming-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .dokfarming-section .section-inner .section-header h3 b[data-v-25913ee2] {
        margin: 16px 0 24px;
        font-size: 48px
    }

    .brand-frm .dokfarming-section .section-inner .dokfarming-content[data-v-25913ee2] {
        width: 472px
    }

    .brand-frm .dokfarming-section .section-inner .dokfarming-content .dokfarming-swiper-frm .img-box[data-v-25913ee2] {
        height: 898px;
        padding-top: 160px
    }

    .brand-frm .dokfarming-section .section-inner .dokfarming-content .dokfarming-swiper-frm .img-box .img-blk[data-v-25913ee2] {
        width: 300px
    }

    .brand-frm .dokfarming-section .section-inner .dokfarming-content .dokfarming-swiper-frm .img-box p[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .dokfarming-section .section-inner .dokfarming-content .dokfarming-swiper-frm .dokfarming-swiper-pagination[data-v-25913ee2] {
        bottom: 90px
    }

    .brand-frm .history-section .section-inner[data-v-25913ee2] {
        width: 1054px;
        padding: 0 54px 160px 0
    }

    .brand-frm .history-section .section-inner .section-header[data-v-25913ee2] {
        width: 386px;
        padding: 160px 0 0
    }

    .brand-frm .history-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .history-section .section-inner .section-header h3 b[data-v-25913ee2] {
        margin: 16px 0 24px;
        font-size: 48px
    }

    .brand-frm .history-section .section-inner .history-content[data-v-25913ee2] {
        width: 472px
    }

    .brand-frm .history-section .section-inner .history-content .history-swiper-frm .img-box[data-v-25913ee2] {
        height: 898px;
        padding-top: 160px
    }

    .brand-frm .history-section .section-inner .history-content .history-swiper-frm .img-box .img-blk[data-v-25913ee2] {
        width: 300px
    }

    .brand-frm .history-section .section-inner .history-content .history-swiper-frm .img-box p[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .history-section .section-inner .history-content .history-swiper-frm .history-swiper-pagination[data-v-25913ee2] {
        bottom: 90px
    }

    .brand-frm .genre-section .section-inner[data-v-25913ee2] {
        width: 1000px;
        padding: 0 54px 160px 0
    }

    .brand-frm .genre-section .section-inner .section-header[data-v-25913ee2] {
        width: 386px;
        padding: 160px 0 0
    }

    .brand-frm .genre-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .genre-section .section-inner .section-header h3 b[data-v-25913ee2] {
        margin: 16px 0 24px;
        font-size: 48px
    }

    .brand-frm .genre-section .section-inner .genre-content[data-v-25913ee2] {
        width: 472px
    }

    .brand-frm .genre-section .section-inner .genre-content .genre-swiper-frm .img-box[data-v-25913ee2] {
        height: 910px;
        padding-top: 160px
    }

    .brand-frm .genre-section .section-inner .genre-content .genre-swiper-frm .img-box .img-blk[data-v-25913ee2] {
        width: 300px
    }

    .brand-frm .genre-section .section-inner .genre-content .genre-swiper-frm .img-box p[data-v-25913ee2] {
        margin: 80px 0 24px;
        font-size: 22px
    }

    .brand-frm .genre-section .section-inner .genre-swiper-pagination[data-v-25913ee2] {
        bottom: 170px
    }

    .brand-frm .genre-section .section-inner .mds-button-wrap[data-v-25913ee2] {
        margin: 24px auto 0;
        text-align: center
    }

    .brand-frm .bestseller-section .section-header[data-v-25913ee2] {
        /* padding-top: 160px */
    }

    .brand-frm .bestseller-section .section-header h3[data-v-25913ee2] {
        font-size: 48px
    }

    .brand-frm .bestseller-section .bestseller-content[data-v-25913ee2] {
        margin-top: 100px
    }

    .brand-frm .bestseller-section .bestseller-content .stretch-frm[data-v-25913ee2] {
        /* width: 1128px; */
        width: 100%;
        padding-bottom: 160px
    }

    .brand-frm .audiobook-section .section-inner[data-v-25913ee2] {
        width: 1000px;
        padding: 160px 0
    }

    .brand-frm .audiobook-section .section-inner .section-header[data-v-25913ee2] {
        width: 528px
    }

    .brand-frm .audiobook-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .audiobook-section .section-inner .section-header h3 b[data-v-25913ee2] {
        margin: 16px 0 24px;
        font-size: 48px
    }

    .brand-frm .audiobook-section .section-inner .audiobook-content[data-v-25913ee2] {
        width: 472px
    }

    .brand-frm .audiobook-section .section-inner .audiobook-content .image-container[data-v-25913ee2] {
        width: 300px
    }

    .brand-frm .audiobook-section .section-inner .audiobook-content p[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .audiobook-section .notice-blk[data-v-25913ee2] {
        bottom: 40px
    }

    .brand-frm .info-section .section-inner[data-v-25913ee2] {
        padding: 200px 220px;
        gap: 80px
    }

    .brand-frm .info-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 48px
    }

    .brand-frm .info-section .section-inner .info-content[data-v-25913ee2] {
        max-width: 1000px
    }

    .brand-frm .info-section .section-inner .info-content .info-list[data-v-25913ee2] {
        position: relative;
        height: 167px
    }

    .brand-frm .info-section .section-inner .info-content .info-list .info-title-box .title-blk[data-v-25913ee2] {
        font-size: 24px
    }

    .brand-frm .info-section .section-inner .info-content .info-list .info-title-box .title-blk br[data-v-25913ee2] {
        display: none
    }

    .brand-frm .info-section .section-inner .info-content .info-list .info-title-box .icon-blk[data-v-25913ee2] {
        position: absolute;
        top: 50%;
        right: 40px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 72px;
        height: 72px
    }

    .brand-frm .info-section .section-inner .info-content .info-list .info-title-box .icon-blk .small-ico[data-v-25913ee2] {
        display: none
    }

    .brand-frm .info-section .section-inner .info-content .info-list .info-title-box .icon-blk .big-ico[data-v-25913ee2] {
        display: block
    }

    .brand-frm .info-section .notice-blk[data-v-25913ee2] {
        bottom: 40px
    }

    .brand-frm .price-section .section-inner[data-v-25913ee2] {
        padding: 200px 220px 40px;
        gap: 80px
    }

    .brand-frm .price-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 48px
    }

    .brand-frm .price-section .section-inner .section-header p[data-v-25913ee2] {
        font-size: 22px
    }

    .brand-frm .price-section .section-inner .price-content[data-v-25913ee2] {
        flex-direction: row;
        gap: 20px;
        max-width: 1000px
    }

    .brand-frm .price-section .section-inner .price-content .price-list[data-v-25913ee2] {
        width: 100%
    }

    .brand-frm .price-section .section-inner .notice-list[data-v-25913ee2] {
        margin-top: 60px
    }

    .brand-frm .review-section .section-inner[data-v-25913ee2] {
        width: 1000px;
        padding: 200px 0
    }

    .brand-frm .review-section .section-inner .section-header[data-v-25913ee2] {
        width: 386px
    }

    .brand-frm .review-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 48px
    }

    .brand-frm .review-section .section-inner .section-header p[data-v-25913ee2] {
        margin-top: 24px;
        font-size: 22px
    }

    .brand-frm .review-section .section-inner .review-content .review-youtube-frm[data-v-25913ee2] {
        width: 488px;
        height: 488px
    }

    .brand-frm .faq-section .section-inner[data-v-25913ee2] {
        padding: 200px 220px;
        gap: 80px
    }

    .brand-frm .faq-section .section-inner .section-header h3[data-v-25913ee2] {
        font-size: 48px
    }

    .brand-frm .faq-section .section-inner .faq-list-box li[data-v-25913ee2] {
        padding: 0 40px
    }

    .brand-frm .faq-section .section-inner .faq-list-box li .list-title-box[data-v-25913ee2] {
        font-size: 24px;
        padding: 28px 0
    }

    .brand-frm .faq-section .section-inner .faq-list-box li .list-title-box .ico-blk svg[data-v-25913ee2] {
        width: 32px;
        height: 32px
    }

    .brand-frm .faq-section .section-inner .faq-list-box li .list-desc-box .desc-blk[data-v-25913ee2] {
        padding: 20px 0 28px;
        font-size: 20px
    }

    .brand-frm .float-btn[data-v-25913ee2] {
        width: 450px
    }

    .brand-frm .under1440[data-v-25913ee2] {
        display: none
    }
}

@-webkit-keyframes upDown-25913ee2 {
    0% {
        -webkit-transform: translateX(-50%) translateY(8px);
        transform: translateX(-50%) translateY(8px)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(-8px);
        transform: translateX(-50%) translateY(-8px)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(8px);
        transform: translateX(-50%) translateY(8px)
    }
}

@keyframes upDown-25913ee2 {
    0% {
        -webkit-transform: translateX(-50%) translateY(8px);
        transform: translateX(-50%) translateY(8px)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(-8px);
        transform: translateX(-50%) translateY(-8px)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(8px);
        transform: translateX(-50%) translateY(8px)
    }
}

.fade-enter-active[data-v-25913ee2],
.fade-leave-active[data-v-25913ee2] {
    transition: opacity .3s
}

.fade-enter[data-v-25913ee2],
.fade-leave-to[data-v-25913ee2] {
    /* opacity: 0 */
}

.top-notification-bar[data-v-25913ee2] {
    background-color: #ffeb60
}

.top-notification-bar a[data-v-25913ee2] {
    display: block;
    padding: 11px 8px;
    font-size: 16px;
    text-align: center;
    color: #242424
}

#footer[data-v-25913ee2] {
    padding-bottom: 50px
}

.fade-in-item1[data-v-25913ee2] {
    /* opacity: 0 */
    ;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all .7s ease-in-out;
    will-change: auto
}

.fade-in-item1.observed[data-v-25913ee2] {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fade-in-reverse-item[data-v-25913ee2] {
    /* opacity: 0 */
    ;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: all .7s ease-in-out;
    will-change: auto
}

.fade-in-reverse-item.observed[data-v-25913ee2] {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.width-grow-item[data-v-25913ee2] {
    width: 0 !important;
    transition: all .7s ease-in-out;
    will-change: auto
}

.width-grow-item.observed[data-v-25913ee2] {
    width: 100% !important
}

.right-to-left-item[data-v-25913ee2] {
    /* opacity: 0 */
    ;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    transition: all .7s ease-in-out;
    will-change: auto
}

.right-to-left-item.observed[data-v-25913ee2] {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.left-to-right-item[data-v-25913ee2] {
    /* opacity: 0 */
    ;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    transition: all .7s ease-in-out;
    will-change: auto
}

.left-to-right-item.observed[data-v-25913ee2] {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.top-banner[data-v-b56d7e06] {
    display: flex;
    justify-content: center;
    position: relative;
    background-color: #6787e3
}

.top-banner .banner-button[data-v-b56d7e06] {
    display: flex;
    padding: 15px 0;
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px
}

@media screen and (max-width: 700px) {
    .top-banner .banner-button[data-v-b56d7e06] {
        font-size: 14px;
        padding: 11px 0
    }
}

.top-banner .banner-button span[data-v-b56d7e06] {
    color: var(--primary)
}

.top-banner .banner-button svg[data-v-b56d7e06] {
    margin: 3px 10px
}

.top-banner .close-button[data-v-b56d7e06] {
    position: absolute;
    top: 50%;
    right: 5px;
    padding: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 700px) {
    .top-banner .close-button[data-v-b56d7e06] {
        font-size: 14px;
        padding: 11px
    }
}

@-webkit-keyframes fadeIn-366bd6c2 {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        /* opacity: 0 */
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes fadeIn-366bd6c2 {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        /* opacity: 0 */
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes smallfadeIn-366bd6c2 {
    0% {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0);
        /* opacity: 0 */
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes smallfadeIn-366bd6c2 {
    0% {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0);
        /* opacity: 0 */
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes scale-366bd6c2 {
    0% {
        -webkit-transform: translate3d(0, 20px, 0) scale(.7);
        transform: translate3d(0, 20px, 0) scale(.7);
        /* opacity: 0 */
    }

    50% {
        -webkit-transform: translate3d(0, 10px, 0) scale(.9);
        transform: translate3d(0, 10px, 0) scale(.9);
        opacity: .2
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scale(1.05);
        transform: translate3d(0, 10px, 0) scale(1.05);
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}

@keyframes scale-366bd6c2 {
    0% {
        -webkit-transform: translate3d(0, 20px, 0) scale(.7);
        transform: translate3d(0, 20px, 0) scale(.7);
        /* opacity: 0 */
    }

    50% {
        -webkit-transform: translate3d(0, 10px, 0) scale(.9);
        transform: translate3d(0, 10px, 0) scale(.9);
        opacity: .2
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scale(1.05);
        transform: translate3d(0, 10px, 0) scale(1.05);
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes slideLeft-366bd6c2 {
    0% {
        background-position: 0
    }

    to {
        background-position: -3000px
    }
}

@keyframes slideLeft-366bd6c2 {
    0% {
        background-position: 0
    }

    to {
        background-position: -3000px
    }
}

@-webkit-keyframes slideRight-366bd6c2 {
    0% {
        background-position: -3000px
    }

    to {
        background-position: 0
    }
}

@keyframes slideRight-366bd6c2 {
    0% {
        background-position: -3000px
    }

    to {
        background-position: 0
    }
}

.benepiaheader[data-v-366bd6c2] {
    background-color: #455311;
    overflow: scroll
}

.benepiaheader iframe[data-v-366bd6c2] {
    width: 100%;
    height: 57px;
    width: 745px;
    margin: 0 auto;
    display: block;
    border-radius: 6px 0 0 0
}

.brand[data-v-366bd6c2] {
    position: relative
}

.brand .floating[data-v-366bd6c2] {
    display: block;
    position: fixed;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    max-width: 450px;
    width: 90%;
    cursor: pointer;
    margin: 0 auto;
    background: #333;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .16), 4px 8px 28px rgba(0, 0, 0, .08);
    border-radius: 60px;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    line-height: 24px;
    font-size: 16px;
    min-height: 56px
}

.brand .section-wrap[data-v-366bd6c2] {
    margin: 0 auto;
    max-width: 1440px;
    overflow: hidden
}

.brand #footer[data-v-366bd6c2] {
    padding-bottom: 50px
}

.brand .text-wrap h2[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 49px;
    line-height: 130%;
    letter-spacing: -.01em;
    color: #242424;
    margin-bottom: 24px
}

@media (max-width: 843px) {
    .brand .text-wrap h2[data-v-366bd6c2] {
        text-align: center;
        font-size: 32px
    }
}

.brand .text-wrap p[data-v-366bd6c2] {
    font-size: 22px;
    line-height: 160%;
    letter-spacing: -.6px;
    color: #555
}

@media (max-width: 843px) {
    .brand .text-wrap p[data-v-366bd6c2] {
        text-align: center;
        font-size: 16px
    }
}

.brand .intro-section .section-wrap .text-wrap .millielibrary[data-v-366bd6c2],
.brand .intro-section .section-wrap .text-wrap h1[data-v-366bd6c2],
.brand .phone-wrap[data-v-366bd6c2],
.brand .reading-section .card[data-v-366bd6c2],
.brand .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .section-wrap .text-wrap p[data-v-366bd6c2] {
    /* opacity: 0 */
}

.brand .book-shelf[data-v-366bd6c2] {
    margin: 0 auto
}

.brand .book-shelf .slide-container .slide-wrapper[data-v-366bd6c2] {
    align-items: baseline;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.brand .book-shelf .slide-container .slide-wrapper li[data-v-366bd6c2] {
    list-style: none;
    max-width: 161px
}

.brand h2[data-v-366bd6c2] {
    margin: 0
}

.brand .header-section[data-v-366bd6c2] {
    position: sticky;
    width: 100%;
    z-index: 100;
    background-color: hsla(0, 0%, 100%, .9);
    top: 0
}

.brand .header-section .wrap[data-v-366bd6c2] {
    display: flex;
    border-bottom: .5px solid #dfdfdf;
    padding: 0 24px;
    align-items: center;
    height: 64px
}

.brand .header-section .wrap .logo[data-v-366bd6c2] {
    max-width: 100px;
    margin-right: auto
}

.brand .header-section .wrap .logo a[data-v-366bd6c2] {
    display: block
}

.brand .header-section .wrap .logo img[data-v-366bd6c2] {
    height: 20px
}

.brand .header-section .wrap .brand-login[data-v-366bd6c2] {
    cursor: pointer;
    background: #333;
    border-radius: 100px;
    padding: 7px 25px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.6px;
    color: #fff;
    text-align: center
}

.brand .header-section .wrap .b2b-button[data-v-366bd6c2] {
    padding: 0 48px 0 24px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.brand .header-section .header-wrap[data-v-366bd6c2] {
    display: flex;
    position: relative;
    height: 64px;
    border-bottom: .5px solid #dfdfdf;
    padding: 0 24px;
    align-items: center;
    justify-content: space-between;
    background-color: hsla(0, 0%, 100%, 0);
    transition: background-color 0s;
    transition-delay: .3s
}

.brand .header-section .header-wrap .logo[data-v-366bd6c2] {
    max-width: 100px
}

.brand .header-section .header-wrap .logo a[data-v-366bd6c2] {
    display: block
}

.brand .header-section .header-wrap .logo img[data-v-366bd6c2] {
    height: 20px
}

.brand .header-section .header-wrap .btn-nav[data-v-366bd6c2] {
    display: none;
    width: 32px;
    height: 32px
}

.brand .header-section .header-wrap .btn-nav[data-v-366bd6c2]:before {
    display: block;
    width: 16px;
    height: 2px;
    margin: 0 auto;
    background-color: #333;
    content: "";
    border-radius: 1px;
    transition: all .3s ease-in-out
}

.brand .header-section .header-wrap .btn-nav span[data-v-366bd6c2] {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.brand .header-section .header-wrap .btn-nav[data-v-366bd6c2]:after,
.brand .header-section .header-wrap .btn-nav span[data-v-366bd6c2] {
    display: block;
    width: 16px;
    height: 2px;
    margin: 4px auto 0;
    background-color: #333;
    content: "";
    border-radius: 1px;
    transition: all .3s ease-in-out
}

.brand .header-section .header-wrap .btn-nav.active[data-v-366bd6c2]:before {
    width: 18px;
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg)
}

.brand .header-section .header-wrap .btn-nav.active span[data-v-366bd6c2] {
    /* opacity: 0 */
}

.brand .header-section .header-wrap .btn-nav.active[data-v-366bd6c2]:after {
    width: 18px;
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg)
}

.brand .header-section .header-wrap .nav-box[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

.brand .header-section .header-wrap .nav-box nav ul[data-v-366bd6c2] {
    display: flex;
    justify-content: center;
    margin-right: 24px
}

.brand .header-section .header-wrap .nav-box nav ul li a[data-v-366bd6c2] {
    padding: 20px 24px;
    font-size: 16px;
    color: var(--text-01)
}

.brand .header-section .header-wrap .nav-box .brand-login[data-v-366bd6c2] {
    cursor: pointer;
    background: #333;
    border-radius: 100px;
    padding: 7px 25px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.6px;
    color: #fff;
    text-align: center
}

.brand .header-section .header-wrap.flex-end[data-v-366bd6c2] {
    justify-content: flex-end
}

.brand .header-section .header-wrap.mobile[data-v-366bd6c2] {
    padding: 0 16px 0 11px
}

.brand .header-section .header-wrap.mobile .logo[data-v-366bd6c2] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0
}

.brand .header-section .header-wrap.mobile .btn-nav[data-v-366bd6c2] {
    display: block
}

.brand .header-section .header-wrap.mobile .nav-box nav[data-v-366bd6c2] {
    position: absolute;
    top: -350px;
    left: 0;
    z-index: -1;
    width: 100%;
    padding: 80px 16px 24px;
    background-color: #fff;
    transition: top .3s ease
}

.brand .header-section .header-wrap.mobile .nav-box nav ul[data-v-366bd6c2] {
    flex-direction: column;
    margin: 0
}

.brand .header-section .header-wrap.mobile .nav-box nav ul li a[data-v-366bd6c2] {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding: 0;
    text-align: center
}

.brand .header-section .header-wrap.mobile .nav-box nav.active[data-v-366bd6c2] {
    top: 0;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .1)
}

.brand .header-section .header-wrap.active[data-v-366bd6c2] {
    background-color: #fff;
    transition-delay: 0s
}

.brand .intro-section[data-v-366bd6c2] {
    background: linear-gradient(#f8faff 67.5%, #f0f4ff 0);
    padding: 64px 0 0;
    height: 820px
}

.brand .intro-section.isapp[data-v-366bd6c2] {
    margin-top: -32px
}

@media (min-width: 799px) and (max-width:940px) {
    .brand .intro-section[data-v-366bd6c2] {
        height: 1000px;
        background: linear-gradient(#f8faff 75.3%, #f0f4ff 0)
    }
}

@media (min-width: 721px) and (max-width:800px) {
    .brand .intro-section[data-v-366bd6c2] {
        height: 900px
    }
}

@media (max-width: 720px) {
    .brand .intro-section[data-v-366bd6c2] {
        height: 666px;
        background: linear-gradient(#f8faff 78.5%, #f0f4ff 0)
    }
}

.brand .intro-section.animation .section-wrap h1[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 1.8s forwards;
    animation: fadeIn-366bd6c2 1.8s forwards
}

.brand .intro-section.animation .section-wrap .millielibrary[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 1.2s .6s forwards;
    animation: fadeIn-366bd6c2 1.2s .6s forwards
}

@media (max-width: 1050px) {
    .brand .intro-section.animation .section-wrap .millielibrary[data-v-366bd6c2] {
        display: none
    }
}

.brand .intro-section .section-wrap[data-v-366bd6c2] {
    position: relative;
    display: block;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/brand/main-bg.0c2e95bfd550759a46367d3abb3d05df.png);
    background-size: 765px;
    background-repeat: no-repeat;
    background-position: 96% 55%
}

@media (min-width: 721px) and (max-width:940px) {
    .brand .intro-section .section-wrap[data-v-366bd6c2] {
        background-position: 50% 85%;
        background-size: 86%
    }
}

@media (min-width: 521px) and (max-width:720px) {
    .brand .intro-section .section-wrap[data-v-366bd6c2] {
        background-size: 85%;
        background-position: 85% 85%
    }
}

@media (max-width: 520px) {
    .brand .intro-section .section-wrap[data-v-366bd6c2] {
        background-position: 125% 85%;
        background-size: 460px
    }
}

.brand .intro-section .section-wrap .text-wrap[data-v-366bd6c2] {
    margin-top: 88px;
    padding: 0 48px
}

@media (min-width: 721px) and (max-width:940px) {
    .brand .intro-section .section-wrap .text-wrap[data-v-366bd6c2] {
        margin-top: 62px;
        padding: 0 64px
    }
}

@media (max-width: 720px) {
    .brand .intro-section .section-wrap .text-wrap[data-v-366bd6c2] {
        margin-top: 35px;
        padding: 0 24px
    }
}

.brand .intro-section .section-wrap .text-wrap h1[data-v-366bd6c2] {
    color: transparent;
    text-indent: -9999px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/brand/slogan.4c47e7658eb4f468e43253b57f8466b5.png);
    background-repeat: no-repeat;
    height: 223px;
    background-size: 346px
}

@media (min-width: 521px) and (max-width:940px) {
    .brand .intro-section .section-wrap .text-wrap h1[data-v-366bd6c2] {
        background-size: 46%;
        height: 250px
    }
}

@media (min-width: 471px) and (max-width:520px) {
    .brand .intro-section .section-wrap .text-wrap h1[data-v-366bd6c2] {
        height: 159px;
        width: 377px;
        background-size: contain
    }
}

@media (max-width: 470px) {
    .brand .intro-section .section-wrap .text-wrap h1[data-v-366bd6c2] {
        height: 130px;
        background-size: contain
    }
}

.brand .intro-section .section-wrap .text-wrap .millielibrary[data-v-366bd6c2] {
    margin-top: 310px;
    color: transparent;
    text-indent: -9999px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/brand/millielibrary.e908db2a7501cfb173f997fcc3314c2a.png);
    background-size: 178px;
    background-repeat: no-repeat;
    height: 47px
}

.brand.show-banner .intro-section[data-v-366bd6c2] {
    padding: 124px 0 0;
    height: 880px
}

@media (min-width: 799px) and (max-width:940px) {
    .brand.show-banner .intro-section[data-v-366bd6c2] {
        height: 1060px
    }
}

@media (min-width: 721px) and (max-width:800px) {
    .brand.show-banner .intro-section[data-v-366bd6c2] {
        height: 960px
    }
}

@media (max-width: 720px) {
    .brand.show-banner .intro-section[data-v-366bd6c2] {
        height: 726px
    }
}

.brand .platform-section[data-v-366bd6c2] {
    background-color: #ffeb60;
    padding: 80px 0 70px
}

@media (max-width: 1439px) {
    .brand .platform-section[data-v-366bd6c2] {
        padding: 45px 0
    }
}

.brand .platform-section .section-wrap .mo[data-v-366bd6c2] {
    display: none
}

@media (max-width: 833px) {
    .brand .platform-section .section-wrap .mo[data-v-366bd6c2] {
        display: block
    }
}

.brand .platform-section .section-wrap .text-wrap[data-v-366bd6c2] {
    text-align: center
}

.brand .platform-section .section-wrap .list-wrap[data-v-366bd6c2] {
    max-width: 824px;
    margin: 0 auto
}

@media (max-width: 1439px) {
    .brand .platform-section .section-wrap .list-wrap[data-v-366bd6c2] {
        max-width: 744px
    }
}

@media (max-width: 833px) {
    .brand .platform-section .section-wrap .list-wrap[data-v-366bd6c2] {
        padding: 0 24px;
        max-width: none
    }
}

.brand .platform-section .section-wrap .list-wrap .card-list[data-v-366bd6c2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 59px;
    padding-bottom: 32px
}

@media (max-width: 1439px) {
    .brand .platform-section .section-wrap .list-wrap .card-list[data-v-366bd6c2] {
        margin-top: 40px
    }
}

@media (max-width: 833px) {
    .brand .platform-section .section-wrap .list-wrap .card-list[data-v-366bd6c2] {
        grid-template-columns: 1fr;
        padding-bottom: 24px
    }
}

.brand .platform-section .section-wrap .list-wrap .card-list>li[data-v-366bd6c2] {
    padding: 32px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 8px 20px 0 rgba(0, 0, 0, .1)
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .title-wrap[data-v-366bd6c2] {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .title-wrap .card-title[data-v-366bd6c2] {
    flex: 1;
    color: var(--ui-10)
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .title-wrap .card-icon[data-v-366bd6c2] {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #ffeb60;
    background-repeat: no-repeat;
    background-size: 36px 36px
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .title-wrap .card-icon.bookopen[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/platform-icon-bookopen.415e56cf10288f548be12a6377f1074e.png)
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .title-wrap .card-icon.follow[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/platform-icon-follow.dc82df4bb355c42f7994a94ab67643d5.png)
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .title-wrap .card-icon.service[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/platform-icon-service.e314f620a49175b50532e8afc928bcd0.png)
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .title-wrap .card-icon.audiobook[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/platform-icon-audiobook.e7f7696b09ef6a1c6d0bc78bb73b2a8e.png)
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .card-desc[data-v-366bd6c2] {
    margin-top: 8px;
    line-height: 24px;
    color: var(--text-02)
}

.brand .platform-section .section-wrap .list-wrap .card-list>li .card-desc em[data-v-366bd6c2] {
    color: var(--text-03)
}

.brand .platform-section .section-wrap .list-wrap .quote-list[data-v-366bd6c2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 20px 26px 16px;
    border-radius: 16px;
    background-color: #ffe04b
}

@media (max-width: 833px) {
    .brand .platform-section .section-wrap .list-wrap .quote-list[data-v-366bd6c2] {
        grid-template-columns: 1fr;
        gap: 2px
    }
}

.brand .platform-section .section-wrap .list-wrap .quote-list>li[data-v-366bd6c2] {
    position: relative;
    padding-left: 15px;
    color: #aa8525
}

.brand .platform-section .section-wrap .list-wrap .quote-list>li[data-v-366bd6c2]:before {
    position: absolute;
    top: 7.5px;
    left: 6px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #aa8525;
    content: ""
}

@media (max-width: 833px) {

    .brand .platform-section .section-wrap .list-wrap .card-list>li[data-v-366bd6c2]:first-child,
    .brand .platform-section .section-wrap .list-wrap .quote-list>li[data-v-366bd6c2]:first-child {
        order: 0
    }

    .brand .platform-section .section-wrap .list-wrap .card-list>li[data-v-366bd6c2]:nth-child(2),
    .brand .platform-section .section-wrap .list-wrap .quote-list>li[data-v-366bd6c2]:nth-child(2) {
        order: 2
    }

    .brand .platform-section .section-wrap .list-wrap .card-list>li[data-v-366bd6c2]:nth-child(3),
    .brand .platform-section .section-wrap .list-wrap .quote-list>li[data-v-366bd6c2]:nth-child(3) {
        order: 1
    }

    .brand .platform-section .section-wrap .list-wrap .card-list>li[data-v-366bd6c2]:nth-child(4),
    .brand .platform-section .section-wrap .list-wrap .quote-list>li[data-v-366bd6c2]:nth-child(4) {
        order: 3
    }
}

.brand .platform-section.animation .section-wrap .card-list[data-v-366bd6c2],
.brand .platform-section.animation .section-wrap h2[data-v-366bd6c2],
.brand .platform-section.animation .section-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .nara-section[data-v-366bd6c2] {
    background-color: #f7f7f7
}

.brand .nara-section .section-wrap .pc-img[data-v-366bd6c2] {
    width: 861px;
    margin: 0 auto;
    display: block
}

.brand .nara-section .section-wrap .mobile-img[data-v-366bd6c2] {
    display: none
}

@media (max-width: 500px) {
    .brand .nara-section .section-wrap .pc-img[data-v-366bd6c2] {
        display: none
    }

    .brand .nara-section .section-wrap .mobile-img[data-v-366bd6c2] {
        display: block;
        margin: 0 auto;
        width: 375px
    }
}

.brand .benepia-information[data-v-366bd6c2],
.brand .nara-information[data-v-366bd6c2] {
    background-color: #ffeb60;
    padding: 80px 0
}

.brand .benepia-information .section-wrap[data-v-366bd6c2],
.brand .nara-information .section-wrap[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.brand .benepia-information .info-title[data-v-366bd6c2],
.brand .nara-information .info-title[data-v-366bd6c2] {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    padding-left: 24px
}

.brand .benepia-information .info-list[data-v-366bd6c2],
.brand .nara-information .info-list[data-v-366bd6c2] {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding: 0 24px
}

.brand .benepia-information .info-list[data-v-366bd6c2]:first-of-type,
.brand .nara-information .info-list[data-v-366bd6c2]:first-of-type {
    margin-bottom: 40px
}

.brand .benepia-information .info-list li[data-v-366bd6c2],
.brand .nara-information .info-list li[data-v-366bd6c2] {
    position: relative;
    padding-left: 12px
}

.brand .benepia-information .info-list li[data-v-366bd6c2]:not(:last-child),
.brand .nara-information .info-list li[data-v-366bd6c2]:not(:last-child) {
    margin-bottom: 4px
}

.brand .benepia-information .info-list li[data-v-366bd6c2]:before,
.brand .nara-information .info-list li[data-v-366bd6c2]:before {
    position: absolute;
    content: "ï½¥";
    display: block;
    top: 0;
    left: 0
}

.brand .benepia-information .info-list li ul[data-v-366bd6c2],
.brand .nara-information .info-list li ul[data-v-366bd6c2] {
    margin-top: 4px
}

.brand .nara-customer[data-v-366bd6c2] {
    background-color: #f7f7f7;
    padding: 80px 0
}

.brand .nara-customer .section-wrap[data-v-366bd6c2] {
    text-align: center
}

.brand .nara-customer p[data-v-366bd6c2] {
    font-size: 24px;
    color: #242424;
    margin-bottom: 20px
}

.brand .nara-customer p strong[data-v-366bd6c2] {
    padding-left: 24px
}

@media (max-width: 400px) {
    .brand .nara-customer p strong[data-v-366bd6c2] {
        display: block;
        padding: 12px 0 0
    }
}

.brand .nara-customer ul[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.brand .nara-customer ul li[data-v-366bd6c2] {
    color: #242424;
    font-size: 14px
}

.brand .nara-customer ul li[data-v-366bd6c2]:first-child {
    position: relative;
    padding-right: 12px;
    margin-right: 12px
}

.brand .nara-customer ul li[data-v-366bd6c2]:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 10px;
    background: #242424;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.brand .benepia-customer[data-v-366bd6c2] {
    background-color: #f7f7f7;
    padding: 80px 0
}

.brand .benepia-customer .section-wrap[data-v-366bd6c2] {
    text-align: center
}

.brand .benepia-customer .section-wrap[data-v-366bd6c2]:last-child {
    margin-top: 36px
}

.brand .benepia-customer p[data-v-366bd6c2] {
    font-size: 24px;
    color: #242424;
    margin-bottom: 20px
}

.brand .benepia-customer p strong[data-v-366bd6c2] {
    padding-left: 24px
}

@media (max-width: 400px) {
    .brand .benepia-customer p strong[data-v-366bd6c2] {
        display: block;
        padding: 12px 0 0
    }
}

.brand .benepia-customer ul[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.brand .benepia-customer ul li[data-v-366bd6c2] {
    color: #242424;
    font-size: 14px
}

.brand .benepia-customer ul li[data-v-366bd6c2]:first-child {
    position: relative;
    padding-right: 12px;
    margin-right: 12px
}

.brand .benepia-customer ul li[data-v-366bd6c2]:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 10px;
    background: #242424;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.brand .welfare-point-section[data-v-366bd6c2] {
    background-color: #efefef
}

.brand .welfare-point-section .section-wrap[data-v-366bd6c2] {
    padding: 80px 24px
}

.brand .welfare-point-section .section-wrap h2[data-v-366bd6c2] {
    font-size: 44px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center
}

.brand .welfare-point-section .section-wrap h2 br[data-v-366bd6c2] {
    display: none
}

.brand .welfare-point-section .section-wrap ul[data-v-366bd6c2] {
    display: flex;
    max-width: 820px;
    margin: 40px auto 0
}

.brand .welfare-point-section .section-wrap ul li[data-v-366bd6c2] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 224px;
    margin: 0 0 0 20px;
    padding: 0 24px;
    background-color: #fff;
    border-radius: 40px;
    text-align: center
}

.brand .welfare-point-section .section-wrap ul li h3[data-v-366bd6c2] {
    font-size: 20px;
    color: var(--text-01);
    font-weight: 700
}

.brand .welfare-point-section .section-wrap ul li p[data-v-366bd6c2] {
    margin-top: 16px;
    font-size: 16px;
    color: var(--text-01)
}

.brand .welfare-point-section .section-wrap ul li[data-v-366bd6c2]:first-of-type {
    margin: 0
}

@media (max-width: 833px) {
    .brand .welfare-point-section .section-wrap[data-v-366bd6c2] {
        padding: 48px 24px
    }

    .brand .welfare-point-section .section-wrap h2[data-v-366bd6c2] {
        font-size: 32px
    }

    .brand .welfare-point-section .section-wrap h2 br[data-v-366bd6c2] {
        display: block
    }

    .brand .welfare-point-section .section-wrap ul[data-v-366bd6c2] {
        display: block;
        width: 100%;
        max-width: 564px;
        margin: 24px auto 0
    }

    .brand .welfare-point-section .section-wrap ul li[data-v-366bd6c2] {
        height: 196px;
        margin: 16px 0 0
    }
}

.brand .welfare-point-section.animation .section-wrap h2[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .useguide-section[data-v-366bd6c2] {
    background-color: #f7f7f7
}

.brand .useguide-section .section-wrap[data-v-366bd6c2] {
    padding: 80px 24px
}

.brand .useguide-section .section-wrap h2[data-v-366bd6c2] {
    font-size: 44px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center
}

.brand .useguide-section .section-wrap h2 br[data-v-366bd6c2] {
    display: none
}

.brand .useguide-section .section-wrap ul[data-v-366bd6c2] {
    display: flex;
    max-width: 861px;
    margin: 80px auto 0;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.brand .useguide-section .section-wrap ul li[data-v-366bd6c2] {
    position: relative;
    height: 234px;
    max-width: 170px
}

.brand .useguide-section .section-wrap ul li[data-v-366bd6c2]:before {
    position: absolute;
    font-size: 36px;
    right: -24px;
    right: -36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 833px) {
    .brand .useguide-section .section-wrap[data-v-366bd6c2] {
        padding: 48px 24px
    }

    .brand .useguide-section .section-wrap h2[data-v-366bd6c2] {
        font-size: 32px
    }

    .brand .useguide-section .section-wrap h2 br[data-v-366bd6c2] {
        display: block
    }

    .brand .useguide-section .section-wrap ul[data-v-366bd6c2] {
        flex-wrap: wrap;
        margin: 48px auto 0
    }

    .brand .useguide-section .section-wrap ul li[data-v-366bd6c2] {
        max-width: calc(50% - 8px);
        width: 100%;
        margin-bottom: 34px;
        height: 100%
    }

    .brand .useguide-section .section-wrap ul li[data-v-366bd6c2]:nth-child(2):before {
        display: none
    }

    .brand .useguide-section .section-wrap ul li img[data-v-366bd6c2] {
        margin: 0 auto;
        display: block
    }
}

.brand .useguide-section.animation .section-wrap h2[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .manybook-section[data-v-366bd6c2] {
    background-color: #fff
}

.brand .manybook-section.animation .section-wrap .text-wrap2 h2[data-v-366bd6c2],
.brand .manybook-section.animation .section-wrap .text-wrap2 h3[data-v-366bd6c2],
.brand .manybook-section.animation .section-wrap .text-wrap2 p[data-v-366bd6c2],
.brand .manybook-section.animation .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .manybook-section.animation .section-wrap .text-wrap h3[data-v-366bd6c2],
.brand .manybook-section.animation .section-wrap .text-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .manybook-section .text-wrap2[data-v-366bd6c2] {
    color: var(--ui-10);
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px
}

.brand .manybook-section .text-wrap2 strong[data-v-366bd6c2] {
    margin-top: 14px;
    padding: 12px 47px;
    border: 2px solid #000;
    border-radius: 100px;
    display: block
}

.brand .manybook-section .text-card[data-v-366bd6c2] {
    background: var(--primary);
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .1);
    border-radius: 16px;
    max-width: 564px;
    height: 279px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.brand .manybook-section .text-card.mb24[data-v-366bd6c2] {
    margin-bottom: 24px
}

.brand .manybook-section .text-card .text[data-v-366bd6c2] {
    font-size: 20px;
    color: var(--ui-10);
    font-weight: 700;
    margin-bottom: 35px
}

.brand .manybook-section .text-card .discount[data-v-366bd6c2] {
    font-size: 24px;
    color: #fff;
    margin-bottom: 27px;
    background: #242424;
    border-radius: 38px;
    width: 234px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.brand .manybook-section .text-card .discount[data-v-366bd6c2]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 14.977l-6 6-6-6M12.5 19.977v-16' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    right: 35px;
    width: 24px;
    height: 24px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.brand .manybook-section .text-card .discount[data-v-366bd6c2]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.977l-8-8h16l-8 8z' fill='%23242424'/%3E%3C/svg%3E");
    content: "";
    bottom: -6px;
    right: 50%;
    position: absolute;
    width: 8px;
    height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg)
}

.brand .manybook-section .text-card .price[data-v-366bd6c2] {
    font-size: 18px;
    color: var(--ui-10);
    text-decoration: line-through;
    font-weight: 300
}

.brand .manybook-section .text-card .discount-price[data-v-366bd6c2] {
    font-size: 45px;
    color: var(--ui-10)
}

.brand .manybook-section .section-wrap[data-v-366bd6c2] {
    padding: 80px 24px;
    max-width: 100%
}

@media (max-width: 833px) {
    .brand .manybook-section .section-wrap[data-v-366bd6c2] {
        padding: 48px 24px
    }
}

.brand .manybook-section .section-wrap .text-wrap[data-v-366bd6c2] {
    margin-bottom: 60px
}

@media (max-width: 833px) {
    .brand .manybook-section .section-wrap .text-wrap[data-v-366bd6c2] {
        margin-bottom: 40px
    }
}

.brand .manybook-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
    text-align: center
}

@media (max-width: 720px) {
    .brand .manybook-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

.brand .manybook-section .section-wrap .text-wrap p[data-v-366bd6c2] {
    text-align: center
}

.brand .manybook-section .section-wrap .bookslide-wrap[data-v-366bd6c2] {
    margin: 80px -24px 0
}

.brand .manybook-section .section-wrap .bookslide-wrap .slide[data-v-366bd6c2] {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: 0 0
}

.brand .manybook-section .section-wrap .bookslide-wrap .slide.slide01[data-v-366bd6c2] {
    margin: -180px 0 0;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/brand/slide01.60a28a293262857688c11dd987ef290f.png) 0/3000px repeat-x;
    -webkit-animation: slideLeft-366bd6c2 100s linear infinite;
    animation: slideLeft-366bd6c2 100s linear infinite
}

.brand .manybook-section .section-wrap .bookslide-wrap .slide.slide02[data-v-366bd6c2] {
    margin: -292px 0;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/brand/slide02.aa39490069fb15948bd7a983869b4e87.png) 0/3000px repeat-x;
    -webkit-animation: slideRight-366bd6c2 100s linear infinite;
    animation: slideRight-366bd6c2 100s linear infinite
}

.brand .manybook-section .section-wrap .bookslide-wrap .slide.slide03[data-v-366bd6c2] {
    margin: 0 0 -160px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/brand/slide03.9cd70eee2e0cd131921689d6b6aaa78e.png) 0/3000px repeat-x;
    -webkit-animation: slideLeft-366bd6c2 100s linear infinite;
    animation: slideLeft-366bd6c2 100s linear infinite
}

.brand .audiodrama-section[data-v-366bd6c2] {
    background-color: #f7f7f7
}

.brand .audiodrama-section.animation .section-wrap .text-wrap2 h2[data-v-366bd6c2],
.brand .audiodrama-section.animation .section-wrap .text-wrap2 h3[data-v-366bd6c2],
.brand .audiodrama-section.animation .section-wrap .text-wrap2 p[data-v-366bd6c2],
.brand .audiodrama-section.animation .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .audiodrama-section.animation .section-wrap .text-wrap h3[data-v-366bd6c2],
.brand .audiodrama-section.animation .section-wrap .text-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .audiodrama-section .section-wrap[data-v-366bd6c2] {
    padding: 80px 0 120px;
    max-width: 100%
}

@media (max-width: 833px) {
    .brand .audiodrama-section .section-wrap[data-v-366bd6c2] {
        padding: 48px 24px 73px
    }
}

.brand .audiodrama-section .section-wrap .text-wrap[data-v-366bd6c2] {
    margin-bottom: 60px
}

@media (max-width: 833px) {
    .brand .audiodrama-section .section-wrap .text-wrap[data-v-366bd6c2] {
        margin-bottom: 40px
    }
}

.brand .audiodrama-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
    text-align: center
}

@media (max-width: 720px) {
    .brand .audiodrama-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

.brand .audiodrama-section .section-wrap .text-wrap p[data-v-366bd6c2] {
    text-align: center
}

.brand .audiodrama-section .section-wrap .video-wrap[data-v-366bd6c2] {
    max-width: 730px;
    display: block;
    margin: 0 auto;
    -webkit-filter: drop-shadow(5px 5px 50px rgba(0, 0, 0, .03)) drop-shadow(12px 12px 32px rgba(0, 0, 0, .1));
    filter: drop-shadow(5px 5px 50px rgba(0, 0, 0, .03)) drop-shadow(12px 12px 32px rgba(0, 0, 0, .1));
    position: relative
}

.brand .audiodrama-section .section-wrap .video-wrap .video-poster[data-v-366bd6c2] {
    position: relative
}

.brand .audiodrama-section .section-wrap .video-wrap .video-poster img[data-v-366bd6c2] {
    width: 100%;
    height: 100%
}

.brand .audiodrama-section .section-wrap .video-wrap .video-poster[data-v-366bd6c2]:after {
    content: "";
    background: url(https://svc-fe-artifact.millietown.com/v3/images/brand/play-btn.2793db10c08e75f4d3ea5226f19f650b.png);
    background-size: 56px;
    position: absolute;
    width: 56px;
    height: 56px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    cursor: pointer
}

.brand .audiodrama-section .section-wrap .video-wrap .iframe-video[data-v-366bd6c2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.brand .audiodrama-section .section-wrap .video-wrap .iframe-video video[data-v-366bd6c2] {
    width: inherit;
    height: inherit
}

.brand .audiodrama-section .section-wrap .video-wrap .iframe-video .youtube-player[data-v-366bd6c2] {
    aspect-ratio: 16/9;
    position: relative
}

.brand .audiodrama-section .section-wrap .objectlink-btn[data-v-366bd6c2] {
    max-width: 200px;
    margin: 24px auto 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.brand .audiodrama-section .section-wrap .objectlink-btn i[data-v-366bd6c2] {
    font-size: 24px;
    font-weight: 700
}

.brand .unlimited-section[data-v-366bd6c2] {
    background: #f7f7f7;
    max-width: 100%
}

.brand .unlimited-section.animation .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .unlimited-section.animation .section-wrap .text-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .unlimited-section .section-wrap[data-v-366bd6c2] {
    padding: 80px 0 50px;
    background: #fff;
    max-width: 100%
}

@media (max-width: 833px) {
    .brand .unlimited-section .section-wrap[data-v-366bd6c2] {
        padding: 48px 0
    }
}

.brand .unlimited-section .section-wrap .text-wrap[data-v-366bd6c2] {
    margin-bottom: 60px
}

@media (max-width: 833px) {
    .brand .unlimited-section .section-wrap .text-wrap[data-v-366bd6c2] {
        margin-bottom: 40px
    }
}

.brand .unlimited-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
    text-align: center
}

@media (max-width: 720px) {
    .brand .unlimited-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

.brand .unlimited-section .section-wrap .text-wrap p[data-v-366bd6c2] {
    text-align: center
}

.brand .unlimited-section .section-wrap .unlimited-wrap[data-v-366bd6c2] {
    margin-top: 80px
}

.brand .unlimited-section .section-wrap .unlimited-wrap .book-list[data-v-366bd6c2] {
    max-width: 1153px;
    margin: 32px auto 64px
}

.brand .unlimited-section .section-wrap .unlimited-wrap .book-list strong[data-v-366bd6c2] {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #242424;
    margin-bottom: 16px;
    padding: 0 24px
}

.brand .unlimited-section .section-wrap .unlimited-wrap .book-list .book-shelf .slide-container[data-v-366bd6c2] {
    margin: 0
}

.brand .unlimited-section .section-wrap .unlimited-wrap .book-list .book-shelf .slide-container ul li[data-v-366bd6c2] {
    cursor: auto
}

.brand .unlimited-section .section-wrap .unlimited-wrap .book-list .book-shelf .slide-container ul li .books[data-v-366bd6c2] {
    max-width: 145px
}

.brand .unlimited-section .section-wrap .unlimited-wrap .book-list .book-shelf .slide-container ul li .books a[data-v-366bd6c2] {
    cursor: -webkit-grab;
    cursor: grab
}

.brand .happy-section[data-v-366bd6c2] {
    padding-top: 80px;
    background-color: #f7f7f7
}

@media (max-width: 1439px) {
    .brand .happy-section[data-v-366bd6c2] {
        padding-top: 60px;
        margin-bottom: 60px
    }
}

@media (max-width: 833px) {
    .brand .happy-section[data-v-366bd6c2] {
        padding-top: 48px;
        margin-bottom: 48px
    }
}

.brand .happy-section .section-wrap[data-v-366bd6c2] {
    text-align: center
}

.brand .happy-section .content-wrap[data-v-366bd6c2] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.brand .happy-section .content-wrap .challenge-wrap .inner-wrap[data-v-366bd6c2] {
    position: relative
}

.brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc[data-v-366bd6c2] {
    position: absolute;
    top: 64px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc strong[data-v-366bd6c2] {
    display: none;
    color: #171717
}

.brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc p[data-v-366bd6c2] {
    white-space: nowrap
}

@media (min-width: 1440px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .pc-title[data-v-366bd6c2] {
        display: block
    }
}

@media (max-width: 1439px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .pc-title[data-v-366bd6c2] {
        display: none
    }

    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .tablet-title[data-v-366bd6c2] {
        display: block
    }
}

@media (max-width: 833px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .tablet-title[data-v-366bd6c2] {
        display: none
    }

    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .mo-title[data-v-366bd6c2] {
        display: block
    }
}

.brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .mds-font--body02[data-v-366bd6c2] {
    margin-top: 12px;
    color: #333
}

@media (min-width: 1440px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .mds-font--body02[data-v-366bd6c2] {
        font-size: 21px;
        line-height: 32px
    }
}

.brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .mo[data-v-366bd6c2] {
    display: none
}

@media (max-width: 833px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc .mo[data-v-366bd6c2] {
        display: block
    }
}

.brand .happy-section .content-wrap .challenge-wrap img[data-v-366bd6c2] {
    display: none;
    margin: 0 auto
}

.brand .happy-section .content-wrap .challenge-wrap .pc-img[data-v-366bd6c2] {
    width: 100%;
    max-width: 1061px;
    margin-top: 80px
}

.brand .happy-section .content-wrap .challenge-wrap .tablet-img[data-v-366bd6c2] {
    width: 100%;
    max-width: 678px;
    margin-top: 40px
}

.brand .happy-section .content-wrap .challenge-wrap .mo-img[data-v-366bd6c2] {
    width: 100%;
    max-width: 327px;
    margin-top: 46px
}

@media (min-width: 1440px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap[data-v-366bd6c2] {
        padding: 0 190px
    }

    .brand .happy-section .content-wrap .challenge-wrap .pc-img[data-v-366bd6c2] {
        display: block
    }
}

@media (max-width: 1439px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap[data-v-366bd6c2] {
        padding: 0 78px
    }

    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc[data-v-366bd6c2] {
        top: 48px
    }

    .brand .happy-section .content-wrap .challenge-wrap .pc-img[data-v-366bd6c2] {
        display: none
    }

    .brand .happy-section .content-wrap .challenge-wrap .tablet-img[data-v-366bd6c2] {
        display: block
    }
}

@media (max-width: 833px) {
    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap[data-v-366bd6c2] {
        padding: 0 24px
    }

    .brand .happy-section .content-wrap .challenge-wrap .inner-wrap .challenge-desc[data-v-366bd6c2] {
        top: 32px
    }

    .brand .happy-section .content-wrap .challenge-wrap .tablet-img[data-v-366bd6c2] {
        display: none
    }

    .brand .happy-section .content-wrap .challenge-wrap .mo-img[data-v-366bd6c2] {
        display: block
    }
}

.brand .happy-section .content-wrap .card-wrap[data-v-366bd6c2] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
    padding-bottom: 140px;
    max-width: 1061px;
    width: 100%
}

.brand .happy-section .content-wrap .card-wrap .inner-wrap[data-v-366bd6c2] {
    padding: 0 190px
}

.brand .happy-section .content-wrap .card-wrap .mds-shadow--card[data-v-366bd6c2] {
    width: 327px;
    border-radius: 20px
}

@media (max-width: 1439px) {
    .brand .happy-section .content-wrap .card-wrap[data-v-366bd6c2] {
        max-width: 678px;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        padding-bottom: 60px
    }

    .brand .happy-section .content-wrap .card-wrap .inner-wrap[data-v-366bd6c2] {
        padding: 0 78px
    }

    .brand .happy-section .content-wrap .card-wrap>.card-item[data-v-366bd6c2]:last-child {
        grid-column: 1/3
    }
}

@media (max-width: 833px) {
    .brand .happy-section .content-wrap .card-wrap[data-v-366bd6c2] {
        display: none
    }

    .brand .happy-section .content-wrap .card-wrap .inner-wrap[data-v-366bd6c2] {
        padding: 0 24px
    }
}

.brand .happy-section .content-wrap .swiper-wrap[data-v-366bd6c2] {
    display: none;
    padding: 20px 0 56px;
    width: 100%;
    max-width: 375px
}

.brand .happy-section .content-wrap .swiper-wrap .swiper-container[data-v-366bd6c2] {
    padding: 20px 24px 32px
}

.brand .happy-section .content-wrap .swiper-wrap .swiper-wrapper[data-v-366bd6c2] {
    margin: 20px -24px 32px
}

.brand .happy-section .content-wrap .swiper-wrap .slide-item[data-v-366bd6c2] {
    max-width: 327px
}

.brand .happy-section .content-wrap .swiper-wrap .mds-shadow--card[data-v-366bd6c2] {
    width: 100%;
    max-width: 327px;
    border-radius: 20px
}

.brand .happy-section .content-wrap .swiper-wrap[data-v-366bd6c2] .swiper-pagination-bullet {
    opacity: 1;
    border: 1px solid #242424;
    background-color: transparent
}

.brand .happy-section .content-wrap .swiper-wrap[data-v-366bd6c2] .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 8px
}

.brand .happy-section .content-wrap .swiper-wrap[data-v-366bd6c2] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #242424
}

@media (max-width: 833px) {
    .brand .happy-section .content-wrap .swiper-wrap[data-v-366bd6c2] {
        display: block
    }
}

.brand .happy-section.animation.happy-section .card-wrap[data-v-366bd6c2],
.brand .happy-section.animation.happy-section .swiper-wrap .swiper-container[data-v-366bd6c2],
.brand .happy-section.animation .section-wrap h2[data-v-366bd6c2],
.brand .happy-section.animation .section-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .bestSellerList-section[data-v-366bd6c2] {
    background: #f7f7f7
}

.brand .bestSellerList-section.animation .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .bestSellerList-section.animation .section-wrap .text-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .bestSellerList-section .section-wrap[data-v-366bd6c2] {
    padding: 0;
    background: #fff;
    max-width: 100%
}

.brand .bestSellerList-section .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .bestSellerList-section .section-wrap .text-wrap p[data-v-366bd6c2] {
    text-align: center
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap[data-v-366bd6c2] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 74px 0 32px
}

@media (max-width: 843px) {
    .brand .bestSellerList-section .section-wrap .bestSellerList-wrap[data-v-366bd6c2] {
        padding: 40px 0 16px;
        margin: 0 -24px 0 0
    }
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter[data-v-366bd6c2] {
    overflow: hidden
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter .slide-container[data-v-366bd6c2] {
    padding: 0 24px
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter .swiper-slide[data-v-366bd6c2] {
    margin-left: 8px;
    width: auto
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter .swiper-slide[data-v-366bd6c2]:first-child {
    margin-left: 0
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter .slide-wrapper[data-v-366bd6c2] {
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-right: 24px;
    margin-bottom: 4px
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter .slide-item[data-v-366bd6c2] {
    margin-left: 8px
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter .slide-item[data-v-366bd6c2]:first-child {
    margin-left: 0
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter button[data-v-366bd6c2] {
    font-size: 14px;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    padding: 6px 16px;
    display: block;
    border: 1px solid #242424;
    border-radius: 100px
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .filter button.active[data-v-366bd6c2] {
    background: #242424;
    color: #fff
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .title[data-v-366bd6c2] {
    padding: 20px 0 8px;
    margin: 0 16px 0 24px;
    border-bottom: 1px solid #555;
    color: #6f6f6f;
    font-size: 16px
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .bestSeller-list[data-v-366bd6c2] {
    padding-top: 16px
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .bestSeller-list .book-shelf .slide-container ul li[data-v-366bd6c2] {
    cursor: auto
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .bestSeller-list .book-shelf .slide-container ul li .books[data-v-366bd6c2] {
    max-width: 145px
}

.brand .bestSellerList-section .section-wrap .bestSellerList-wrap .bestSeller-list .book-shelf .slide-container ul li .books a[data-v-366bd6c2] {
    cursor: -webkit-grab;
    cursor: grab
}

@media (max-width: 843px) {
    .brand .bestSellerList-section .section-wrap .bestSellerList-wrap .bestSeller-list .book-shelf .slide-container ul li[data-v-366bd6c2]:last-child {
        padding-right: 24px
    }
}

.brand .reading-section[data-v-366bd6c2] {
    background-color: #f7f7f7;
    padding: 80px 0 0
}

.brand .reading-section.animation .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .reading-section.animation .section-wrap .text-wrap p[data-v-366bd6c2] {
    text-align: center;
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .reading-section.animation .section-wrap .card01[data-v-366bd6c2] {
    -webkit-animation: scale-366bd6c2 .5s ease-in-out forwards;
    animation: scale-366bd6c2 .5s ease-in-out forwards
}

.brand .reading-section.animation .section-wrap .card02[data-v-366bd6c2] {
    -webkit-animation: scale-366bd6c2 .7s ease-in-out forwards;
    animation: scale-366bd6c2 .7s ease-in-out forwards
}

.brand .reading-section.animation .section-wrap .card03[data-v-366bd6c2] {
    -webkit-animation: scale-366bd6c2 1s ease-in-out forwards;
    animation: scale-366bd6c2 1s ease-in-out forwards
}

.brand .reading-section.animation .section-wrap .card04[data-v-366bd6c2] {
    -webkit-animation: scale-366bd6c2 1.1s ease-in-out forwards;
    animation: scale-366bd6c2 1.1s ease-in-out forwards
}

.brand .reading-section .section-wrap .reading-wrap[data-v-366bd6c2] {
    padding: 40px 24px 0
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap[data-v-366bd6c2] {
    position: relative;
    max-width: 834px;
    margin: 0 auto
}

@media (max-width: 833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap[data-v-366bd6c2] {
        max-width: 375px
    }
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .background-wrap[data-v-366bd6c2] {
    position: relative
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .background-wrap .mock[data-v-366bd6c2] {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    position: relative;
    display: inline-block;
    max-width: 410px
}

@media (max-width: 833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .background-wrap .mock[data-v-366bd6c2] {
        z-index: 2;
        max-width: 300px
    }
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .background-wrap .toolip[data-v-366bd6c2] {
    border-radius: 8px;
    position: absolute;
    top: 49%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .1);
    min-width: 297px
}

@media (max-width: 833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .background-wrap .toolip[data-v-366bd6c2] {
        z-index: 3
    }
}

@media (max-width: 833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap[data-v-366bd6c2] {
        padding-top: 300px
    }
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2] {
    position: absolute;
    max-width: 172px
}

@media (min-width: 361px) and (max-width:400px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2] {
        max-width: 162px
    }
}

@media (max-width: 360px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2] {
        max-width: 148px
    }
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:first-child {
    top: 50%;
    left: -3%
}

@media (min-width: 1040px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:first-child {
        left: -10%
    }
}

@media (max-width: 833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:first-child {
        top: 35%;
        left: -6%
    }
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(2) {
    top: 12%;
    left: 3%
}

@media (min-width: 1040px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(2) {
        left: 0
    }
}

@media (min-width: 390px) and (max-width:833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(2) {
        top: 11%;
        left: 6%
    }
}

@media (max-width: 389px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(2) {
        top: 11%;
        left: 0
    }
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(3) {
    top: 12%;
    right: 3%
}

@media (min-width: 1040px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(3) {
        right: 0
    }
}

@media (min-width: 365px) and (max-width:833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(3) {
        top: 2%;
        right: 5%
    }
}

@media (max-width: 364px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(3) {
        top: 2%;
        right: 0
    }
}

.brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(4) {
    top: 50%;
    right: -3%
}

@media (min-width: 1040px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(4) {
        right: -10%
    }
}

@media (max-width: 833px) {
    .brand .reading-section .section-wrap .reading-wrap .content-wrap .card-wrap .card[data-v-366bd6c2]:nth-child(4) {
        top: 32%;
        right: -4%
    }
}

.brand .price-section[data-v-366bd6c2] {
    background-color: #ffeb60
}

.brand .price-section.animation .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .price-section.animation .section-wrap .text-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .price-section .section-wrap[data-v-366bd6c2] {
    padding: 80px 2% 100px
}

@media (max-width: 833px) {
    .brand .price-section .section-wrap[data-v-366bd6c2] {
        padding: 48px 24px
    }
}

.brand .price-section .section-wrap .text-wrap[data-v-366bd6c2] {
    margin-bottom: 60px
}

@media (max-width: 833px) {
    .brand .price-section .section-wrap .text-wrap[data-v-366bd6c2] {
        margin-bottom: 40px
    }
}

.brand .price-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
    text-align: center
}

@media (max-width: 720px) {
    .brand .price-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
        font-size: 32px;
        margin-bottom: 16px
    }
}

.brand .price-section .section-wrap .text-wrap p[data-v-366bd6c2] {
    text-align: center
}

.brand .price-section .section-wrap .price-wrap[data-v-366bd6c2] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 1024px
}

@media (max-width: 1024px) {
    .brand .price-section .section-wrap .price-wrap[data-v-366bd6c2] {
        flex-direction: column
    }
}

.brand .price-section .section-wrap .price-wrap .price-list[data-v-366bd6c2] {
    display: flex;
    flex-direction: row
}

@media (max-width: 719px) {
    .brand .price-section .section-wrap .price-wrap .price-list[data-v-366bd6c2] {
        flex-direction: column
    }

    .brand .price-section .section-wrap .price-wrap .price-list>li[data-v-366bd6c2] {
        margin-right: 0 !important
    }

    .brand .price-section .section-wrap .price-wrap .price-list>li[data-v-366bd6c2]:first-child {
        margin-bottom: 24px
    }
}

.brand .price-section .section-wrap .price-wrap .price-list>li[data-v-366bd6c2] {
    background: #fff;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .1);
    border-radius: 16px;
    padding: 32px;
    width: 327px
}

.brand .price-section .section-wrap .price-wrap .price-list>li[data-v-366bd6c2]:first-child {
    margin-right: 24px
}

@media (min-width: 1439px) {
    .brand .price-section .section-wrap .price-wrap .price-list>li[data-v-366bd6c2] {
        width: 400px
    }
}

.brand .price-section .section-wrap .price-wrap .price-list>li strong[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #242424
}

.brand .price-section .section-wrap .price-wrap .price-list>li>.desc[data-v-366bd6c2] {
    margin-top: 4px;
    color: #6f6f6f
}

.brand .price-section .section-wrap .price-wrap .price-list>li>.caption-list>li[data-v-366bd6c2] {
    list-style-type: "•";
    list-style-position: outside;
    margin-left: 7px;
    color: #a5a5a5
}

.brand .price-section .section-wrap .price-wrap .price-list>li .month[data-v-366bd6c2] {
    display: flex;
    align-items: baseline;
    margin-top: 48px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .month.mt24[data-v-366bd6c2] {
    margin-top: 24px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .month span[data-v-366bd6c2] {
    font-size: 24px;
    line-height: 34px;
    color: #242424;
    margin-right: 8px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .month p[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    color: #242424
}

.brand .price-section .section-wrap .price-wrap .price-list>li .month b[data-v-366bd6c2] {
    color: #242424
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year[data-v-366bd6c2] {
    display: inline-block;
    margin: 16px 0 20px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .basic-price[data-v-366bd6c2] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-right: 25px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .basic-price p[data-v-366bd6c2] {
    font-weight: 300;
    font-size: 18px;
    line-height: 21.6px;
    color: #6f6f6f;
    margin: 0 4px 0 46px;
    text-decoration: line-through
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .basic-price .discount-1[data-v-366bd6c2] {
    max-width: 55px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .basic-price .discount-2[data-v-366bd6c2] {
    max-width: 47px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .discount-price[data-v-366bd6c2] {
    display: flex;
    align-items: baseline
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .discount-price span[data-v-366bd6c2] {
    font-size: 24px;
    line-height: 34px;
    color: #242424;
    margin-right: 6px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .discount-price p[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    color: #242424;
    margin-right: 2px
}

.brand .price-section .section-wrap .price-wrap .price-list>li .year .discount-price b[data-v-366bd6c2] {
    color: #242424
}

.brand .price-section .section-wrap .price-wrap .price-list>li .sub-info[data-v-366bd6c2] {
    font-size: 14px;
    line-height: 20px;
    color: #6f6f6f
}

.brand .content-section[data-v-366bd6c2] {
    background-color: #f7f7f7
}

.brand .content-section.animation .section-wrap .introduce .phone-wrap[data-v-366bd6c2] {
    -webkit-animation: smallfadeIn-366bd6c2 1.5s forwards;
    animation: smallfadeIn-366bd6c2 1.5s forwards
}

.brand .content-section.animation .section-wrap .introduce .text-wrap h2[data-v-366bd6c2],
.brand .content-section.animation .section-wrap .introduce p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .content-section.review .section-wrap[data-v-366bd6c2] {
    padding: 79px 0
}

@media (max-width: 843px) {
    .brand .content-section.review .section-wrap[data-v-366bd6c2] {
        padding: 48px 0 0
    }
}

.brand .content-section.review .section-wrap .introduce[data-v-366bd6c2] {
    display: block
}

.brand .content-section.review .section-wrap .introduce .text-wrap[data-v-366bd6c2] {
    text-align: center;
    margin: 62px 0;
    position: relative;
    visibility: visible
}

.brand .content-section.review .section-wrap .introduce .text-wrap.review[data-v-366bd6c2]:before {
    left: 50%
}

.brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper[data-v-366bd6c2] {
    align-items: stretch;
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-right: 24px
}

@media (max-width: 843px) {
    .brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper[data-v-366bd6c2] {
        padding: 0 0 40px
    }
}

.brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper .slide-item[data-v-366bd6c2] {
    width: 20%;
    min-width: 384px;
    margin-left: 16px;
    max-width: 384px
}

@media (max-width: 843px) {
    .brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper .slide-item[data-v-366bd6c2] {
        width: 20%;
        min-width: 286px;
        margin-left: 16px;
        max-width: 384px
    }

    .brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper .slide-item .inner[data-v-366bd6c2] {
        cursor: -webkit-grab;
        cursor: grab
    }
}

.brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper .slide-item .inner[data-v-366bd6c2] {
    cursor: -webkit-grab;
    cursor: grab;
    position: relative
}

.brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper .slide-item .inner[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/btn-video-play.e80115f69b4cc27b96f0f789f1514203.svg) 0 0 no-repeat;
    background-size: cover;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brand .content-section.review .section-wrap .introduce .author-box .slide-wrapper .slide-item .inner+div[data-v-366bd6c2] {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.brand .content-section.review .section-wrap .introduce .author-box .thumbnail[data-v-366bd6c2] {
    width: 300px;
    height: 300px;
    background: linear-gradient(90deg, var(--ui-05) 25%, var(--ui-05) 37%, var(--ui-05) 63%)
}

.brand .content-section.review .section-wrap .introduce .author-box .thumbnail img[data-v-366bd6c2] {
    /* opacity: 0 */
    ;
    transition: opacity 1s
}

.brand .content-section.review .section-wrap .introduce .author-box .data[data-v-366bd6c2] {
    margin-top: 12px
}

.brand .content-section.review .section-wrap .introduce .author-box .data .desc[data-v-366bd6c2] {
    display: block !important;
    font-size: 16px;
    color: #6f6f6f;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.brand .content-section.review .section-wrap .introduce .author-box .data .name[data-v-366bd6c2] {
    display: block !important;
    font-weight: 700;
    font-size: 16px;
    margin-top: 2px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 843px) {

    .brand .content-section.today .section-wrap .slide-data .pagination-wrap[data-v-366bd6c2],
    .brand .content-section.today .section-wrap .slide-data ul[data-v-366bd6c2] {
        padding-left: 22px
    }
}

.brand .content-section .section-wrap[data-v-366bd6c2] {
    padding: 74px 142px;
    position: relative
}

.brand .content-section .section-wrap h2[data-v-366bd6c2] {
    margin-bottom: 16px
}

@media (min-width: 843px) and (max-width:1180px) {
    .brand .content-section .section-wrap[data-v-366bd6c2] {
        padding: 74px 8%
    }
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap[data-v-366bd6c2] {
        padding: 32px 0
    }
}

.brand .content-section .section-wrap .introduce[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .introduce[data-v-366bd6c2] {
        flex-direction: column
    }
}

.brand .content-section .section-wrap .introduce .text-wrap[data-v-366bd6c2] {
    flex: 1;
    margin-bottom: 30%;
    position: relative;
    min-width: 171px
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .introduce .text-wrap[data-v-366bd6c2] {
        margin: 54px 0 18px
    }
}

.brand .content-section .section-wrap .introduce .text-wrap[data-v-366bd6c2]:before {
    content: "";
    width: 44px;
    height: 44px;
    background-size: 44px;
    position: absolute;
    left: 24px;
    top: -70px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .introduce .text-wrap[data-v-366bd6c2]:before {
        -webkit-transform: translate(-50%, 16px);
        transform: translate(-50%, 16px);
        left: 50%
    }
}

.brand .content-section .section-wrap .introduce .text-wrap.audiobook[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/audiobook-icon.ecfb1fa3014a2e0be79342716dc8a86f.png)
}

.brand .content-section .section-wrap .introduce .text-wrap.viewer[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/viewer-icon.c49e77ea89d398be90db5e66eb316acd.png)
}

.brand .content-section .section-wrap .introduce .text-wrap.today[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/today-icon.8bce971f9d729b0b0fbdc4f7ddc3d95d.png)
}

.brand .content-section .section-wrap .introduce .text-wrap.review[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/review-icon.f75a7f4e9620e0d5b551a2fbd01315bd.png)
}

.brand .content-section .section-wrap .introduce .phone-wrap .swiper-container[data-v-366bd6c2] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    border-radius: 54px;
    background-color: #fff
}

.brand .content-section .section-wrap .introduce .phone-wrap .swiper-container[data-v-366bd6c2] .swiper-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.brand .content-section .section-wrap .introduce .phone-wrap .swiper-container[data-v-366bd6c2] .slide-item {
    width: 100%;
    height: 100%
}

.brand .content-section .section-wrap .introduce .phone-wrap .img-shape[data-v-366bd6c2] {
    max-width: 400px
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .introduce .phone-wrap .img-shape[data-v-366bd6c2] {
        margin: 0 -24px !important;
        max-width: 340px !important
    }
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape[data-v-366bd6c2] {
    overflow: hidden;
    position: relative;
    z-index: 10;
    max-width: 330px;
    -webkit-filter: drop-shadow(10px 10px 40px rgba(0, 0, 0, .1));
    filter: drop-shadow(10px 10px 40px rgba(0, 0, 0, .1))
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape.isBig[data-v-366bd6c2] {
    width: 500px;
    height: 800px
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .introduce .phone-wrap .phone-shape[data-v-366bd6c2] {
        max-width: 227px
    }
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape img[data-v-366bd6c2] {
    position: relative;
    z-index: 1000
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape .screen-wrap[data-v-366bd6c2] {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 15px
}

@media (max-width: 844px) {
    .brand .content-section .section-wrap .introduce .phone-wrap .phone-shape .screen-wrap[data-v-366bd6c2] {
        padding: 10px
    }
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape .screen-wrap .screen-content[data-v-366bd6c2] {
    overflow: hidden;
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape .screen-wrap .screen-content img[data-v-366bd6c2] {
    width: 100%;
    height: 100%
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape .screen-wrap .screen-content img.pl13[data-v-366bd6c2] {
    padding: 4px 4px 4px 13px
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape .screen-wrap .screen-content .video-wrap[data-v-366bd6c2] {
    width: 100%;
    height: 100%;
    margin-left: -1px
}

.brand .content-section .section-wrap .introduce .phone-wrap .phone-shape .screen-wrap .screen-content .video-wrap video[data-v-366bd6c2] {
    width: 100%;
    height: 100%;
    margin: 0
}

.brand .content-section .section-wrap .slide-data[data-v-366bd6c2] {
    position: absolute;
    bottom: 20%;
    font-weight: 700;
    font-size: 22px;
    line-height: 160%;
    letter-spacing: -.6px;
    color: #242424
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .slide-data[data-v-366bd6c2] {
        position: relative;
        text-align: center;
        font-size: 18px;
        margin-top: 32px
    }
}

.brand .content-section .section-wrap .slide-data p[data-v-366bd6c2] {
    font-weight: 500;
    margin-bottom: 24px
}

.brand .content-section .section-wrap .slide-data .pagination-wrap[data-v-366bd6c2] {
    width: 100%;
    max-width: 262px;
    padding-bottom: 24px
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .slide-data .pagination-wrap[data-v-366bd6c2] {
        max-width: 208px;
        margin: 0 auto
    }
}

.brand .content-section .section-wrap .slide-data ul[data-v-366bd6c2] {
    display: flex;
    margin-top: 40px
}

@media (max-width: 843px) {
    .brand .content-section .section-wrap .slide-data ul[data-v-366bd6c2] {
        max-width: 208px;
        margin: 24px auto 0
    }
}

.brand .content-section .section-wrap .slide-data ul li[data-v-366bd6c2] {
    margin-right: 8px
}

.brand .content-section .section-wrap .slide-data ul li button[data-v-366bd6c2] {
    font-size: 14px;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    padding: 2px 18px;
    display: block;
    border: 1px solid #242424;
    border-radius: 100px
}

.brand .content-section .section-wrap .slide-data ul li.active button[data-v-366bd6c2] {
    background: #242424;
    color: #fff
}

.brand .content-section .tab-wrap[data-v-366bd6c2] {
    background-color: #fff
}

.brand .content-section .tab-wrap ul[data-v-366bd6c2] {
    max-width: 1156px;
    margin: 0 auto;
    display: flex;
    flex-direction: row
}

.brand .content-section .tab-wrap ul li[data-v-366bd6c2] {
    cursor: pointer;
    padding: 54px 16px 33px;
    background: #fff;
    text-align: center;
    position: relative;
    flex: 1;
    border-left: 1px solid #f7f7f7
}

@media (max-width: 480px) {
    .brand .content-section .tab-wrap ul li[data-v-366bd6c2] {
        padding: 46px 0 16px
    }

    .brand .content-section .tab-wrap ul li[data-v-366bd6c2]:before {
        top: 20% !important
    }
}

.brand .content-section .tab-wrap ul li[data-v-366bd6c2]:first-child {
    border: none
}

.brand .content-section .tab-wrap ul li.active[data-v-366bd6c2] {
    background-color: #f7f7f7
}

.brand .content-section .tab-wrap ul li[data-v-366bd6c2]:before {
    content: "";
    width: 24px;
    height: 24px;
    background-size: 24px;
    position: absolute;
    left: 50%;
    top: 25%;
    -webkit-transform: translate(-52%);
    transform: translate(-52%)
}

.brand .content-section .tab-wrap ul li.audiobook[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/audiobook-border.40db36887379dbd5eee2bc4f75aa875f.png)
}

.brand .content-section .tab-wrap ul li.viewer[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/viewer-border.dcd3ac6fb82f44757ef93aa7253bf115.png)
}

.brand .content-section .tab-wrap ul li.today[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/today-border.54bab35f41c275a0f31b94ff657995d0.png)
}

.brand .content-section .tab-wrap ul li.review[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/review-border.f0cb9d2463fd1e7a3297e6da4e8cdb0e.png)
}

.brand .review-section[data-v-366bd6c2] {
    background: #f7f7f7;
    padding-top: 160px
}

@media (max-width: 843px) {
    .brand .review-section[data-v-366bd6c2] {
        padding-top: 120px
    }
}

.brand .review-section.animation .section-wrap .text-wrap h2[data-v-366bd6c2],
.brand .review-section.animation .section-wrap p[data-v-366bd6c2] {
    -webkit-animation: fadeIn-366bd6c2 2s forwards;
    animation: fadeIn-366bd6c2 2s forwards
}

.brand .review-section .review-section-bg[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/review-bg.7113d143354a257d6ddad264072b913e.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media (max-width: 640px) {
    .brand .review-section .review-section-bg[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/review-bg-mobile.95964acc863a582764fa08511ac938fb.png)
    }
}

.brand .review-section .review-section-bg .section-wrap[data-v-366bd6c2] {
    display: flex;
    flex-direction: row;
    padding: 0 202px 80px 162px;
    position: relative;
    overflow: visible
}

@media (min-width: 946px) and (max-width:1254px) {
    .brand .review-section .review-section-bg .section-wrap[data-v-366bd6c2] {
        padding: 0 6% 80px 5%
    }
}

@media (min-width: 843px) and (max-width:945px) {
    .brand .review-section .review-section-bg .section-wrap[data-v-366bd6c2] {
        padding: 0 6% 50px 4%
    }
}

@media (min-width: 501px) and (max-width:843px) {
    .brand .review-section .review-section-bg .section-wrap[data-v-366bd6c2] {
        flex-direction: column;
        padding: 0 0 60px
    }
}

@media (max-width: 500px) {
    .brand .review-section .review-section-bg .section-wrap[data-v-366bd6c2] {
        flex-direction: column;
        padding: 0 0 48px
    }
}

.brand .review-section .review-section-bg .section-wrap .review-video[data-v-366bd6c2] {
    cursor: pointer;
    margin-top: -88px;
    position: relative
}

@media (max-width: 843px) {
    .brand .review-section .review-section-bg .section-wrap .review-video[data-v-366bd6c2] {
        margin: -94px auto
    }
}

.brand .review-section .review-section-bg .section-wrap .review-video[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/btn-video-play.e80115f69b4cc27b96f0f789f1514203.svg) 0 0 no-repeat;
    background-size: cover;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brand .review-section .review-section-bg .section-wrap .review-video img[data-v-366bd6c2] {
    width: 100%;
    max-width: 508px
}

@media (min-width: 843px) and (max-width:945px) {
    .brand .review-section .review-section-bg .section-wrap .review-video img[data-v-366bd6c2] {
        max-width: 448px
    }
}

@media (max-width: 843px) {
    .brand .review-section .review-section-bg .section-wrap .review-video img[data-v-366bd6c2] {
        max-width: 387px
    }
}

.brand .review-section .review-section-bg .section-wrap .text-wrap[data-v-366bd6c2] {
    padding-top: 80px;
    margin-left: auto
}

@media (max-width: 843px) {
    .brand .review-section .review-section-bg .section-wrap .text-wrap[data-v-366bd6c2] {
        margin: 0 auto;
        padding-top: 100px
    }
}

@media (min-width: 843px) and (max-width:945px) {
    .brand .review-section .review-section-bg .section-wrap .text-wrap h2[data-v-366bd6c2] {
        font-size: 40px
    }

    .brand .review-section .review-section-bg .section-wrap .text-wrap p[data-v-366bd6c2] {
        font-size: 18px
    }
}

.brand .review-section .iframe-video[data-v-366bd6c2] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -18%;
    max-width: 499px;
    padding: 40px 42px;
    display: block
}

@media (min-width: 843px) and (max-width:945px) {
    .brand .review-section .iframe-video[data-v-366bd6c2] {
        top: -14%;
        height: 366px;
        padding: 0 39px 0 36px;
        width: 47%;
        width: 441px
    }
}

@media (min-width: 370px) and (max-width:842px) {
    .brand .review-section .iframe-video[data-v-366bd6c2] {
        max-width: 317px;
        padding: 0;
        max-height: 317px;
        top: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-51%);
        transform: translate(-51%);
        top: -13%
    }
}

@media (min-width: 340px) and (max-width:369px) {
    .brand .review-section .iframe-video[data-v-366bd6c2] {
        max-width: 82%;
        padding: 0;
        max-height: 300px;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-51.5%);
        transform: translate(-51.5%);
        top: -14%
    }
}

@media (max-width: 339px) {
    .brand .review-section .iframe-video[data-v-366bd6c2] {
        max-width: 82%;
        padding: 0;
        max-height: 278px;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-51.5%);
        transform: translate(-51.5%);
        top: -15%
    }
}

.brand .review-section .iframe-video .youtube-player[data-v-366bd6c2] {
    height: 100%
}

.brand .qna-section[data-v-366bd6c2] {
    background: #ffeb60;
    position: relative
}

.brand .qna-section .section-wrap[data-v-366bd6c2] {
    padding: 80px 24px 84px
}

.brand .qna-section .section-wrap.isapp[data-v-366bd6c2] {
    padding: 40px 24px 102px
}

@media (min-width: 720px) and (max-width:1180px) {
    .brand .qna-section .section-wrap[data-v-366bd6c2] {
        padding: 80px 10% 84px
    }
}

@media (max-width: 720px) {
    .brand .qna-section .section-wrap[data-v-366bd6c2] {
        padding: 40px 24px 84px
    }
}

.brand .qna-section .section-wrap .text-wrap h2[data-v-366bd6c2] {
    text-align: center;
    opacity: 1
}

.brand .qna-section .qna-wrap[data-v-366bd6c2] {
    margin-top: 60px
}

@media (max-width: 720px) {
    .brand .qna-section .qna-wrap[data-v-366bd6c2] {
        margin-top: 50px
    }
}

.brand .qna-section .qna-wrap ul[data-v-366bd6c2] {
    max-width: 920px;
    margin: 0 auto
}

.brand .qna-section .qna-wrap ul li[data-v-366bd6c2] {
    position: relative;
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .1);
    border-radius: 20px;
    padding: 22px 24px 24px;
    transition: max-height .4s;
    max-height: 58px;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 405px) {
    .brand .qna-section .qna-wrap ul li[data-v-366bd6c2]:nth-child(2) {
        max-height: 80px
    }
}

@media (max-width: 384px) {
    .brand .qna-section .qna-wrap ul li[data-v-366bd6c2]:nth-child(3) {
        max-height: 80px
    }
}

@media (max-width: 332px) {
    .brand .qna-section .qna-wrap ul li[data-v-366bd6c2]:nth-child(5) {
        max-height: 80px
    }
}

.brand .qna-section .qna-wrap ul li[data-v-366bd6c2]:last-child {
    margin-bottom: 0
}

.brand .qna-section .qna-wrap ul li .question[data-v-366bd6c2] {
    margin-top: -5px
}

.brand .qna-section .qna-wrap ul li .question p[data-v-366bd6c2] {
    margin-right: 33px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.6px;
    color: #242424
}

@media (max-width: 720px) {
    .brand .qna-section .qna-wrap ul li .question p[data-v-366bd6c2] {
        font-size: 16px
    }
}

.brand .qna-section .qna-wrap ul li .question[data-v-366bd6c2]:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/down.ad6759519210e8ae0cf9c13157ede6b7.png);
    background-size: 24px;
    position: absolute;
    right: 20px;
    top: 16px
}

.brand .qna-section .qna-wrap ul li .answer[data-v-366bd6c2] {
    border-top: 1px solid #242424;
    margin-top: 20px
}

.brand .qna-section .qna-wrap ul li .answer p[data-v-366bd6c2] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.6px;
    color: #555;
    padding-top: 16px
}

@media (max-width: 720px) {
    .brand .qna-section .qna-wrap ul li .answer p[data-v-366bd6c2] {
        font-size: 14px
    }
}

.brand .qna-section .qna-wrap ul li.active[data-v-366bd6c2] {
    transition: max-height 1s;
    max-height: 500px
}

.brand .qna-section .qna-wrap ul li.active .question[data-v-366bd6c2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/up.a3240ab0ff41a500d14dcd11eef4de8e.png)
}

.book-shelf-skeleton.bestSeller[data-v-366bd6c2] {
    margin: 16px 0 0 -24px
}

.skeleton-box[data-v-366bd6c2] {
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 0 24px
}

.skeleton-book[data-v-366bd6c2],
.skeleton-text[data-v-366bd6c2] {
    width: 145px;
    height: 215px;
    margin-bottom: 12px;
    vertical-align: top;
    background: linear-gradient(90deg, var(--ui-05) 25%, var(--ui-05) 37%, var(--ui-05) 63%);
    background-size: 400% 100%
}

.skeleton-inner[data-v-366bd6c2] {
    margin-right: 16px
}

.bestseller-landing[data-v-366bd6c2] {
    width: 100%;
    background-color: #eef2ff;
    cursor: pointer;
    height: 180px
}

@media (max-width: 843px) {
    .bestseller-landing[data-v-366bd6c2] {
        height: 140px
    }
}

.bestseller-landing .section-wrap[data-v-366bd6c2] {
    max-width: 920px;
    height: 100%;
    display: flex;
    align-items: center;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/landing-visual.e0176c2433fc3236ff20ca327a9ecafd.png);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: 60% bottom;
    justify-content: space-between;
    padding: 0 24px;
    position: relative
}

@media (max-width: 843px) {
    .bestseller-landing .section-wrap[data-v-366bd6c2] {
        background-size: 248px;
        background-position: 178px bottom;
        max-width: 400px;
        padding: 20px;
        align-items: normal
    }
}

.bestseller-landing .section-wrap h2[data-v-366bd6c2] {
    overflow: hidden;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/brand/bestseller-landing.6ac375e37cf1c14d5e41818db67ee331.png);
    background-size: 224px;
    background-repeat: no-repeat;
    width: 224px;
    height: 88px;
    color: transparent;
    background-position: 50%;
    text-indent: 100%;
    white-space: nowrap
}

@media (max-width: 843px) {
    .bestseller-landing .section-wrap h2[data-v-366bd6c2] {
        background-size: 141px;
        width: 141px;
        height: 54px
    }
}

.bestseller-landing .section-wrap .button[data-v-366bd6c2] {
    border: 1px solid #242424;
    box-sizing: border-box;
    border-radius: 60px;
    display: flex;
    align-items: center;
    padding: 0 24px 0 12px;
    height: 32px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #242424;
    position: relative
}

@media (max-width: 843px) {
    .bestseller-landing .section-wrap .button[data-v-366bd6c2] {
        position: absolute;
        bottom: 20px;
        left: 20px
    }
}

.bestseller-landing .section-wrap .button[data-v-366bd6c2]:before {
    position: absolute;
    right: 8px;
    color: #242424;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.book-detail[data-v-366bd6c2] {
    line-height: 1.6;
    min-height: calc(100vh - 65px)
}

.line[data-v-366bd6c2] {
    border-bottom: 4px solid var(--ui-02)
}

.thin-line[data-v-366bd6c2] {
    border-bottom: 1px solid var(--ui-02)
}

.button-area .button .enter[data-v-366bd6c2] {
    background-color: var(--secondary);
    flex: 1;
    height: 100%;
    color: var(--ui-background)
}

.button-area .button .enter span[data-v-366bd6c2] {
    position: relative
}

.button-area .button .enter span[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -28px;
    width: 24px;
    height: 24px;
    background-size: cover;
    margin-top: -12px
}

.button-area .button .enter.audio-book span[data-v-366bd6c2]:after {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/audio-book-icon.2668ca24efcd3433be9bba41b3981f0e.png)
}

.button-area .button .enter.chat-book span[data-v-366bd6c2]:after {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/chat-book-icon.bdff4583412c548b520c1ff3427f84c7.png)
}

.button-area .button .enter.docent-book span[data-v-366bd6c2]:after {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/docent-book-icon.9a645aa7667cf576c4baf5fdc76bc47d.png)
}

.button-area .button .enter.audio-book span[data-v-366bd6c2],
.button-area .button .enter.chat-book span[data-v-366bd6c2],
.button-area .button .enter.docent-book span[data-v-366bd6c2] {
    margin-left: 24px
}

.book-cover[data-v-366bd6c2] {
    position: relative;
    padding: 32px 0 32px 24px
}

.book-cover .badge-original[data-v-366bd6c2] {
    height: 16px;
    margin-bottom: 6px
}

.book-cover .reading-data[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

.book-cover .reading-data span[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.book-cover .reading-data span img[data-v-366bd6c2] {
    width: 32px
}

.book-cover .reading-data strong[data-v-366bd6c2] {
    color: #a451f7;
    font-size: 12px;
    padding-left: 4px
}

.book-cover .list[data-v-366bd6c2] {
    margin-left: 15px;
    margin-top: 15px
}

.book-cover .book-type[data-v-366bd6c2] {
    display: flex;
    overflow-x: hidden;
    margin: -15px 0 23px -15px
}

.book-cover .book-type[data-v-366bd6c2]::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none !important
}

.book-cover .book-type .inner[data-v-366bd6c2] {
    display: flex;
    flex: 1 0 auto;
    margin: 15px
}

.book-cover .book-type button[data-v-366bd6c2] {
    color: var(--text-04);
    background-color: var(--GTrans-01);
    border-radius: 100px;
    height: 36px;
    padding-left: 36px;
    padding-right: 12px;
    position: relative
}

.book-cover .book-type button[data-v-366bd6c2]:not(:first-child) {
    margin-left: 8px
}

.book-cover .book-type button[data-v-366bd6c2]:last-child {
    margin-right: 39px
}

.book-cover .book-type button[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .3
}

.book-cover .book-type button.ebook[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/ebook-badge.561e1d246c2083cfe3c1d87b43831d24.png)
}

.book-cover .book-type button.audiobook[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/audio-badge.6cdd24298aa2c13f86f9dcd8c8a61dd1.png)
}

.book-cover .book-type button.chatbook[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/chatbook-badge.215e24971db9b7ba482ef25cd7a4d6ca.png)
}

.book-cover .book-type button.docent[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/docent-badge.26a4dec750a3a4a52646e750a1f60858.png)
}

.book-cover .book-type button.object[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/object-badge.c8eefb4f832303aa2df0f76ead66f4dc.png)
}

.book-cover .book-type button.on[data-v-366bd6c2] {
    background-color: var(--ui-up-02);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1), 2px 4px 12px 0 rgba(0, 0, 0, .1);
    font-weight: 700;
    color: var(--text-01);
    opacity: 1
}

.book-cover .book-type button.on[data-v-366bd6c2]:before {
    opacity: 1
}

.book-cover .thumbnail[data-v-366bd6c2] {
    width: 220px;
    background-color: var(--ui-05);
    height: 100%;
    position: relative;
    border-radius: 0 6px 6px 0;
    z-index: 2
}

.book-cover .thumbnail .inner[data-v-366bd6c2] {
    position: relative;
    box-shadow: 12px 8px 24px rgba(0, 0, 0, .2), 4px 8px 8px rgba(0, 0, 0, .1), 0 0 2px rgba(0, 0, 0, .24);
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    min-width: 220px
}

.book-cover .thumbnail .inner[data-v-366bd6c2]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) .01%, rgba(0, 0, 0, .05) 5.97%, hsla(0, 0%, 100%, .3) 15.89%, hsla(0, 0%, 100%, 0) 28.19%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .0277927) 46.96%, hsla(0, 0%, 100%, 0) 47.51%, hsla(0, 0%, 100%, .1) 54.14%, hsla(0, 0%, 100%, 0))
}

.book-cover .thumbnail .inner img[data-v-366bd6c2] {
    max-width: 220px;
    width: 100%
}

.book-cover .thumbnail .badge[data-v-366bd6c2] {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 34px;
    top: 8px;
    right: 0;
    text-indent: -9999em;
    background-size: contain;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: -7px
}

.book-cover .thumbnail .badge.free[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-free.b87eaeaf8e22e7ed06b646d248fddcb5.png)
}

.book-cover .thumbnail .badge.adult[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-adult-new.c407ce2ba8c01a5b7fc28804d59e79ec.png)
}

.book-cover .thumbnail .badge.docent[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-docentbook.8daec6b46cb5492272febe22b054b172.png)
}

.book-cover .thumbnail .coming-soon-day[data-v-366bd6c2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.book-cover .thumbnail .coming-soon-day p[data-v-366bd6c2] {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1), 0 4px 5px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .02);
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--ui-background);
    color: var(--text-01)
}

.book-cover .thumbnail .coming-soon-day strong[data-v-366bd6c2] {
    display: block;
    background: #ffeb60;
    text-align: center;
    font-size: 8px;
    font-weight: 400
}

.book-cover .thumbnail .coming-soon-day span[data-v-366bd6c2] {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: block
}

.book-cover .meta-data .book-name[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 2px;
    display: flex;
    align-items: center
}

.book-cover .meta-data .d-day[data-v-366bd6c2] {
    background: #eb683f;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    padding: 3px 7px;
    font-size: 14px;
    margin-right: 8px;
    white-space: nowrap
}

.book-cover .meta-data .author[data-v-366bd6c2] {
    font-size: 12px;
    color: #8b8b8b
}

.book-cover .meta-data .author.ell[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/arr-down.10d63fcfd71c8ec7fd6c13a70c35e541.png) 100% 0 no-repeat;
    background-size: 16px;
    padding-right: 16px;
    cursor: pointer
}

.book-cover .meta-data .author.more[data-v-366bd6c2] {
    display: block;
    max-height: none;
    padding-right: 0;
    background: none
}

.book-cover .meta-data .taste[data-v-366bd6c2] {
    position: relative
}

.book-cover .meta-data .taste .text[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/question-mark.77d673e9e3f4e8c98c69ebb25358eb59.png) 100% no-repeat;
    background-size: 16px;
    padding-right: 20px
}

.book-cover .meta-data .taste .text[data-v-366bd6c2]:disabled {
    color: #242424;
    background: none
}

.book-cover .meta-data .taste .text.no-icon[data-v-366bd6c2] {
    background: none;
    cursor: default
}

.book-cover .meta-data .taste .text span[data-v-366bd6c2] {
    color: #a451f7;
    font-weight: 700
}

.book-cover .meta-data .tooltip[data-v-366bd6c2] {
    padding: 16px;
    background-color: var(--ui-up-01);
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .12), 2px 6px 12px rgba(0, 0, 0, .12);
    position: absolute;
    top: 35px;
    left: 0;
    width: 296px;
    z-index: 2
}

.book-cover .meta-data .tooltip[data-v-366bd6c2]:before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    right: 167px;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid var(--ui-up-01);
    border-top: 0 solid transparent;
    box-shadow: 2px -2px 4px rgba(0, 0, 0, .12);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.book-cover .meta-data .tooltip .header[data-v-366bd6c2] {
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-01)
}

.book-cover .meta-data .tooltip .header .close[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/x-close.f829955e572734d4ff88ec5e71c8efb0.png) 0 0 no-repeat;
    background-size: 24px;
    display: block;
    text-indent: -99999em;
    width: 24px;
    height: 24px
}

.book-cover .meta-data .tooltip .desc[data-v-366bd6c2] {
    color: var(--text-02);
    line-height: 22px;
    margin-bottom: 8px
}

.book-cover .meta-data .tooltip .sub-desc[data-v-366bd6c2] {
    text-align: left;
    line-height: 1.5
}

.book-cover .meta-data .tooltip .sub-desc p[data-v-366bd6c2],
.book-cover .meta-data .tooltip .sub-desc strong[data-v-366bd6c2] {
    font-size: 12px;
    color: var(--text-02)
}

.book-cover .meta-data .tooltip .user-range-container[data-v-366bd6c2] {
    display: flex;
    margin-top: 8px
}

.book-cover .meta-data .tooltip .user-range-container .range-area[data-v-366bd6c2] {
    flex: 1 0 auto;
    position: relative;
    margin-top: -5px
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ffb904 25%, #38b05d 35%, #38b05d 75%, #0078d4 85%);
    border-radius: 10px;
    outline: none
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2] {
        height: 8px
    }
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2]:focus {
    outline: none
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 15px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .24), 2px 6px 12px rgba(0, 0, 0, .16);
    border-radius: 50%;
    cursor: pointer
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #4caf50;
    cursor: pointer
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2]::-ms-track {
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2]::-ms-thumb {
    width: 6px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, .24), 2px 6px 12px rgba(0, 0, 0, .16)
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2]:active::-ms-thumb {
    width: 8px;
    height: 8px;
    border: none
}

.book-cover .meta-data .tooltip .user-range-container .range-area .input-range[data-v-366bd6c2]::-ms-fill-lower {
    background: transparent;
    border-color: transparent
}

.book-cover .meta-data .tooltip .user-range-container .range-area .point[data-v-366bd6c2] {
    position: absolute;
    top: 23px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.book-cover .meta-data .tooltip .user-range-container .range-area .point .number[data-v-366bd6c2] {
    font-size: 10px
}

.book-cover .meta-data .tooltip .user-range-container .bad[data-v-366bd6c2] {
    margin-right: 8px;
    width: 20px
}

.book-cover .meta-data .tooltip .user-range-container .good[data-v-366bd6c2] {
    margin-left: 8px;
    width: 20px
}

.book-cover .meta-data .tooltip .user-range-container .button[data-v-366bd6c2] {
    width: 20px;
    height: 20px;
    color: var(--ui-06);
    border: 1px solid var(--ui-05);
    border-radius: 2px;
    margin-top: 7px
}

.book-cover .meta-data .tooltip .footer button[data-v-366bd6c2] {
    width: 100%;
    height: 32px;
    margin-top: 16px;
    background: var(--secondary);
    border-radius: 4px;
    color: var(--ui-background)
}

.book-cover .meta-data .tooltip .footer button[data-v-366bd6c2]:disabled {
    opacity: .7
}

.book-cover .book-data[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    height: 88px;
    border-radius: 12px
}

.book-cover .book-data>div[data-v-366bd6c2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 62px
}

.book-cover .book-data>div img[data-v-366bd6c2] {
    width: 24px
}

.book-cover .book-data>div[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 40px;
    background: var(--ui-06);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.book-cover .book-data .read-together[data-v-366bd6c2]:before {
    display: none
}

.book-cover .book-data .read-together a[data-v-366bd6c2] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.book-cover .book-data .read-together .images[data-v-366bd6c2] {
    display: flex;
    width: 48px
}

.book-cover .book-data .read-together .images p[data-v-366bd6c2] {
    width: 24px;
    height: 24px;
    position: relative;
    border: 2px solid var(--ui-01);
    border-radius: 50%
}

.book-cover .book-data .read-together .images p+p[data-v-366bd6c2] {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.book-cover .book-data .read-together .images p+p+p[data-v-366bd6c2] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.book-cover .book-data .read-together .images span[data-v-366bd6c2] {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%
}

.book-cover .book-data .text[data-v-366bd6c2] {
    font-size: 10px;
    color: #8b8b8b;
    line-height: 17px;
    text-align: center;
    margin-top: 2px
}

.book-cover .book-data button[data-v-366bd6c2] {
    display: block;
    height: 100%
}

.book-cover .book-data a[data-v-366bd6c2] {
    text-align: center
}

.audio-reader[data-v-366bd6c2] {
    padding: 24px
}

.audio-reader .reader-list[data-v-366bd6c2] {
    display: flex;
    justify-content: space-between
}

.audio-reader .reader-list a[data-v-366bd6c2] {
    border: 1px solid var(--GTrans-02);
    padding: 12px;
    width: 50%;
    border-radius: 12px;
    width: 150px;
    display: flex;
    align-items: center;
    height: 192px;
    flex-direction: column;
    justify-content: center
}

.audio-reader .reader-list a.active[data-v-366bd6c2] {
    border: 2px solid #ffeb60
}

.audio-reader .reader-list .image[data-v-366bd6c2] {
    position: relative;
    width: 56px;
    height: 56px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    border-radius: 50%
}

.audio-reader .reader-list .image span[data-v-366bd6c2] {
    width: inherit;
    height: inherit;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.audio-reader .reader-list .image.my-audio-book[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    right: -16px;
    top: 8px;
    width: 45px;
    height: 18px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-my-audio-book.33e2d27467838b4edd236dd23a7d1d2e.svg) 0 0 no-repeat;
    background-size: cover
}

.audio-reader .reader-list .reader-data[data-v-366bd6c2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px;
    text-align: center
}

.audio-reader .reader-list .reader-data strong[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 2.28em;
    max-height: -webkit-max-content;
    max-height: max-content;
    line-height: 1.14;
    word-break: break-all;
    font-size: 14px
}

.audio-reader .reader-list .reader-data p[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    font-size: 12px
}

.audio-reader .reader-list .audio-book-data[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    margin-top: 6px;
    flex-direction: column
}

.audio-reader .reader-list .audio-book-data .audio-badge-list[data-v-366bd6c2] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin-top: 8px
}

.audio-reader .reader-list .audio-book-data .audio-badge-list img[data-v-366bd6c2] {
    width: 45px
}

.audio-reader .reader-list .audio-book-data .audio-badge-list img.streaming-badge[data-v-366bd6c2] {
    width: 53px
}

.audio-reader .reader-list p[data-v-366bd6c2] {
    font-size: 12px;
    color: #a5a5a5
}

.book-history>ul>li[data-v-366bd6c2] {
    border-top: 1px solid var(--ui-02);
    background-position: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    padding: 24px;
    position: relative
}

.book-history>ul>li[data-v-366bd6c2]:first-child {
    border-top: none
}

.book-history>ul>li .text .text-button[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/question-mark.77d673e9e3f4e8c98c69ebb25358eb59.png) 100% no-repeat;
    background-size: 16px;
    padding-right: 20px;
    font-size: 16px;
    color: var(--text-01);
    font-weight: 700;
    position: relative
}

.book-history>ul>li .text .text-button.no-icon[data-v-366bd6c2] {
    background: none
}

.book-history>ul>li .text .text-button[data-v-366bd6c2]:disabled {
    cursor: default;
    color: #000
}

.book-history>ul .report[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/report-icon.b1c0c41d5411fb403a094c06406dbd82.png)
}

.book-history>ul .crown[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/crown-icon.0009965b910c6cbeda10d3d8b4c07e6a.png)
}

.book-history>ul .bestseller[data-v-366bd6c2] {
    font-weight: 700;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/best.57a738cf411f7e52ed2c77fb6fa98151.png)
}

.book-history>ul .bestseller.first[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/best-1.bdff9a4aa3091635417bd389185dae35.png)
}

.book-history>ul .bestseller.second[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/best-2.007d11811ce2dd34016cfdd11aa360d0.png)
}

.book-history>ul .bestseller.third[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/best-3.ffdb1e24d3583ae83c0cc1888ce6d54f.png)
}

.book-history>ul .complete[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/complete-book.2f295724c20991f29a7afd8b2d10a5df.png)
}

.book-history>ul .chat[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/chart.d89d53e1619ddb072e0ec17ed4295bd6.png)
}

.book-history>ul .desc[data-v-366bd6c2] {
    color: var(--text-02);
    font-size: 12px
}

.book-history>ul .chart-area[data-v-366bd6c2] {
    display: flex;
    margin: 12px -8px 0
}

.book-history>ul .mobile-chart-desc[data-v-366bd6c2] {
    display: none
}

.book-history>ul .average .chart-content[data-v-366bd6c2] {
    display: flex;
    margin-top: 12px
}

.book-history>ul .average .inner[data-v-366bd6c2] {
    position: relative;
    height: 100%;
    margin-right: 16px;
    max-width: 400px;
    margin-bottom: 24px;
    margin-left: 24px
}

.book-history>ul .average .inner[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: -24px;
    content: "낮음";
    font-size: 12px;
    color: var(--text-04);
    line-height: 12px
}

.book-history>ul .average .x-line[data-v-366bd6c2] {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: var(--ui-06)
}

.book-history>ul .average .y-line[data-v-366bd6c2] {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: var(--ui-06)
}

.book-history>ul .average .one[data-v-366bd6c2] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 6px solid #a02cb8;
    position: absolute;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .16), 4px 8px 28px rgba(0, 0, 0, .08);
    z-index: 1;
    margin-left: -12px;
    margin-bottom: -12px
}

.book-history>ul .average .max[data-v-366bd6c2] {
    position: absolute;
    width: 100%;
    height: 100%
}

.book-history>ul .average .max[data-v-366bd6c2]:after,
.book-history>ul .average .max[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    font-size: 12px;
    color: var(--text-04);
    content: "높음"
}

.book-history>ul .average .max[data-v-366bd6c2]:before {
    top: 0;
    left: -24px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.book-history>ul .average .max[data-v-366bd6c2]:after {
    bottom: -24px;
    right: 0
}

.book-history>ul .average .chart-tooltip[data-v-366bd6c2] {
    padding: 8px 12px;
    width: 232px;
    background: var(--ui-up-01);
    box-shadow: 0 0 4px rgba(0, 0, 0, .12), 2px 6px 12px rgba(0, 0, 0, .12);
    border-radius: 4px;
    position: absolute
}

.book-history>ul .average .chart-tooltip .chart-desc .top[data-v-366bd6c2] {
    padding: 0;
    margin: 0;
    border: none
}

.book-history>ul .average .grid[data-v-366bd6c2] {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 242px;
    border: 1px solid var(--ui-06)
}

.book-history>ul .average .grid[data-v-366bd6c2]:after,
.book-history>ul .average .grid[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    font-size: 12px;
    color: var(--text-04)
}

.book-history>ul .average .grid[data-v-366bd6c2]:after {
    content: "완독할 확률 (%)";
    top: 50%;
    left: -50px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.book-history>ul .average .grid[data-v-366bd6c2]:before {
    content: "완독 예상 시간 (분)";
    bottom: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.book-history>ul .average .grid .box[data-v-366bd6c2] {
    display: flex;
    width: 50%;
    height: 50%;
    flex-wrap: wrap;
    position: relative;
    box-sizing: content-box
}

.book-history>ul .average .grid .box.active[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.book-history>ul .average .grid .box:nth-child(2) .title[data-v-366bd6c2] {
    justify-content: flex-end
}

.book-history>ul .average .grid .box:nth-child(3) .title[data-v-366bd6c2] {
    align-items: flex-end
}

.book-history>ul .average .grid .box:nth-child(4) .title[data-v-366bd6c2] {
    justify-content: flex-end;
    align-items: flex-end
}

.book-history>ul .average .grid .item[data-v-366bd6c2] {
    width: 50%;
    height: 50%;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.book-history>ul .average .grid .item[data-v-366bd6c2]:nth-child(odd) {
    border-left: none
}

.book-history>ul .average .grid .item[data-v-366bd6c2]:nth-child(n+3) {
    border-bottom: none
}

.book-history>ul .average .grid .title[data-v-366bd6c2] {
    font-size: 32px;
    font-weight: 700;
    color: #dfdfdf;
    width: 100%;
    display: flex;
    opacity: .5;
    padding: 0 8px
}

.book-history>ul .average .line-desc[data-v-366bd6c2] {
    position: relative;
    padding-right: 5px;
    margin-right: 5px
}

.book-history>ul .average .line-desc[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 11px;
    background: #c1c1c1;
    top: 5px;
    right: 0
}

.book-history>ul .average .chart-desc[data-v-366bd6c2] {
    flex: 1 0 auto
}

.book-history>ul .average .chart-desc .bottom[data-v-366bd6c2],
.book-history>ul .average .chart-desc .top[data-v-366bd6c2] {
    border: 1px solid var(--ui-06);
    border-radius: 16px;
    padding: 16px 24px
}

.book-history>ul .average .chart-desc .top[data-v-366bd6c2] {
    margin-bottom: 12px
}

.book-history>ul .average .chart-desc .top .target[data-v-366bd6c2] {
    margin-bottom: 8px
}

.book-history>ul .average .chart-desc .top .title[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

.book-history>ul .average .chart-desc .top .title .category[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 14px
}

.book-history>ul .average .chart-desc .top .title .field[data-v-366bd6c2] {
    font-size: 12px
}

.book-history>ul .average .chart-desc .top .compare[data-v-366bd6c2] {
    color: var(--text-03);
    font-size: 12px
}

.book-history>ul .average .chart-desc .top .compare div[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

.book-history>ul .average .chart-desc .top .compare img[data-v-366bd6c2] {
    width: 16px;
    height: 16px
}

.book-history>ul .average .chart-desc .bottom[data-v-366bd6c2] {
    padding: 16px 24px
}

.book-history>ul .average .chart-desc .bottom li[data-v-366bd6c2] {
    display: flex;
    margin-bottom: 2px
}

.book-history>ul .average .chart-desc .bottom li[data-v-366bd6c2]:nth-child(4) {
    margin-bottom: 0
}

.book-history>ul .average .chart-desc .bottom p[data-v-366bd6c2] {
    font-weight: 700;
    padding-right: 10px;
    margin-right: 10px;
    color: #8b8b8b
}

.book-history>ul .average .chart-desc .bottom span[data-v-366bd6c2] {
    color: var(--text-04)
}

.book-history>ul .tooltip[data-v-366bd6c2] {
    padding: 16px;
    background-color: var(--ui-up-01);
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .12), 2px 6px 12px rgba(0, 0, 0, .12);
    position: absolute;
    top: 56px;
    left: 12px;
    width: 296px;
    z-index: 10
}

.book-history>ul .tooltip[data-v-366bd6c2]:before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    right: 178px;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid var(--ui-up-01);
    border-top: 0 solid transparent;
    box-shadow: 2px -2px 4px rgba(0, 0, 0, .12);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.book-history>ul .tooltip .close[data-v-366bd6c2] {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/x-close.f829955e572734d4ff88ec5e71c8efb0.png) 0 0 no-repeat;
    background-size: 24px;
    display: block;
    text-indent: -99999em;
    width: 24px;
    height: 24px
}

.book-history>ul .tooltip .header strong[data-v-366bd6c2] {
    display: block;
    font-size: 16px
}

.book-history>ul .tooltip .header strong~strong[data-v-366bd6c2] {
    margin-top: 8px
}

.book-history>ul .tooltip .header .desc[data-v-366bd6c2] {
    color: var(--text-03);
    font-size: 14px;
    margin-top: 4px
}

.book-history>ul .tooltip .list[data-v-366bd6c2] {
    margin-top: 4px
}

.book-history>ul .tooltip .list li[data-v-366bd6c2] {
    position: relative;
    color: var(--text-03);
    font-size: 10px;
    padding: 0 0 0 10px;
    margin-top: 2px;
    border: none
}

.book-history>ul .tooltip .list li[data-v-366bd6c2]:first-child {
    margin-top: 0
}

.book-history>ul .tooltip .list li[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--text-03);
    border-radius: 50%;
    top: 7px;
    left: 4px
}

.book-history>ul .no-data-history[data-v-366bd6c2] {
    text-align: center;
    background: var(--ui-up-01);
    border-radius: 32px;
    padding: 24px;
    margin-top: 12px
}

.book-history>ul .no-data-history img[data-v-366bd6c2] {
    width: 152px;
    margin-bottom: 8px
}

.book-history>ul .no-data-history p[data-v-366bd6c2] {
    color: var(--ui-07)
}

.book-info .section[data-v-366bd6c2] {
    padding: 24px;
    border-bottom: 4px solid var(--ui-02)
}

.book-info .section.series-info[data-v-366bd6c2] {
    padding-top: 16px;
    padding-bottom: 16px
}

.book-info .section.p0[data-v-366bd6c2] {
    padding: 0
}

.book-info .section.liner[data-v-366bd6c2] {
    border-width: 1px
}

.book-info .awards li[data-v-366bd6c2] {
    position: relative;
    border-top: 1px solid var(--ui-02)
}

.book-info .awards li[data-v-366bd6c2]:first-child {
    border-top: none
}

.book-info .awards li .text[data-v-366bd6c2] {
    display: block;
    background-position: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    padding: 15px 24px 15px 60px
}

.book-info .awards .report .text[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/report-icon.b1c0c41d5411fb403a094c06406dbd82.png)
}

.book-info .awards .crown .text[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/crown-icon.0009965b910c6cbeda10d3d8b4c07e6a.png)
}

.book-info .awards .bestseller .text[data-v-366bd6c2] {
    font-weight: 700;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/best-new.19de50427a85c0cfc77aa6266f72dbe2.png)
}

.book-info .notice li[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/i-mark.0333fe92f35c58a316a2292f14bb4038.png) right 16px center no-repeat;
    background-size: 16px;
    border-radius: 12px;
    margin-top: 8px
}

.book-info .notice li[data-v-366bd6c2]:first-child {
    margin-top: 0
}

.book-info .notice li button[data-v-366bd6c2] {
    font-weight: 700;
    color: var(--text-02);
    display: block;
    width: 100%;
    padding: 10px 16px;
    text-align: left;
    font-size: 12px
}

.book-info .notice li span[data-v-366bd6c2] {
    color: var(--text-04);
    font-weight: 400;
    margin-left: 8px
}

.book-info .notice .original[data-v-366bd6c2] {
    background-color: #f6f4ee
}

.book-info .notice .service[data-v-366bd6c2] {
    background-color: var(--ui-04)
}

.book-info .notice .info[data-v-366bd6c2] {
    background-color: var(--ui-02);
    background-image: none
}

.book-info .notice .info button[data-v-366bd6c2] {
    cursor: default
}

.book-info .today-book .profile[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.book-info .today-book .profile .image[data-v-366bd6c2] {
    width: 36px;
    height: 36px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    margin-right: 8px
}

.book-info .today-book .profile .info[data-v-366bd6c2] {
    line-height: 14px
}

.book-info .today-book .profile .info p[data-v-366bd6c2] {
    color: #555;
    font-size: 12px
}

.book-info .today-book .profile .info p.name[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

.book-info .today-book .profile .info p.name .review_winner[data-v-366bd6c2] {
    width: 16px;
    height: 16px;
    margin-left: 2px
}

.book-info .today-book .profile .info span[data-v-366bd6c2] {
    font-size: 10px;
    color: #a5a5a5
}

.book-info .today-book .list[data-v-366bd6c2] {
    margin-top: 12px
}

.book-info .today-book .list li[data-v-366bd6c2] {
    position: relative;
    color: #6f6f6f;
    font-size: 12px;
    padding-left: 24px;
    margin-top: 4px
}

.book-info .today-book .list li[data-v-366bd6c2]:first-child {
    margin-top: 0
}

.book-info .today-book .list li[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/todaybook-list-icon.757f43734f2f2ad7c9c6d229f2ab62dd.png) 0 0 no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0
}

.book-info .today-book .list li a[data-v-366bd6c2] {
    position: relative;
    padding-right: 14px
}

.book-info .today-book .list li a[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/todaybook-arr.4f0a51f549bc24f1bcee05d95f6a97f6.png) 0 0 no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.book-info .subtitle[data-v-366bd6c2] {
    border-width: 1px
}

.book-info .introduction[data-v-366bd6c2] {
    padding-bottom: 0;
    border-width: 1px
}

.book-info .introduction .book-info-detail[data-v-366bd6c2] {
    background-color: var(--ui-02);
    margin: 0 -24px;
    display: flex
}

.book-info .introduction .book-info-detail ul[data-v-366bd6c2] {
    display: inline-flex;
    height: 100px;
    align-items: center;
    padding-top: 0
}

.book-info .introduction .book-info-detail li[data-v-366bd6c2] {
    width: 140px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: 100%;
    padding: 20px 16px
}

.book-info .introduction .book-info-detail li a[data-v-366bd6c2] {
    text-decoration: underline
}

.book-info .introduction .book-info-detail li[data-v-366bd6c2]:before {
    content: "";
    display: block;
    background-color: var(--ui-06);
    height: 60px;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.book-info .introduction .book-info-detail li[data-v-366bd6c2]:first-child:before {
    display: none
}

.book-info .introduction .book-info-detail li p[data-v-366bd6c2] {
    font-size: 12px;
    color: var(--text-04);
    margin-bottom: 14px
}

.book-info .introduction .book-info-detail li strong[data-v-366bd6c2] {
    color: var(--text-02);
    text-align: center;
    display: flex;
    align-items: center;
    flex: 1
}

.book-info .accordion[data-v-366bd6c2] {
    padding: 0;
    border-width: 1px
}

.book-info .accordion .profile[data-v-366bd6c2] {
    margin-bottom: 24px
}

.book-info .accordion .profile[data-v-366bd6c2]:last-child {
    margin-bottom: 0
}

.book-info .accordion .profile .inner[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 8px
}

.book-info .accordion .profile .image[data-v-366bd6c2] {
    width: 56px;
    height: 56px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-right: 12px
}

.book-info .accordion .profile .intro[data-v-366bd6c2],
.book-info .accordion .profile .job[data-v-366bd6c2],
.book-info .accordion .profile .name[data-v-366bd6c2] {
    color: var(--text-02);
    font-size: 14px;
    line-height: 22px
}

.book-info .accordion .profile .image[data-v-366bd6c2] {
    flex: none
}

.book-info .accordion .profile .name[data-v-366bd6c2] {
    font-weight: 700
}

.book-info .accordion .profile .button-library[data-v-366bd6c2] {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #333;
    color: #fff;
    padding: 7px 8px;
    border-radius: 4px;
    height: 32px;
    display: flex;
    align-items: center
}

.book-info .accordion .profile[data-v-366bd6c2],
.book-info .accordion .text-area[data-v-366bd6c2] {
    padding: 0 24px 24px
}

.book-info .desc[data-v-366bd6c2] {
    color: var(--text-02);
    line-height: 1.71;
    position: relative
}

.book-info .desc.more[data-v-366bd6c2] {
    padding-bottom: 4px;
    margin-bottom: 16px
}

.book-info .desc.more p[data-v-366bd6c2] {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 6.75em;
    max-height: 96px;
    margin-bottom: 26px
}

.book-info .desc.more p[data-v-366bd6c2]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--ui-background) 90.28%);
    content: ""
}

.book-info .desc.more p.open[data-v-366bd6c2] {
    display: block;
    max-height: 100%
}

.book-info .desc.more p.open[data-v-366bd6c2]:after {
    display: none
}

.book-info .desc.more button[data-v-366bd6c2] {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #a451f7
}

.book-info .comingsoon dl[data-v-366bd6c2] {
    position: relative;
    padding-right: 86px
}

.book-info .comingsoon dl dt[data-v-366bd6c2] {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700
}

.book-info .comingsoon dl dd.button-push-area[data-v-366bd6c2] {
    position: absolute;
    right: 0;
    top: calc(50% - 16px)
}

.book-info .comingsoon dl dd.button-push-area .button-push[data-v-366bd6c2] {
    height: 32px;
    padding-left: 16px;
    background: #ffeb60;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    width: 81px;
    color: #242424
}

.book-info .comingsoon dl dd.button-push-area .button-push[data-v-366bd6c2]:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/alarm.c515b9408ce71ea2d2bdac7465300879.png) 0 0 no-repeat;
    background-size: contain;
    left: 7px
}

.book-info .comingsoon dl dd.button-push-area .button-push.active[data-v-366bd6c2] {
    background: #dfdfdf;
    color: #242424
}

.book-info .comingsoon dl dd.button-push-area .button-push.active[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/home/alarm-cancel.6e103e30cc2d37105d16c92863a90e97.png)
}

.book-info-title[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 12px
}

.book-info-title button[data-v-366bd6c2] {
    display: block;
    font-weight: 700;
    width: 100%;
    text-align: left;
    padding: 24px;
    position: relative
}

.book-info-title.crown[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/crown.b5d50458a4baebf820b5bc2f87b2ff4c.png) 100% no-repeat;
    background-size: 24px;
    padding-right: 28px
}

.book-info-title.arr[data-v-366bd6c2] {
    margin-bottom: 0;
    display: block
}

.book-info-title.arr.active button[data-v-366bd6c2]:before {
    margin-bottom: 12px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/up-arr.41d84a6ed91a0ced079afc48c584e744.png)
}

.book-info-title.arr button[data-v-366bd6c2]:before {
    content: "";
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/down-arr.d029dc0d18bf2df0bdc55a6cf39b8a88.png) 100% no-repeat;
    background-size: 24px;
    display: block;
    margin-bottom: 0;
    width: 24px;
    height: 24px;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.book-info-title .number[data-v-366bd6c2] {
    color: #ffb904;
    font-weight: 700;
    margin-left: 4px
}

.book-info-title.link[data-v-366bd6c2] {
    display: block
}

.book-info-title a[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/link-arr.c538fb279ec5c6814836cc777640ca5a.png) 100% no-repeat;
    background-size: 24px;
    display: block
}

.book-info-more-cont[data-v-366bd6c2] {
    position: relative;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--text-02);
    line-height: 1.71
}

.book-info-more-cont .book-info-more-cont-inner[data-v-366bd6c2] {
    position: relative
}

.book-info-more-cont .book-info-more-cont-inner .image-blk[data-v-366bd6c2] {
    margin-bottom: 8px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%
}

.book-info-more-cont button[data-v-366bd6c2] {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #a451f7
}

.book-info-more-cont.more-text[data-v-366bd6c2] {
    padding-bottom: 26px
}

.book-info-more-cont.more-text .book-info-more-cont-inner[data-v-366bd6c2] {
    overflow: hidden;
    max-height: 96px
}

.book-info-more-cont.more-text .book-info-more-cont-inner[data-v-366bd6c2]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--ui-background) 90.28%);
    content: ""
}

.book-info-more-cont.more-text .book-info-more-cont-inner.open[data-v-366bd6c2] {
    max-height: none
}

.book-info-more-cont.more-text .book-info-more-cont-inner.open[data-v-366bd6c2]:after {
    display: none
}

.review-container[data-v-366bd6c2] {
    padding: 24px
}

.review-container .review-register[data-v-366bd6c2] {
    display: flex;
    margin-top: 24px
}

.review-container .review-register .image[data-v-366bd6c2] {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    margin-right: 8px;
    margin-top: 8px
}

.review-container .review-register .register[data-v-366bd6c2] {
    display: flex;
    width: 100%;
    max-height: 200px;
    min-height: 76px;
    height: 76px
}

.review-container .review-register .register .mds-textarea[data-v-366bd6c2] {
    width: 100%;
    height: auto
}

.review-container .review-register .register .mds-textarea .inner[data-v-366bd6c2] {
    height: calc(100% - 30px)
}

.review-container .review-register .register .mds-button[data-v-366bd6c2] {
    max-width: 64px;
    width: 100%;
    height: calc(100% - 19px);
    margin-left: 8px;
    padding: 0
}

.review-container .text-number[data-v-366bd6c2] {
    text-align: right;
    margin-right: 8px;
    color: #8b8b8b;
    margin-top: 2px
}

.review-container .text-number em[data-v-366bd6c2] {
    color: #c1c1c1;
    margin: 0 2px
}

.review-container .no-result[data-v-366bd6c2] {
    text-align: center
}

.review-container .no-result img[data-v-366bd6c2] {
    width: 152px
}

.review-container .no-result p[data-v-366bd6c2] {
    color: #a5a5a5;
    margin-top: 16px
}

.review-container .button-review-guide[data-v-366bd6c2] {
    color: #a5a5a5
}

.review-container .button-review-guide i[data-v-366bd6c2] {
    padding-right: 5px
}

.review-list li[data-v-366bd6c2] {
    display: flex;
    margin-top: 16px
}

.review-list li[data-v-366bd6c2]:first-child {
    margin-top: 0
}

.review-list .image[data-v-366bd6c2] {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    margin-right: 8px
}

.review-list .image a[data-v-366bd6c2] {
    display: block;
    height: 100%
}

.review-list .info[data-v-366bd6c2] {
    flex: 1;
    position: relative;
    line-height: normal
}

.review-list .nickname[data-v-366bd6c2] {
    color: var(--text-02);
    font-size: 12px;
    margin-top: 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.review-list .nickname strong[data-v-366bd6c2] {
    position: relative;
    padding: 0 2px 0 8px;
    margin-left: 4px
}

.review-list .nickname strong[data-v-366bd6c2]:before {
    content: "";
    display: block;
    background: var(--text-02);
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.review-list .nickname .best[data-v-366bd6c2] {
    color: #ffb904
}

.review-list .nickname .rank[data-v-366bd6c2] {
    color: #a451f7
}

.review-list .nickname .review_winner[data-v-366bd6c2] {
    width: 16px;
    height: 16px;
    margin-left: 2px
}

.review-list .date[data-v-366bd6c2] {
    font-size: 10px;
    color: var(--text-04);
    margin-top: 0;
    display: block;
    padding-bottom: 2px;
    line-height: 15px
}

.review-list .cont[data-v-366bd6c2] {
    color: var(--text-02);
    margin: 4px 0
}

.review-list .review-setting[data-v-366bd6c2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.review-list .review-setting p[data-v-366bd6c2] {
    color: var(--text-04);
    font-size: 12px
}

.review-list .review-setting .like-button[data-v-366bd6c2] {
    border: 1px solid var(--text-04);
    border-radius: 24px;
    min-width: 44px;
    width: auto;
    height: 24px;
    font-size: 12px;
    color: var(--text-04);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 8px 0 6px
}

.review-list .review-setting .like-button.check[data-v-366bd6c2] {
    border-color: var(--secondary);
    color: var(--secondary)
}

.review-list .review-setting .like-button img[data-v-366bd6c2] {
    width: 16px
}

.review-list .review-setting .like-button span[data-v-366bd6c2] {
    margin-left: 3px
}

.review-list .more[data-v-366bd6c2] {
    position: absolute;
    right: 0;
    top: 0
}

.review-list .more>button[data-v-366bd6c2] {
    width: 24px
}

.review-list .more .more-area[data-v-366bd6c2] {
    position: absolute;
    top: 0;
    right: 24px;
    background-color: var(--ui-up-01)
}

.review-list .more .more-area button[data-v-366bd6c2] {
    font-size: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
    border-radius: 4px;
    padding: 8px 12px;
    width: 132px;
    text-align: left;
    background-color: var(--ui-02)
}

.book-container+.bs-container[data-v-366bd6c2] {
    border-top: 0
}

.bs-container[data-v-366bd6c2] {
    display: flex;
    border-top: 4px solid var(--ui-02);
    border-bottom: 4px solid var(--ui-02);
    align-items: center
}

.bs-container strong[data-v-366bd6c2] {
    position: relative;
    margin-left: 24px;
    padding: 5px 0 5px 40px;
    font-weight: 400;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/bs_logo.1c7b2f0ca32c2442689a1e0ac964fd40.png) no-repeat;
    background-size: contain
}

.bs-container .bs-link[data-v-366bd6c2] {
    color: var(--text-04);
    margin-left: auto;
    padding: 24px
}

.post-container[data-v-366bd6c2] {
    padding: 24px 24px 0
}

.post-container .slide-container[data-v-366bd6c2] {
    margin: 0 -24px
}

.post-container .slide-wrapper[data-v-366bd6c2] {
    display: inline-flex;
    padding: 16px 24px 24px
}

.post-list li[data-v-366bd6c2] {
    height: 259px;
    background: var(--ui-up-01);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
    border-radius: 16px;
    width: 280px;
    padding: 24px 16px 16px;
    margin-left: 16px;
    display: flex;
    flex-direction: column
}

.post-list li[data-v-366bd6c2]:first-child {
    margin-left: 0
}

.post-list .post-cont[data-v-366bd6c2] {
    display: block;
    padding-bottom: 16px
}

.post-list .post-cont .title[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 16px;
    -webkit-line-clamp: 1;
    max-height: 1.35em;
    margin-bottom: 8px
}

.post-list .post-cont .cont[data-v-366bd6c2],
.post-list .post-cont .title[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.post-list .post-cont .cont[data-v-366bd6c2] {
    color: var(--text-02);
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 5;
    max-height: 6.75em;
    max-height: 120px
}

.post-list .profile[data-v-366bd6c2] {
    border-top: 1px solid var(--ui-06);
    padding-top: 16px;
    display: flex;
    align-items: center;
    margin-top: auto
}

.post-list .profile .inner[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    flex: 1
}

.post-list .profile .image[data-v-366bd6c2] {
    min-width: 36px;
    height: 36px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    margin-right: 8px
}

.post-list .profile .name[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.5em;
    color: var(--text-02);
    font-size: 12px
}

.post-list .profile button[data-v-366bd6c2] {
    min-width: 68px;
    min-height: 32px;
    height: 100%;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 12px;
    background-color: var(--secondary);
    color: var(--ui-background)
}

.post-list .profile button.follow[data-v-366bd6c2] {
    background: var(--ui-05);
    color: var(--text-01)
}

.video-container[data-v-366bd6c2] {
    padding: 24px 24px 0
}

.video-container .slide-container[data-v-366bd6c2] {
    margin: 0 -24px
}

.video-container .slide-wrapper[data-v-366bd6c2] {
    display: inline-flex;
    padding: 16px 24px 24px
}

.video-container .slide-item[data-v-366bd6c2] {
    margin-left: 16px;
    width: 280px
}

.video-container .slide-item[data-v-366bd6c2]:first-child {
    margin-left: 0
}

.video-container .slide-item .cover-image[data-v-366bd6c2] {
    width: 280px;
    height: 350px;
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.video-container .slide-item .cover-image[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
    width: 100%;
    height: 100%
}

.video-container .slide-item .cover-image[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/btn-play.5f776dc5aeb74147922b542737ebef69.png) 0 0 no-repeat;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover
}

.video-container .slide-item .cover-image img[data-v-366bd6c2] {
    width: 100%;
    height: 100%
}

.video-container .slide-item .metadata[data-v-366bd6c2] {
    margin-top: 12px;
    display: flex
}

.video-container .slide-item .metadata .profile-image[data-v-366bd6c2] {
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25)
}

.video-container .slide-item .metadata div[data-v-366bd6c2] {
    flex: 1
}

.video-container .slide-item .metadata .title[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 16px
}

.video-container .slide-item .metadata .author[data-v-366bd6c2],
.video-container .slide-item .metadata .title[data-v-366bd6c2] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em
}

.video-container .slide-item .metadata .author[data-v-366bd6c2] {
    color: var(--text-03);
    font-size: 12px
}

.relate-container[data-v-366bd6c2] {
    padding-bottom: 24px;
    padding-top: 24px
}

.relate-container .book-info-title[data-v-366bd6c2] {
    margin-left: 24px;
    margin-right: 24px
}

.series-info .series-header[data-v-366bd6c2] {
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between
}

.series-info .series-header p[data-v-366bd6c2] {
    font-size: 16px;
    font-weight: 700
}

.series-info .series-header p span[data-v-366bd6c2] {
    display: inline-block;
    font-size: 14px;
    color: #555;
    font-weight: 400;
    position: relative;
    margin-left: 8px;
    padding-left: 8px
}

.series-info .series-header p span[data-v-366bd6c2]:before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #8b8b8b;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.series-info .series-header button[data-v-366bd6c2] {
    color: #a451f7
}

.series-info .book-list.episode .book-item[data-v-366bd6c2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px
}

.series-info .book-list.episode .book-item[data-v-366bd6c2]:first-child {
    margin-top: 0
}

.series-info .book-list.episode .book-info a[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

.series-info .book-list.episode .thumbnail .inner[data-v-366bd6c2] {
    width: 40px;
    height: 56px;
    border-radius: 0 4px 4px 0;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .1), 0 0 2px rgba(0, 0, 0, .2);
    overflow: hidden
}

.series-info .book-list.episode .thumbnail img[data-v-366bd6c2] {
    min-height: 100%
}

.series-info .book-list.episode .meta-data[data-v-366bd6c2] {
    margin: 0 12px
}

.series-info .book-list.episode .meta-data .free[data-v-366bd6c2] {
    width: 25px;
    height: 16px
}

.series-info .book-list.episode .meta-data .noRent[data-v-366bd6c2] {
    width: 39px;
    height: 16px
}

.series-info .book-list.episode .meta-data .title[data-v-366bd6c2] {
    font-weight: 700;
    max-height: 1.4285em
}

.series-info .book-list.episode .meta-data .author[data-v-366bd6c2],
.series-info .book-list.episode .meta-data .title[data-v-366bd6c2] {
    margin-top: 2px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.series-info .book-list.episode .meta-data .author[data-v-366bd6c2] {
    color: var(--text-03);
    max-height: 1.5em
}

.series-info .book-list.episode .book-service[data-v-366bd6c2] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.series-info .book-list.episode .book-service .down[data-v-366bd6c2] {
    width: 24px;
    margin-right: 8px
}

.series-info .book-list.episode .book-service .down img[data-v-366bd6c2] {
    width: 100%
}

.series-info .book-list.episode .book-service .service[data-v-366bd6c2] {
    color: #a451f7
}

.series-info .book-list.collection[data-v-366bd6c2] {
    display: flex;
    margin: 0 -8px;
    flex-wrap: wrap
}

.series-info .book-list.collection .book-item[data-v-366bd6c2] {
    padding: 0 8px
}

.shelf-list .desc[data-v-366bd6c2] {
    color: var(--text-02);
    font-size: 14px;
    text-align: center
}

.shelf-list .create-shelf[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-create.08048b4c0b43a14f317027d08d3d8850.png) 0 no-repeat;
    background-size: 24px;
    padding: 12px 0 12px 32px;
    border-top: 1px solid var(--ui-06);
    border-bottom: 1px solid var(--ui-06);
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 16px;
    font-size: 16px
}

.shelf-list .inner ul[data-v-366bd6c2] {
    max-height: 270px;
    overflow: auto
}

.shelf-list .inner ul[data-v-366bd6c2]::-webkit-scrollbar {
    width: 5px;
    height: 0
}

.shelf-list .inner ul[data-v-366bd6c2]::-webkit-scrollbar-button:end:increment,
.shelf-list .inner ul[data-v-366bd6c2]::-webkit-scrollbar-button:start:decrement {
    display: block;
    width: 5px;
    height: 0;
    background: rgba(0, 0, 0, .05)
}

.shelf-list .inner ul[data-v-366bd6c2]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .05)
}

.shelf-list .inner ul[data-v-366bd6c2]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .1)
}

.shelf-list li[data-v-366bd6c2] {
    padding: 12px 0;
    font-size: 16px;
    height: 49px
}

.shelf-list li input[data-v-366bd6c2] {
    display: none
}

.shelf-list li input+label[data-v-366bd6c2] {
    position: relative;
    padding-left: 62px;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shelf-list li input+label[data-v-366bd6c2]:before {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-check-off.5fe8b685dfdf6cf36816c1756a35228d.png) 0 0 no-repeat;
    background-size: contain;
    left: 0
}

.shelf-list li input+label[data-v-366bd6c2]:after,
.shelf-list li input+label[data-v-366bd6c2]:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shelf-list li input+label[data-v-366bd6c2]:after {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-image.81dcbea4a93e94afd06dd978cb190e92.png) 0 0 no-repeat;
    background-size: contain;
    left: 32px
}

.shelf-list li.favorite input+label[data-v-366bd6c2] {
    width: 100%
}

.shelf-list li.favorite input+label[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-favorite.6b4d6dc6d7e26398a47a51e4e985f308.png) 0 0 no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    left: 32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shelf-list li.private input+label[data-v-366bd6c2] {
    width: 100%
}

.shelf-list li.private input+label[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-lock.e281db692185b128104cb6f840df2eef.png) 0 0 no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    left: 32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shelf-list li input:checked+label[data-v-366bd6c2] {
    font-weight: 700;
    display: block
}

.shelf-list li input:checked+label[data-v-366bd6c2]:before {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-check-on.79d9e294390929562394a9c77dbbfaa1.png)
}

.shelf-list li.icon-lock input+label[data-v-366bd6c2]:after {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/lock.bdda550ac062fd7ac1e3681dc11e6801.png)
}

#wrap.dark .shelf-list .create-shelf[data-v-366bd6c2] {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-create-dark.2ccd7d30a2cebd01369e9ebbc75bb1d8.png) 0 no-repeat;
    background-size: 24px
}

.create-shelf .inner .box[data-v-366bd6c2] {
    border: 1px solid var(--ui-06);
    border-radius: 12px;
    height: 56px;
    padding: 16px;
    display: flex;
    color: var(--text-01)
}

.create-shelf .inner .input-text[data-v-366bd6c2] {
    flex: 1;
    width: 100%;
    color: var(--text-01)
}

.create-shelf .inner .check input[data-v-366bd6c2] {
    display: none
}

.create-shelf .inner .check label[data-v-366bd6c2] {
    text-indent: -9999em;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/unlock.45d6b448c186d95245e95074d78a38f3.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    margin-left: 8px;
    display: block;
    cursor: pointer
}

.create-shelf .inner .check input:checked+label[data-v-366bd6c2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/lock.bdda550ac062fd7ac1e3681dc11e6801.png)
}

.create-shelf p[data-v-366bd6c2] {
    color: #8b8b8b;
    font-size: 12px;
    text-align: right;
    padding-right: 16px
}

.banner a[data-v-366bd6c2] {
    display: block
}

.sub-inner.review-profile[data-v-366bd6c2] {
    display: flex;
    flex-direction: column
}

.sub-inner.review-profile .profile[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sub-inner.review-profile .profile .nickname[data-v-366bd6c2] {
    font-size: 20px;
    font-weight: 700
}

.sub-inner.review-profile .profile .image[data-v-366bd6c2] {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%
}

.sub-inner.review-profile .register .textarea[data-v-366bd6c2] {
    margin-top: 24px;
    display: block;
    width: 100%;
    border: 1px solid var(--ui-06);
    border-radius: 12px;
    resize: none;
    height: 56px;
    color: #555;
    font-size: 16px;
    padding: 16px;
    outline: none;
    -webkit-appearance: none
}

.sub-inner.review-profile .register .textarea[data-v-366bd6c2]::-webkit-input-placeholder {
    color: #c1c1c1
}

.sub-inner.review-profile .register .textarea[data-v-366bd6c2]:-ms-input-placeholder {
    color: #c1c1c1
}

.sub-inner.review-profile .register .textarea[data-v-366bd6c2]::-ms-input-placeholder {
    color: #c1c1c1
}

.sub-inner.review-profile .register .textarea[data-v-366bd6c2]::placeholder {
    color: #c1c1c1
}

.sub-inner.review-profile .register .text-number[data-v-366bd6c2] {
    text-align: right;
    margin-right: 8px;
    color: #8b8b8b;
    margin-top: 2px
}

.sub-inner.review-profile .register .text-number em[data-v-366bd6c2] {
    color: #c1c1c1;
    margin: 0 2px
}

.sub-inner.review-profile .register button[data-v-366bd6c2] {
    background-color: var(--secondary);
    color: var(--ui-background);
    margin-top: 16px;
    height: 56px;
    width: 100%;
    border-radius: 4px;
    font-size: 16px
}

.sub-inner.review-profile .register button.disabled[data-v-366bd6c2] {
    opacity: .4
}

.sub-inner.review-detail[data-v-366bd6c2] {
    padding-top: 24px !important
}

.sub-inner.review-detail .review-count[data-v-366bd6c2] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-left: 24px
}

.sub-inner.review-detail .review-list li[data-v-366bd6c2] {
    padding: 16px 24px;
    border-bottom: 1px solid var(--ui-06);
    margin-top: 0
}

.sub-inner.together .count[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px;
    margin-top: 24px;
    padding-left: 24px
}

.sub-inner.together .together-list li[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border-bottom: 1px solid var(--ui-06)
}

.sub-inner.together .together-list li .profile[data-v-366bd6c2] {
    display: flex;
    align-items: center
}

.sub-inner.together .together-list li .profile .image[data-v-366bd6c2] {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    margin-right: 12px
}

.sub-inner.together .together-list li .profile .number[data-v-366bd6c2] {
    color: #8b8b8b;
    margin-top: 2px;
    font-size: 12px
}

.sub-inner.together .together-list li button[data-v-366bd6c2] {
    background: #333;
    border-radius: 4px;
    width: 68px;
    height: 32px;
    color: #fff;
    font-size: 12px
}

.sub-inner.together .together-list li button.follow[data-v-366bd6c2] {
    background: #dfdfdf;
    color: #c1c1c1
}

.sub-inner.post-content .count[data-v-366bd6c2] {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px;
    margin-top: 24px;
    padding-left: 24px
}

.sub-inner.post-content .post-list[data-v-366bd6c2] {
    display: flex;
    flex-wrap: wrap;
    padding: 0 24px
}

.sub-inner.post-content .post-list li[data-v-366bd6c2] {
    width: calc(50% - 12px);
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 24px;
    height: 211px
}

.sub-inner.post-content .post-list li[data-v-366bd6c2]:nth-child(odd) {
    margin-right: 12px
}

.sub-inner.post-content .post-list li[data-v-366bd6c2]:nth-child(2n) {
    margin-left: 12px
}

.sub-inner.post-content .post-list .post-cont .cont[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 4.05em;
    max-height: 73px
}

.book-detail.isLite .meta-data[data-v-366bd6c2] {
    padding: 0
}

.book-detail.isLite .book-cover .book-data[data-v-366bd6c2] {
    height: 56px
}

.book-detail.isLite .book-cover .book-data .read-together[data-v-366bd6c2] {
    width: 100%;
    min-height: auto
}

.book-detail.isLite .book-cover .book-data .read-together a[data-v-366bd6c2] {
    flex-direction: row;
    flex: 1;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 16px;
    pointer-events: none
}

.book-detail.isLite .book-cover .book-data .read-together .text[data-v-366bd6c2] {
    margin-top: 0;
    font-size: 12px;
    position: absolute;
    left: 68px
}

.book-detail.isLite .book-cover .book-data .read-together .number[data-v-366bd6c2] {
    font-size: 14px
}

.book-detail.isLite .book-cover .book-data .post[data-v-366bd6c2],
.book-detail.isLite .book-cover .book-data .review[data-v-366bd6c2] {
    display: none
}

.book-detail.isLite .book-info .section[data-v-366bd6c2] {
    border-bottom: 12px solid var(--ui-02)
}

.book-detail.isLite .book-info .today-book .list a[data-v-366bd6c2] {
    pointer-events: none
}

.book-detail.isLite .book-info .today-book .list a[data-v-366bd6c2]:after {
    display: none
}

.book-detail.isLite .book-info .introduction[data-v-366bd6c2] {
    position: relative;
    padding-bottom: 24px
}

.book-detail.isLite .book-info .introduction .text-area[data-v-366bd6c2] {
    height: 154px;
    overflow: hidden;
    position: static
}

.book-detail.isLite .book-info .introduction .desc.more .image[data-v-366bd6c2] {
    margin-bottom: 8px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%
}

.book-detail.isLite .book-info .introduction .desc.more p[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 5.4em;
    max-height: 86px
}

.book-detail.isLite .book-info .introduction .desc.more p.open[data-v-366bd6c2] {
    display: block;
    max-height: 100%
}

.book-detail.isLite .book-info .introduction .desc.more button[data-v-366bd6c2] {
    bottom: 24px;
    right: 24px
}

.book-detail.isLite .book-info .introduction .desc.more.open[data-v-366bd6c2] {
    height: auto !important;
    overflow: auto
}

.book-detail.isLite .book-info .introduction .intro[data-v-366bd6c2] {
    margin-bottom: 0
}

.book-detail.isLite .book-info .book-info-lite[data-v-366bd6c2] {
    padding: 24px
}

.book-detail.isLite .book-info .book-info-lite ul[data-v-366bd6c2] {
    display: flex;
    flex-wrap: wrap
}

.book-detail.isLite .book-info .book-info-lite li[data-v-366bd6c2] {
    width: calc(50% - 12px);
    border-bottom: 1px solid var(--ui-06);
    padding: 16px 0
}

.book-detail.isLite .book-info .book-info-lite li[data-v-366bd6c2]:nth-child(odd) {
    margin-right: 12px
}

.book-detail.isLite .book-info .book-info-lite li[data-v-366bd6c2]:nth-child(2n) {
    margin-left: 12px
}

.book-detail.isLite .book-info .book-info-lite p[data-v-366bd6c2] {
    color: #8b8b8b;
    font-size: 12px;
    margin-bottom: 4px
}

.book-detail.isLite .book-info .book-info-lite strong[data-v-366bd6c2] {
    font-size: 14px;
    color: #555
}

.grid-container[data-v-366bd6c2] {
    margin-bottom: 16px
}

.casts-container[data-v-366bd6c2] {
    padding: 24px 0 !important
}

.casts-container h3[data-v-366bd6c2] {
    padding: 0 24px 12px
}

.casts-container ul[data-v-366bd6c2] {
    display: inline-flex;
    align-items: center;
    padding-top: 0
}

.casts-container li[data-v-366bd6c2] {
    width: 150px;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    margin-left: 12px;
    align-self: flex-start
}

.casts-container li[data-v-366bd6c2]:first-child {
    margin-left: 24px
}

.casts-container li[data-v-366bd6c2]:last-child {
    margin-right: 24px
}

.casts-container li .inner[data-v-366bd6c2] {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: column;
    padding-left: 66px;
    height: 56px;
    justify-content: center;
    margin-bottom: 8px
}

.casts-container li .image[data-v-366bd6c2] {
    width: 56px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    border-radius: 50%;
    -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .25))
}

.casts-container li .job[data-v-366bd6c2],
.casts-container li .name[data-v-366bd6c2] {
    color: var(--text-02)
}

.casts-container li .role[data-v-366bd6c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 4.5em;
    color: var(--text-04)
}

.trailer .section.trailer-video[data-v-366bd6c2] {
    border-bottom: 1px solid #f7f7f7
}

.trailer .section.trailer-list[data-v-366bd6c2] {
    padding: 20px 24px
}

.trailer .section.trailer-list ul[data-v-366bd6c2] {
    display: inline-flex
}

.trailer .section.trailer-list li[data-v-366bd6c2] {
    overflow: hidden;
    display: flex;
    position: relative;
    width: 120px;
    height: 120px;
    border: 4px solid transparent;
    border-radius: 8px
}

.trailer .section.trailer-list li a[data-v-366bd6c2] {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover
}

.trailer .section.trailer-list li a[data-v-366bd6c2]:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    content: ""
}

.trailer .section.trailer-list li a span[data-v-366bd6c2] {
    z-index: 20;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    text-indent: -1000em
}

.trailer .section.trailer-list li a span[data-v-366bd6c2],
.trailer .section.trailer-list li a span[data-v-366bd6c2]:after {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.trailer .section.trailer-list li a span[data-v-366bd6c2]:after {
    z-index: 30;
    width: 15px;
    height: 18px;
    margin-left: 2px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-video-play-pause.2d093c666cc7671657b1f53dab037bd8.png) 0 0/15px auto no-repeat;
    content: ""
}

.trailer .section.trailer-list li.active[data-v-366bd6c2] {
    border-color: #ffeb60
}

.library-list-container[data-v-366bd6c2] {
    height: 220px;
    display: flex;
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 16px;
    background-repeat: no-repeat;
    background-image: var(--background-image-pc);
    background-position: right 0;
    background-size: 282px
}

.library-list-container .title[data-v-366bd6c2] {
    color: #242424;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 28px;
    margin-left: 24px
}

.library-list-container .desc[data-v-366bd6c2] {
    color: #555;
    margin-left: 24px;
    line-height: 20px
}

.library-list-container .list-box[data-v-366bd6c2] {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: auto
}

.library-list-container .list-box[data-v-366bd6c2]::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none !important
}

.library-list-container .list[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 0 auto;
    padding-left: 24px;
    padding-right: 24px
}

.library-list-container .list li[data-v-366bd6c2] {
    height: 40px
}

.library-list-container .list li[data-v-366bd6c2]:not(:last-child) {
    margin-right: 12px
}

.library-list-container .list a[data-v-366bd6c2] {
    border-radius: 100px;
    background: hsla(0, 0%, 100%, .5);
    backdrop-filter: blur(30.5px);
    -webkit-backdrop-filter: blur(30.5px);
    color: #333;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 28px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.library-list-container .list a[data-v-366bd6c2]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/arr-right.21c461ed1c13919797487db08c6d1e6c.png) 0 0 no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.library-list-container .list img[data-v-366bd6c2] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25);
    border-radius: 50%
}

.extra .profile[data-v-366bd6c2] {
    margin-bottom: 8px
}

.extra .profile .inner[data-v-366bd6c2] {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 8px
}

.extra .profile .image[data-v-366bd6c2] {
    width: 56px;
    height: 56px;
    margin-right: 12px;
    border-radius: 100px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.extra .profile .intro[data-v-366bd6c2] {
    color: #555;
    font-size: 14px;
    line-height: 22px
}

.extra .profile .image[data-v-366bd6c2] {
    flex: none
}

.extra .profile .name[data-v-366bd6c2] {
    font-weight: 700
}

.extra .desc-area[data-v-366bd6c2] {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.extra .desc-area.open[data-v-366bd6c2] {
    display: block
}

.extra .desc+.profile[data-v-366bd6c2] {
    margin-top: 12px
}

.extra .slide-container[data-v-366bd6c2] {
    margin: 12px -24px 0
}

.extra .slide-container .swiper-container[data-v-366bd6c2] {
    padding: 0 24px
}

.extra .slide-container .swiper-slide[data-v-366bd6c2] {
    width: 240px;
    border-radius: 8px;
    overflow: hidden
}

.extra .more-box[data-v-366bd6c2] {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    margin-top: 12px
}

.extra .more-box[data-v-366bd6c2]:after {
    position: absolute;
    top: -36px;
    left: 0;
    width: 100%;
    height: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--ui-background) 90.28%);
    content: ""
}

.extra .more[data-v-366bd6c2] {
    font-size: 14px;
    color: var(--audio)
}

.extra .promotion-text[data-v-366bd6c2] {
    color: var(--text-03)
}

@media (min-width: 1281px) {
    .book-detail[data-v-366bd6c2] {
        border-left: 1px solid var(--ui-06);
        border-right: 1px solid var(--ui-06)
    }
}

@media (min-width: 1000px) {
    .book-detail[data-v-366bd6c2] {
        display: flex;
        max-width: var(--book-detail-width);
        margin: 0 auto
    }

    .book-detail.isApp .back-component[data-v-366bd6c2] {
        display: block
    }

    .book-detail.isApp .book-cover[data-v-366bd6c2] {
        padding-top: 0
    }

    .book-detail.isApp .button-area .button-list[data-v-366bd6c2] {
        top: 0
    }

    .book-detail .back-component[data-v-366bd6c2] {
        display: none
    }

    .book-detail .book-content[data-v-366bd6c2] {
        flex: 1 0 auto;
        width: 720px
    }

    .book-detail .button-area[data-v-366bd6c2] {
        width: 280px;
        border-left: 1px solid var(--ui-06)
    }

    .book-detail .button-area .button-list[data-v-366bd6c2] {
        position: sticky;
        left: 0;
        top: 64px
    }

    .book-detail .button-area .button-list li[data-v-366bd6c2] {
        height: 48px;
        border-bottom: 1px solid var(--ui-06)
    }

    .book-detail .button-area .button-list a[data-v-366bd6c2],
    .book-detail .button-area .button-list button[data-v-366bd6c2] {
        font-weight: 700;
        width: 100%;
        display: flex;
        align-items: center;
        height: 100%;
        text-align: left;
        padding-left: 56px;
        background-size: 24px;
        background-position: left 24px center;
        background-repeat: no-repeat
    }

    .book-detail .button-area .button-list .down button[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/down-pc-icon.8e86f1e84aeeeb1373d0a9808cea2415.png)
    }

    .book-detail .button-area .button-list .down.complete button[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/down-icon-complete.ff1b0464d915dc5d7f78ba6f189d9a5d.png);
        color: #c1c1c1
    }

    .book-detail .button-area .button-list .shelf.complete button[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/check-icon.ff1b0464d915dc5d7f78ba6f189d9a5d.png);
        color: #c1c1c1;
        cursor: default
    }

    .book-detail .button-area .button-list .shelf button[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-pc-icon.616c1629653bb5c0828475de7b017808.png)
    }

    .book-detail .button-area .button-list .post button[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/post-pc-icon.3e05732845a386884160090a3c0c1fe5.png)
    }

    .book-detail .button-area .button-list .share button[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/share-pc-icon.39fc1274fac1ccd7ffd9dd4cb7cf8bfb.png)
    }

    .book-detail .button-area .button-list .admin button[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/plus-icon.08048b4c0b43a14f317027d08d3d8850.png)
    }

    .book-detail .button-area .button-list .favorite button[data-v-366bd6c2] {
        padding: 0 0 0 24px
    }

    .book-detail .button-area .button-list .favorite button i[data-v-366bd6c2] {
        font-size: 24px;
        font-weight: 500;
        margin-right: 8px;
        width: 24px;
        height: 24px;
        background-size: 24px
    }

    .book-detail .button-area .button-list .favorite button i.heart-off[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/detail-heart-off.fc064a68f51248a73513a5ef4c5035f5.png)
    }

    .book-detail .button-area .button-list .favorite button i.heart-on[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/back-heart-on.d6a405d1a7177f4eaeb7ddd3793866c4.png)
    }

    .book-detail .button-area .button[data-v-366bd6c2] {
        position: fixed;
        bottom: 16px;
        width: 248px;
        height: 50px;
        background: #333;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .16), 4px 8px 28px rgba(0, 0, 0, .08);
        border-radius: 4px;
        -webkit-transform: translate3d(16px, 0, 0);
        transform: translate3d(16px, 0, 0);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .book-detail .button-area .button .inner[data-v-366bd6c2] {
        overflow: hidden;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 4px
    }

    .book-detail .button-area .button .take[data-v-366bd6c2] {
        display: none
    }

    .book-detail .button-area .button .enter[data-v-366bd6c2] {
        text-align: center;
        display: block;
        width: 100%;
        height: 100%
    }

    .book-detail .button-area .button .etc[data-v-366bd6c2] {
        display: none
    }
}

@media (min-width: 701px) {
    .book-cover[data-v-366bd6c2] {
        position: relative;
        display: flex;
        min-height: 242px
    }

    .book-cover .cover-data[data-v-366bd6c2] {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 55px;
        margin-top: -15px;
        margin-left: -15px;
        padding-top: 15px
    }

    .book-cover .cover-data.switch[data-v-366bd6c2]:before {
        content: "";
        display: block;
        width: 24px;
        height: 66px;
        position: absolute;
        top: 0;
        left: 40px;
        z-index: 1;
        background: var(--background)
    }

    .book-cover .book-data[data-v-366bd6c2] {
        margin-top: auto;
        background: var(--ui-01);
        margin-right: 24px
    }

    .book-cover .meta-data[data-v-366bd6c2] {
        margin-bottom: 30px;
        margin-right: 24px
    }

    .book-cover .meta-data .author[data-v-366bd6c2] {
        margin-bottom: 16px
    }
}

@media (min-width: 701px) and (max-width:999px) {
    .book-cover[data-v-366bd6c2] {
        padding: 8px 24px 32px
    }

    .book-cover .book-data[data-v-366bd6c2] {
        margin-right: 0
    }

    .book-detail.isLite .book-cover[data-v-366bd6c2] {
        padding: 32px 24px
    }
}

@media (max-width: 999px) {
    .book-detail.not-show[data-v-366bd6c2] {
        padding-top: 24px
    }

    .book-detail .book-content[data-v-366bd6c2] {
        margin-bottom: 88px
    }

    .book-detail .button-area[data-v-366bd6c2] {
        position: fixed;
        width: 100%;
        -webkit-transform: none;
        transform: none;
        background: none;
        bottom: 50px;
        bottom: calc(env(safe-area-inset-bottom) + 50px);
        z-index: 99
    }

    .book-detail .button-area.isApp[data-v-366bd6c2] {
        bottom: 0
    }

    .book-detail .button-area .button-list[data-v-366bd6c2] {
        display: none;
        background: var(--ui-background);
        box-shadow: 0 4px 12px rgba(0, 0, 0, .16), 4px 8px 28px rgba(0, 0, 0, .08);
        border-radius: 16px;
        padding: 0 16px
    }

    .book-detail .button-area .button-list.show[data-v-366bd6c2] {
        display: block;
        margin: 0 16px 16px
    }

    .book-detail .button-area .button-list li[data-v-366bd6c2] {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 24px;
        position: relative;
        border-top: 1px solid var(--ui-06)
    }

    .book-detail .button-area .button-list li[data-v-366bd6c2]:first-child {
        border-top: 0
    }

    .book-detail .button-area .button-list .down[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/down-icon.28267e924ad8d98c48f9724425a49be9.png);
        float: left;
        width: 50%;
        height: 98px;
        background-position: center 24px;
        border: 0
    }

    .book-detail .button-area .button-list .down[data-v-366bd6c2]:after {
        content: "";
        display: block;
        position: absolute;
        background: #dfdfdf;
        height: 66px;
        width: 1px;
        top: 50%;
        right: 0;
        margin-top: -33px
    }

    .book-detail .button-area .button-list .down.complete[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/down-icon-complete.ff1b0464d915dc5d7f78ba6f189d9a5d.png)
    }

    .book-detail .button-area .button-list .down.complete button[data-v-366bd6c2] {
        color: #c1c1c1
    }

    .book-detail .button-area .button-list .down.complete img[data-v-366bd6c2] {
        width: 24px;
        height: 24px
    }

    .book-detail .button-area .button-list .down button[data-v-366bd6c2] {
        padding-top: 24px
    }

    .book-detail .button-area .button-list .favorite[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/favorite-mobile-icon.6b4d6dc6d7e26398a47a51e4e985f308.png);
        float: left;
        width: 50%;
        height: 98px;
        background-position: center 24px;
        border: 0
    }

    .book-detail .button-area .button-list .favorite.complete[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/favorite-pc-check-icon.cbb6d71a5cf8e9caf8259dc9884d520d.png)
    }

    .book-detail .button-area .button-list .favorite button[data-v-366bd6c2] {
        padding-top: 24px
    }

    .book-detail .button-area .button-list .shelf[data-v-366bd6c2] {
        display: none
    }

    .book-detail .button-area .button-list .post[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/post-icon.6588259b2970c571f5075a9f0ca84321.png);
        clear: both;
        height: 56px;
        background-position: 8px
    }

    .book-detail .button-area .button-list .post button[data-v-366bd6c2] {
        text-align: left;
        padding-left: 40px
    }

    .book-detail .button-area .button-list .share[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/share-icon.79bbe41612a0eb99ca7c66534363b267.png);
        height: 56px;
        background-position: 8px;
        clear: both
    }

    .book-detail .button-area .button-list .share button[data-v-366bd6c2] {
        text-align: left;
        padding-left: 40px
    }

    .book-detail .button-area .button-list .admin[data-v-366bd6c2] {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/plus-icon.08048b4c0b43a14f317027d08d3d8850.png);
        height: 56px;
        background-position: 8px
    }

    .book-detail .button-area .button-list .admin button[data-v-366bd6c2] {
        text-align: left;
        padding-left: 40px
    }

    .book-detail .button-area .button-list a[data-v-366bd6c2],
    .book-detail .button-area .button-list button[data-v-366bd6c2] {
        display: block;
        width: 100%;
        height: 100%;
        color: #555
    }

    .book-detail .button-area .button-list a[data-v-366bd6c2] {
        display: flex;
        align-items: center
    }

    .book-detail .button-area .button[data-v-366bd6c2] {
        display: flex;
        overflow: hidden;
        align-items: center;
        border-top: 1px solid var(--ui-06);
        padding: 12px;
        background: var(--ui-background)
    }

    .book-detail .button-area .button .inner[data-v-366bd6c2] {
        flex: 1;
        display: flex;
        border-radius: 4px;
        overflow: hidden;
        height: 42px
    }

    .book-detail .button-area .button .take[data-v-366bd6c2] {
        width: 40px;
        height: 40px;
        background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/shelf-icon.4488df54e3964b320fd973c782f15805.png) center 2px no-repeat;
        background-size: 24px;
        font-size: 8px;
        color: var(--text-03);
        padding-top: 26px;
        text-align: center;
        margin-right: 12px
    }

    .book-detail .button-area .button .enter[data-v-366bd6c2] {
        flex: 1;
        height: 100%;
        font-size: 16px
    }

    .book-detail .button-area .button .etc[data-v-366bd6c2] {
        background: #333;
        width: 40px;
        position: relative;
        height: 100%
    }

    .book-detail .button-area .button .etc img[data-v-366bd6c2] {
        width: 24px
    }

    .sub-inner.post-content .post-list li[data-v-366bd6c2] {
        height: 235px
    }

    .sub-inner.post-content .post-list .post-cont .cont[data-v-366bd6c2] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        max-height: 5.4em;
        max-height: 92px
    }
}

@media (max-width: 700px) {
    .book-detail .book-cover[data-v-366bd6c2] {
        padding-left: 0;
        padding-right: 0
    }

    .book-detail .book-cover .meta-data[data-v-366bd6c2] {
        padding: 0 24px
    }

    .book-detail .book-cover .reading-data[data-v-366bd6c2] {
        justify-content: center
    }

    .book-detail:not(.isLite) .book-cover[data-v-366bd6c2] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-bottom: 16px;
        padding-top: 0;
        position: relative
    }

    .book-detail:not(.isLite) .book-cover .book-data[data-v-366bd6c2] {
        width: 100%;
        height: 78px;
        background-color: none;
        margin-right: 0
    }

    .book-detail:not(.isLite) .book-cover .book-type[data-v-366bd6c2] {
        position: absolute;
        top: 15px;
        left: 24px;
        z-index: 98;
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0
    }

    .book-detail:not(.isLite) .book-cover .book-type .inner[data-v-366bd6c2] {
        padding: 0 24px;
        margin-left: 0;
        margin-right: 0;
        justify-content: center
    }

    .book-detail:not(.isLite) .book-cover .book-type .inner button[data-v-366bd6c2]:last-child {
        margin-right: 0
    }

    .book-detail:not(.isLite) .book-cover .thumbnail[data-v-366bd6c2] {
        margin-bottom: 24px;
        margin-top: 76px
    }

    .book-detail:not(.isLite) .book-cover .cover-data[data-v-366bd6c2] {
        width: 100%
    }

    .book-detail:not(.isLite) .book-cover .author[data-v-366bd6c2],
    .book-detail:not(.isLite) .book-cover .taste[data-v-366bd6c2] {
        margin-bottom: 8px
    }

    .book-detail:not(.isLite) .book-cover .meta-data .book-name[data-v-366bd6c2] {
        justify-content: center
    }

    .book-detail:not(.isLite) .book-cover .meta-data .tooltip[data-v-366bd6c2] {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .book-detail:not(.isLite) .book-cover .meta-data .tooltip[data-v-366bd6c2]:before {
        right: 85px
    }

    .book-detail:not(.isLite) .book-cover .meta-data .tooltip .desc[data-v-366bd6c2] {
        text-align: left
    }

    .book-detail.isLite .book-cover[data-v-366bd6c2] {
        position: relative;
        display: flex;
        min-height: 145px;
        padding: 32px 24px
    }

    .book-detail.isLite .book-cover .thumbnail[data-v-366bd6c2] {
        width: 100px
    }

    .book-detail.isLite .book-cover .thumbnail .inner[data-v-366bd6c2] {
        min-width: 100px;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, .1), 0 0 2px rgba(0, 0, 0, .2)
    }

    .book-detail.isLite .book-cover .cover-data[data-v-366bd6c2] {
        flex: 1;
        margin-left: 16px;
        position: relative;
        display: flex;
        flex-direction: column
    }

    .book-detail.isLite .book-cover .book-data[data-v-366bd6c2] {
        margin-top: auto;
        height: 40px;
        background-color: none
    }

    .book-detail.isLite .book-cover .book-data .read-together[data-v-366bd6c2] {
        width: 100%;
        min-height: auto
    }

    .book-detail.isLite .book-cover .book-data .read-together .images[data-v-366bd6c2] {
        display: none
    }

    .book-detail.isLite .book-cover .book-data .read-together .text[data-v-366bd6c2] {
        position: static;
        font-size: 10px
    }

    .book-detail.isLite .book-cover .book-data .read-together .number[data-v-366bd6c2] {
        font-size: 12px
    }

    .book-detail.isLite .book-cover .meta-data[data-v-366bd6c2] {
        margin-bottom: 30px;
        padding: 0
    }

    .book-detail.isLite .book-cover .meta-data .book-name[data-v-366bd6c2] {
        font-size: 16px
    }

    .book-detail.isLite .book-cover .meta-data .author[data-v-366bd6c2] {
        margin-bottom: 16px
    }

    .book-detail.isLite .book-info .book-info-lite[data-v-366bd6c2] {
        padding-top: 0
    }

    .book-detail.isLite .book-info .book-info-lite ul[data-v-366bd6c2] {
        display: block
    }

    .book-detail.isLite .book-info .book-info-lite li[data-v-366bd6c2] {
        width: 100%
    }

    .book-detail.isLite .book-info .book-info-lite li[data-v-366bd6c2]:nth-child(odd) {
        margin-right: 0
    }

    .book-detail.isLite .book-info .book-info-lite li[data-v-366bd6c2]:nth-child(2n) {
        margin-left: 0
    }

    .sub-inner.review-profile .profile .nickname[data-v-366bd6c2] {
        font-size: 16px
    }

    .sub-inner.review-profile .profile .image[data-v-366bd6c2] {
        width: 44px;
        height: 44px
    }

    .sub-inner.review-profile .register .textarea[data-v-366bd6c2] {
        min-height: 56px;
        height: auto
    }

    .sub-inner.post-content .post-list li[data-v-366bd6c2] {
        width: 100%
    }

    .sub-inner.post-content .post-list li[data-v-366bd6c2]:nth-child(odd) {
        margin-right: 0
    }

    .sub-inner.post-content .post-list li[data-v-366bd6c2]:nth-child(2n) {
        margin-left: 0
    }

    .book-history ul .average .chart-content[data-v-366bd6c2] {
        flex-direction: column
    }

    .book-history ul .average .chart-content>.chart-desc[data-v-366bd6c2] {
        display: none
    }

    .book-history ul .average .inner[data-v-366bd6c2] {
        margin-right: 0;
        max-width: 100%
    }

    .book-history ul .average .grid[data-v-366bd6c2] {
        height: 303px
    }

    .book-history ul .average .chart-desc[data-v-366bd6c2] {
        width: 100%
    }

    .book-history ul .average .chart-desc .top[data-v-366bd6c2] {
        padding: 0;
        border: none;
        margin: 20px 0 0
    }

    .book-history ul .average .chart-desc .bottom[data-v-366bd6c2] {
        display: none
    }

    .book-history ul .average .mobile-chart-desc[data-v-366bd6c2] {
        font-size: 14px;
        color: #8b8b8b;
        display: flex;
        justify-content: center;
        margin-top: 16px;
        position: relative;
        align-items: center
    }

    .book-history ul .average .mobile-chart-desc .small-one[data-v-366bd6c2] {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #fff;
        border: 4px solid #a02cb8
    }

    .book-history ul .average .mobile-chart-desc strong[data-v-366bd6c2] {
        position: relative;
        padding-left: 8px;
        display: block;
        margin-right: 8px;
        padding-right: 8px
    }

    .library-list-container[data-v-366bd6c2] {
        background-position: right 0;
        background-size: 166px;
        background-image: var(--background-image-m)
    }

    .library-list-container .desc[data-v-366bd6c2],
    .library-list-container .title[data-v-366bd6c2] {
        padding-right: 166px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media (max-width: 360px) {
    .book-history ul .average .mobile-chart-desc[data-v-366bd6c2] {
        font-size: 12px
    }
}

.popup-content[data-v-366bd6c2] {
    text-align: center;
    color: var(--text-03)
}

.mt20[data-v-366bd6c2] {
    margin-top: 20px !important
}

.brand-container .top-notification-bar[data-v-366bd6c2] {
    background-color: #ffeb60
}

.brand-container .top-notification-bar a[data-v-366bd6c2] {
    display: block;
    padding: 11px 8px;
    font-size: 16px;
    text-align: center;
    color: #242424
}

.content-section .swiper-pagination[data-v-366bd6c2] {
    display: flex;
    max-width: 262px
}

.content-section .swiper-pagination[data-v-366bd6c2] .swiper-pagination-bullet {
    border-radius: 100%;
    opacity: .2;
    margin-right: 8px;
    width: 100%;
    height: 100%;
    padding: 4px 18px;
    display: block;
    border: 1px solid #242424;
    border-radius: 100px;
    font-size: 14px;
    background: transparent;
    opacity: 1
}

.content-section .swiper-pagination[data-v-366bd6c2] .swiper-pagination-bullet button {
    display: block;
    color: #000;
    border: none;
    outline: 0
}

.content-section .swiper-pagination[data-v-366bd6c2] .swiper-pagination-bullet-active {
    background: #242424;
    color: #fff
}

.content-section .swiper-pagination[data-v-366bd6c2] .swiper-pagination-bullet-active button {
    color: #fff;
    border: none;
    outline: 0
}

.books a[data-v-366bd6c2] {
    cursor: auto
}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    /* opacity: 0 */
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    /* opacity: 0 */
    ;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}


* {
    letter-spacing: -.6px
}

*,
:after,
:before {
    box-sizing: border-box
}

html.full-page,
html.full-page body {
    height: 100% !important
}

html.full-page #wrap {
    height: 100%
}

html.transparent body {
    background-color: transparent
}

html {
    overflow-y: scroll;
    font-size: 62.5%;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html.scroll-hidden {
    overflow: hidden
}

body {
    min-width: 320px;
    font-family: SpoqaHanSansNeo, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    font-size: 14px;
    color: var(--text-01);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--ui-background)
}

html.dark-page body {
    background-color: #000
}

html.not-dark-page body {
    background-color: #fff
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0
}

pre {
    font-family: SpoqaHanSansNeo, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    white-space: pre-wrap;
    word-break: break-all
}

a {
    cursor: pointer;
    background-color: transparent;
    color: inherit
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
em,
strong {
    font-weight: 700
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

em,
i {
    font-style: normal
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

img {
    max-width: 100%;
    vertical-align: top;
    border-style: none;
    pointer-events: none
}

fieldset {
    border: 0;
    padding: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

input {
    -webkit-border-radius: 0
}

button:focus,
input:focus,
select:focus {
    outline: none
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    -webkit-appearance: button;
    outline: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px solid
}

[type=email]::-ms-clear,
[type=number]::-ms-clear,
[type=text]::-ms-clear {
    display: none
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[type=email],
[type=number],
[type=password],
[type=tel],
[type=text] {
    background-color: transparent;
    border: 0;
    border-radius: 0
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

input::-ms-clear {
    display: none
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

caption {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

button {
    color: var(--text-01)
}

[contenteditable] {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

body {
    --header-width: 1440px;
    --today-width: 1440px;
    --search-width: 1440px;
    --feed-width: 1440px;
    --library-width: 1440px;
    --management-width: 600px;
    --ai-agent-width: 1000px;
    --book-detail-width: 1440px;
    --audio-detail-width: 1440px;
    --depth-width: 1440px;
    --footer-width: 1440px;
    --inner-width: 1280px;
    --middle-width: 700px;
    --road-detail-width: 1440px;
    --happy-max-width: 600px;
    --customer-width: 1440px
}

#wrap.dark .dark-img,
#wrap.dark .dark-img-after:after,
#wrap.dark .dark-img-before:before {
    -webkit-filter: invert(1);
    filter: invert(1);
    color: #242424
}

#wrap.dark .not-dark .dark-img,
#wrap.dark .not-dark .dark-img-after:after,
#wrap.dark .not-dark .dark-img-before:before {
    -webkit-filter: invert(0);
    filter: invert(0);
    color: var(--text-01)
}

@font-face {
    font-family: SpoqaHanSansNeo;
    font-weight: 300;
    src: local("Spoqa Han Sans Thin"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/SpoqaHanSansNeo-Thin.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/SpoqaHanSansNeo-Thin.woff) format("woff")
}

@font-face {
    font-family: NotoSerifKR;
    font-weight: 200;
    src: local("Noto Serif KR"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/NotoSerifKR-ExtraLight.woff2) format("woff2")
}

@font-face {
    font-family: NotoSerifKR;
    font-weight: 300;
    src: local("Noto Serif KR"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/NotoSerifKR-Light.woff2) format("woff2")
}

@font-face {
    font-family: NotoSerifKR;
    font-weight: 400;
    src: local("Noto Serif KR"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/NotoSerifKR-Regular.woff2) format("woff2")
}

@font-face {
    font-family: NotoSerifKR;
    font-weight: 500;
    src: local("Noto Serif KR"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/NotoSerifKR-Medium.woff2) format("woff2")
}

@font-face {
    font-family: NotoSerifKR;
    font-weight: 600;
    src: local("Noto Serif KR"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/NotoSerifKR-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: NotoSerifKR;
    font-weight: 700;
    src: local("Noto Serif KR"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/NotoSerifKR-Bold.woff2) format("woff2")
}

@font-face {
    font-family: NotoSerifKR;
    font-weight: 800;
    src: local("Noto Serif KR"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/NotoSerifKR-Black.woff2) format("woff2")
}

@font-face {
    font-family: Lato;
    font-weight: 300;
    src: local("Lato"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Lato-Light.woff2) format("woff2")
}

@font-face {
    font-family: Lato;
    font-weight: 400;
    src: local("Lato"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Lato-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Lato;
    font-weight: 600;
    src: local("Lato"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Lato-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Lato;
    font-weight: 800;
    src: local("Lato"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Lato-Black.woff2) format("woff2")
}

@font-face {
    font-family: Pretendard;
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Black.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Black.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-ExtraBold.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-ExtraBold.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Bold.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Bold.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-SemiBold.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-SemiBold.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Medium.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Medium.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Regular.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Regular.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Light.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Light.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-ExtraLight.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-ExtraLight.subset.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Thin.subset.woff2) format("woff2"), url(https://d3udu241ivsax2.cloudfront.net/common/css_v3/fonts/Pretendard-Thin.subset.woff) format("woff")
}

@media (max-width: 999px) {

    .filter-ani-enter-active,
    .filter-ani-leave-active {
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .filter-ani-enter,
    .filter-ani-leave-to {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

html.full-page .content {
    height: 100%
}

html.scroll-lock {
    overflow: hidden;
    height: 100%;
    height: calc(constant(safe-area-inset-top) + 100%);
    height: calc(env(safe-area-inset-top) + 100%)
}

@media (max-width: 999px) {
    html.scroll-lock body {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        min-height: 100vh
    }
}

a,
button,
img {
    -webkit-user-drag: none
}

.wrapper,
a,
button,
img {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wrapper {
    min-height: 100vh;
    max-width: 700px;
    padding: 0 16px 56px;
    margin: 0 auto
}

.ir {
    position: absolute;
    left: -10000em;
    top: 0
}

.millie-inner {
    max-width: var(--depth-width);
    margin: 0 auto;
    padding: 0 24px 56px
}

.millie-inner.p0 {
    padding: 0
}

.millie-inner.large,
.millie-inner.xlarge {
    max-width: unset
}

.millie-inner.wide {
    max-width: var(--depth-width)
}

.millie-sub-inner {
    padding-bottom: 48px
}

.millie-sub-inner .back-component {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 15;
    background: #fff
}

.millie-sub-inner .sub-inner {
    max-width: var(--depth-width);
    margin: 0 auto;
    padding: 24px
}

.millie-sub-inner .sub-inner.p0 {
    padding: 0
}

.millie-sub-inner .sub-inner .noti {
    padding: 16px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-03)
}

@media (max-width: 700px) {
    .millie-sub-inner .sub-inner .noti {
        align-self: flex-start
    }
}

.inner-content {
    position: relative;
    margin: 0 auto;
    max-width: var(--management-width);
    background-size: cover;
    background-position: 50%;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--ui-background)
}

.inner-content.active {
    padding-top: 0
}

.inner-content.wide {
    max-width: var(--depth-width)
}

.setting-list {
    margin: 0 -16px;
    background: var(--ui-background);
    word-break: break-all
}

.setting-list li {
    position: relative
}

.setting-list li>a,
.setting-list li>div {
    position: relative;
    display: block;
    padding: 12px 16px;
    font-size: 1.6rem;
    border-bottom: 1px solid var(--GTrans-02);
    color: var(--text-01)
}

.setting-list li strong {
    font-weight: 400;
    color: var(--text-01)
}

.setting-list li span {
    color: var(--text-03);
    display: block;
    font-size: 12px;
    margin-top: 4px
}

.setting-list li .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px
}

.next-btn {
    display: block;
    height: 56px;
    margin: auto -24px 0;
    line-height: 56px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    background: #ffeb60;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: var(--depth-width);
    z-index: 10
}

.next-btn:disabled {
    background: #eee;
    color: #ccc
}

.next-btn.isFoldable {
    position: static;
    width: calc(100% + 32px);
    margin-top: 94px
}

.next-btn.promotion {
    position: static;
    margin: 0 !important
}

.popup {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 132;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .8);
    outline: 0
}

.popup .popup-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 92%;
    max-width: 700px;
    min-height: 200px;
    background-color: #fff;
    word-break: keep-all;
    border-radius: 6px;
    overflow: hidden;
    padding: 24px 24px 0;
    max-height: 80%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.popup .popup-inner .popup-content {
    word-break: keep-all;
    line-height: 20px
}

.popup .popup-inner .popup-content.center {
    text-align: center
}

.popup .popup-inner .popup-content.color-lightBlack {
    color: var(--text-03)
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .popup .popup-inner {
        max-height: none
    }
}

.popup .popup-title {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px
}

.popup .popup-footer {
    position: static;
    height: 56px;
    margin: 24px -24px 0
}

.popup .popup-footer button {
    background: #ffeb60;
    font-size: 15px;
    color: #333;
    text-align: center;
    width: 100%;
    height: 100%
}

.popup .popup-footer button.gray {
    background-color: #eee
}

.popup .popup-footer.two-btn {
    display: flex;
    flex-direction: row
}

.popup .popup-footer.two-btn button {
    width: 50%
}

.popup .goods-items {
    height: 360px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -24px;
    padding: 0 24px
}

.popup .goods-items::-webkit-scrollbar {
    background-color: #fff;
    width: 16px
}

.popup .goods-items::-webkit-scrollbar-track {
    background-color: #fff
}

.popup .goods-items::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff
}

.popup .goods-items::-webkit-scrollbar-button {
    display: none
}

.popup .goods-items p {
    font-size: 12px;
    color: var(--text-03);
    margin-bottom: 2px;
    word-break: break-all
}

.popup .goods-items span {
    font-size: 16px;
    color: #333;
    word-break: break-all
}

.popup .goods-items li {
    border-bottom: 1px solid #ccc;
    position: relative;
    min-height: 76px;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
    align-items: center
}

.popup .goods-items li:last-child {
    border: none
}

.popup .goods-items li:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #ffeb60
}

.popup .goods-items li:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 76px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.popup .goods-items li img {
    display: block;
    width: 76px;
    z-index: 1000
}

.popup .goods-items li>div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px
}

.popup .table table {
    color: var(--text-01);
    border: 1px solid var(--ui-06);
    width: 100%;
    border-radius: 2px;
    text-align: center
}

.popup .table tr {
    border-bottom: 1px solid var(--ui-06)
}

.popup .table tr:last-child {
    border-bottom: none
}

.popup .table td,
.popup .table th {
    padding: 12px
}

.popup .table th {
    background: var(--ui-03);
    font-weight: 400;
    border-right: 1px solid var(--ui-06)
}

.popup .agreement-text {
    font-size: 12px;
    color: var(--text-03);
    margin-top: 8px;
    margin-bottom: 24px;
    letter-spacing: -.6px
}

.popup-v1 .popup_inner_header {
    font-size: 20px;
    font-weight: 700
}

.popup-v1 .popup_inner_body .ta-c {
    display: block;
    text-align: center;
    font-size: 14px
}

.popup-v1 .popup_inner_body .ta-d {
    display: block;
    text-align: center;
    font-size: 12px
}

.popup-v1 .popup_inner_body img {
    display: block;
    width: 228px;
    margin: 16px auto 32px
}

.popup-v1 .popup_inner_body img.m-v1 {
    margin: 16px auto
}

.popup-v1 .popup_inner_body .purple {
    color: #a451f7
}

.popup-v1 .popup_inner_body .gray {
    color: var(--text-03)
}

.popup-v1 .popup_inner_body .light-gray {
    color: #999
}

.popup-v1 .popup_inner_body .mt16 {
    margin-top: 16px
}

.popup-v1 .popup_inner_body li {
    color: var(--text-03);
    font-size: 16px;
    margin-bottom: 8px;
    letter-spacing: -1px
}

.popup-v1 .popup_inner_body li:last-child {
    margin-bottom: 0
}

.popup-v1 .popup_inner_body li svg {
    vertical-align: bottom
}

.popup-v1 .popup_inner_body img.product-guide-book {
    width: 128px;
    height: 100px;
    margin: 16px auto
}

.popup-v1 .popup_inner_body .sub-title {
    margin-right: 4px
}

.address-popup {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    outline: 0;
    z-index: 100
}

.address-popup .inner {
    position: relative;
    width: 92%;
    max-width: 700px;
    background-color: #fff;
    height: 520px;
    max-height: 80%
}

.address-popup .text-box {
    position: relative;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.address-popup .title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.address-popup button {
    position: absolute;
    top: 16px;
    right: 15px
}

.address-popup .postcodeBox {
    position: relative;
    top: 45px;
    height: 100%
}

.address-popup .vue-daum-postcode {
    height: 100%
}

.address-popup .vue-daum-postcode-container {
    height: 100% !important
}

.address-popup .vue-daum-postcode-container>div {
    -webkit-overflow-scrolling: touch !important
}

.hide_el,
caption,
legend {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.swiper-container,
.swiper-wrapper {
    -webkit-tap-highlight-color: transparent
}

.swiper-wrapper {
    position: static;
    width: auto;
    height: auto
}

.payment-mobilians {
    background: rgba(0, 0, 0, .8)
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.active {
    display: block
}

.visible {
    visibility: visible
}

h2[class*=title] {
    margin: 32px 0 8px;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-01)
}

h2[class*=title].flex {
    display: flex;
    justify-content: space-between
}

h2[class*=title] .link {
    font-size: 12px;
    color: #999;
    text-decoration: underline;
    font-weight: 400
}

em,
h2[class*=title] .exp {
    font-weight: 400
}

address {
    font-style: normal
}

.basePadding {
    padding: 16px
}

.dim.active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .8)
}

iframe.login {
    position: absolute;
    left: -1000px;
    top: 0;
    width: 0;
    height: 0;
    border: 0
}

@media (max-width: 340px) {
    .address-popup .inner {
        height: 95%;
        width: 95%
    }
}

.payco-overlay {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.input-check {
    display: none
}

.input-check+label {
    font-size: 14px;
    color: var(--text-01);
    position: relative;
    cursor: pointer;
    display: block
}

.input-check+label:after,
.input-check+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block
}

.input-check+label:before {
    width: 18px;
    height: 18px;
    border: 2px solid #ffeb60;
    border-radius: 2px
}

.input-check+label span {
    display: block;
    padding-left: 23px
}

.input-check+label span button {
    color: #999;
    font-size: 12px;
    margin-left: 5px
}

.input-check:checked+label:before {
    background: #ffeb60
}

.input-check:checked+label:after {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/payment/chk-label-img.d9d4b833d26b0f2087bf7c2ad31314b9.png) 50% no-repeat;
    width: 11px;
    height: 9px;
    top: 4px;
    left: 4px;
    background-size: contain
}

.check-box li {
    margin-bottom: 12px
}

.app-padding-top {
    padding-top: 24px !important
}

hr.horizonLine {
    border-bottom: 1px solid var(--ui-06)
}

.warn-text {
    margin-top: 10px;
    margin-bottom: 24px
}

.warn-text.mb80 {
    margin-bottom: 80px !important
}

.warn-text li {
    position: relative;
    font-size: 12px;
    color: var(--text-03);
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.warn-text li:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--text-03);
    width: 2px;
    height: 2px
}

.warn-text .red {
    color: #df1d1d
}

.warn-text .error {
    color: var(--error)
}

.close-component {
    height: 50px;
    margin-bottom: 48px
}

.close-component .close-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 50;
    height: 50px;
    padding-top: env(safe-area-inset-top);
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.close-component .close-wrap>div {
    max-width: 668px;
    margin: 0 auto
}

.close-component .close {
    position: relative;
    height: 50px
}

.close-component .close h2 {
    overflow: hidden;
    padding: 0 45px;
    font-size: 18px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 50px;
    color: #000
}

@media (max-width: 701px) {
    .close-component .close-wrap>div {
        padding: 0 16px
    }
}

.danggu {
    color: var(--text-04);
    font-size: 12px;
    margin-bottom: 24px;
    word-break: keep-all;
    text-indent: -13px;
    padding-left: 13px
}

.danggu .red {
    color: var(--error)
}

.danggu-title {
    color: var(--text-02);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 16px
}

.danggu-list {
    color: var(--text-04);
    font-size: 14px;
    margin-bottom: 24px;
    word-break: keep-all;
    text-indent: -13px;
    padding-left: 13px
}

.danggu-list li {
    margin-bottom: 3px
}

.danggu-list li:last-child {
    margin-bottom: 0
}

.danggu-list li .red {
    color: var(--error)
}

.next-btn.static {
    position: static;
    border-radius: 4px;
    font-weight: 400;
    margin: 0 auto;
    line-height: 48px;
    height: 48px
}

.radio-style-v2 {
    min-height: 48px;
    padding: 14px 0
}

.radio-style-v2 .title {
    padding-left: 30px
}

.radio-style-v2 input {
    display: none
}

.radio-style-v2 label {
    font-size: 16px;
    position: relative;
    cursor: pointer;
    color: var(--text-01);
    display: block;
    width: 100%
}

.radio-style-v2 label:before {
    width: 20px;
    height: 20px;
    background-color: var(--ui-02);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    border-radius: 50%
}

.radio-style-v2 input[type=radio]:checked+label:before {
    border: 6px solid var(--primary);
    background-color: var(--ui-background);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1), 0 4px 5px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .02)
}

.radio-style-v2 input[type=radio]:checked+label .title {
    font-weight: 700
}

.radio-style-v2 input[type=radio]:not(:checked)+label:before {
    border: 2px solid #ccc
}

@-webkit-keyframes toast-ani {
    0% {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px)
    }

    30% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }

    75% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }

    to {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px)
    }
}

@keyframes toast-ani {
    0% {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px)
    }

    30% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }

    75% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }

    to {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px)
    }
}

.show-millie-toast {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    top: env(safe-area-inset-top);
    left: 50%;
    width: 196px;
    height: 50px;
    margin: 0 auto;
    border-radius: 100px;
    background: #fff;
    box-shadow: 2px 2px 24px rgba(0, 0, 0, .2);
    -webkit-transform: translate(-50%, -100px);
    transform: translate(-50%, -100px);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    /* opacity: 0 */
}

.show-millie-toast.active {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: toast-ani;
    animation-name: toast-ani;
    z-index: 999;
    opacity: 1
}

.show-millie-toast p {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    color: #a451f7;
    text-align: center;
    font-weight: 700
}

.show-millie-toast p:before {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 14px;
    top: -5px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/logo-purple.b90f3fa9b1aa3bb9fb02423934654613.png);
    content: "";
    background-size: cover
}

@-webkit-keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

html:not(.ie) .slide-container {
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-top: -16px
}

html:not(.ie) .slide-container::-webkit-scrollbar {
    display: none
}

html:not(.ie) .slide-container[data-scroll-move=true] .slide-wrapper {
    will-change: transform;
    pointer-events: none
}

html:not(.ie) .slide-container .slide-wrapper {
    -webkit-overflow-scrolling: touch;
    padding-top: 16px
}

html.ie .slide-container {
    overflow-x: auto;
    scrollbar-base-color: #efefef;
    scrollbar-face-color: #666;
    scrollbar-3dlight-color: #666;
    scrollbar-highlight-color: #666;
    scrollbar-track-color: #efefef;
    scrollbar-arrow-color: #666;
    scrollbar-shadow-color: #666;
    scrollbar-dark-shadow-color: #666
}

.smooth-picker {
    font-size: 16px;
    height: 10em;
    position: relative;
    background-color: var(--ui-up-03);
    overflow: hidden
}

.smooth-picker .smooth-list {
    height: 6.25em;
    position: relative;
    top: 4em
}

.smooth-picker .smooth-item {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
    will-change: transform;
    contain: strict;
    height: 2em;
    line-height: 2;
    font-size: 1em
}

.smooth-picker .smooth-handle-layer {
    position: absolute;
    width: 100%;
    height: calc(100% + 2px);
    left: 0;
    right: 0;
    top: -1px;
    bottom: -1px
}

.smooth-picker .smooth-handle-layer .smooth-top {
    border-bottom: 1px solid var(--ui-06);
    background: linear-gradient(180deg, var(--ui-up-03) 10%, hsla(0, 0%, 100%, .3));
    -webkit-transform: translateZ(5.625em);
    transform: translateZ(5.625em)
}

.smooth-picker .smooth-handle-layer .smooth-middle {
    height: 40px
}

.smooth-picker .smooth-handle-layer .smooth-bottom {
    border-top: 1px solid var(--ui-06);
    background: linear-gradient(0deg, var(--ui-up-03) 10%, hsla(0, 0%, 100%, .3));
    -webkit-transform: translateZ(5.625em);
    transform: translateZ(5.625em)
}

.flex-box {
    display: flex
}

.flex-box.direction-column {
    flex-direction: column
}

.flex-box.direction-row {
    flex-direction: row
}

.flex-box .flex-1 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-box .flex-2 {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.flex-box .flex-3 {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.flex-box .flex-4 {
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.flex-box .flex-5 {
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5
}

.flex-box .flex-6 {
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6
}

.flex-box .flex-7 {
    -webkit-flex: 7;
    -ms-flex: 7;
    flex: 7
}

.flex-box .flex-8 {
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8
}

.flex-box .flex-9 {
    -webkit-flex: 9;
    -ms-flex: 9;
    flex: 9
}

.flex-box .flex-10 {
    -webkit-flex: 10;
    -ms-flex: 10;
    flex: 10
}

.flex-box .flex-11 {
    -webkit-flex: 11;
    -ms-flex: 11;
    flex: 11
}

.flex-box .flex-12 {
    -webkit-flex: 12;
    -ms-flex: 12;
    flex: 12
}

.smooth-picker.large {
    height: 20em
}

.smooth-picker.large .smooth-list {
    top: 9em
}

.ghost-ifr {
    display: none
}

.access-notice {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5000;
    background: rgba(0, 0, 0, .8)
}

.access-notice .wrap {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 328px;
    width: 100%;
    background: var(--ui-up-03);
    border-radius: 6px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.access-notice .wrap .title {
    padding: 24px 24px 0;
    text-align: center
}

.access-notice .wrap .title strong {
    font-weight: 700;
    font-size: 20px;
    color: var(--text-01)
}

.access-notice .wrap .body {
    padding: 16px 24px 24px
}

.access-notice .wrap .body p {
    font-size: 14px;
    padding: 24px 0;
    text-align: center;
    color: var(--text-03);
    word-break: keep-all;
    line-height: 1.7
}

.access-notice .wrap .btn-area {
    display: flex;
    height: 56px
}

.access-notice .wrap .btn-area button {
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #242424
}

.access-notice .wrap .btn-area button.btn-cancel {
    background-color: var(--cancel);
    color: var(--text-01)
}

.access-notice .wrap .btn-area button.btn-confirm {
    background: var(--primary)
}

.webDouble .popup_inner {
    min-width: 297px
}

.slide-fade-enter-active {
    transition: all .5s ease
}

.slide-fade-leave-active {
    transition: all .5s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-enter,
.slide-fade-leave-to {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    /* opacity: 0 */
}

.vue-slider {
    position: relative;
    margin-bottom: 48px;
    box-sizing: content-box
}

.vue-slider:after,
.vue-slider:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    height: 12px;
    width: 10px;
    background: #dfdfdf;
    margin-top: -2px
}

.vue-slider:before {
    left: 2px;
    border-radius: 100px 0 0 100px
}

.vue-slider:after {
    right: 2px;
    border-radius: 0 100px 100px 0
}

.vue-slider-dot-tooltip.vue-slider-dot-tooltip-bottom {
    bottom: -4px
}

.vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner {
    background: none;
    border: none;
    color: #6f6f6f;
    font-size: 11px
}

.vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner:after {
    display: none
}

.book-shelf .swiper-wrapper {
    display: flex;
    align-items: stretch
}

.book-shelf .swiper-wrapper .swiper-slide {
    width: 20%;
    min-width: 145px;
    margin-left: 16px;
    max-width: 145px
}

.book-shelf .swiper-wrapper .swiper-slide:first-child {
    margin-left: 0
}

.book-shelf .slide-wrapper {
    align-items: baseline;
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-right: 24px
}

.book-shelf .slide-wrapper .slide-item {
    width: 20%;
    min-width: 145px;
    margin-left: 16px;
    max-width: 145px
}

.book-shelf .slide-wrapper .slide-item:first-child {
    margin-left: 24px !important
}

.book-shelf .slide-wrapper.medium .slide-item {
    min-width: 125px;
    margin-left: 12px
}

.book-shelf .slide-wrapper.small .slide-item {
    min-width: 100px;
    margin-left: 10px
}

.book-shelf .slide-wrapper.small .slide-item .books .thumbnail-inner img {
    min-height: 145px
}

.book-shelf:not(.feed-section) .millie-book.books .metadata .badge.my-audio-book,
.book-shelf:not(.feed-section) .millie-book.books .metadata .badge.readingbook {
    display: block
}

.post-section .slide-wrapper {
    margin-bottom: 20px;
    align-items: flex-start
}

.post-section .slide-wrapper .slide-item {
    min-width: 327px !important;
    max-width: 327px !important
}

.post-section .slide-wrapper .post-item {
    overflow: hidden;
    background-color: var(--ui-up-01)
}

.post-section .slide-wrapper .post-item>a {
    display: block
}

.post-section .slide-wrapper .post-item .post-thumbnail {
    overflow: hidden;
    position: relative;
    height: 183px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.post-section .slide-wrapper .post-item .post-thumbnail>img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.post-section .slide-wrapper .post-item .post-thumbnail .books {
    max-width: 100px;
    margin: 24px auto 0;
    pointer-events: none
}

.post-section .slide-wrapper .post-item .post-thumbnail .blur {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .2
}

.post-section .slide-wrapper .post-item .metadata {
    padding: 16px 24px
}

.post-section .slide-wrapper .post-item .metadata .title {
    display: block !important;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.post-section .slide-wrapper .post-item .metadata .con {
    display: block !important;
    min-height: 19px;
    margin-top: 4px;
    color: var(--text-03);
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.post-section .slide-wrapper .post-item .shelf {
    position: relative;
    display: flex;
    padding: 16px 24px;
    align-items: center
}

.post-section .slide-wrapper .post-item .shelf:before {
    display: block;
    width: calc(100% - 48px);
    height: 1px;
    position: absolute;
    left: 24px;
    top: 0;
    background-color: var(--ui-05);
    content: ""
}

.post-section .slide-wrapper .post-item .shelf .profile {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background-size: cover;
    background-position: 50%;
    border-radius: 50px
}

.post-section .slide-wrapper .post-item .shelf .name {
    color: var(--text-03)
}

.search-bestseller .slide-container .slide-wrapper .book-image {
    width: 58px;
    height: 83px !important;
    margin-right: 16px;
    padding-top: 0
}

.search-bestseller .slide-container .slide-wrapper .book-data {
    flex: 1;
    margin-right: 16px
}

.search-bestseller .slide-container .slide-wrapper .thumbnail .badge {
    display: none !important
}

.search-bestseller .slide-container .slide-wrapper .metadata {
    text-align: left;
    height: 100%;
    position: relative;
    padding-top: 0
}

.search-bestseller .slide-container .slide-wrapper .metadata .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: var(--text-01);
    -webkit-line-clamp: 1
}

.search-bestseller .slide-container .slide-wrapper .metadata .author,
.search-bestseller .slide-container .slide-wrapper .metadata .reading {
    font-size: 14px;
    line-height: 22px;
    max-height: 1.7em;
    position: absolute;
    bottom: 0
}

.search-bestseller .slide-container .slide-wrapper .metadata .diff {
    display: block;
    position: absolute;
    right: 0;
    bottom: 2px
}

.mds-dialog.picker .mds-dialog--body {
    margin: 0 -24px
}

.mds-dialog.picker .vue-scroll-picker-item {
    font-size: 14px;
    transition: font-size .2s
}

.mds-dialog.picker .vue-scroll-picker-item.-selected,
.vue-scroll-picker {
    font-size: 16px
}

.vue-scroll-picker-item {
    height: 2.5em;
    line-height: 2.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vue-scroll-picker-layer .top {
    height: calc(50% - 1.3em)
}

.vue-scroll-picker-layer .middle {
    top: calc(50% - 1.3em);
    bottom: calc(50% - 1.3em)
}

.vue-scroll-picker-layer .bottom {
    height: calc(50% - 1.3em)
}

#wrap.dark .vue-scroll-picker-layer .top {
    background: #555;
    opacity: .8;
    border-bottom: 1px solid var(--ui-06)
}

#wrap.dark .vue-scroll-picker-layer .bottom {
    background: #555;
    opacity: .8;
    border-top: 1px solid var(--ui-06)
}

.happy-max-wrap {
    max-width: 600px;
    margin: 0 auto
}

.font-pretendard {
    font-family: Pretendard, SpoqaHanSansNeo, Apple SD Gothic Neo, Malgun Gothic, sans-serif
}

@font-face {
    font-family: icon;
    src: url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/mds-icon-v9.woff2) format("woff"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/mds-icon-v9.woff) format("woff2");
    font-display: block
}

[class*=" mds-icon"]:before,
[class^=mds-icon]:before {
    font-family: icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mds-icon--add-post:before {
    content: "\e800"
}

.mds-icon--book:before {
    content: "\e801"
}

.mds-icon--add-shelf:before {
    content: "\e802"
}

.mds-icon--arrow-bottom:before {
    content: "\e803"
}

.mds-icon--arrow-left:before {
    content: "\e804"
}

.mds-icon--arrow-right:before {
    content: "\e805"
}

.mds-icon--arrow-top:before {
    content: "\e806"
}

.mds-icon--arrow2-left:before {
    content: "\e807"
}

.mds-icon--arrow2-right:before {
    content: "\e808"
}

.mds-icon--book-open:before {
    content: "\e809"
}

.mds-icon--book-plus:before {
    content: "\e80a"
}

.mds-icon--books-arrow:before {
    content: "\e80b"
}

.mds-icon--books:before {
    content: "\e80c"
}

.mds-icon--camera:before {
    content: "\e80d"
}

.mds-icon--clap-24-2:before {
    content: "\e80e"
}

.mds-icon--comment:before {
    content: "\e80f"
}

.mds-icon--crown:before {
    content: "\e810"
}

.mds-icon--delivering:before {
    content: "\e811"
}

.mds-icon--delivery-done:before {
    content: "\e812"
}

.mds-icon--delivery-exchange:before {
    content: "\e813"
}

.mds-icon--delivery-hand:before {
    content: "\e814"
}

.mds-icon--delivery-put:before {
    content: "\e815"
}

.mds-icon--delivery-refund:before {
    content: "\e816"
}

.mds-icon--download-fail:before {
    content: "\e817"
}

.mds-icon--download-success:before {
    content: "\e818"
}

.mds-icon--download:before {
    content: "\e819"
}

.mds-icon--downloaded-indesktop:before {
    content: "\e81a"
}

.mds-icon--filter:before {
    content: "\e81b"
}

.mds-icon--fullscreen-end:before {
    content: "\e81c"
}

.mds-icon--fullscreen-start:before {
    content: "\e81d"
}

.mds-icon--alert-filled:before {
    content: "\e81e"
}

.mds-icon--headphone:before {
    content: "\e81f"
}

.mds-icon--heart-1:before {
    content: "\e820"
}

.mds-icon--heart:before {
    content: "\e821"
}

.mds-icon--highlight:before {
    content: "\e822"
}

.mds-icon--check:before {
    content: "\e823"
}

.mds-icon--minus:before {
    content: "\e824"
}

.mds-icon--plus:before {
    content: "\e825"
}

.mds-icon--x:before {
    content: "\e826"
}

.mds-icon--setting:before {
    content: "\e827"
}

.mds-icon--import:before {
    content: "\e828"
}

.mds-icon--link:before {
    content: "\e829"
}

.mds-icon--list:before {
    content: "\e82a"
}

.mds-icon--lock:before {
    content: "\e82b"
}

.mds-icon--down-filled:before {
    content: "\e82c"
}

.mds-icon--mov:before {
    content: "\e82d"
}

.mds-icon--pay-autorenew:before {
    content: "\e82e"
}

.mds-icon--pay-cancel:before {
    content: "\e82f"
}

.mds-icon--pay-cancle-reservate:before {
    content: "\e830"
}

.mds-icon--pay-done:before {
    content: "\e831"
}

.mds-icon--pen:before {
    content: "\e832"
}

.mds-icon--picture:before {
    content: "\e833"
}

.mds-icon--post:before {
    content: "\e834"
}

.mds-icon--profile:before {
    content: "\e835"
}

.mds-icon--refresh:before {
    content: "\e836"
}

.mds-icon--report:before {
    content: "\e837"
}

.mds-icon--review:before {
    content: "\e838"
}

.mds-icon--routine:before {
    content: "\e839"
}

.mds-icon--searchbar:before {
    content: "\e83a"
}

.mds-icon--share:before {
    content: "\e83b"
}

.mds-icon--shelf:before {
    content: "\e83c"
}

.mds-icon--siren:before {
    content: "\e83d"
}

.mds-icon--sound-mute:before {
    content: "\e83e"
}

.mds-icon--sound-volume:before {
    content: "\e83f"
}

.mds-icon--sound:before {
    content: "\e840"
}

.mds-icon--star:before {
    content: "\e841"
}

.mds-icon--statistics-book:before {
    content: "\e842"
}

.mds-icon--up-filled:before {
    content: "\e843"
}

.mds-icon--statistics-time:before {
    content: "\e844"
}

.mds-icon--thumbs-down:before {
    content: "\e846"
}

.mds-icon--thumbs-up:before {
    content: "\e847"
}

.mds-icon--trash:before {
    content: "\e848"
}

.mds-icon--trophy:before {
    content: "\e849"
}

.mds-icon--unlock:before {
    content: "\e84a"
}

.mds-icon--video:before {
    content: "\e84b"
}

.mds-icon--viewer-list:before {
    content: "\e84c"
}

.mds-icon--more-24-1:before {
    content: "\e84d"
}

.mds-icon--input-delete:before {
    content: "\e84e"
}

.mds-icon--statistics-routine:before {
    content: "\e850"
}

.mds-icon--info:before {
    content: "\e851"
}

.mds-icon--question-mark:before {
    content: "\e852"
}

.mds-icon--text-24-1:before {
    content: "\e853"
}

.mds-icon--gnb_search:before {
    content: "\e854"
}

.mds-icon--sync-2:before {
    content: "\e855"
}

.mds-icon--alarm-2:before {
    content: "\e856"
}

.mds-icon--editor_like-filled_2:before {
    content: "\e85a"
}

.mds-icon--editor_like-2:before {
    content: "\e85b"
}

.mds-icon--view-2:before {
    content: "\e85c"
}

.mds-icon--handle:before {
    content: "\e859"
}

@font-face {
    font-family: SpoqaHanSansNeo;
    src: url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/SpoqaHanSansNeo-Regular.woff2) format("woff"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/SpoqaHanSansNeo-Regular.woff) format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: SpoqaHanSansNeo;
    src: url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/SpoqaHanSansNeo-Bold.woff2) format("woff"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/SpoqaHanSansNeo-Bold.woff) format("woff2");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    src: url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/Pretendard-Regular.subset.woff) format("woff"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/Pretendard-Regular.subset.woff) format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    src: url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/Pretendard-Bold.subset.woff) format("woff"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/Pretendard-Bold.subset.woff) format("woff2");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "NotoSerifKR";
    src: url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/NotoSerifKR-Black.woff2) format("woff"), url(https://d3udu241ivsax2.cloudfront.net/common/mds/fonts/NotoSerifKR-Black.woff) format("woff2");
    font-weight: 700;
    font-display: swap
}

[class*=" mds-font"],
[class^=mds-font] {
    font-family: SpoqaHanSansNeo, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    letter-spacing: -.6px
}

.mds-font--display05 {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px
}

.mds-font--display04 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px
}

.mds-font--display03 {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px
}

.mds-font--display02 {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px
}

.mds-font--display01 {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px
}

.mds-font--headline {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px
}

.mds-font--subhead03 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.mds-font--subhead-long03 {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px
}

.mds-font--subhead02 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.mds-font--subhead-long02 {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.mds-font--subhead01 {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px
}

.mds-font--body-long03 {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px
}

.mds-font--body02 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.mds-font--body-long02 {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px
}

.mds-font--body01 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.mds-font--body-long01 {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.mds-font--caption {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

.mds-font-pretendard--display01 {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px
}

.mds-font-pretendard--display02 {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px
}

.mds-font-pretendard--display03 {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px
}

.mds-font-pretendard--display04 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px
}

.mds-font-pretendard--display05 {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px
}

.mds-font-pretendard--subhead01 {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px
}

.mds-font-pretendard--subhead02 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.mds-font-pretendard--subhead03 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.mds-font-pretendard--headline {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px
}

.mds-font-pretendard--body01 {
    font-size: 14px;
    line-height: 20px
}

.mds-font-pretendard--body02 {
    font-size: 16px;
    line-height: 24px
}

.mds-font-pretendard--bodyLong01 {
    font-size: 14px;
    line-height: 24px
}

.mds-font-pretendard--bodyLong02 {
    font-size: 16px;
    line-height: 28px
}

.mds-font-pretendard--caption01 {
    font-size: 10px;
    line-height: 14px
}

.mds-font-pretendard--caption02 {
    font-size: 12px;
    line-height: 18px
}

[class*=" mds-"],
[class^=mds-] {
    font-family: SpoqaHanSansNeo, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    border: 0;
    letter-spacing: -.6px
}

[class*=" mds-font-pretendard"],
[class^=mds-font-pretendard] {
    font-family: Pretendard, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    letter-spacing: 0
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

main {
    display: block
}

li {
    list-style: none
}

i {
    font-style: normal
}

sup {
    line-height: 100%;
    vertical-align: baseline
}

button {
    cursor: pointer
}

button:focus {
    outline: none
}

button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

button:-moz-focusring {
    outline: 1px solid
}

button,
input {
    background-color: transparent;
    border: 0
}

input {
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none
}

input:focus {
    outline: none
}

[type=number]::-webkit-outer-spin-button,
input[type=file]::-webkit-file-upload-button,
input[type=number]::-webkit-inner-spin-button,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

[hidden] {
    display: none
}

a {
    text-decoration: none
}

body,
body[data-theme=dark],
body[data-theme=dark] .not-dark,
body[data-theme=light] {
    --ui-background: #fff;
    --ui-01: #fbfbfb;
    --ui-02: #f7f7f7;
    --ui-03: #f2f2f2;
    --ui-04: #efefef;
    --ui-05: #ececec;
    --ui-06: #dfdfdf;
    --ui-07: #c1c1c1;
    --ui-08: #555;
    --ui-09: #333;
    --ui-10: #242424;
    --ui-up: #fff;
    --ui-up-01: #fff;
    --ui-up-02: #fff;
    --ui-up-03: #fff;
    --ui-up-04: #fff;
    --primary: #ffeb60;
    --primary-press: #ffe04b;
    --secondary: #333;
    --secondary-press: #242424;
    --tertiary: #fff;
    --tertiary-press: #f7f7f7;
    --danger: #df1d1d;
    --danger-press: #bc1a1a;
    --quaternary: #ececec;
    --quaternary-press: #dfdfdf;
    --cancel: #c1c1c1;
    --cancel-press: #a5a5a5;
    --success: #0073cb;
    --error: #f05c2e;
    --text-strong: #000;
    --text-01: #242424;
    --text-02: #555;
    --text-03: #6f6f6f;
    --text-04: #8b8b8b;
    --field-readonly: #ececec;
    --placeholder: #c1c1c1;
    --audio: #a451f7;
    --myaudio: #533670;
    --focus: #469fe3;
    --Line-01: #dfdfdf;
    --Line-02: #ececec;
    --Line-03: #f7f7f7
}

body,
body[data-theme=dark],
body[data-theme=dark] .not-dark,
body[data-theme=light] {
    --chatbook: #eb683f;
    --GTrans-01: rgba(176, 179, 188, 0.1);
    --GTrans-02: rgba(176, 179, 188, 0.3);
    --GTrans-03: rgba(176, 179, 188, 0.5);
    --GTrans-04: rgba(176, 179, 188, 0.7)
}

body[data-theme=dark] {
    --ui-background: #171717;
    --ui-01: #242424;
    --ui-02: #333;
    --ui-03: #3d3d3d;
    --ui-04: #555;
    --ui-05: #6f6f6f;
    --ui-06: #8b8b8b;
    --ui-07: #a5a5a5;
    --ui-08: #c1c1c1;
    --ui-09: #ececec;
    --ui-10: #f2f2f2;
    --ui-up: #242424;
    --ui-up-01: #333;
    --ui-up-02: #3d3d3d;
    --ui-up-03: #555;
    --ui-up-04: #6f6f6f;
    --primary: #fef08c;
    --primary-press: #fff7bf;
    --secondary: #fbfbfb;
    --secondary-press: #fff;
    --tertiary: #171717;
    --tertiary-press: #333;
    --danger: #f5511d;
    --danger-press: #eb683f;
    --quaternary: #6f6f6f;
    --quaternary-press: #8b8b8b;
    --cancel: #6f6f6f;
    --cancel-press: #8b8b8b;
    --success: #6ab6f0;
    --error: #ff784d;
    --text-strong: #fff;
    --text-01: #fbfbfb;
    --text-02: #dfdfdf;
    --text-03: #c1c1c1;
    --text-04: #a5a5a5;
    --field-readonly: #333;
    --placeholder: #8b8b8b;
    --audio: #b773fb;
    --myaudio: #6e5784;
    --focus: #81bfef;
    --Line-01: #555;
    --Line-02: #333;
    --Line-03: #242424
}

body[data-theme=auto] {
    --ui-background: #fff;
    --ui-01: #fbfbfb;
    --ui-02: #f7f7f7;
    --ui-03: #f2f2f2;
    --ui-04: #efefef;
    --ui-05: #ececec;
    --ui-06: #dfdfdf;
    --ui-07: #c1c1c1;
    --ui-08: #555;
    --ui-09: #333;
    --ui-10: #242424;
    --ui-up: #fff;
    --ui-up-01: #fff;
    --ui-up-02: #fff;
    --ui-up-03: #fff;
    --ui-up-04: #fff;
    --primary: #ffeb60;
    --primary-press: #ffe04b;
    --secondary: #333;
    --secondary-press: #242424;
    --tertiary: #fff;
    --tertiary-press: #f7f7f7;
    --danger: #df1d1d;
    --danger-press: #bc1a1a;
    --quaternary: #ececec;
    --quaternary-press: #dfdfdf;
    --cancel: #c1c1c1;
    --cancel-press: #a5a5a5;
    --success: #0073cb;
    --error: #f05c2e;
    --text-strong: #000;
    --text-01: #242424;
    --text-02: #555;
    --text-03: #6f6f6f;
    --text-04: #8b8b8b;
    --field-readonly: #ececec;
    --placeholder: #c1c1c1;
    --audio: #a451f7;
    --myaudio: #533670;
    --chatbook: #eb683f;
    --focus: #469fe3;
    --GTrans-01: rgba(176, 179, 188, 0.1);
    --GTrans-02: rgba(176, 179, 188, 0.3);
    --GTrans-03: rgba(176, 179, 188, 0.5);
    --GTrans-04: rgba(176, 179, 188, 0.7);
    --Line-01: #dfdfdf;
    --Line-02: #ececec;
    --Line-03: #f7f7f7
}

@media (prefers-color-scheme: dark) {
    body[data-theme=auto] {
        --ui-background: #171717;
        --ui-01: #242424;
        --ui-02: #333;
        --ui-03: #3d3d3d;
        --ui-04: #555;
        --ui-05: #6f6f6f;
        --ui-06: #8b8b8b;
        --ui-07: #a5a5a5;
        --ui-08: #c1c1c1;
        --ui-09: #ececec;
        --ui-10: #f2f2f2;
        --ui-up: #242424;
        --ui-up-01: #333;
        --ui-up-02: #3d3d3d;
        --ui-up-03: #555;
        --ui-up-04: #6f6f6f;
        --primary: #fef08c;
        --primary-press: #fff7bf;
        --secondary: #fbfbfb;
        --secondary-press: #fff;
        --tertiary: #171717;
        --tertiary-press: #333;
        --danger: #f5511d;
        --danger-press: #eb683f;
        --quaternary: #6f6f6f;
        --quaternary-press: #8b8b8b;
        --cancel: #6f6f6f;
        --cancel-press: #8b8b8b;
        --success: #6ab6f0;
        --error: #ff784d;
        --text-strong: #fff;
        --text-01: #fbfbfb;
        --text-02: #dfdfdf;
        --text-03: #c1c1c1;
        --text-04: #a5a5a5;
        --field-readonly: #333;
        --placeholder: #8b8b8b;
        --audio: #b773fb;
        --myaudio: #6e5784;
        --chatbook: #eb683f;
        --focus: #81bfef;
        --GTrans-01: rgba(176, 179, 188, 0.1);
        --GTrans-02: rgba(176, 179, 188, 0.3);
        --GTrans-03: rgba(176, 179, 188, 0.5);
        --GTrans-04: rgba(176, 179, 188, 0.7);
        --Line-01: #555;
        --Line-02: #333;
        --Line-03: #242424
    }
}

.mds-radius--4 {
    border-radius: 4px
}

.mds-radius--8 {
    border-radius: 8px
}

.mds-radius--12 {
    border-radius: 12px
}

.mds-radius--16 {
    border-radius: 16px
}

.mds-shadow--book01 {
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 2px 2px 6px rgba(0, 0, 0, .1)
}

.mds-shadow--book02 {
    box-shadow: 0 0 2px rgba(0, 0, 0, .24), 4px 8px 8px rgba(0, 0, 0, .1), 12px 8px 24px rgba(0, 0, 0, .2)
}

.mds-shadow--card {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1)
}

.mds-shadow--card02 {
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .06), 2px 2px 10px rgba(0, 0, 0, .04)
}

.mds-shadow--tab {
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1)
}

.mds-shadow--profile {
    box-shadow: 0 0 1px rgba(0, 0, 0, .25)
}

.mds-shadow--tooltip {
    box-shadow: 0 0 4px rgba(0, 0, 0, .12), 2px 6px 12px rgba(0, 0, 0, .12)
}

.mds-shadow--float {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .16), 4px 8px 28px rgba(0, 0, 0, .08)
}

.mds-shadow--flod {
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 2px 2px 6px rgba(0, 0, 0, .1)
}

.mds-shadow--spread {
    box-shadow: 0 24px 38px rgba(0, 0, 0, .14), 0 9px 46px rgba(0, 0, 0, .12), 0 11px 15px rgba(0, 0, 0, .2)
}

.mds-button {
    overflow: hidden;
    width: 100%;
    transition: background-color .2s linear, border-color .2s linear, color .2s linear
}

.mds-button:disabled {
    opacity: .4;
    cursor: not-allowed
}

.mds-button>* {
    position: relative;
    z-index: 1
}

.mds-button span {
    display: flex;
    align-items: center;
    justify-content: center
}

.mds-button span [class*=" icon-"]:before,
.mds-button span [class^=icon-]:before {
    font-size: 24px
}

.mds-button span [class*=" icon-"]:first-child,
.mds-button span [class^=icon-]:first-child {
    margin-right: 6px
}

.mds-button span [class*=" icon-"]:last-child,
.mds-button span [class^=icon-]:last-child {
    margin-left: 6px
}

.mds-button:focus span {
    text-decoration: underline
}

.mds-button.mds-button--primary {
    background-color: var(--primary);
    color: #242424
}

.mds-button.mds-button--primary:active {
    background-color: var(--primary-press)
}

.mds-button.mds-button--primary.mds-button--line {
    border-color: var(--primary);
    color: var(--primary)
}

.mds-button.mds-button--primary.mds-button--line:active {
    background-color: transparent
}

.mds-button.mds-button--primary.mds-button--line:active:before {
    background-color: var(--primary)
}

.mds-button.mds-button--secondary {
    background-color: var(--secondary);
    color: var(--ui-background)
}

.mds-button.mds-button--secondary:active {
    background-color: var(--secondary-press)
}

.mds-button.mds-button--secondary.mds-button--line {
    border-color: var(--secondary);
    color: var(--secondary)
}

.mds-button.mds-button--secondary.mds-button--line:active {
    background-color: transparent
}

.mds-button.mds-button--secondary.mds-button--line:active:before {
    background-color: var(--secondary)
}

.mds-button.mds-button--tertiary {
    background-color: var(--tertiary);
    color: var(--text-01)
}

.mds-button.mds-button--tertiary:active {
    background-color: var(--tertiary-press)
}

.mds-button.mds-button--tertiary.mds-button--line {
    border-color: var(--tertiary);
    color: var(--tertiary)
}

.mds-button.mds-button--tertiary.mds-button--line:active {
    background-color: transparent
}

.mds-button.mds-button--tertiary.mds-button--line:active:before {
    background-color: var(--tertiary)
}

.mds-button.mds-button--cancel {
    background-color: var(--cancel);
    color: var(--text-01)
}

.mds-button.mds-button--cancel:active {
    background-color: var(--cancel-press)
}

.mds-button.mds-button--cancel.mds-button--line {
    border-color: var(--cancel);
    color: var(--cancel)
}

.mds-button.mds-button--cancel.mds-button--line:active {
    background-color: transparent
}

.mds-button.mds-button--cancel.mds-button--line:active:before {
    background-color: var(--cancel)
}

.mds-button.mds-button--danger {
    background-color: var(--danger);
    color: #fff
}

.mds-button.mds-button--danger:active {
    background-color: var(--danger-press)
}

.mds-button.mds-button--danger.mds-button--line {
    border-color: var(--danger);
    color: var(--danger)
}

.mds-button.mds-button--danger.mds-button--line:active {
    background-color: transparent
}

.mds-button.mds-button--danger.mds-button--line:active:before {
    background-color: var(--danger)
}

.mds-button.mds-button--quaternary {
    background-color: var(--quaternary);
    color: var(--text-01)
}

.mds-button.mds-button--quaternary:active {
    background-color: var(--quaternary-press)
}

.mds-button.mds-button--quaternary.mds-button--line {
    border-color: var(--ui-06);
    color: var(--text-02)
}

.mds-button.mds-button--quaternary.mds-button--line:active {
    background-color: transparent;
    border-color: var(--ui-05)
}

.mds-button.mds-button--quaternary.mds-button--line:active:before {
    background-color: var(--quaternary)
}

.mds-button.mds-button--line {
    position: relative;
    background-color: transparent;
    border: 1px solid
}

.mds-button.mds-button--line:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .1;
    transition: background-color .2s linear;
    content: ""
}

.mds-button.mds-button--flex {
    width: auto
}

.mds-button.mds-button--h56 {
    height: 56px;
    font-size: 16px;
    padding: 0 24px
}

.mds-button.mds-button--h48 {
    height: 48px;
    font-size: 16px;
    padding: 0 16px
}

.mds-button.mds-button--h40 {
    height: 40px;
    font-size: 14px;
    padding: 0 16px
}

.mds-button.mds-button--h32 {
    height: 32px;
    font-size: 12px;
    padding: 0 12px
}

.mds-button.mds-button--h24 {
    height: 24px;
    font-size: 12px;
    padding: 0 8px
}

.mds-button.mds-button--r0 {
    border-radius: 0
}

.mds-button.mds-button--r4 {
    border-radius: 4px
}

.mds-button.mds-button--r100 {
    border-radius: 100px
}

.mds-check-box {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.mds-check-box input {
    position: absolute
}

.mds-check-box .check,
.mds-check-box .mds-check-box-view {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mds-check-box .check {
    width: 18px;
    height: 18px;
    margin-right: 7px;
    border: 2px solid var(--ui-06);
    border-radius: 2px;
    transition: background-color .2s linear;
    background-color: var(--ui-06)
}

.mds-check-box.mds-check-box--circle .check {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.mds-check-box .label {
    flex: 1;
    font-size: 14px;
    color: var(--text-04);
    transition: color .2s linear
}

.mds-check-box.mds-check-box--large .label {
    font-size: 16px
}

.mds-check-box.mds-check-box--primary.mds-check-box--checked .check {
    background-color: var(--primary);
    border-color: var(--primary)
}

.mds-check-box.mds-check-box--primary.mds-check-box--checked .check>svg path {
    fill: #000
}

.mds-check-box.mds-check-box--primary.mds-check-box--checked .label {
    color: var(--text-01)
}

.mds-check-box.mds-check-box--secondary.mds-check-box--checked .check {
    background-color: var(--secondary);
    border-color: var(--secondary)
}

.mds-check-box.mds-check-box--secondary.mds-check-box--checked .check>svg path {
    fill: var(--ui-background)
}

.mds-check-box.mds-check-box--secondary.mds-check-box--checked .label {
    color: var(--text-01)
}

.mds-check-box.mds-check-box--danger.mds-check-box--checked .check {
    background-color: var(--danger);
    border-color: var(--danger)
}

.mds-check-box.mds-check-box--danger.mds-check-box--checked .check>svg path {
    fill: #fff
}

.mds-check-box.mds-check-box--danger.mds-check-box--checked .label {
    color: var(--danger)
}

.mds-check-box:active .label,
.mds-check-box:focus-within .label {
    text-decoration: underline
}

.mds-input {
    overflow: hidden
}

.mds-input>label {
    display: block;
    height: 56px;
    padding: 8px 12px;
    border: 1px solid
}

.mds-input .inner {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 8px
}

.mds-input .mds-icon--searchbar {
    display: flex;
    align-items: center;
    margin-right: 12px
}

.mds-input .mds-icon--searchbar:before {
    font-weight: 700;
    font-size: 24px;
    color: var(--text-01)
}

.mds-input .input {
    flex: 1
}

.mds-input .label {
    display: block;
    margin-bottom: 1px;
    font-size: 10px;
    color: var(--text-04)
}

.mds-input .label sup {
    font-size: 10px;
    color: var(--audio)
}

.mds-input input {
    width: 100%;
    height: 24px;
    font-size: 16px;
    text-align: left;
    color: var(--text-01)
}

.mds-input input::-webkit-input-placeholder {
    color: var(--placeholder)
}

.mds-input input:-ms-input-placeholder {
    color: var(--placeholder)
}

.mds-input input::-ms-input-placeholder {
    color: var(--placeholder)
}

.mds-input input::placeholder {
    color: var(--placeholder)
}

.mds-input .clear-button {
    overflow: hidden;
    width: 20px;
    height: 20px;
    display: none;
    align-items: center;
    justify-content: center
}

.mds-input .clear-button:focus {
    outline: auto
}

.mds-input .clear-button:before {
    font-size: 17px;
    color: var(--ui-06);
    line-height: 16px
}

.mds-input .status {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.mds-input .status:before {
    font-size: 17px;
    line-height: 16px
}

.mds-input .status.mds-icon--check:before {
    font-weight: 700;
    font-size: 20px;
    line-height: 16px
}

.mds-input .time {
    font-size: 12px;
    color: var(--audio)
}

.mds-input .message-wrap {
    overflow: hidden;
    display: flex;
    width: 100%;
    padding: 0 8px
}

.mds-input .message-wrap .length,
.mds-input .message-wrap .message {
    padding-top: 2px;
    font-size: 12px;
    color: var(--text-04)
}

.mds-input .message-wrap .message {
    flex: 1;
    margin-right: 10px;
    word-break: keep-all
}

.mds-input .message-wrap .length {
    margin-left: auto
}

.mds-input:is(.mds-input--search, .mds-input--editor) .clear-button {
    display: flex
}

.mds-input:focus-within .clear-button,
.mds-input:hover .clear-button {
    display: flex
}

.mds-input:not(.mds-input--editor) label {
    border-color: var(--ui-06);
    border-radius: 4px
}

.mds-input:not(.mds-input--editor).mds-input--focused label {
    border-color: var(--ui-08)
}

.mds-input:not(.mds-input--editor).mds-input--success label {
    border-color: var(--success)
}

.mds-input:not(.mds-input--editor).mds-input--success .message-wrap .length,
.mds-input:not(.mds-input--editor).mds-input--success .message-wrap .message,
.mds-input:not(.mds-input--editor).mds-input--success label .label,
.mds-input:not(.mds-input--editor).mds-input--success label .status {
    color: var(--success)
}

.mds-input:not(.mds-input--editor).mds-input--error label {
    border-color: var(--error)
}

.mds-input:not(.mds-input--editor).mds-input--error .message-wrap .length,
.mds-input:not(.mds-input--editor).mds-input--error .message-wrap .message,
.mds-input:not(.mds-input--editor).mds-input--error label .label,
.mds-input:not(.mds-input--editor).mds-input--error label .status {
    color: var(--error)
}

.mds-input.mds-input--editor label {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--ui-06);
    border-left-color: transparent
}

.mds-input.mds-input--editor.mds-input--focused label {
    border-bottom-color: var(--ui-08)
}

.mds-input.mds-input--readonly label {
    background-color: var(--field-readonly)
}

.mds-input.mds-input--center input {
    text-align: center
}

.mds-input.mds-input--right input {
    text-align: right
}

.mds-input .validation-wrap {
    padding-top: 8px
}

.mds-input .validation-wrap ul {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.mds-input .validation-wrap ul.noborder {
    margin-top: -4px
}

.mds-input .validation-wrap ul.noborder li {
    border: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 0
}

.mds-input .validation-wrap ul li {
    color: var(--text-04);
    border: 1px solid var(--ui-05);
    border-radius: 4px;
    padding: 0 4px 0 2px;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center
}

.mds-input .validation-wrap ul li .mds-icon--check {
    font-weight: 700;
    font-size: 14px
}

.mds-input .validation-wrap ul li.active,
.mds-input .validation-wrap ul li.active .mds-icon--check {
    color: var(--success)
}

.mds-input .secret-button {
    width: 20px;
    height: 20px
}

.mds-input .secret-button i {
    background-size: 100%;
    height: 100%;
    background-position: 50%;
    display: block;
    width: 100%
}

.mds-input .secret-button i.icon-eye_on {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/login/icon-eye_on.5763fec1128bdfbf0fbfcf31b5111774.png)
}

.mds-input .secret-button i.icon-eye_off {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/login/icon-eye_off.90da82f41b62681196a619d45529cc8b.png)
}

.mds-radio {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.mds-radio input {
    position: absolute
}

.mds-radio .mds-radio-view {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mds-radio .label {
    flex: 1;
    font-size: 14px;
    transition: color .3s linear
}

.mds-radio.mds-radio--large .label {
    font-size: 16px
}

.mds-radio.mds-radio--button {
    width: 120px;
    height: 48px;
    border: 1px solid var(--ui-06);
    border-radius: 8px;
    transition: border-width .2s linear
}

.mds-radio.mds-radio--button .mds-radio-view {
    align-items: center;
    height: 100%
}

.mds-radio.mds-radio--button.mds-radio--checked {
    border-width: 3px
}

.mds-radio.mds-radio--button .label {
    text-align: center;
    color: var(--text-04)
}

.mds-radio.mds-radio--button.mds-radio--checked .label {
    color: var(--text-01)
}

.mds-radio.mds-radio--button.mds-radio--checked.mds-radio--primary {
    border-color: var(--primary)
}

.mds-radio.mds-radio--button.mds-radio--checked.mds-radio--secondary {
    border-color: var(--secondary)
}

.mds-radio.mds-radio--button:active .label,
.mds-radio.mds-radio--button:focus-within .label {
    text-decoration: underline
}

.mds-radio:not(.mds-radio--button) .check {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border: 2px solid var(--ui-06);
    border-radius: 50%;
    transition: border-width .2s linear
}

.mds-radio:not(.mds-radio--button) .check:before {
    font-weight: 700;
    font-size: 16px;
    line-height: inherit
}

.mds-radio:not(.mds-radio--button) .label {
    color: var(--text-04)
}

.mds-radio:not(.mds-radio--button).mds-radio--checked.mds-radio--primary .check {
    border-width: 6px;
    border-color: var(--primary)
}

.mds-radio:not(.mds-radio--button).mds-radio--checked.mds-radio--secondary .check {
    border-width: 6px;
    border-color: var(--secondary)
}

.mds-radio:not(.mds-radio--button).mds-radio--checked .label {
    color: var(--text-01)
}

.mds-radio:not(.mds-radio--button):active .label,
.mds-radio:not(.mds-radio--button):focus-within .label {
    text-decoration: underline
}

.mds-select {
    display: inline-block
}

.mds-select,
.mds-select .inner {
    position: relative;
    cursor: pointer
}

.mds-select .inner {
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid var(--ui-06);
    border-radius: 4px
}

.mds-select .inner:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    content: ""
}

.mds-select .inner>div {
    flex: 1
}

.mds-select .inner i {
    color: var(--text-04)
}

.mds-select .label {
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    color: var(--text-04)
}

.mds-select .label,
.mds-select input {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mds-select input {
    width: 100%;
    font-size: 16px;
    color: var(--placeholder);
    text-overflow: ellipsis
}

.mds-select input::selection {
    background-color: transparent
}

.mds-select input::-webkit-input-placeholder {
    color: var(--placeholder)
}

.mds-select input:-ms-input-placeholder {
    color: var(--placeholder)
}

.mds-select input::-ms-input-placeholder {
    color: var(--placeholder)
}

.mds-select input::placeholder {
    color: var(--placeholder)
}

.mds-select.mds-select--valued input {
    color: var(--text-01)
}

.mds-select.mds-select--disabled .inner {
    background-color: var(--field-readonly)
}

.mds-select.mds-select--focus .inner {
    border-color: var(--ui-08)
}

.mds-select:not(.mds-select--focus).mds-select--error .inner {
    border-color: var(--error)
}

.mds-select:not(.mds-select--focus).mds-select--error .inner .label {
    color: var(--error)
}

.mds-select:not(.mds-select--focus).mds-select--error .inner i {
    font-weight: 700;
    color: var(--error)
}

.mds-select ul {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    max-height: 200px;
    background-color: var(--ui-background);
    border: 1px solid var(--ui-06);
    border-radius: 4px
}

.mds-select li {
    display: flex;
    align-items: center;
    min-height: 56px;
    padding: 16px 12px;
    color: var(--text-01)
}

.mds-select li.disabled {
    background-color: var(--field-readonly);
    cursor: not-allowed
}

.mds-select li:not(.disabled):focus,
.mds-select li:not(.disabled):hover {
    position: relative;
    outline: 0
}

.mds-select li:not(.disabled):focus:before,
.mds-select li:not(.disabled):hover:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--primary);
    opacity: .2;
    content: ""
}

.mds-select li.selected {
    font-weight: 700
}

.mds-select li span {
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mds-switch {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.mds-switch:focus-within {
    outline: auto
}

.mds-switch input {
    position: absolute;
    left: -1000em;
    top: 0
}

.mds-switch .mds-switch-view {
    display: block;
    padding: 6px 3px
}

.mds-switch.mds-switch--large .mds-switch-view {
    padding: 0
}

.mds-switch .check {
    display: block;
    width: 34px;
    height: 14px;
    border-radius: 7px;
    transition: background-color .2s
}

.mds-switch .check:after {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .24);
    -webkit-transform: translate3d(-3px, -3px, 0);
    transform: translate3d(-3px, -3px, 0);
    transition: background-color .2s linear, -webkit-transform .2s linear;
    transition: background-color .2s linear, transform .2s linear;
    transition: background-color .2s linear, transform .2s linear, -webkit-transform .2s linear;
    content: ""
}

.mds-switch.mds-switch--large .check {
    width: 51px;
    height: 31px;
    border-radius: 16px
}

.mds-switch.mds-switch--large .check:after {
    width: 28px;
    height: 28px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    -webkit-transform: translate3d(1.5px, 1.5px, 0);
    transform: translate3d(1.5px, 1.5px, 0);
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.mds-switch.mds-switch--checked .check:after {
    -webkit-transform: translate3d(17px, -3px, 0);
    transform: translate3d(17px, -3px, 0)
}

.mds-switch.mds-switch--checked.mds-switch--large .check:after {
    -webkit-transform: translate3d(21.5px, 1.5px, 0);
    transform: translate3d(21.5px, 1.5px, 0)
}

.mds-switch.mds-switch--primary.mds-switch--large .check {
    background-color: var(--ui-05)
}

.mds-switch.mds-switch--primary.mds-switch--large .check:after {
    background-color: #fff
}

.mds-switch.mds-switch--primary:not(.mds-switch--large) .check {
    position: relative
}

.mds-switch.mds-switch--primary:not(.mds-switch--large) .check:after {
    background-color: var(--ui-05)
}

.mds-switch.mds-switch--primary:not(.mds-switch--large) .check:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--ui-10);
    border-radius: 7px;
    opacity: .2;
    content: ""
}

.mds-switch.mds-switch--primary.mds-switch--checked.mds-switch--large .check,
.mds-switch.mds-switch--primary.mds-switch--checked:not(.mds-switch--large) .check:after {
    background-color: var(--primary)
}

.mds-switch.mds-switch--primary.mds-switch--checked:not(.mds-switch--large) .check:before {
    background-color: var(--primary);
    opacity: .5
}

.mds-textarea {
    overflow: hidden;
    display: inline-block;
    width: 327px;
    height: 128px
}

.mds-textarea .inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.mds-textarea label {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid;
    border-radius: 4px
}

.mds-textarea .label {
    display: block;
    margin-bottom: 1px;
    font-size: 10px;
    color: var(--text-04)
}

.mds-textarea .label sup {
    font-size: 10px;
    color: var(--audio)
}

.mds-textarea textarea {
    flex: 1;
    overflow-y: auto;
    width: 100%;
    border: 0;
    font-size: 16px;
    color: var(--text-01);
    resize: none;
    background: var(--ui-background)
}

.mds-textarea textarea:focus {
    outline: 0
}

.mds-textarea textarea::-webkit-input-placeholder {
    color: var(--placeholder)
}

.mds-textarea textarea:-ms-input-placeholder {
    color: var(--placeholder)
}

.mds-textarea textarea::-ms-input-placeholder {
    color: var(--placeholder)
}

.mds-textarea textarea::placeholder {
    color: var(--placeholder)
}

.mds-textarea .message-wrap {
    overflow: hidden;
    display: flex;
    width: 100%;
    padding: 2px 8px 0
}

.mds-textarea .message-wrap span {
    font-size: 12px;
    color: var(--text-04)
}

.mds-textarea .message-wrap .message {
    flex: 1;
    margin-right: 10px;
    word-break: keep-all
}

.mds-textarea .message-wrap .length {
    margin-left: auto
}

.mds-textarea:not(.mds-textarea--editor) label {
    border-color: var(--ui-06);
    border-radius: 4px
}

.mds-textarea:not(.mds-textarea--editor).mds-textarea--focused label {
    border-color: var(--ui-08)
}

.mds-textarea:not(.mds-textarea--editor).mds-textarea--error label {
    border-color: var(--error)
}

.mds-textarea:not(.mds-textarea--editor).mds-textarea--success label {
    border-color: var(--success)
}

.mds-textarea.mds-textarea--editor label {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--ui-06);
    border-left-color: transparent
}

.mds-textarea.mds-textarea--editor.mds-textarea--focused label {
    border-bottom-color: var(--ui-08)
}

.mds-textarea.mds-textarea--editor.mds-textarea--error label {
    border-bottom-color: var(--error)
}

.mds-textarea.mds-textarea--editor.mds-textarea--success label {
    border-bottom-color: var(--success)
}

.mds-textarea.mds-textarea--error .label,
.mds-textarea.mds-textarea--error .message-wrap span {
    color: var(--error)
}

.mds-textarea.mds-textarea--success .label,
.mds-textarea.mds-textarea--success .message-wrap span {
    color: var(--success)
}

@-webkit-keyframes slideIn {
    0% {
        /* opacity: 0 */
        ;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideIn {
    0% {
        /* opacity: 0 */
        ;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        /* opacity: 0 */
        ;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@keyframes slideOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        /* opacity: 0 */
        ;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

.mds-dialog {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .8)
}

.mds-dialog .mds-dialog--wrap {
    overflow: hidden;
    background-color: var(--ui-up-03);
    border-radius: 8px;
    max-width: 328px;
    width: 100%
}

.mds-dialog .mds-dialog--inner {
    padding: 32px 24px
}

.mds-dialog .mds-dialog--header {
    margin-bottom: 16px;
    text-align: center
}

.mds-dialog .mds-dialog--header strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: var(--text-01)
}

.mds-dialog .mds-dialog--header em {
    display: block;
    padding-bottom: 8px;
    font-style: normal;
    color: var(--text-03)
}

.mds-dialog .mds-dialog--body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px
}

.mds-dialog .mds-dialog--footer {
    display: flex
}

.mds-dialog.mds-dialog--action .mds-dialog--wrap {
    width: 100%;
    max-width: 360px
}

.mds-dialog.mds-dialog--action .mds-dialog--footer.mds-dialog--ratio :last-child {
    flex: 0 0 60%
}

.mds-dialog.mds-dialog--bottom {
    align-items: flex-end
}

.mds-dialog.mds-dialog--bottom .mds-dialog--wrap {
    width: 100%;
    max-width: 360px;
    border-radius: 40px 40px 0 0;
    -webkit-animation: slideIn .3s linear;
    animation: slideIn .3s linear
}

.mds-dialog.mds-dialog--bottom.mds-dialog--mobile .mds-dialog--wrap {
    max-width: 460px
}

.mds-dialog.dialog-enter-active,
.mds-dialog.dialog-leave-active {
    transition: opacity .2s linear
}

.mds-dialog.dialog-enter,
.mds-dialog.dialog-leave-to {
    /* opacity: 0 */
}

.mds-dialog.dialog-leave-active.mds-dialog--bottom .mds-dialog--wrap {
    -webkit-animation: slideOut .3s linear;
    animation: slideOut .3s linear
}

.mds-dialog.mds-dialog--align-left .mds-dialog--header {
    text-align: left
}

.mds-dialog.mds-dialog--align-left .mds-dialog--body {
    justify-content: flex-start
}

.mds-tab ul {
    display: flex;
    height: 100%
}

.mds-tab ul li {
    height: 100%
}

.mds-tab ul a {
    display: block;
    height: 100%;
    text-align: center
}

.mds-tab ul a:focus {
    text-decoration: underline
}

.mds-tab ul span {
    display: inline-flex;
    align-items: center
}

.mds-tab.mds-tab--line {
    position: relative;
    height: 44px
}

.mds-tab.mds-tab--line .mds-tab-item {
    flex: 1
}

.mds-tab.mds-tab--line .mds-tab-item a {
    font-size: 16px;
    color: var(--text-01)
}

.mds-tab.mds-tab--line .mds-tab-item span {
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%
}

.mds-tab.mds-tab--line .mds-tab-item--auto {
    flex: unset
}

.mds-tab.mds-tab--line .mds-tab-item--auto a {
    padding: 0 12px
}

.mds-tab.mds-tab--line .mds-tab-item--auto span {
    display: inline-flex
}

.mds-tab.mds-tab--line .mds-tab-item--full a {
    padding: 0 12px
}

.mds-tab.mds-tab--line .mds-tab-item--full span {
    display: inline-flex
}

.mds-tab.mds-tab--line .mds-tab-item--fixed {
    flex: unset
}

.mds-tab.mds-tab--line .mds-tab-item--fixed span {
    display: inline-flex
}

.mds-tab.mds-tab--line .mds-tab-item--active a {
    font-weight: 700
}

.mds-tab.mds-tab--line .mds-tab-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: var(--text-01)
}

.mds-tab.mds-tab--line .mds-tab-bar.transition {
    transition: width .25s ease-out .05s, -webkit-transform .4s;
    transition: transform .4s, width .25s ease-out .05s;
    transition: transform .4s, width .25s ease-out .05s, -webkit-transform .4s
}

.mds-tab.mds-tab--bg .mds-tab-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    align-items: center;
    padding: 2px 24px
}

.mds-tab.mds-tab--bg .mds-tab-wrapper::-webkit-scrollbar {
    display: none;
    height: 6px;
    background-color: #efefef
}

.mds-tab.mds-tab--bg .mds-tab-wrapper::-webkit-scrollbar-thumb {
    background-color: #ccc;
    background-clip: padding-box;
    border: 1px solid transparent
}

.mds-tab.mds-tab--bg .mds-tab-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #aaa
}

.mds-tab.mds-tab--bg .mds-tab-item {
    flex: 0 0 auto;
    min-width: 50px;
    height: 32px;
    background-color: transparent;
    border-radius: 100px;
    transition: background-color .2s linear
}

.mds-tab.mds-tab--bg .mds-tab-item:not(:first-child) {
    margin-left: 8px
}

.mds-tab.mds-tab--bg .mds-tab-item a {
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-04);
    transition: color .2s linear;
    padding: 0 12px
}

.mds-tab.mds-tab--bg .mds-tab-item--active {
    background-color: var(--secondary)
}

.mds-tab.mds-tab--bg .mds-tab-item--active a {
    color: var(--ui-background)
}

.mds-tab.mds-tab--box .mds-tab-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    align-items: center;
    padding: 2px 24px
}

.mds-tab.mds-tab--box .mds-tab-wrapper::-webkit-scrollbar {
    display: none;
    height: 6px;
    background-color: #efefef
}

.mds-tab.mds-tab--box .mds-tab-wrapper::-webkit-scrollbar-thumb {
    background-color: #ccc;
    background-clip: padding-box;
    border: 1px solid transparent
}

.mds-tab.mds-tab--box .mds-tab-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #aaa
}

.mds-tab.mds-tab--box .mds-tab-item {
    flex: 0 0 auto;
    min-width: 50px;
    min-height: 32px;
    border: 1px solid var(--ui-05);
    border-radius: 100px;
    transition: border-color .2s linear
}

.mds-tab.mds-tab--box .mds-tab-item:not(:first-child) {
    margin-left: 8px
}

.mds-tab.mds-tab--box .mds-tab-item a {
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-03);
    transition: color .2s linear;
    padding: 6px 12px
}

.mds-tab.mds-tab--box .mds-tab-item--active {
    border-color: var(--secondary)
}

.mds-tab.mds-tab--box .mds-tab-item--active a {
    font-weight: 700;
    color: var(--text-01)
}

.mds-tab.mds-tab--text {
    height: 20px
}

.mds-tab.mds-tab--text .mds-tab-wrapper {
    padding: 3px 0
}

.mds-tab.mds-tab--text .mds-tab-item:not(:first-child) {
    border-left: 1px solid var(--ui-06)
}

.mds-tab.mds-tab--text .mds-tab-item a {
    padding: 0 16px;
    font-size: 12px;
    color: var(--text-03)
}

.mds-tab.mds-tab--text .mds-tab-item--active a {
    font-weight: 700;
    color: var(--text-01)
}

.mds-tab.mds-tab--segment {
    overflow: hidden;
    height: 44px;
    border-radius: 12px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1)
}

.mds-tab.mds-tab--segment .mds-tab-item {
    flex: 1;
    transition: background-color .2s linear
}

.mds-tab.mds-tab--segment .mds-tab-item a {
    font-size: 16px;
    color: var(--text-01);
    transition: color .2s linear
}

.mds-tab.mds-tab--segment .mds-tab-item span {
    display: flex;
    justify-content: center;
    height: 100%
}

.mds-tab.mds-tab--segment .mds-tab-item--active {
    background-color: var(--secondary)
}

.mds-tab.mds-tab--segment .mds-tab-item--active a {
    font-weight: 700;
    color: var(--ui-background)
}

.mds-tooltip {
    position: absolute;
    left: -1000em;
    top: 0;
    z-index: 10;
    padding: 6px 8px;
    background-color: var(--ui-up-01);
    border-radius: 4px;
    -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .12)) drop-shadow(2px 6px 12px rgba(0, 0, 0, .12));
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, .12)) drop-shadow(2px 6px 12px rgba(0, 0, 0, .12));
    white-space: nowrap
}

.mds-tooltip p {
    font-size: 12px;
    text-align: center
}

.mds-tooltip .mds-tooltip-content {
    color: var(--text-01)
}

.mds-tooltip .mds-tooltip-description {
    color: var(--text-04)
}

.mds-tooltip .mds-tooltip-arrow {
    position: absolute;
    border-style: solid;
    border-color: var(--ui-up-01)
}

.mds-tooltip.mds-tooltip--dark {
    background-color: var(--ui-09)
}

.mds-tooltip.mds-tooltip--dark .mds-tooltip-content {
    color: var(--ui-background)
}

.mds-tooltip.mds-tooltip--dark .mds-tooltip-description {
    color: var(--ui-07)
}

.mds-tooltip.mds-tooltip--dark .mds-tooltip-arrow {
    border-color: var(--ui-09)
}

.mds-tooltip[class*=mds-tooltip--top] .mds-tooltip-arrow {
    left: 50%;
    top: 100%;
    margin-left: -5px;
    border-width: 6px 5px 0;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .12));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .12))
}

.mds-tooltip[class*=mds-tooltip--top][class*=-start] .mds-tooltip-arrow {
    left: 8px;
    margin-left: 0
}

.mds-tooltip[class*=mds-tooltip--top][class*=-end] .mds-tooltip-arrow {
    left: 100%;
    margin-left: -18px
}

.mds-tooltip[class*=mds-tooltip--bottom] .mds-tooltip-arrow {
    left: 50%;
    top: -6px;
    margin-left: -5px;
    border-width: 0 5px 6px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    -webkit-filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, .12));
    filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, .12))
}

.mds-tooltip[class*=mds-tooltip--bottom][class*=-start] .mds-tooltip-arrow {
    left: 8px;
    margin-left: 0
}

.mds-tooltip[class*=mds-tooltip--bottom][class*=-end] .mds-tooltip-arrow {
    left: 100%;
    margin-left: -18px
}

.mds-tooltip[class*=mds-tooltip--left] .mds-tooltip-arrow {
    left: 100%;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .12));
    filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .12))
}

.mds-tooltip[class*=mds-tooltip--left][class*=-start] .mds-tooltip-arrow {
    top: 8px;
    margin-top: 0
}

.mds-tooltip[class*=mds-tooltip--left][class*=-end] .mds-tooltip-arrow {
    top: 100%;
    margin-top: -18px
}

.mds-tooltip[class*=mds-tooltip--right] .mds-tooltip-arrow {
    left: -6px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .12));
    filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .12))
}

.mds-tooltip[class*=mds-tooltip--right][class*=-start] .mds-tooltip-arrow {
    top: 8px;
    margin-top: 0
}

.mds-tooltip[class*=mds-tooltip--right][class*=-end] .mds-tooltip-arrow {
    top: 100%;
    margin-top: -18px
}

.mds-link {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    transition: background-color .2s linear, border-color .2s linear, color .2s linear
}

.mds-link.mds-link--disabled {
    opacity: .4;
    cursor: not-allowed
}

.mds-link>* {
    position: relative;
    z-index: 1
}

.mds-link span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.mds-link span [class*=" icon-"]:before,
.mds-link span [class^=icon-]:before {
    font-size: 24px
}

.mds-link span [class*=" icon-"]:first-child,
.mds-link span [class^=icon-]:first-child {
    margin-right: 6px
}

.mds-link span [class*=" icon-"]:last-child,
.mds-link span [class^=icon-]:last-child {
    margin-left: 6px
}

.mds-link:focus span {
    text-decoration: underline
}

.mds-link.mds-link--primary {
    background-color: var(--primary);
    color: #242424
}

.mds-link.mds-link--primary:active {
    background-color: var(--primary-press)
}

.mds-link.mds-link--primary.mds-link--line {
    border-color: var(--primary);
    color: var(--primary)
}

.mds-link.mds-link--primary.mds-link--line:active {
    background-color: transparent
}

.mds-link.mds-link--primary.mds-link--line:active:before {
    background-color: var(--primary)
}

.mds-link.mds-link--secondary {
    background-color: var(--secondary);
    color: var(--ui-background)
}

.mds-link.mds-link--secondary:active {
    background-color: var(--secondary-press)
}

.mds-link.mds-link--secondary.mds-link--line {
    border-color: var(--secondary);
    color: var(--secondary)
}

.mds-link.mds-link--secondary.mds-link--line:active {
    background-color: transparent
}

.mds-link.mds-link--secondary.mds-link--line:active:before {
    background-color: var(--secondary)
}

.mds-link.mds-link--tertiary {
    background-color: var(--tertiary);
    color: var(--text-01)
}

.mds-link.mds-link--tertiary:active {
    background-color: var(--tertiary-press)
}

.mds-link.mds-link--tertiary.mds-link--line {
    border-color: var(--tertiary);
    color: var(--tertiary)
}

.mds-link.mds-link--tertiary.mds-link--line:active {
    background-color: transparent
}

.mds-link.mds-link--tertiary.mds-link--line:active:before {
    background-color: var(--tertiary)
}

.mds-link.mds-link--cancel {
    background-color: var(--cancel);
    color: var(--text-01)
}

.mds-link.mds-link--cancel:active {
    background-color: var(--cancel-press)
}

.mds-link.mds-link--cancel.mds-link--line {
    border-color: var(--cancel);
    color: var(--cancel)
}

.mds-link.mds-link--cancel.mds-link--line:active {
    background-color: transparent
}

.mds-link.mds-link--cancel.mds-link--line:active:before {
    background-color: var(--cancel)
}

.mds-link.mds-link--danger {
    background-color: var(--danger);
    color: #fff
}

.mds-link.mds-link--danger:active {
    background-color: var(--danger-press)
}

.mds-link.mds-link--danger.mds-link--line {
    border-color: var(--danger);
    color: var(--danger)
}

.mds-link.mds-link--danger.mds-link--line:active {
    background-color: transparent
}

.mds-link.mds-link--danger.mds-link--line:active:before {
    background-color: var(--danger)
}

.mds-link.mds-link--quaternary {
    background-color: var(--quaternary);
    color: var(--text-01)
}

.mds-link.mds-link--quaternary:active {
    background-color: var(--quaternary-press)
}

.mds-link.mds-link--quaternary.mds-link--line {
    border-color: var(--ui-06);
    color: var(--text-02)
}

.mds-link.mds-link--quaternary.mds-link--line:active {
    background-color: transparent;
    border-color: var(--ui-05)
}

.mds-link.mds-link--quaternary.mds-link--line:active:before {
    background-color: var(--quaternary)
}

.mds-link.mds-link--line {
    position: relative;
    background-color: transparent;
    border: 1px solid
}

.mds-link.mds-link--line:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .1;
    transition: background-color .2s linear;
    content: ""
}

.mds-link.mds-link--flex {
    width: auto
}

.mds-link.mds-link--h56 {
    height: 56px;
    font-size: 16px;
    padding: 0 16px
}

.mds-link.mds-link--h48 {
    height: 48px;
    font-size: 16px;
    padding: 0 16px
}

.mds-link.mds-link--h40 {
    height: 40px;
    font-size: 14px;
    padding: 0 16px
}

.mds-link.mds-link--h32 {
    height: 32px;
    font-size: 12px;
    padding: 0 8px
}

.mds-link.mds-link--h24 {
    height: 24px;
    font-size: 12px;
    padding: 0 8px
}

.mds-link.mds-link--r0 {
    border-radius: 0
}

.mds-link.mds-link--r4 {
    border-radius: 4px
}

.mds-link.mds-link--r100 {
    border-radius: 100px
}

body[data-theme=dark] .top-header header h1 a img {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body[data-theme=dark] .top-header header .util-wrap .alarm-btn,body[data-theme=dark] .top-header header .util-wrap .icon-setting svg,body[data-theme=dark] .top-header header .util-wrap .search-btn {
    color: var(--secondary-press)
}

@media (max-width: 999px) {
    body[data-theme=dark] .top-header.floating header h1 a img,body[data-theme=dark] .top-header.gray-ui header h1 a img {
        -webkit-transform:translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 1000px) {
    body .app-mount .top-header header .util-wrap {
        margin-right:40px
    }

    body .app-mount .top-header header .util-wrap:not(.home) {
        margin-right: 8px
    }

    body .app-mount .top-header header .util-wrap .management-btn,body .f-pcv-mount .top-header header .util-wrap .management-btn {
        display: block
    }
}

.top-header[data-v-8b15dc88] {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: var(--ui-background);
    border-bottom: 1px solid var(--GTrans-02)
}

.top-header header[data-v-8b15dc88] {
    display: flex;
    align-items: center;
    max-width: var(--header-width);
    height: 64px;
    padding: 0 24px;
    margin: 0 auto;
    background: var(--ui-background)
}

.top-header header h1[data-v-8b15dc88] {
    width: 100px;
    margin: 0 25px 0 0;
    z-index: 1
}

.top-header header h1 a[data-v-8b15dc88] {
    overflow: hidden;
    display: block;
    height: 20px
}

.top-header header ul[data-v-8b15dc88] {
    display: flex;
    align-items: center
}

.top-header header ul.gnb[data-v-8b15dc88] {
    color: var(--text-strong)
}

.top-header header ul.gnb li.on a[data-v-8b15dc88] {
    color: var(--secondary);
    font-weight: 700
}

.top-header header ul.gnb a[data-v-8b15dc88] {
    padding: 12px 24px;
    font-size: 20px;
    position: relative;
    color: var(--secondary)
}

.top-header header ul.gnb a[data-v-8b15dc88]:not(.visit):after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 50%;
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
    width: 4px;
    height: 4px;
    background-color: #ffb904;
    border-radius: 50%
}

.top-header header ul.gnb a .gnb-tooltip[data-v-8b15dc88] {
    display: none
}

.top-header header ul.util .search[data-v-8b15dc88] {
    margin-right: 16px
}

.top-header header ul.util .search a i[data-v-8b15dc88] {
    font-size: 24px
}

.top-header header ul.util .sign-up[data-v-8b15dc88] {
    margin-right: 50px
}

.top-header header ul.util .sign-in a[data-v-8b15dc88] {
    background: var(--ui-09);
    width: 80px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tertiary);
    border-radius: 4px;
    font-size: 12px
}

.top-header header ul.util .alarm[data-v-8b15dc88] {
    margin-right: 16px;
    position: relative
}

.top-header header ul.util .alarm a i[data-v-8b15dc88] {
    font-size: 24px;
    color: var(--text-strong)
}

.top-header header .util-wrap[data-v-8b15dc88] {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto
}

.top-header header .util-wrap .search-btn[data-v-8b15dc88] {
    font-size: 22px
}

.top-header header .util-wrap .alarm-btn[data-v-8b15dc88],.top-header header .util-wrap .search-btn[data-v-8b15dc88] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 24px;
    height: 24px;
    color: var(--secondary-press)
}

.top-header header .util-wrap .alarm-btn[data-v-8b15dc88] {
    margin-top: 1px;
    font-size: 23px
}

.top-header header .util-wrap .alarm-btn.count[data-v-8b15dc88]:after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -2px;
    top: 0;
    min-width: 14px;
    height: 14px;
    background-color: #ffb904;
    border-radius: 50%;
    font-family: Lato;
    font-size: 9px;
    color: #fff;
    text-indent: -1px;
    line-height: 9px;
    content: attr(data-count)
}

.top-header header .util-wrap .alarm-btn.count.middle[data-v-8b15dc88]:after {
    right: -5px;
    padding: 0 4px;
    border-radius: 10px
}

.top-header header .util-wrap .alarm-btn.count.middle.plus[data-v-8b15dc88]:after {
    right: -10px;
    content: attr(data-count) "+"
}

.top-header header .util-wrap>ul.ml38[data-v-8b15dc88] {
    margin-left: 38px
}

.top-header header .util-wrap .management-btn[data-v-8b15dc88] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 24px;
    height: 24px
}

.top-header header .util-wrap .management-btn .icon-setting[data-v-8b15dc88] {
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain
}

.top-header header .util-wrap[data-v-8b15dc88] {
    gap: 16px
}

.top-header .app-mount header ul.util.mobile[data-v-8b15dc88],.top-header .f-pcv-mount header ul.util.mobile[data-v-8b15dc88] {
    display: flex;
    margin-right: 36px
}

.top-header .app-mount header ul.util.mobile .alarm[data-v-8b15dc88],.top-header .app-mount header ul.util.mobile .management-btn[data-v-8b15dc88],.top-header .app-mount header ul.util.mobile .search[data-v-8b15dc88],.top-header .f-pcv-mount header ul.util.mobile .alarm[data-v-8b15dc88],.top-header .f-pcv-mount header ul.util.mobile .management-btn[data-v-8b15dc88],.top-header .f-pcv-mount header ul.util.mobile .search[data-v-8b15dc88] {
    display: block
}

.top-header nav[data-v-8b15dc88] {
    display: none
}

.top-header.gray-ui header .util-wrap .alarm-btn[data-v-8b15dc88],.top-header.gray-ui header .util-wrap .search-btn[data-v-8b15dc88] {
    color: var(--secondary-press)
}

@media (min-width: 1000px) {
    .top-header nav[data-v-8b15dc88] {
        display:block
    }

    .top-header header .util-wrap .management-btn[data-v-8b15dc88],.top-header header .util-wrap .search-btn[data-v-8b15dc88] {
        display: none
    }
}

@media (max-width: 999px) {
    .top-header[data-v-8b15dc88] {
        position:sticky;
        top: 0;
        z-index: 51;
        padding-top: env(safe-area-inset-top);
        border-bottom: 0;
        opacity: 1
    }

    .top-header.on[data-v-8b15dc88] {
        background: #000
    }

    .top-header.floating.on[data-v-8b15dc88] {
        background: var(--ui-background)
    }
}

@media (max-width: 999px) and (prefers-color-scheme:dark) {
    .top-header.floating.on[data-v-8b15dc88] {
        background:#000
    }
}

@media (max-width: 999px) {
    .top-header.floating[data-v-8b15dc88] {
        background:var(--ui-background);
        color: var(--text-01)!important
    }

    .top-header.floating header .util-wrap .alarm-btn[data-v-8b15dc88],.top-header.floating header .util-wrap .search-btn[data-v-8b15dc88] {
        z-index: 1;
        color: var(--secondary-press)
    }

    .top-header.background[data-v-8b15dc88] {
        background: var(--ui-background)
    }

    .top-header.home header[data-v-8b15dc88] {
        padding-right: 64px
    }

    .top-header.topHeaderArea header[data-v-8b15dc88] {
        height: 0
    }

    .top-header.topHeaderArea header .util-wrap[data-v-8b15dc88],.top-header.topHeaderArea header h1[data-v-8b15dc88] {
        overflow: hidden;
        display: none
    }

    .top-header header[data-v-8b15dc88] {
        height: 44px
    }

    .top-header header .util-wrap ul.util[data-v-8b15dc88] {
        display: none
    }

    .top-header nav[data-v-8b15dc88] {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 131;
        padding-bottom: env(safe-area-inset-bottom);
        border-top: 1px solid var(--ui-06);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .top-header nav .gnb[data-v-8b15dc88] {
        width: 100%;
        max-width: 700px;
        height: 49px;
        margin: 0 auto
    }

    .top-header nav .gnb li[data-v-8b15dc88] {
        flex: 1
    }

    .top-header nav .gnb li a[data-v-8b15dc88] {
        display: block;
        height: 49px;
        padding: 6px 0 0;
        font-size: 11px;
        text-align: center;
        color: var(--text-03)
    }

    .top-header nav .gnb li a[data-v-8b15dc88]:before {
        overflow: hidden;
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 auto 3px;
        content: "";
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 24px
    }

    .top-header nav .gnb li a[data-v-8b15dc88]:not(.visit):after {
        display: none;
        top: 6px;
        -webkit-transform: translateX(18px);
        transform: translateX(18px)
    }

    .top-header nav .gnb li a .gnb-tooltip[data-v-8b15dc88] {
        display: block;
        position: absolute;
        top: -33px;
        left: 50%;
        z-index: 51;
        padding: 6px 8px;
        color: var(--ui-background);
        background-color: var(--audio);
        border-radius: 4px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
        box-shadow: 2px 6px 12px 0 rgba(0,0,0,.12156862745098039)
    }

    .top-header nav .gnb li a .gnb-tooltip[data-v-8b15dc88]:after {
        position: absolute;
        right: 42px;
        bottom: -6px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid var(--audio);
        content: ""
    }

    .top-header nav .gnb li.on a[data-v-8b15dc88] {
        color: #ffc004!important
    }

    .top-header nav .gnb li:first-child a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-today.0038a90048ad33c16e562194b9e05e22.png)
    }

    .top-header nav .gnb li:first-child.on a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-today-on.71316ce264c53c26e31d8c010c999cf5.png)
    }

    .top-header nav .gnb li:nth-child(2) a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-story.5c4725700a6b7756bb2995a4e4017ae5.png)
    }

    .top-header nav .gnb li:nth-child(2).on a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-story-on.5c5c4efc2022080b6668de3420c77b91.png)
    }

    .top-header nav .gnb li:nth-child(3) a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-search2.d9cb9eca1884bc75ca255bcdcf0af3fc.png)
    }

    .top-header nav .gnb li:nth-child(3).on a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-search-on.ab7cc3a56d9f376ffbb171d10e2a5d3b.png)
    }

    .top-header nav .gnb li:nth-child(4) a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-feed.ac8f4bc523fe0cdad9e6bf75f4642270.png)
    }

    .top-header nav .gnb li:nth-child(4).on a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-feed-on.d3cf2220ee6b177e0d70839505835dd9.png)
    }

    .top-header nav .gnb li:nth-child(5) a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-shelf.b6f4fd1f2197ab4c67f39273ff7bbe01.png)
    }

    .top-header nav .gnb li:nth-child(5).on a[data-v-8b15dc88]:before {
        background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/gnb-shelf-on.60ba1c87cf94ce4941910bdf36462ff4.png)
    }

    .top-header .gnb.management[data-v-8b15dc88],.top-header nav .gnb li[data-v-8b15dc88]:nth-child(6) {
        display: none
    }
}

@media (max-width: 999px) {
    .show-header .top-header nav[data-v-8b15dc88] {
        display:block;
        background-color: var(--ui-up)
    }
}

.loader[data-v-2787b6dc] {
    position: fixed;
    z-index: 1001;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0
}

@-webkit-keyframes loader-spin-2787b6dc {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loader-spin-2787b6dc {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loader-enter-active[data-v-2787b6dc],.loader-leave-active[data-v-2787b6dc] {
    transition: all .24s ease-out
}

.loader-enter[data-v-2787b6dc],.loader-leave-to[data-v-2787b6dc] {
    opacity: 0
}

.loader[data-v-2787b6dc]:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 78px;
    height: 78px;
    margin: -39px 0 0 -39px;
    border-bottom: 2px solid #ececec;
    border-right: 2px solid #ececec;
    border-top: 2px solid #ececec;
    border: 2px solid var(--ui-05);
    border-left: 2px solid #ffc71e;
    border-radius: 50%;
    -webkit-animation: loader-spin-2787b6dc 1.2s linear infinite;
    animation: loader-spin-2787b6dc 1.2s linear infinite
}

.home-banner-component[data-v-6fff0e00] {
    position: relative;
    top: 0;
    left: 0;
    right: 0
}

.home-banner-component.book-detail-banner[data-v-6fff0e00] {
    z-index: 99
}

.home-banner-component.book-detail-banner .home-banner[data-v-6fff0e00] {
    bottom: auto;
    position: sticky
}

.home-banner[data-v-6fff0e00] {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    background: #ffeb60;
    z-index: 50
}

.home-banner a[data-v-6fff0e00] {
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #242424
}

.home-banner a p[data-v-6fff0e00] {
    font-size: 16px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/banner-arr.60cff0f5defc75c236571b69c8c355e0.png) 0 0 no-repeat;
    background-size: 16px;
    background-position: 100%;
    padding-right: 16px
}

@media (max-width: 999px) {
    .ie-home-banner .ie-home-banner-inner[data-v-6fff0e00] {
        min-height:52px
    }

    .ie-home-banner+.home-banner[data-v-6fff0e00] {
        position: fixed
    }

    .app-mount .home-banner[data-v-6fff0e00] {
        bottom: 0
    }
}

.text[data-v-196e39f8] {
    color: var(--text-03)
}

.millie-console[data-v-53274d9a] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    padding: 10px;
    background: rgba(0,0,0,.7);
    color: #fff;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.millie-console.open[data-v-53274d9a] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.millie-console .toggle-btn[data-v-53274d9a] {
    position: absolute;
    left: 50%;
    top: -20px;
    width: 40px;
    height: 20px;
    background-color: rgba(0,0,0,.7);
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.millie-console .log-body[data-v-53274d9a] {
    overflow-y: auto;
    max-height: 400px
}

.millie-console .log-body p[data-v-53274d9a] {
    word-break: break-all;
    word-wrap: break-word
}

.happy-complete-wrap[data-v-2e85ba68] .mds-dialog--inner {
    padding: 24px
}

.happy-complete-body[data-v-2e85ba68] {
    flex: 1
}

.happy-complete-body .info[data-v-2e85ba68] {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 24px
}

.happy-complete-body .info strong[data-v-2e85ba68] {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: var(--ui-10)
}

.happy-complete-body .info p[data-v-2e85ba68] {
    font-size: 16px;
    text-align: center;
    color: var(--text-03);
    line-height: 24px
}

.happy-complete-body .benefit[data-v-2e85ba68] {
    display: flex;
    align-items: center;
    justify-content: center
}

.happy-complete-body .benefit li[data-v-2e85ba68] {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 24px 0;
    border: 1px solid var(--ui-05);
    border-radius: 12px
}

.happy-complete-body .benefit li[data-v-2e85ba68]:last-child {
    margin-left: 8px
}

.happy-complete-body .benefit li.millie[data-v-2e85ba68]:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin-bottom: 8px;
    background-color: var(--ui-02);
    border-radius: 50%;
    font-weight: 700;
    font-size: 24px;
    color: var(--text-01);
    content: "+" attr(data-length)
}

.happy-complete-body .benefit li .badge-icon[data-v-2e85ba68] {
    margin-bottom: 8px
}

.happy-complete-body .benefit li span[data-v-2e85ba68] {
    font-size: 12px;
    color: var(--text-01)
}

.happy-feedback-wrap[data-v-c2a661d0] .mds-dialog--inner {
    padding: 24px
}

.happy-feedback-body strong[data-v-c2a661d0] {
    display: block;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: var(--ui-10);
    line-height: 28px
}

.happy-feedback-body p[data-v-c2a661d0] {
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--text-03);
    line-height: 20px;
    text-align: center
}

.happy-feedback-body li[data-v-c2a661d0] {
    margin-bottom: 8px
}

.happy-feedback-body li[data-v-c2a661d0]:last-child {
    margin-bottom: 0
}

.happy-feedback-body li button[data-v-c2a661d0] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 24px;
    border: 1px solid var(--ui-05);
    border-radius: 12px
}

.happy-feedback-body li button img[data-v-c2a661d0] {
    margin-right: 8px
}

.happy-feedback-body li button[data-v-c2a661d0]:focus {
    padding: 0 22px;
    border: 3px solid var(--primary)
}

.popup-wrap[data-v-74945a66] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 100%
}

.popup-content .ta-c[data-v-96cc40b0] {
    text-align: center
}

.popup-content ul[data-v-96cc40b0] {
    margin-top: 24px
}

.popup-content ul li[data-v-96cc40b0] {
    margin-bottom: 16px
}

.popup-content ul li[data-v-96cc40b0]:last-child {
    margin-bottom: 0
}

.popup-content ul li .head[data-v-96cc40b0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 24px
}

.popup-content ul li .head i[data-v-96cc40b0] {
    font-size: 24px;
    cursor: pointer
}

.popup-content ul li .content[data-v-96cc40b0] {
    max-height: 100px;
    margin-top: 10px;
    overflow: scroll;
    border: 1px solid var(--ui-06);
    border-radius: 4px;
    padding: 12px
}

.popup-content ul li .content p[data-v-96cc40b0] {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-03)
}

.popup-content ul li .content p.title[data-v-96cc40b0] {
    font-weight: 700;
    margin-bottom: 2px
}

.popup-content ul li .sub-text[data-v-96cc40b0] {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: var(--text-04);
    margin-left: 24px
}

.popup-content table[data-v-96cc40b0] {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--ui-06);
    overflow: hidden;
    margin-top: 16px;
    color: var(--text-01)
}

.popup-content table tr[data-v-96cc40b0] {
    border: 1px solid var(--ui-06);
    text-align: center
}

.popup-content table th[data-v-96cc40b0] {
    background-color: var(--ui-02);
    padding: 8px;
    width: 105px;
    border-right: 1px solid var(--ui-06)
}

.popup-content table td[data-v-96cc40b0] {
    padding: 8px
}

.step-txt[data-v-2c1b4be8] {
    font-size: 24px;
    margin-top: 16px
}

.step-list[data-v-2c1b4be8] {
    margin-bottom: 40px
}

.step-list .step-number[data-v-2c1b4be8] {
    font-size: 14px;
    text-align: right;
    margin-bottom: 3px;
    color: #999
}

.step-list .step-number span[data-v-2c1b4be8] {
    color: #ffc004
}

.step-list ol[data-v-2c1b4be8] {
    display: flex;
    justify-content: space-between
}

.step-list ol li[data-v-2c1b4be8] {
    text-indent: -9999em;
    height: 2px;
    width: 50%;
    background: #eee;
    border-radius: 10px;
    margin-left: 8px
}

.step-list ol li[data-v-2c1b4be8]:first-child {
    margin-left: 0
}

.step-list ol li.active[data-v-2c1b4be8] {
    background: #ffeb60
}

.premium-select-box[data-v-234afce4] {
    margin-bottom: 24px
}

.premium-item[data-v-234afce4]:first-child {
    margin-bottom: 16px
}

.premium-item input[type=radio][data-v-234afce4] {
    display: none
}

.premium-item input[type=radio]:disabled+label[data-v-234afce4] {
    pointer-events: none
}

.premium-item input[type=radio]+label[data-v-234afce4] {
    position: relative;
    display: block;
    padding: 24px 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-tap-highlight-color: transparent
}

.premium-item input[type=radio]+label.invite[data-v-234afce4]:after {
    display: none!important
}

.premium-item input[type=radio]+label .title[data-v-234afce4] {
    color: var(--text-03);
    font-size: 14px;
    margin-bottom: 8px
}

.premium-item input[type=radio]+label .subscription-title[data-v-234afce4] {
    margin-top: 8px;
    margin-bottom: 4px
}

.premium-item input[type=radio]+label strong[data-v-234afce4] {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    display: block
}

.premium-item input[type=radio]+label strong span[data-v-234afce4] {
    position: relative;
    top: -2px
}

.premium-item input[type=radio]+label strong .free[data-v-234afce4] {
    padding: 3px 4px;
    font-size: 12px;
    font-weight: 400;
    background: rgba(255,235,96,.75);
    border-radius: 3px
}

.premium-item input[type=radio]+label strong .default-price[data-v-234afce4] {
    text-decoration: line-through;
    color: #999;
    font-size: 14px
}

.premium-item input[type=radio]:checked:not(:disabled)+label[data-v-234afce4]:after {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: #ffeb60 url(https://svc-fe-artifact.millietown.com/v3/images/payment/chk-label-img.d9d4b833d26b0f2087bf7c2ad31314b9.png) 50% no-repeat;
    background-size: 10px;
    border-radius: 50%
}

.premium-item .premium-inner[data-v-234afce4] {
    border-top: 1px solid #ccc;
    margin-top: 18px;
    display: none
}

.premium-item .premium-inner p[data-v-234afce4] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-03);
    margin-top: 16px;
    margin-bottom: 8px
}

.premium-item .premium-inner li[data-v-234afce4] {
    font-size: 12px;
    position: relative;
    color: #999;
    padding-left: 8px;
    word-break: keep-all;
    line-height: 18px
}

.premium-item .premium-inner li[data-v-234afce4]:before {
    background: #999;
    width: 2px;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0
}

.premium-item .premium-inner .goods-btn[data-v-234afce4] {
    background: #ffeb60;
    display: block;
    width: 100%;
    margin-top: 28px;
    height: 40px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.premium-item input[type=radio]:checked:not(:disabled)+label[data-v-234afce4] {
    border-color: transparent
}

.premium-item input[type=radio]:checked:not(:disabled)+label[data-v-234afce4]:before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    display: block;
    border: 3px solid #ffeb60;
    border-radius: 6px;
    pointer-events: none
}

.premium-item input[type=radio]:checked:not(:disabled)+label .premium-inner[data-v-234afce4] {
    display: block
}

.premium-item input[type=radio]:disabled+label[data-v-234afce4] {
    background: #f5f5f5
}

.premium-item input[type=radio]:disabled+label[data-v-234afce4]:after {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 47px;
    height: 24px;
    line-height: 23px;
    font-size: 12px;
    text-align: center;
    content: "이용중";
    border-radius: 100px;
    border: 1px solid #ccc;
    color: #999
}

.premium-item input[type=radio]:disabled+label .title[data-v-234afce4],.premium-item input[type=radio]:disabled+label strong[data-v-234afce4] {
    color: #999
}

.premium-item input[type=radio]:disabled+label strong span[data-v-234afce4] {
    background: #e5e5e5;
    color: #999
}

.premium-item_note10_freeText[data-v-234afce4] {
    padding: 3px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    background: rgba(255,235,96,.75)
}

.premium-select-box[data-v-1bd83156] {
    margin-bottom: 24px
}

.premium-item[data-v-1bd83156]:first-child {
    margin-bottom: 16px
}

.premium-item input[type=radio][data-v-1bd83156] {
    display: none
}

.premium-item input[type=radio]:disabled+label[data-v-1bd83156] {
    pointer-events: none
}

.premium-item input[type=radio]+label[data-v-1bd83156] {
    position: relative;
    display: block;
    padding: 24px 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-tap-highlight-color: transparent
}

.premium-item input[type=radio]+label.invite[data-v-1bd83156]:after {
    display: none!important
}

.premium-item input[type=radio]+label .title[data-v-1bd83156] {
    color: var(--text-03);
    font-size: 14px;
    margin-bottom: 8px
}

.premium-item input[type=radio]+label .subscription-title[data-v-1bd83156] {
    margin-top: 8px;
    margin-bottom: 4px
}

.premium-item input[type=radio]+label strong[data-v-1bd83156] {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    display: block
}

.premium-item input[type=radio]+label strong span[data-v-1bd83156] {
    position: relative;
    top: -2px
}

.premium-item input[type=radio]+label strong .free[data-v-1bd83156] {
    padding: 3px 4px;
    font-size: 12px;
    font-weight: 400;
    background: rgba(255,235,96,.75);
    border-radius: 3px
}

.premium-item input[type=radio]+label strong .default-price[data-v-1bd83156] {
    text-decoration: line-through;
    color: #999;
    font-size: 14px
}

.premium-item input[type=radio]:checked:not(:disabled)+label[data-v-1bd83156]:after {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: #ffeb60 url(https://svc-fe-artifact.millietown.com/v3/images/payment/chk-label-img.d9d4b833d26b0f2087bf7c2ad31314b9.png) 50% no-repeat;
    background-size: 10px;
    border-radius: 50%
}

.premium-item .premium-inner[data-v-1bd83156] {
    border-top: 1px solid #ccc;
    margin-top: 18px;
    display: none
}

.premium-item .premium-inner p[data-v-1bd83156] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-03);
    margin-top: 16px;
    margin-bottom: 8px
}

.premium-item .premium-inner li[data-v-1bd83156] {
    font-size: 12px;
    position: relative;
    color: #999;
    padding-left: 8px;
    word-break: keep-all;
    line-height: 18px
}

.premium-item .premium-inner li[data-v-1bd83156]:before {
    background: #999;
    width: 2px;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0
}

.premium-item .premium-inner .goods-btn[data-v-1bd83156] {
    background: #ffeb60;
    display: block;
    width: 100%;
    margin-top: 28px;
    height: 40px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.premium-item input[type=radio]:checked:not(:disabled)+label[data-v-1bd83156] {
    border-color: transparent
}

.premium-item input[type=radio]:checked:not(:disabled)+label[data-v-1bd83156]:before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    display: block;
    border: 3px solid #ffeb60;
    border-radius: 6px;
    pointer-events: none
}

.premium-item input[type=radio]:checked:not(:disabled)+label .premium-inner[data-v-1bd83156] {
    display: block
}

.premium-item input[type=radio]:disabled+label[data-v-1bd83156] {
    background: #f5f5f5
}

.premium-item input[type=radio]:disabled+label[data-v-1bd83156]:after {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 47px;
    height: 24px;
    line-height: 23px;
    font-size: 12px;
    text-align: center;
    content: "이용중";
    border-radius: 100px;
    border: 1px solid #ccc;
    color: #999
}

.premium-item input[type=radio]:disabled+label .title[data-v-1bd83156],.premium-item input[type=radio]:disabled+label strong[data-v-1bd83156] {
    color: #999
}

.premium-item input[type=radio]:disabled+label strong span[data-v-1bd83156] {
    background: #e5e5e5;
    color: #999
}

.premium-item_note10_freeText[data-v-1bd83156] {
    padding: 3px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    background: rgba(255,235,96,.75)
}

body.padding .home-banner-component.book-detail-banner {
    display: none
}

body.padding .back-component.sticky {
    height: auto!important
}

body.padding .back-component.sticky:before {
    display: block;
    height: env(safe-area-inset-top);
    background: var(--ui-up-01);
    content: ""
}

.happy-max-wrap .back-component .back-wrap>div[data-v-83386bea],.happy-max-wrap .back[data-v-83386bea] {
    max-width: var(--happy-max-width)
}

.back-component[data-v-83386bea] {
    height: 48px;
    background: var(--ui-background)
}

.back-component i[class^=mds-icon-][data-v-83386bea] {
    font-size: 28px;
    font-weight: 700;
    line-height: 23px;
    color: var(--text-01)
}

.back-component.bookDetail-back-comp i[class^=mds-icon-][data-v-83386bea] {
    color: var(--text-02)
}

.back-component.lite[data-v-83386bea] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px 0
}

.back-component.sub-sticky[data-v-83386bea] {
    border-bottom: 1px solid var(--ui-06)
}

.back-component.border-hidden[data-v-83386bea] {
    border: none!important
}

.back-component .back-wrap[data-v-83386bea] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 50;
    height: 48px;
    padding-top: env(safe-area-inset-top);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: var(--ui-background)
}

.back-component .back-wrap.line[data-v-83386bea] {
    border-bottom: 1px solid var(--ui-06)
}

.back-component .back-wrap.search[data-v-83386bea] {
    border: none
}

.back-component .back-wrap>div[data-v-83386bea] {
    max-width: var(--header-width);
    margin: 0 auto
}

.back-component .back-wrap>div.full[data-v-83386bea] {
    max-width: none
}

.back-component .back[data-v-83386bea] {
    position: relative;
    max-width: var(--header-width);
    margin: 0 auto;
    height: 48px
}

.back-component .back.full[data-v-83386bea] {
    max-width: none
}

.back-component .back .close-button[data-v-83386bea] {
    position: absolute;
    left: 12px;
    top: 50%;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.back-component .back .close-button.pcApp[data-v-83386bea] {
    display: none
}

.back-component .back .close-button.close[data-v-83386bea] {
    left: inherit!important;
    right: 0!important
}

.back-component .back .close-button.show[data-v-83386bea] {
    display: block!important
}

.back-component .back h2[data-v-83386bea] {
    overflow: hidden;
    padding: 0 45px;
    font-size: 18px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 48px;
    color: var(--text-01)
}

@media (min-width: 1000px) {
    .back-component .back .close-button[data-v-83386bea] {
        display:none
    }
}

.back-component .back .favorite-button[data-v-83386bea] {
    width: 24px;
    position: absolute;
    top: 50%;
    right: 72px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.back-component .back .favorite-button i[data-v-83386bea] {
    font-size: 20px;
    color: var(--text-03)
}

.back-component .back .share-button[data-v-83386bea] {
    width: 24px;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.back-component .back .more-button[data-v-83386bea] {
    width: 24px;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.back-component .back .millieroad-button-list[data-v-83386bea] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 48px;
    padding-right: 12px;
    margin-left: auto
}

.back-component .back .millieroad-button-list button[data-v-83386bea] {
    width: 24px;
    height: 24px
}

.back-component .back .millieroad-button-list button i.mds-icon--share[data-v-83386bea] {
    font-size: 24px
}

.back-component .back .millieroad-button-list button i[data-v-83386bea] {
    font-size: 22px;
    color: var(--text-03)
}

.back-component .back .millieroad-button-list.my-millieroad button[data-v-83386bea]:first-child {
    margin-right: 8px
}

@media (max-width: 701px) {
    .back-component .back .back-wrap>div[data-v-83386bea] {
        padding:0 12px
    }

    .back-component .back h2[data-v-83386bea] {
        opacity: 1
    }

    .back-component .back .book-detail-header[data-v-83386bea] {
        padding: 0 97px 0 43px
    }
}

.back-component.sticky[data-v-83386bea] {
    min-height: 48px;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    flex: 1 0 auto;
    z-index: 99;
    border-bottom: 1px solid transparent
}

.back-component.sticky.relative[data-v-83386bea] {
    position: relative
}

.back-component.sticky .back[data-v-83386bea] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin: 0 auto
}

.back-component.sticky .back .close-button[data-v-83386bea] {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 100;
    margin-left: 12px
}

.back-component.sticky .back h2[data-v-83386bea] {
    width: 100%;
    height: auto;
    line-height: inherit;
    /* opacity: 0; */
    font-weight: 400
}

.back-component.sticky .back h2.book-detail-header[data-v-83386bea] {
    text-indent: 43px
}

.back-component.sticky.scroll-on[data-v-83386bea] {
    background-color: var(--ui-background);
    border-bottom: 1px solid var(--ui-06)
}

.back-component.sticky.scroll-on h2[data-v-83386bea] {
    opacity: 1
}

.back-component.transparent[data-v-83386bea] {
    background: transparent
}

@media (min-width: 1000px) {
    .millieroad-button-list[data-v-83386bea],.web-mount .back-component .close-button[data-v-83386bea],.web-mount .back-component.pc-hidden[data-v-83386bea] {
        display:none
    }

    .app-mount .back-component .close-button[data-v-83386bea] {
        display: block
    }

    .app-mount .back-component .favorite-button[data-v-83386bea],.app-mount .back-component .millieroad-button-list[data-v-83386bea],.app-mount .back-component .more-button[data-v-83386bea],.app-mount .back-component .share-button[data-v-83386bea] {
        display: none
    }
}

.millie-inner.large .back-component.sticky[data-v-83386bea],.millie-inner.xlarge .back-component.sticky[data-v-83386bea] {
    margin: 0 -16px;
    left: 0;
    width: calc(100% + 32px)
}

@media screen and (min-width: 1024px) and (max-width:1201px) {
    .millie-inner.large .back-component.sticky[data-v-83386bea],.millie-inner.xlarge .back-component.sticky[data-v-83386bea] {
        margin:0;
        width: 100%
    }
}

@media screen and (min-width: 1024px) and (max-width:1201px) {
    .millie-inner.large .back-component.sticky[data-v-83386bea]:before,.millie-inner.xlarge .back-component.sticky[data-v-83386bea]:before {
        display:none
    }
}

@media screen and (min-width: 1201px) {
    .millie-inner.large .back-component.sticky.scroll-on[data-v-83386bea]:before,.millie-inner.xlarge .back-component.sticky.scroll-on[data-v-83386bea]:before {
        display:none
    }
}

.millie-inner.large .back-component .back[data-v-83386bea],.millie-inner.xlarge .back-component .back[data-v-83386bea] {
    max-width: unset!important
}

.millie-inner.large .back-component .back .close-button[data-v-83386bea],.millie-inner.xlarge .back-component .back .close-button[data-v-83386bea] {
    left: 16px
}

.login-container.tablet .back-component {
    display: block!important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.login-container.tablet .back-component .back .close-button {
    display: block;
    position: static;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    margin-left: 12px
}

@media (max-width: 999px) {
    .login-container.tablet .login-content {
        margin-top:48px
    }
}

.millie-book .alarm-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffeb60;
    padding: 5px;
    width: 100%;
    z-index: 1;
    color: #242424;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    justify-content: center;
    display: flex
}

.millie-book .alarm-btn.on {
    background-color: #dfdfdf
}

.millie-book .alarm-btn.on i {
    width: 13px;
    height: 13px;
    position: relative
}

.millie-book .alarm-btn.on i:before {
    content: "";
    display: block;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/alarm_cancle_16px_1.86f3163909acc97ef6074b303adb7c83.svg) no-repeat 50%;
    width: 13px;
    height: 13px;
    background-size: cover;
    position: absolute
}

.millie-book .alarm-btn i {
    font-size: 12px;
    margin-right: 4px
}

.millie-book.books {
    min-width: 145px
}

.millie-book.books.large {
    min-width: 180px!important;
    max-width: 180px!important
}

.millie-book.books.medium {
    min-width: 125px!important;
    max-width: 125px!important
}

.millie-book.books.medium .thumbnail-inner,.millie-book.books.medium .thumbnail-inner img {
    max-height: 190px
}

.millie-book.books.medium .metadata .title {
    font-size: 14px
}

.millie-book.books.medium .metadata .author,.millie-book.books.medium .metadata .reading {
    font-size: 12px
}

.millie-book.books.small {
    min-width: 100px!important;
    max-width: 100px!important
}

.millie-book.books.small .thumbnail-inner,.millie-book.books.small .thumbnail-inner img {
    max-height: 145px
}

.millie-book.books.small .metadata .author,.millie-book.books.small .metadata .reading,.millie-book.books.small .metadata .title {
    font-size: 12px
}

.millie-book.books.today-original.video-today-original .book-image {
    max-width: 73px;
    margin-top: 0
}

.millie-book.books.today-original.video-today-original .book-image .thumbnail-inner {
    max-height: 102px
}

.millie-book.books.today-original.video-today-original .book-image .thumbnail-inner img {
    max-height: 102px!important;
    min-height: 102px!important
}

.millie-book.books.today-original .book-image {
    max-width: 100px;
    margin-top: -38px
}

.millie-book.books.today-original .book-image .thumbnail-inner {
    max-height: 140px
}

.millie-book.books.today-original .book-image .thumbnail-inner img {
    max-height: 140px!important;
    min-height: 140px!important
}

.millie-book.books.today-original .book-data {
    padding-left: 16px
}

.millie-book.books.today-original .book-data .metadata {
    padding-top: 0
}

.millie-book.books.today-original .book-data .metadata .title {
    font-size: 12px
}

.millie-book.books.today-original .book-data .metadata .author {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em
}

.millie-book.books.no-badge .thumbnail .badge,.millie-book.books.no-thumb .reader-thumbnail {
    display: none
}

.millie-book.books.no-badge .thumbnail .badge.adult {
    display: block
}

.millie-book.books>a,.millie-book.books>button {
    display: block;
    width: 100%
}

.millie-book.books .book-image {
    display: flex;
    min-height: auto;
    align-items: flex-end;
    padding-top: 0;
    height: 100%
}

.millie-book.books .thumbnail {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.millie-book.books .thumbnail .icon-series-tack {
    position: absolute;
    right: -13px;
    top: 12px;
    z-index: 30;
    width: 62px;
    height: 32px;
    padding-top: 4px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-series-tack.1fbb8d2aea947ae1f7c5323fb0ea7663.png) 0 0 no-repeat;
    font-size: 12px;
    text-align: center;
    color: rgba(51,51,51,.5)
}

.millie-book.books .thumbnail .icon-series-tack strong {
    margin: 0 1px;
    color: var(--ui-09)
}

.millie-book.books .thumbnail .badge {
    margin-right: -7px;
    margin-top: -25px;
    display: block;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999em;
    background-size: contain;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat
}

.millie-book.books .thumbnail .badge.audiodrama,.millie-book.books .thumbnail .badge.readingbook,.millie-book.books .thumbnail .badge.story-audio {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-readingbook.6d3d4deb89226cd278417a183150b386.png)
}

.millie-book.books .thumbnail .badge.chatbook {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-chatbook.c95e0993d645b36aa15b22e9cc5a3bf9.png)
}

.millie-book.books .thumbnail .badge.docentbook {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-docentbook.8daec6b46cb5492272febe22b054b172.png)
}

.millie-book.books .thumbnail .badge.ready {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-ready.7ca017202c6ea620936ae3443d480a3c.png);
    width: 45px
}

.millie-book.books .thumbnail .badge.freebook {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-free.b87eaeaf8e22e7ed06b646d248fddcb5.png)
}

.millie-book.books .thumbnail .badge.pdf {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-pdf.feba67165f163295a3bf77cfb2bb69b8.png)
}

.millie-book.books .thumbnail .badge.comics {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-comics.701905de2c14619a7df463048857cc1d.png)
}

.millie-book.books .thumbnail .badge.adult {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-adult-new.c407ce2ba8c01a5b7fc28804d59e79ec.png)
}

.millie-book.books .thumbnail .badge.series {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-serise.c0a36b82b9abb71aad327734ac3a1128.png);
    width: 45px;
    text-indent: 0
}

.millie-book.books .thumbnail .badge.series span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    color: #6f6f6f;
    letter-spacing: -3px;
    white-space: nowrap
}

.millie-book.books .thumbnail .badge.short {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-short.57106ab2f76f3e4e107a4ccb19db5e6e.png)
}

.millie-book.books .thumbnail .badge.full {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-full.a98c7199ab8829b059a2386c6f91efca.png)
}

.millie-book.books .thumbnail .badge.my-audio-book {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-my-audio-book.f6b29f55a2b809609e71db7c9d38ae89.png);
    width: 54px
}

.millie-book.books .thumbnail .badge.monopoly {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-monopoly.a1f8b011ad6fe2d61557913d92828f8b.png);
    text-indent: 0
}

.millie-book.books .thumbnail .badge.new {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-new.dbf6b6fc6b53cedc0886106d55c0b7bb.png)
}

.millie-book.books .thumbnail .badge.up {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-up.f0a3511fe896dd3c0ab1ae4d52cc0101.png)
}

.millie-book.books .thumbnail .badge.unserviced {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/unserviced.13f616680aa3805364959f538a350253.png);
    width: 45px
}

.millie-book.books .thumbnail .badge.top26 {
    top: 26px
}

.millie-book.books .thumbnail .badge.top52 {
    top: 52px
}

.millie-book.books .thumbnail .badge.highlight {
    height: 24px;
    top: 30px!important;
    right: 4px;
    padding: 5px 8px 3px 5px;
    background: #3d3d3d;
    border-radius: 8px;
    text-indent: 0;
    color: #9e9e9e;
    text-align: right;
    font-size: 12px
}

.millie-book.books .thumbnail .badge.highlight strong {
    margin-right: 3px;
    color: #fff
}

.millie-book.books .thumbnail .badge:nth-of-type(0) {
    top: 0!important
}

.millie-book.books .thumbnail .badge:first-of-type {
    top: 26px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(2) {
    top: 52px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(3) {
    top: 78px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(4) {
    top: 104px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(5) {
    top: 130px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(6) {
    top: 156px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(7) {
    top: 182px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(8) {
    top: 208px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(9) {
    top: 234px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(10) {
    top: 260px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(11) {
    top: 286px!important
}

.millie-book.books .thumbnail .badge:nth-of-type(12) {
    top: 312px!important
}

.millie-book.books .adult .thumbnail-inner {
    background: red
}

.millie-book.books .adult .thumbnail-inner img {
    display: none
}

.millie-book.books .thumbnail-inner {
    overflow: hidden;
    position: relative;
    width: inherit;
    background: linear-gradient(90deg,var(--ui-05) 25%,var(--ui-05) 37%,var(--ui-05) 63%);
    border-radius: 0 4px 4px 0;
    box-shadow: 2px 2px 6px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.2)
}

.millie-book.books .d-day {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    background: var(--ui-background);
    box-shadow: 0 2px 8px rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.1);
    border-radius: 6px;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.millie-book.books .d-day .month {
    background: var(--primary);
    text-align: center;
    font-size: 8px;
    color: var(--text-01);
    padding: 2px
}

.millie-book.books .d-day .day {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-top: 2px;
    color: var(--text-01)
}

.millie-book.books .d-day~.badge:not(.adult) {
    display: none
}

.millie-book.books .metadata {
    padding-top: 12px;
    font-size: 12px;
    text-align: left;
    position: relative
}

.millie-book.books .metadata .rank {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--text-strong)
}

.millie-book.books .metadata .title {
    -webkit-line-clamp: 2;
    max-height: 2.7em;
    color: var(--text-01);
    font-weight: 700;
    font-size: 16px;
    max-height: 3em
}

.millie-book.books .metadata .author,.millie-book.books .metadata .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-bottom: 3px;
    white-space: normal
}

.millie-book.books .metadata .author {
    -webkit-line-clamp: 1;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px
}

.millie-book.books .metadata .badge {
    display: none;
    min-width: 37px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    margin-bottom: 4px
}

.millie-book.books .metadata .badge em {
    color: #bf85f9;
    line-height: 18px;
    position: absolute;
    top: 1px;
    left: 42px
}

.millie-book.books .metadata .badge.my-audio-book,.millie-book.books .metadata .badge.readingbook,.millie-book.books .metadata .badge em {
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.millie-book.books .metadata .badge.my-audio-book,.millie-book.books .metadata .badge.readingbook {
    padding-left: 48px;
    color: var(--audio);
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.millie-book.books .metadata .badge.my-audio-book,.millie-book.books .metadata .badge.my-audio-book.reader,.millie-book.books .metadata .badge.readingbook,.millie-book.books .metadata .badge.readingbook.reader {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.millie-book.books .metadata .badge.my-audio-book.ai,.millie-book.books .metadata .badge.readingbook.ai {
    padding-left: 58px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-ai.d642b05a00c0a1059735c133c6f20231.svg)
}

.millie-book.books .metadata .badge.my-audio-book.mp3,.millie-book.books .metadata .badge.readingbook.mp3 {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.millie-book.books .metadata .badge.chatbook {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-chatbook.fe8538ede35677bd9b8bc374742055cc.svg);
    display: block
}

.millie-book.books .metadata .badge.docent {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-docentbook.ce30ee1bbef81973b6bb89f4ec770a42.svg);
    display: block
}

.millie-book.books .metadata .badge.docent em {
    color: #793edc
}

.millie-book.books .metadata .badge.audiodrama {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiodrama.ddc906d68356a69d8fed596afe3c79a0.svg);
    display: block;
    text-indent: -9999em
}

.millie-book.books .metadata .badge.new-docentbook {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-new-docentbook.d4cad0844604612213929101aa48df17.svg)
}

.millie-book.books .metadata .badge.art-objectbook,.millie-book.books .metadata .badge.video-objectbook {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-objectbook.9c5d5fc3878165a5d4ed00f28b390252.svg)
}

.millie-book.books .metadata .badge.story-audio {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-audio.bf707248046701dc2ab5e302ecdd8b81.svg)
}

.millie-book.books .metadata .badge.story-webtoon {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-webtoon.58ae3358967db749f33b440e8c360853.svg)
}

.millie-book.books .metadata .reading {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px;
    white-space: normal
}

.millie-book.books .metadata .reading span {
    padding: 0 6px
}

.millie-book.books .metadata .play_time {
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 12px;
    white-space: normal
}

.millie-book.books .metadata .play_time span {
    padding: 0 6px
}

.millie-book.books .metadata .endDate {
    color: var(--audio)
}

.millie-book.books .metadata .endDate span {
    color: var(--text-01)
}

.millie-book.books .metadata.search {
    height: 100%;
    display: flex;
    flex-direction: column
}

.millie-book.books .metadata.search .readingsearch .wandog {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-02);
    font-size: 14px;
    white-space: normal
}

.millie-book.books .metadata.search .readingsearch .wandog .line {
    padding: 0 2px
}

.millie-book.books .metadata.search .readingsearch .sideinfo {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-02);
    padding-top: 4px;
    margin-left: -2px
}

.millie-book.books .metadata.search .readingsearch .sideinfo .review {
    display: flex;
    align-items: center
}

.millie-book.books .metadata.search .readingsearch .sideinfo .review:before {
    font-size: 20px;
    margin-right: 3px
}

.millie-book.books .metadata.search .readingsearch .sideinfo .review.gubun:after {
    content: "·";
    font-size: 12px;
    line-height: 18px;
    color: var(--placeholder);
    margin: 0 4px
}

.millie-book.books .metadata.search .readingsearch .sideinfo .addshelf {
    display: flex;
    align-items: center
}

.millie-book.books .metadata.search .readingsearch .sideinfo .addshelf:before {
    font-size: 19px;
    margin-right: 3px
}

.millie-book.books.ratio-book .book-image,.millie-book.books .ratio-book .book-image {
    display: block;
    height: auto
}

.millie-book.books.ratio-book .thumbnail-inner,.millie-book.books .ratio-book .thumbnail-inner {
    height: 0;
    padding-top: 140%
}

.millie-book.books.ratio-book .thumbnail-inner .book-picture,.millie-book.books .ratio-book .thumbnail-inner .book-picture {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 100%!important;
    max-width: 100%!important
}

.millie-book.books.ratio-book .thumbnail-inner .book-picture picture,.millie-book.books .ratio-book .thumbnail-inner .book-picture picture {
    height: 100%
}

.millie-book.books.ratio-book .thumbnail-inner img,.millie-book.books .ratio-book .thumbnail-inner img {
    min-height: 100%
}

.millie-book.books.blank .book-image {
    padding-top: 0
}

.grid-wrapper {
    display: none
}

.millie-book .book-image {
    display: block
}

.millie-book.story-book>a.book-image {
    display: inline;
    height: unset
}

.millie-book.story-book .thumbnail .badge {
    -webkit-transform: perspective(1px) scale(.826) translateZ(0);
    transform: perspective(1px) scale(.826) translateZ(0);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    right: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

.millie-book.story-book .thumbnail .badge:nth-of-type(0) {
    top: 0!important
}

.millie-book.story-book .thumbnail .badge:first-of-type {
    top: 22px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(2) {
    top: 44px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(3) {
    top: 66px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(4) {
    top: 88px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(5) {
    top: 110px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(6) {
    top: 132px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(7) {
    top: 154px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(8) {
    top: 176px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(9) {
    top: 198px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(10) {
    top: 220px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(11) {
    top: 242px!important
}

.millie-book.story-book .thumbnail .badge:nth-of-type(12) {
    top: 264px!important
}

.millie-book.story-book .metadata {
    display: none
}

.like-book .millie-book.books {
    display: flex;
    min-width: 100px;
    max-width: 100px
}

.like-book .millie-book.books .book-image {
    position: relative
}

.like-book .millie-book.books .book-image:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.like-book .millie-book.books .book-image img {
    min-height: 148px;
    max-height: 148px
}

.review-book .millie-book.books {
    max-width: 32px;
    min-width: 32px
}

@media (min-width: 720px) {
    .review-book .millie-book.books {
        max-width:88px;
        max-height: 128px;
        margin-top: 57px
    }
}

.review-book .millie-book.books .book-image {
    position: relative
}

.review-book .millie-book.books .book-image:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.review-book .millie-book.books .book-image img {
    min-height: 42px;
    max-height: 45px
}

@media (min-width: 720px) {
    .review-book .millie-book.books .book-image img {
        max-width:128px;
        max-height: 128px
    }
}

@media (max-width: 720px) {
    .review-book .millie-book.books .book-image .badge {
        display:none
    }
}

.today-book .today-book-data .millie-book.books {
    display: flex
}

.today-book .today-book-data .millie-book.books .book-image {
    max-width: 140px;
    min-width: 140px;
    position: relative
}

.today-book .today-book-data .millie-book.books .book-image:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.today-book .today-book-data .millie-book.books .book-image img {
    min-height: 192px
}

.today-book .today-book-data .millie-book.books .book-data {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    position: relative
}

.today-book .today-book-data .millie-book.books .book-data .metadata {
    position: static
}

.today-book .today-book-data .millie-book.books .book-data .metadata:before {
    right: 8px
}

.today-book .today-book-data .millie-book.books .book-data .metadata .title {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.today-book .today-book-data .millie-book.books .book-data .metadata .author {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 30px;
    margin-bottom: 8px
}

.today-book .today-book-data .millie-book.books .book-data .metadata .reading {
    display: none
}

.search-bestseller-list.ten .rank {
    left: -30px!important
}

.search-bestseller-list .millie-book.books .book-image {
    margin-right: 22px
}

.search-bestseller-list .millie-book.books .book-data .metadata {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-bestseller-list .millie-book.books .book-data .metadata .rank {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-bestseller-list .millie-book.books .book-data .metadata .author {
    position: relative
}

.search-book-list .millie-book.books {
    min-width: 125px
}

@media (max-width: 700px) {
    .search-book-list .millie-book.books {
        min-width:85px
    }
}

.search-book-list.grid .readingsearch div.sideinfo {
    display: none!important
}

.search-book-list.list .books {
    display: flex;
    flex-direction: row
}

.search-book-list.list .books .book-image {
    max-width: 110px;
    margin-right: 16px
}

@media (max-width: 360px) {
    .search-book-list.list .books .book-image {
        max-width:90px;
        margin-right: 10px
    }
}

.search-book-list.list .books .book-data .metadata .readingsearch {
    margin-top: 8px
}

.search-book-list.list .metadata {
    padding-top: 0
}

.search-book-list.list .metadata .badge.readingbook {
    display: -webkit-box
}

.search-post-list .millie-book.books {
    min-width: 105px;
    max-width: 105px;
    margin: 0 auto
}

.search-post-list .millie-book.books .thumbnail-inner {
    max-height: 156px
}

.search-post-list .millie-book.books .thumbnail-inner.no-image img {
    min-height: auto
}

.search-best-ranking .books .book-image:before {
    height: 84px;
    left: -14%;
    bottom: 4%
}

.search-best-ranking:nth-child(10) .books .book-image:before {
    width: 86px;
    height: 80px
}

.top-banner-container .title {
    font-size: 20px;
    margin: 2px 0;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: var(--text-01)
}

.top-banner-container .description {
    font-size: 16px
}

.top-banner-container .desc_1,.top-banner-container .desc_2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-03)
}

.recent-list .millie-book.books {
    display: flex
}

.recent-list .millie-book.books .book-image {
    width: 50px;
    height: 70px
}

.customTitle {
    color: var(--text-03)
}

.customTitle .icon {
    display: inline-block;
    padding: 2px 5px;
    background: var(--primary);
    border-radius: 16px;
    color: var(--text-01);
    margin-right: 5px
}

.customTitle+.title {
    margin-top: 2px
}

.millie-book.curation-item .book-image {
    background: var(--ui-04);
    border-radius: 16px;
    display: flex;
    justify-content: center
}

.millie-book.curation-item .book-image .thumbnail {
    width: 100px;
    margin: 16px;
    box-sizing: content-box
}

.millie-book.curation-item .book-image img {
    min-height: 120px!important;
    max-height: 160px!important
}

.millie-book.curation-item .book-data {
    min-height: 26px
}

.millie-book.curation-item .book-data .metadata:before {
    display: none
}

.millie-book.curation-item .book-data .metadata .reading {
    display: block
}

.book-request .books-images>.millie-book.inner-image,.search-curation .books-images>.millie-book.inner-image {
    min-width: 120px
}

.book-request .books-images>.millie-book.inner-image .book-image,.search-curation .books-images>.millie-book.inner-image .book-image {
    padding-top: 140%;
    position: relative
}

.book-request .books-images>.millie-book.inner-image .book-image .thumbnail,.search-curation .books-images>.millie-book.inner-image .book-image .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .books-images>.millie-book.inner-image .book-image .thumbnail-inner,.search-curation .books-images>.millie-book.inner-image .book-image .thumbnail-inner {
    height: 168px;
    top: 0;
    position: absolute
}

.book-request .books-images>.millie-book.inner-image .book-image img,.search-curation .books-images>.millie-book.inner-image .book-image img {
    height: 100%
}

.book-request .inner .millie-book.books,.search-curation .inner .millie-book.books {
    min-width: auto
}

.book-request .inner .millie-book .book-image,.search-curation .inner .millie-book .book-image {
    padding-top: 143%;
    position: relative
}

.book-request .inner .millie-book .book-image .thumbnail,.search-curation .inner .millie-book .book-image .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .inner .millie-book .book-image .thumbnail-inner,.search-curation .inner .millie-book .book-image .thumbnail-inner {
    top: 0;
    position: absolute;
    bottom: 0
}

.book-request .inner .millie-book .book-image img,.search-curation .inner .millie-book .book-image img {
    min-height: 100%
}

.book-request .book-data,.book-request .inner .millie-book .badge,.search-curation .book-data,.search-curation .inner .millie-book .badge {
    display: none
}

.book-list .today-topic-book .millie-book.books {
    display: flex
}

.book-list .today-topic-book .millie-book.books .book-image {
    position: relative
}

.book-list .today-topic-book .millie-book.books .book-image:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.book-list .today-topic-book .millie-book.books .book-image img {
    min-height: 190px
}

.book-list .today-topic-book .millie-book.books .book-data {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    margin-bottom: 6px;
    position: relative
}

.book-list .today-topic-book .millie-book.books .book-data .metadata {
    position: static
}

.book-list .today-topic-book .millie-book.books .book-data .metadata:before {
    top: 0;
    right: 0
}

.book-list .today-topic-book .millie-book.books .book-data .metadata .title {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.book-list .today-topic-book .millie-book.books .book-data .metadata .author {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 34px
}

.book-list .today-topic-book .millie-book.books .book-data .metadata .reading {
    white-space: nowrap
}

.book-list.type1 .today-topic-book .millie-book.books .book-image {
    min-width: 120px;
    max-width: 120px
}

.book-list.type1 .today-topic-book .millie-book.books .book-image:before {
    display: none
}

.book-list.type1 .today-topic-book .millie-book.books .book-image img {
    min-height: 145px;
    max-height: 190px
}

.book-list.type2 .today-topic-book .millie-book.books {
    width: 100%
}

.book-list.type2 .today-topic-book .millie-book.books .book-image {
    min-width: 100px;
    max-width: 100px
}

.book-list.type2 .today-topic-book .millie-book.books .book-image:before {
    display: none
}

.book-list.type2 .today-topic-book .millie-book.books .book-image img {
    min-height: 120px;
    max-height: 160px
}

.book-list.type2 .today-topic-book .millie-book.books .book-data {
    align-items: center
}

.book-list.type3 .today-topic-book .millie-book.books .book-image {
    min-width: 60px;
    max-width: 60px
}

.book-list.type3 .today-topic-book .millie-book.books .book-image .thumbnail .badge,.book-list.type3 .today-topic-book .millie-book.books .book-image:before {
    display: none
}

.book-list.type3 .today-topic-book .millie-book.books .book-image .thumbnail .thumbnail-inner img {
    height: 84px;
    min-height: auto;
    max-height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.book-list.type3 .today-topic-book .millie-book.books .book-data {
    align-items: center
}

.millie-book.today-review-book .book-image {
    width: 60px;
    margin-right: 12px
}

.millie-book.today-review-book .book-image img {
    min-height: unset!important;
    max-height: unset!important
}

.millie-book.today-review-book .book-data {
    display: flex;
    width: 100%;
    align-items: center
}

.millie-book.today-review-book .book-data .metadata {
    padding-top: 0
}

.millie-book.only-books>a {
    pointer-events: none;
    cursor: default
}

.millie-book.only-books .readingbook {
    text-overflow: ellipsis;
    white-space: nowrap
}

.millie-book.feed-book .book-image {
    min-width: 100px;
    max-width: 100px;
    margin-right: 16px
}

.millie-book.feed-book .book-image .thumbnail .badge {
    display: none
}

.millie-book.feed-book .book-data .metadata {
    padding-top: 41px
}

.millie-book.feed-book .book-data .metadata .title {
    font-size: 12px;
    max-width: 100%;
    -webkit-line-clamp: 1
}

.millie-book.feed-book .book-data .metadata .author,.millie-book.feed-book .book-data .metadata .reading {
    font-size: 12px
}

.millie-book.feed-book.type02 .book-image {
    min-width: 76px;
    max-width: 76px
}

.millie-book.feed-book.type02 .book-image .thumbnail .badge {
    display: none
}

.millie-book.feed-book.type02 .metadata {
    padding-top: 10px
}

.millie-book.feed-book-title .book-data .metadata .title {
    font-size: 12px;
    -webkit-line-clamp: 1
}

.millie-book.feed-book-title .book-data .metadata .author {
    font-size: 12px
}

.millie-book.feed-body-book .book-image .thumbnail .thumbnail-inner img {
    min-height: 224px!important
}

@media (max-width: 999px) {
    .today-book .today-book-data .millie-book.books {
        width:140px;
        margin: 0 auto;
        position: relative
    }

    .today-book .today-book-data .millie-book.books .book-data {
        margin: 0;
        display: block;
        position: absolute;
        bottom: 0;
        right: -34px;
        width: 16px;
        height: 16px
    }

    .today-book .today-book-data .millie-book.books .book-data .metadata {
        width: 16px;
        height: 16px;
        padding-top: 0
    }

    .today-book .today-book-data .millie-book.books .book-data .metadata:before {
        top: auto;
        right: 0;
        bottom: 0
    }

    .today-book .today-book-data .millie-book.books .book-data .metadata p {
        display: none!important
    }
}

@media (max-width: 700px) {
    .today-book .today-book-data .millie-book.books {
        position:static
    }

    .today-book .today-book-data .millie-book.books .book-data {
        right: 24px;
        bottom: 24px
    }
}

@media (max-width: 320px) {
    .millie-book.feed-book .book-image {
        min-width:75px;
        max-width: 75px
    }

    .millie-book.feed-book.type02 .book-image {
        min-width: 66px;
        max-width: 66px
    }
}

.search-best-ranking .books .book-image {
    position: relative
}

.search-best-ranking .books .book-image:before {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 74px;
    height: 96px;
    left: -12%;
    bottom: 7%;
    z-index: 1;
    -webkit-transform: translate(-10%,4%);
    transform: translate(-10%,4%)
}

.search-best-ranking:first-child .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank1.78b575df47aaf13e0163d4314ba58f33.png)
}

.search-best-ranking:nth-child(2) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank2.a4d4903dbcb115dce1d92917f717efb6.png)
}

.search-best-ranking:nth-child(3) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank3.96555c5faf2dfb6d3ccd460e5d6fca4f.png)
}

.search-best-ranking:nth-child(4) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank4.8f6c3e6ceb08ef82d3179bd8f327307f.png)
}

.search-best-ranking:nth-child(5) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank5.f2d7c03fc144fb202d3d414acccdcf0a.png)
}

.search-best-ranking:nth-child(6) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank6.f5b65a778baa6e4f9e290150160e9f18.png)
}

.search-best-ranking:nth-child(7) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank7.23bc494659217e7a3e3b1da7dc6676dc.png)
}

.search-best-ranking:nth-child(8) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank8.102842845f98f7140cf939d6942ab665.png)
}

.search-best-ranking:nth-child(9) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank9.a705bab1de70d5cea9c69f7e1d103429.png)
}

.search-best-ranking:nth-child(10) .books .book-image:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank10.4551130f16f7e623aa12557581bcb7d1.png);
    width: 108px;
    height: 97px
}

.search-best-list.min .rank {
    left: -28px!important
}

.search-best-list.max .rank {
    left: -40px!important
}

.search-best-list .books .book-image {
    max-width: 98px;
    margin-right: 22px
}

@media (max-width: 520px) {
    .search-best-list .books .book-image {
        max-width:68px
    }
}

.search-best-list .books .book-data {
    display: flex
}

.search-best-list .books .book-data .metadata {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-best-list .books .book-data .metadata .rank {
    position: absolute;
    left: -33px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-best-list .books .book-data .metadata .author {
    position: relative
}

.millie-book.books .metadata .reading .line {
    padding: 0 2px
}

.book-picture[data-v-3c40bead] {
    overflow: hidden;
    position: relative;
    max-height: 240px
}

.book-picture picture[data-v-3c40bead] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*  opacity: 0; */ 
    transition: opacity .7s
}

.book-picture picture img[data-v-3c40bead] {
    display: block;
    width: 100%;
    height: 100%
}

.book-picture.imageLoaded[data-v-3c40bead] {
    padding-top: 0
}

.book-picture.imageLoaded picture[data-v-3c40bead] {
    position: static;
    opacity: 1
}

.metadata[data-v-0cefe3fe] {
    padding-top: 12px;
    font-size: 12px;
    text-align: left;
    position: relative
}

.metadata .rank[data-v-0cefe3fe] {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--text-strong)
}

.metadata .title[data-v-0cefe3fe] {
    -webkit-line-clamp: 2;
    max-height: 2.7em;
    color: var(--text-01);
    font-weight: 700;
    font-size: 16px;
    max-height: 3em
}

.metadata .author[data-v-0cefe3fe],.metadata .title[data-v-0cefe3fe] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-bottom: 3px;
    white-space: normal
}

.metadata .author[data-v-0cefe3fe] {
    -webkit-line-clamp: 1;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px
}

.metadata .badge[data-v-0cefe3fe] {
    display: none;
    min-width: 37px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    margin-bottom: 4px
}

.metadata .badge em[data-v-0cefe3fe] {
    color: #bf85f9;
    line-height: 18px;
    position: absolute;
    top: 1px;
    left: 42px
}

.metadata .badge.my-audio-book[data-v-0cefe3fe],.metadata .badge.readingbook[data-v-0cefe3fe],.metadata .badge em[data-v-0cefe3fe] {
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.metadata .badge.my-audio-book[data-v-0cefe3fe],.metadata .badge.readingbook[data-v-0cefe3fe] {
    padding-left: 48px;
    color: var(--audio);
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.my-audio-book.reader[data-v-0cefe3fe],.metadata .badge.my-audio-book[data-v-0cefe3fe],.metadata .badge.readingbook.reader[data-v-0cefe3fe],.metadata .badge.readingbook[data-v-0cefe3fe] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.my-audio-book.ai[data-v-0cefe3fe],.metadata .badge.readingbook.ai[data-v-0cefe3fe] {
    padding-left: 58px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-ai.d642b05a00c0a1059735c133c6f20231.svg)
}

.metadata .badge.my-audio-book.mp3[data-v-0cefe3fe],.metadata .badge.readingbook.mp3[data-v-0cefe3fe] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.chatbook[data-v-0cefe3fe] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-chatbook.fe8538ede35677bd9b8bc374742055cc.svg);
    display: block
}

.metadata .badge.docent[data-v-0cefe3fe] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-docentbook.ce30ee1bbef81973b6bb89f4ec770a42.svg);
    display: block
}

.metadata .badge.docent em[data-v-0cefe3fe] {
    color: #793edc
}

.metadata .badge.audiodrama[data-v-0cefe3fe] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiodrama.ddc906d68356a69d8fed596afe3c79a0.svg);
    display: block;
    text-indent: -9999em
}

.metadata .badge.new-docentbook[data-v-0cefe3fe] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-new-docentbook.d4cad0844604612213929101aa48df17.svg)
}

.metadata .badge.art-objectbook[data-v-0cefe3fe],.metadata .badge.picture-objectbook[data-v-0cefe3fe],.metadata .badge.video-objectbook[data-v-0cefe3fe] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-objectbook.9c5d5fc3878165a5d4ed00f28b390252.svg)
}

.metadata .badge.free[data-v-0cefe3fe] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-free.d089615edaa577198c0327c927ef5722.svg);
    text-indent: -9999em
}

.metadata .badge.not-serviced[data-v-0cefe3fe] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-not-serviced.6ab5e5689b030f6a5495563995fc64de.svg);
    font-size: 0
}

.metadata .badge.milliecast[data-v-0cefe3fe] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-milliecast.dfa5e7bcd8254fa33600561509f9bac6.svg)
}

.metadata .badge.story-audio[data-v-0cefe3fe] {
    padding-left: 63px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-audio.bf707248046701dc2ab5e302ecdd8b81.svg);
    color: var(--audio);
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.story-webtoon[data-v-0cefe3fe] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-webtoon.58ae3358967db749f33b440e8c360853.svg)
}

.metadata .reading[data-v-0cefe3fe] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px;
    white-space: normal
}

.metadata .reading span[data-v-0cefe3fe] {
    padding: 0 6px
}

.metadata .play_time[data-v-0cefe3fe] {
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 12px;
    white-space: normal
}

.metadata .play_time span[data-v-0cefe3fe] {
    padding: 0 6px
}

.metadata .endDate[data-v-0cefe3fe] {
    color: var(--audio)
}

.metadata .endDate span[data-v-0cefe3fe] {
    color: var(--text-01)
}

.metadata.search[data-v-0cefe3fe] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.metadata.search .readingsearch .wandog[data-v-0cefe3fe] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-02);
    font-size: 14px;
    white-space: normal
}

.metadata.search .readingsearch .wandog .line[data-v-0cefe3fe] {
    padding: 0 2px
}

.metadata.search .readingsearch .sideinfo[data-v-0cefe3fe] {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-02);
    padding-top: 4px;
    margin-left: -2px
}

.metadata.search .readingsearch .sideinfo .review[data-v-0cefe3fe] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .review[data-v-0cefe3fe]:before {
    font-size: 20px;
    margin-right: 3px
}

.metadata.search .readingsearch .sideinfo .review.gubun[data-v-0cefe3fe]:after {
    content: "·";
    font-size: 12px;
    line-height: 18px;
    color: var(--placeholder);
    margin: 0 4px
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-0cefe3fe] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-0cefe3fe]:before {
    font-size: 19px;
    margin-right: 3px
}

.fontsize-small .metadata[data-v-0cefe3fe] {
    padding-top: 0
}

.fontsize-small .title[data-v-0cefe3fe] {
    font-size: 14px
}

.fontsize-small .author[data-v-0cefe3fe] {
    font-size: 12px
}

.title-ellipsis1 .metadata .title[data-v-0cefe3fe] {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em
}

.new-millie-book .alarm-btn[data-v-67924176] {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffeb60;
    padding: 5px;
    width: 100%;
    z-index: 1;
    color: #242424;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    justify-content: center;
    display: flex
}

.new-millie-book .alarm-btn.on[data-v-67924176] {
    background-color: #dfdfdf
}

.new-millie-book .alarm-btn.on i[data-v-67924176] {
    width: 13px;
    height: 13px;
    position: relative
}

.new-millie-book .alarm-btn.on i[data-v-67924176]:before {
    content: "";
    display: block;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/alarm_cancle_16px_1.86f3163909acc97ef6074b303adb7c83.svg) no-repeat 50%;
    width: 13px;
    height: 13px;
    background-size: cover;
    position: absolute
}

.new-millie-book .alarm-btn i[data-v-67924176] {
    font-size: 12px;
    margin-right: 4px
}

.new-millie-book.books[data-v-67924176] {
    min-width: 145px
}

.new-millie-book.books.large[data-v-67924176] {
    min-width: 180px!important;
    max-width: 180px!important
}

.new-millie-book.books.medium[data-v-67924176] {
    min-width: 125px!important;
    max-width: 125px!important
}

.new-millie-book.books.medium .thumbnail-inner[data-v-67924176],.new-millie-book.books.medium .thumbnail-inner img[data-v-67924176] {
    max-height: 190px
}

.new-millie-book.books.medium .metadata .title[data-v-67924176] {
    font-size: 14px
}

.new-millie-book.books.medium .metadata .author[data-v-67924176],.new-millie-book.books.medium .metadata .reading[data-v-67924176] {
    font-size: 12px
}

.new-millie-book.books.small[data-v-67924176] {
    min-width: 100px!important;
    max-width: 100px!important
}

.new-millie-book.books.small .thumbnail-inner[data-v-67924176],.new-millie-book.books.small .thumbnail-inner img[data-v-67924176] {
    max-height: 145px
}

.new-millie-book.books.small .metadata .author[data-v-67924176],.new-millie-book.books.small .metadata .reading[data-v-67924176],.new-millie-book.books.small .metadata .title[data-v-67924176] {
    font-size: 12px
}

.new-millie-book.books.today-original.video-today-original .book-image[data-v-67924176] {
    max-width: 73px;
    margin-top: 0
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner[data-v-67924176] {
    max-height: 102px
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner img[data-v-67924176] {
    max-height: 102px!important;
    min-height: 102px!important
}

.new-millie-book.books.today-original .book-image[data-v-67924176] {
    max-width: 100px;
    margin-top: -38px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner[data-v-67924176] {
    max-height: 140px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner img[data-v-67924176] {
    max-height: 140px!important;
    min-height: 140px!important
}

.new-millie-book.books.today-original .book-data[data-v-67924176] {
    padding-left: 16px
}

.new-millie-book.books.today-original .book-data .metadata[data-v-67924176] {
    padding-top: 0
}

.new-millie-book.books.today-original .book-data .metadata .title[data-v-67924176] {
    font-size: 12px
}

.new-millie-book.books.today-original .book-data .metadata .author[data-v-67924176] {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em
}

.new-millie-book.books.no-badge .thumbnail .badge[data-v-67924176],.new-millie-book.books.no-thumb .reader-thumbnail[data-v-67924176] {
    display: none
}

.new-millie-book.books.no-badge .thumbnail .badge.adult[data-v-67924176] {
    display: block
}

.new-millie-book.books>a[data-v-67924176],.new-millie-book.books>button[data-v-67924176] {
    display: block;
    width: 100%
}

.new-millie-book.books .book-image[data-v-67924176] {
    display: flex;
    min-height: auto;
    align-items: flex-end;
    padding-top: 0;
    height: 100%
}

.new-millie-book.books .thumbnail[data-v-67924176] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.new-millie-book.books .thumbnail .icon-series-tack[data-v-67924176] {
    position: absolute;
    right: -13px;
    top: 12px;
    z-index: 30;
    width: 62px;
    height: 32px;
    padding-top: 4px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-series-tack.1fbb8d2aea947ae1f7c5323fb0ea7663.png) 0 0 no-repeat;
    font-size: 12px;
    text-align: center;
    color: rgba(51,51,51,.5)
}

.new-millie-book.books .thumbnail .icon-series-tack strong[data-v-67924176] {
    margin: 0 1px;
    color: var(--ui-09)
}

.new-millie-book.books .adult .thumbnail-inner[data-v-67924176] {
    background: red
}

.new-millie-book.books .adult .thumbnail-inner img[data-v-67924176] {
    display: none
}

.new-millie-book.books.ratio-book .book-image[data-v-67924176],.new-millie-book.books .ratio-book .book-image[data-v-67924176] {
    display: block;
    height: auto
}

.new-millie-book.books.ratio-book .thumbnail-inner[data-v-67924176],.new-millie-book.books .ratio-book .thumbnail-inner[data-v-67924176] {
    height: 0;
    padding-top: 140%
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture[data-v-67924176],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture[data-v-67924176] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 100%!important;
    max-width: 100%!important
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture picture[data-v-67924176],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture picture[data-v-67924176] {
    height: 100%
}

.new-millie-book.books.ratio-book .thumbnail-inner img[data-v-67924176],.new-millie-book.books .ratio-book .thumbnail-inner img[data-v-67924176] {
    min-height: 100%
}

.new-millie-book.books.blank .book-image[data-v-67924176] {
    padding-top: 0
}

.badges .badge[data-v-67924176] {
    margin-right: -7px;
    margin-top: -25px;
    display: block;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999em;
    background-size: contain;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat
}

.badges .badge.audiodrama[data-v-67924176],.badges .badge.readingbook[data-v-67924176],.badges .badge.story-audio[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-readingbook.6d3d4deb89226cd278417a183150b386.png)
}

.badges .badge.chatbook[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-chatbook.c95e0993d645b36aa15b22e9cc5a3bf9.png)
}

.badges .badge.docentbook[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-docentbook.8daec6b46cb5492272febe22b054b172.png)
}

.badges .badge.ready[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-ready.7ca017202c6ea620936ae3443d480a3c.png);
    width: 45px
}

.badges .badge.freebook[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-free.b87eaeaf8e22e7ed06b646d248fddcb5.png)
}

.badges .badge.pdf[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-pdf.feba67165f163295a3bf77cfb2bb69b8.png)
}

.badges .badge.comics[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-comics.701905de2c14619a7df463048857cc1d.png)
}

.badges .badge.adult[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-adult-new.c407ce2ba8c01a5b7fc28804d59e79ec.png)
}

.badges .badge.series[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-serise.c0a36b82b9abb71aad327734ac3a1128.png);
    width: 45px;
    text-indent: 0
}

.badges .badge.series span[data-v-67924176] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    color: #6f6f6f;
    letter-spacing: -3px;
    white-space: nowrap
}

.badges .badge.short[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-short.57106ab2f76f3e4e107a4ccb19db5e6e.png)
}

.badges .badge.full[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-full.a98c7199ab8829b059a2386c6f91efca.png)
}

.badges .badge.my-audio-book[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-my-audio-book.f6b29f55a2b809609e71db7c9d38ae89.png);
    width: 54px
}

.badges .badge.monopoly[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-monopoly.a1f8b011ad6fe2d61557913d92828f8b.png);
    text-indent: 0
}

.badges .badge.new[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-new.dbf6b6fc6b53cedc0886106d55c0b7bb.png)
}

.badges .badge.up[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-up.f0a3511fe896dd3c0ab1ae4d52cc0101.png)
}

.badges .badge.top26[data-v-67924176] {
    top: 26px
}

.badges .badge.top52[data-v-67924176] {
    top: 52px
}

.badges .badge.highlight[data-v-67924176] {
    height: 24px;
    top: 30px!important;
    right: 4px;
    padding: 5px 8px 3px 5px;
    background: #3d3d3d;
    border-radius: 8px;
    text-indent: 0;
    color: #9e9e9e;
    text-align: right;
    font-size: 12px
}

.badges .badge.highlight strong[data-v-67924176] {
    margin-right: 3px;
    color: #fff
}

.badges .badge[data-v-67924176]:nth-of-type(0) {
    top: 0!important
}

.badges .badge[data-v-67924176]:first-of-type {
    top: 28px!important
}

.badges .badge[data-v-67924176]:nth-of-type(2) {
    top: 56px!important
}

.badges .badge[data-v-67924176]:nth-of-type(3) {
    top: 84px!important
}

.badges .badge[data-v-67924176]:nth-of-type(4) {
    top: 112px!important
}

.badges .badge[data-v-67924176]:nth-of-type(5) {
    top: 140px!important
}

.badges .badge[data-v-67924176]:nth-of-type(6) {
    top: 168px!important
}

.badges .badge[data-v-67924176]:nth-of-type(7) {
    top: 196px!important
}

.badges .badge[data-v-67924176]:nth-of-type(8) {
    top: 224px!important
}

.badges .badge[data-v-67924176]:nth-of-type(9) {
    top: 252px!important
}

.badges .badge[data-v-67924176]:nth-of-type(10) {
    top: 280px!important
}

.badges .badge[data-v-67924176]:nth-of-type(11) {
    top: 308px!important
}

.badges .badge[data-v-67924176]:nth-of-type(12) {
    top: 336px!important
}

.badges .badge[data-v-67924176]:first-of-type {
    top: 30px!important
}

.metadata[data-v-67924176] {
    padding-top: 8px;
    font-size: 12px;
    text-align: left;
    position: relative;
    font-family: Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;
    letter-spacing: 0
}

.metadata [data-v-67924176] {
    font-family: inherit;
    letter-spacing: inherit
}

.metadata .rank[data-v-67924176] {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--text-strong)
}

.metadata .title[data-v-67924176] {
    -webkit-line-clamp: 2;
    max-height: 2.7em;
    color: var(--text-01);
    font-weight: 700;
    margin-bottom: 2px;
    max-height: 3em
}

.metadata .author[data-v-67924176],.metadata .title[data-v-67924176] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 12px;
    white-space: normal;
    line-height: 18px
}

.metadata .author[data-v-67924176] {
    -webkit-line-clamp: 1;
    max-height: 1.35em;
    color: var(--text-03);
    max-height: 3em
}

.metadata .badge[data-v-67924176] {
    display: none;
    min-width: 37px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    margin-bottom: 2px
}

.metadata .badge em[data-v-67924176] {
    color: #bf85f9;
    line-height: 18px;
    position: absolute;
    top: 1px;
    left: 42px
}

.metadata .badge.my-audio-book[data-v-67924176],.metadata .badge.readingbook[data-v-67924176],.metadata .badge em[data-v-67924176] {
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.metadata .badge.my-audio-book[data-v-67924176],.metadata .badge.readingbook[data-v-67924176] {
    padding-left: 48px;
    color: var(--audio);
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.my-audio-book.reader[data-v-67924176],.metadata .badge.my-audio-book[data-v-67924176],.metadata .badge.readingbook.reader[data-v-67924176],.metadata .badge.readingbook[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.my-audio-book.ai[data-v-67924176],.metadata .badge.readingbook.ai[data-v-67924176] {
    padding-left: 58px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-ai.d642b05a00c0a1059735c133c6f20231.svg)
}

.metadata .badge.my-audio-book.mp3[data-v-67924176],.metadata .badge.readingbook.mp3[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.chatbook[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-chatbook.fe8538ede35677bd9b8bc374742055cc.svg);
    display: block
}

.metadata .badge.docent[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-docentbook.ce30ee1bbef81973b6bb89f4ec770a42.svg);
    display: block
}

.metadata .badge.docent em[data-v-67924176] {
    color: #793edc
}

.metadata .badge.audiodrama[data-v-67924176] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiodrama.ddc906d68356a69d8fed596afe3c79a0.svg);
    display: block;
    text-indent: -9999em
}

.metadata .badge.new-docentbook[data-v-67924176] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-new-docentbook.d4cad0844604612213929101aa48df17.svg)
}

.metadata .badge.art-objectbook[data-v-67924176],.metadata .badge.picture-objectbook[data-v-67924176],.metadata .badge.video-objectbook[data-v-67924176] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-objectbook.9c5d5fc3878165a5d4ed00f28b390252.svg)
}

.metadata .badge.free[data-v-67924176] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-free.d089615edaa577198c0327c927ef5722.svg);
    text-indent: -9999em
}

.metadata .badge.not-serviced[data-v-67924176] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-not-serviced.6ab5e5689b030f6a5495563995fc64de.svg);
    font-size: 0
}

.metadata .badge.milliecast[data-v-67924176] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-milliecast.dfa5e7bcd8254fa33600561509f9bac6.svg)
}

.metadata .badge.story-audio[data-v-67924176] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-audio.bf707248046701dc2ab5e302ecdd8b81.svg);
    padding-left: 64px;
    color: var(--audio);
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.story-webtoon[data-v-67924176] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-webtoon.58ae3358967db749f33b440e8c360853.svg)
}

.metadata .reading[data-v-67924176] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px;
    white-space: normal
}

.metadata .reading span[data-v-67924176] {
    padding: 0 6px
}

.metadata .play_time[data-v-67924176] {
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 12px;
    white-space: normal
}

.metadata .play_time span[data-v-67924176] {
    padding: 0 6px
}

.metadata .endDate[data-v-67924176] {
    color: var(--audio)
}

.metadata .endDate span[data-v-67924176] {
    color: var(--text-01)
}

.metadata.search[data-v-67924176] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.metadata.search .readingsearch .wandog[data-v-67924176] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-02);
    font-size: 14px;
    white-space: normal
}

.metadata.search .readingsearch .wandog .line[data-v-67924176] {
    padding: 0 2px
}

.metadata.search .readingsearch .sideinfo[data-v-67924176] {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-02);
    padding-top: 4px;
    margin-left: -2px
}

.metadata.search .readingsearch .sideinfo .review[data-v-67924176] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .review[data-v-67924176]:before {
    font-size: 20px;
    margin-right: 3px
}

.metadata.search .readingsearch .sideinfo .review.gubun[data-v-67924176]:after {
    content: "·";
    font-size: 12px;
    line-height: 18px;
    color: var(--placeholder);
    margin: 0 4px
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-67924176] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-67924176]:before {
    font-size: 19px;
    margin-right: 3px
}

.book-picture[data-v-67924176] {
    overflow: hidden;
    position: relative;
    width: inherit;
    border-radius: 8px;
    background-color: var(--ui-04)
}

.book-picture[data-v-67924176]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    border: .5px solid var(--GTrans-02)
}

.grid-wrapper[data-v-67924176] {
    display: none
}

.new-millie-book .book-image[data-v-67924176] {
    display: block
}

.new-millie-book.story-book>a.book-image[data-v-67924176] {
    display: inline;
    height: unset
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176] {
    -webkit-transform: perspective(1px) scale(.826) translateZ(0);
    transform: perspective(1px) scale(.826) translateZ(0);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    right: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(0) {
    top: 0!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:first-of-type {
    top: 22px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(2) {
    top: 44px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(3) {
    top: 66px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(4) {
    top: 88px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(5) {
    top: 110px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(6) {
    top: 132px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(7) {
    top: 154px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(8) {
    top: 176px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(9) {
    top: 198px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(10) {
    top: 220px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(11) {
    top: 242px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-67924176]:nth-of-type(12) {
    top: 264px!important
}

.new-millie-book.story-book .metadata[data-v-67924176] {
    display: none
}

.like-book .new-millie-book.books[data-v-67924176] {
    display: flex;
    min-width: 100px;
    max-width: 100px
}

.like-book .new-millie-book.books .book-image[data-v-67924176] {
    position: relative
}

.like-book .new-millie-book.books .book-image[data-v-67924176]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.like-book .new-millie-book.books .book-image img[data-v-67924176] {
    min-height: 148px;
    max-height: 148px
}

.review-book .new-millie-book.books[data-v-67924176] {
    max-width: 32px;
    min-width: 32px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books[data-v-67924176] {
        max-width:88px;
        max-height: 128px;
        margin-top: 57px
    }
}

.review-book .new-millie-book.books .book-image[data-v-67924176] {
    position: relative
}

.review-book .new-millie-book.books .book-image[data-v-67924176]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.review-book .new-millie-book.books .book-image img[data-v-67924176] {
    min-height: 42px;
    max-height: 45px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books .book-image img[data-v-67924176] {
        max-width:128px;
        max-height: 128px
    }
}

@media (max-width: 720px) {
    .review-book .new-millie-book.books .book-image .badge[data-v-67924176] {
        display:none
    }
}

.today-book .today-book-data .new-millie-book.books[data-v-67924176] {
    display: flex
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-67924176] {
    max-width: 140px;
    min-width: 140px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-67924176]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.today-book .today-book-data .new-millie-book.books .book-image img[data-v-67924176] {
    min-height: 192px
}

.today-book .today-book-data .new-millie-book.books .book-data[data-v-67924176] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-67924176] {
    position: static
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-67924176]:before {
    right: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .title[data-v-67924176] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .author[data-v-67924176] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 30px;
    margin-bottom: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .reading[data-v-67924176] {
    display: none
}

.search-bestseller-list.ten .rank[data-v-67924176] {
    left: -30px!important
}

.search-bestseller-list .new-millie-book.books .book-image[data-v-67924176] {
    margin-right: 22px
}

.search-bestseller-list .new-millie-book.books .book-data .metadata[data-v-67924176] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .rank[data-v-67924176] {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .author[data-v-67924176] {
    position: relative
}

.search-book-list .new-millie-book.books[data-v-67924176] {
    min-width: 125px
}

@media (max-width: 700px) {
    .search-book-list .new-millie-book.books[data-v-67924176] {
        min-width:85px
    }
}

.search-book-list.grid .readingsearch div.sideinfo[data-v-67924176] {
    display: none!important
}

.search-book-list.list .books[data-v-67924176] {
    display: flex;
    flex-direction: row
}

.search-book-list.list .books .book-image[data-v-67924176] {
    max-width: 110px;
    margin-right: 16px
}

@media (max-width: 360px) {
    .search-book-list.list .books .book-image[data-v-67924176] {
        max-width:90px;
        margin-right: 10px
    }
}

.search-book-list.list .books .book-data .metadata .readingsearch[data-v-67924176] {
    margin-top: 8px
}

.search-book-list.list .metadata[data-v-67924176] {
    padding-top: 0
}

.search-book-list.list .metadata .badge.readingbook[data-v-67924176] {
    display: -webkit-box
}

.search-post-list .new-millie-book.books[data-v-67924176] {
    min-width: 105px;
    max-width: 105px;
    margin: 0 auto
}

.search-post-list .new-millie-book.books .thumbnail-inner[data-v-67924176] {
    max-height: 156px
}

.search-post-list .new-millie-book.books .thumbnail-inner.no-image img[data-v-67924176] {
    min-height: auto
}

.search-best-ranking .books .book-image[data-v-67924176]:before {
    height: 84px;
    left: -14%;
    bottom: 4%
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-67924176]:before {
    width: 86px;
    height: 80px
}

.top-banner-container .title[data-v-67924176] {
    font-size: 20px;
    margin: 2px 0;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: var(--text-01)
}

.top-banner-container .description[data-v-67924176] {
    font-size: 16px
}

.top-banner-container .desc_1[data-v-67924176],.top-banner-container .desc_2[data-v-67924176] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-03)
}

.recent-list .new-millie-book.books[data-v-67924176] {
    display: flex
}

.recent-list .new-millie-book.books .book-image[data-v-67924176] {
    width: 50px;
    height: 70px
}

.customTitle[data-v-67924176] {
    color: var(--text-03)
}

.customTitle .icon[data-v-67924176] {
    display: inline-block;
    padding: 2px 5px;
    background: var(--primary);
    border-radius: 16px;
    color: var(--text-01);
    margin-right: 5px
}

.customTitle+.title[data-v-67924176] {
    margin-top: 2px
}

.new-millie-book.curation-item .book-image[data-v-67924176] {
    background: var(--ui-04);
    border-radius: 16px;
    display: flex;
    justify-content: center
}

.new-millie-book.curation-item .book-image .thumbnail[data-v-67924176] {
    width: 100px;
    margin: 16px;
    box-sizing: content-box
}

.new-millie-book.curation-item .book-image img[data-v-67924176] {
    min-height: 120px!important;
    max-height: 160px!important
}

.new-millie-book.curation-item .book-data[data-v-67924176] {
    min-height: 26px
}

.new-millie-book.curation-item .book-data .metadata[data-v-67924176]:before {
    display: none
}

.new-millie-book.curation-item .book-data .metadata .reading[data-v-67924176] {
    display: block
}

.book-request .books-images>.new-millie-book.inner-image[data-v-67924176],.search-curation .books-images>.new-millie-book.inner-image[data-v-67924176] {
    min-width: 120px
}

.book-request .books-images>.new-millie-book.inner-image .book-image[data-v-67924176],.search-curation .books-images>.new-millie-book.inner-image .book-image[data-v-67924176] {
    padding-top: 140%;
    position: relative
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-67924176],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-67924176] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-67924176],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-67924176] {
    height: 168px;
    top: 0;
    position: absolute
}

.book-request .books-images>.new-millie-book.inner-image .book-image img[data-v-67924176],.search-curation .books-images>.new-millie-book.inner-image .book-image img[data-v-67924176] {
    height: 100%
}

.book-request .inner .new-millie-book.books[data-v-67924176],.search-curation .inner .new-millie-book.books[data-v-67924176] {
    min-width: auto
}

.book-request .inner .new-millie-book .book-image[data-v-67924176],.search-curation .inner .new-millie-book .book-image[data-v-67924176] {
    padding-top: 143%;
    position: relative
}

.book-request .inner .new-millie-book .book-image .thumbnail[data-v-67924176],.search-curation .inner .new-millie-book .book-image .thumbnail[data-v-67924176] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .inner .new-millie-book .book-image .thumbnail-inner[data-v-67924176],.search-curation .inner .new-millie-book .book-image .thumbnail-inner[data-v-67924176] {
    top: 0;
    position: absolute;
    bottom: 0
}

.book-request .inner .new-millie-book .book-image img[data-v-67924176],.search-curation .inner .new-millie-book .book-image img[data-v-67924176] {
    min-height: 100%
}

.book-request .book-data[data-v-67924176],.book-request .inner .new-millie-book .badge[data-v-67924176],.search-curation .book-data[data-v-67924176],.search-curation .inner .new-millie-book .badge[data-v-67924176] {
    display: none
}

.book-list .today-topic-book .new-millie-book.books[data-v-67924176] {
    display: flex
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-67924176] {
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-67924176]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.book-list .today-topic-book .new-millie-book.books .book-image img[data-v-67924176] {
    min-height: 190px
}

.book-list .today-topic-book .new-millie-book.books .book-data[data-v-67924176] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    margin-bottom: 6px;
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-67924176] {
    position: static
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-67924176]:before {
    top: 0;
    right: 0
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .title[data-v-67924176] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .author[data-v-67924176] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 34px
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .reading[data-v-67924176] {
    white-space: nowrap
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-67924176] {
    min-width: 120px;
    max-width: 120px
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-67924176]:before {
    display: none
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image img[data-v-67924176] {
    min-height: 145px;
    max-height: 190px
}

.book-list.type2 .today-topic-book .new-millie-book.books[data-v-67924176] {
    width: 100%
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-67924176] {
    min-width: 100px;
    max-width: 100px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-67924176]:before {
    display: none
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image img[data-v-67924176] {
    min-height: 120px;
    max-height: 160px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-data[data-v-67924176] {
    align-items: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-67924176] {
    min-width: 60px;
    max-width: 60px
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .badge[data-v-67924176],.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-67924176]:before {
    display: none
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .thumbnail-inner img[data-v-67924176] {
    height: 84px;
    min-height: auto;
    max-height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-data[data-v-67924176] {
    align-items: center
}

.new-millie-book.today-review-book .book-image[data-v-67924176] {
    width: 60px;
    margin-right: 12px
}

.new-millie-book.today-review-book .book-image img[data-v-67924176] {
    min-height: unset!important;
    max-height: unset!important
}

.new-millie-book.today-review-book .book-data[data-v-67924176] {
    display: flex;
    width: 100%;
    align-items: center
}

.new-millie-book.today-review-book .book-data .metadata[data-v-67924176] {
    padding-top: 0
}

.new-millie-book.only-books>a[data-v-67924176] {
    pointer-events: none;
    cursor: default
}

.new-millie-book.only-books .readingbook[data-v-67924176] {
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-millie-book.feed-book .book-image[data-v-67924176] {
    min-width: 100px;
    max-width: 100px;
    margin-right: 16px
}

.new-millie-book.feed-book .book-image .thumbnail .badge[data-v-67924176] {
    display: none
}

.new-millie-book.feed-book .book-data .metadata[data-v-67924176] {
    padding-top: 41px
}

.new-millie-book.feed-book .book-data .metadata .title[data-v-67924176] {
    font-size: 12px;
    max-width: 100%;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book .book-data .metadata .author[data-v-67924176],.new-millie-book.feed-book .book-data .metadata .reading[data-v-67924176] {
    font-size: 12px
}

.new-millie-book.feed-book.type02 .book-image[data-v-67924176] {
    min-width: 76px;
    max-width: 76px
}

.new-millie-book.feed-book.type02 .book-image .thumbnail .badge[data-v-67924176] {
    display: none
}

.new-millie-book.feed-book.type02 .metadata[data-v-67924176] {
    padding-top: 10px
}

.new-millie-book.feed-book-title .book-data .metadata .title[data-v-67924176] {
    font-size: 12px;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book-title .book-data .metadata .author[data-v-67924176] {
    font-size: 12px
}

.new-millie-book.feed-body-book .book-image .thumbnail .thumbnail-inner img[data-v-67924176] {
    min-height: 224px!important
}

@media (max-width: 999px) {
    .today-book .today-book-data .new-millie-book.books[data-v-67924176] {
        width:140px;
        margin: 0 auto;
        position: relative
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-67924176] {
        margin: 0;
        display: block;
        position: absolute;
        bottom: 0;
        right: -34px;
        width: 16px;
        height: 16px
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-67924176] {
        width: 16px;
        height: 16px;
        padding-top: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-67924176]:before {
        top: auto;
        right: 0;
        bottom: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata p[data-v-67924176] {
        display: none!important
    }
}

@media (max-width: 700px) {
    .today-book .today-book-data .new-millie-book.books[data-v-67924176] {
        position:static
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-67924176] {
        right: 24px;
        bottom: 24px
    }
}

@media (max-width: 320px) {
    .new-millie-book.feed-book .book-image[data-v-67924176] {
        min-width:75px;
        max-width: 75px
    }

    .new-millie-book.feed-book.type02 .book-image[data-v-67924176] {
        min-width: 66px;
        max-width: 66px
    }
}

.search-best-ranking .books .book-image[data-v-67924176] {
    position: relative
}

.search-best-ranking .books .book-image[data-v-67924176]:before {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 74px;
    height: 96px;
    left: -12%;
    bottom: 7%;
    z-index: 1;
    -webkit-transform: translate(-10%,4%);
    transform: translate(-10%,4%)
}

.search-best-ranking:first-child .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank1.78b575df47aaf13e0163d4314ba58f33.png)
}

.search-best-ranking:nth-child(2) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank2.a4d4903dbcb115dce1d92917f717efb6.png)
}

.search-best-ranking:nth-child(3) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank3.96555c5faf2dfb6d3ccd460e5d6fca4f.png)
}

.search-best-ranking:nth-child(4) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank4.8f6c3e6ceb08ef82d3179bd8f327307f.png)
}

.search-best-ranking:nth-child(5) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank5.f2d7c03fc144fb202d3d414acccdcf0a.png)
}

.search-best-ranking:nth-child(6) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank6.f5b65a778baa6e4f9e290150160e9f18.png)
}

.search-best-ranking:nth-child(7) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank7.23bc494659217e7a3e3b1da7dc6676dc.png)
}

.search-best-ranking:nth-child(8) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank8.102842845f98f7140cf939d6942ab665.png)
}

.search-best-ranking:nth-child(9) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank9.a705bab1de70d5cea9c69f7e1d103429.png)
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-67924176]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank10.4551130f16f7e623aa12557581bcb7d1.png);
    width: 108px;
    height: 97px
}

.search-best-list.min .rank[data-v-67924176] {
    left: -28px!important
}

.search-best-list.max .rank[data-v-67924176] {
    left: -40px!important
}

.search-best-list .books .book-image[data-v-67924176] {
    max-width: 98px;
    margin-right: 22px
}

@media (max-width: 520px) {
    .search-best-list .books .book-image[data-v-67924176] {
        max-width:68px
    }
}

.search-best-list .books .book-data[data-v-67924176] {
    display: flex
}

.search-best-list .books .book-data .metadata[data-v-67924176] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-best-list .books .book-data .metadata .rank[data-v-67924176] {
    position: absolute;
    left: -33px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-best-list .books .book-data .metadata .author[data-v-67924176] {
    position: relative
}

.badges .d-day[data-v-67924176] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    background: var(--ui-background);
    box-shadow: 0 2px 8px rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.1);
    border-radius: 6px;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.badges .d-day .month[data-v-67924176] {
    background: var(--primary);
    text-align: center;
    font-size: 8px;
    color: var(--text-01);
    padding: 2px
}

.badges .d-day .day[data-v-67924176] {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-top: 2px;
    color: var(--text-01)
}

.badges .d-day~.badge[data-v-67924176]:not(.adult) {
    display: none
}

.new-millie-book .alarm-btn[data-v-1ce18606] {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffeb60;
    padding: 5px;
    width: 100%;
    z-index: 1;
    color: #242424;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    justify-content: center;
    display: flex
}

.new-millie-book .alarm-btn.on[data-v-1ce18606] {
    background-color: #dfdfdf
}

.new-millie-book .alarm-btn.on i[data-v-1ce18606] {
    width: 13px;
    height: 13px;
    position: relative
}

.new-millie-book .alarm-btn.on i[data-v-1ce18606]:before {
    content: "";
    display: block;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/alarm_cancle_16px_1.86f3163909acc97ef6074b303adb7c83.svg) no-repeat 50%;
    width: 13px;
    height: 13px;
    background-size: cover;
    position: absolute
}

.new-millie-book .alarm-btn i[data-v-1ce18606] {
    font-size: 12px;
    margin-right: 4px
}

.new-millie-book.books[data-v-1ce18606] {
    min-width: 145px
}

.new-millie-book.books.large[data-v-1ce18606] {
    min-width: 180px!important;
    max-width: 180px!important
}

.new-millie-book.books.medium[data-v-1ce18606] {
    min-width: 125px!important;
    max-width: 125px!important
}

.new-millie-book.books.medium .thumbnail-inner[data-v-1ce18606],.new-millie-book.books.medium .thumbnail-inner img[data-v-1ce18606] {
    max-height: 190px
}

.new-millie-book.books.medium .metadata .title[data-v-1ce18606] {
    font-size: 14px
}

.new-millie-book.books.medium .metadata .author[data-v-1ce18606],.new-millie-book.books.medium .metadata .reading[data-v-1ce18606] {
    font-size: 12px
}

.new-millie-book.books.small[data-v-1ce18606] {
    min-width: 100px!important;
    max-width: 100px!important
}

.new-millie-book.books.small .thumbnail-inner[data-v-1ce18606],.new-millie-book.books.small .thumbnail-inner img[data-v-1ce18606] {
    max-height: 145px
}

.new-millie-book.books.small .metadata .author[data-v-1ce18606],.new-millie-book.books.small .metadata .reading[data-v-1ce18606],.new-millie-book.books.small .metadata .title[data-v-1ce18606] {
    font-size: 12px
}

.new-millie-book.books.today-original.video-today-original .book-image[data-v-1ce18606] {
    max-width: 73px;
    margin-top: 0
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner[data-v-1ce18606] {
    max-height: 102px
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner img[data-v-1ce18606] {
    max-height: 102px!important;
    min-height: 102px!important
}

.new-millie-book.books.today-original .book-image[data-v-1ce18606] {
    max-width: 100px;
    margin-top: -38px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner[data-v-1ce18606] {
    max-height: 140px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner img[data-v-1ce18606] {
    max-height: 140px!important;
    min-height: 140px!important
}

.new-millie-book.books.today-original .book-data[data-v-1ce18606] {
    padding-left: 16px
}

.new-millie-book.books.today-original .book-data .metadata[data-v-1ce18606] {
    padding-top: 0
}

.new-millie-book.books.today-original .book-data .metadata .title[data-v-1ce18606] {
    font-size: 12px
}

.new-millie-book.books.today-original .book-data .metadata .author[data-v-1ce18606] {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em
}

.new-millie-book.books.no-badge .thumbnail .badge[data-v-1ce18606],.new-millie-book.books.no-thumb .reader-thumbnail[data-v-1ce18606] {
    display: none
}

.new-millie-book.books.no-badge .thumbnail .badge.adult[data-v-1ce18606] {
    display: block
}

.new-millie-book.books>a[data-v-1ce18606],.new-millie-book.books>button[data-v-1ce18606] {
    display: block;
    width: 100%
}

.new-millie-book.books .book-image[data-v-1ce18606] {
    display: flex;
    min-height: auto;
    align-items: flex-end;
    padding-top: 0;
    height: 100%
}

.new-millie-book.books .thumbnail[data-v-1ce18606] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.new-millie-book.books .thumbnail .icon-series-tack[data-v-1ce18606] {
    position: absolute;
    right: -13px;
    top: 12px;
    z-index: 30;
    width: 62px;
    height: 32px;
    padding-top: 4px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-series-tack.1fbb8d2aea947ae1f7c5323fb0ea7663.png) 0 0 no-repeat;
    font-size: 12px;
    text-align: center;
    color: rgba(51,51,51,.5)
}

.new-millie-book.books .thumbnail .icon-series-tack strong[data-v-1ce18606] {
    margin: 0 1px;
    color: var(--ui-09)
}

.new-millie-book.books .adult .thumbnail-inner[data-v-1ce18606] {
    background: red
}

.new-millie-book.books .adult .thumbnail-inner img[data-v-1ce18606] {
    display: none
}

.new-millie-book.books.ratio-book .book-image[data-v-1ce18606],.new-millie-book.books .ratio-book .book-image[data-v-1ce18606] {
    display: block;
    height: auto
}

.new-millie-book.books.ratio-book .thumbnail-inner[data-v-1ce18606],.new-millie-book.books .ratio-book .thumbnail-inner[data-v-1ce18606] {
    height: 0;
    padding-top: 140%
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture[data-v-1ce18606],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture[data-v-1ce18606] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 100%!important;
    max-width: 100%!important
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture picture[data-v-1ce18606],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture picture[data-v-1ce18606] {
    height: 100%
}

.new-millie-book.books.ratio-book .thumbnail-inner img[data-v-1ce18606],.new-millie-book.books .ratio-book .thumbnail-inner img[data-v-1ce18606] {
    min-height: 100%
}

.new-millie-book.books.blank .book-image[data-v-1ce18606] {
    padding-top: 0
}

.badges .badge[data-v-1ce18606] {
    margin-right: -7px;
    margin-top: -25px;
    display: block;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999em;
    background-size: contain;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat
}

.badges .badge.audiodrama[data-v-1ce18606],.badges .badge.readingbook[data-v-1ce18606],.badges .badge.story-audio[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-readingbook.6d3d4deb89226cd278417a183150b386.png)
}

.badges .badge.chatbook[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-chatbook.c95e0993d645b36aa15b22e9cc5a3bf9.png)
}

.badges .badge.docentbook[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-docentbook.8daec6b46cb5492272febe22b054b172.png)
}

.badges .badge.ready[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-ready.7ca017202c6ea620936ae3443d480a3c.png);
    width: 45px
}

.badges .badge.freebook[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-free.b87eaeaf8e22e7ed06b646d248fddcb5.png)
}

.badges .badge.pdf[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-pdf.feba67165f163295a3bf77cfb2bb69b8.png)
}

.badges .badge.comics[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-comics.701905de2c14619a7df463048857cc1d.png)
}

.badges .badge.adult[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-adult-new.c407ce2ba8c01a5b7fc28804d59e79ec.png)
}

.badges .badge.series[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-serise.c0a36b82b9abb71aad327734ac3a1128.png);
    width: 45px;
    text-indent: 0
}

.badges .badge.series span[data-v-1ce18606] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    color: #6f6f6f;
    letter-spacing: -3px;
    white-space: nowrap
}

.badges .badge.short[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-short.57106ab2f76f3e4e107a4ccb19db5e6e.png)
}

.badges .badge.full[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-full.a98c7199ab8829b059a2386c6f91efca.png)
}

.badges .badge.my-audio-book[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-my-audio-book.f6b29f55a2b809609e71db7c9d38ae89.png);
    width: 54px
}

.badges .badge.monopoly[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-monopoly.a1f8b011ad6fe2d61557913d92828f8b.png);
    text-indent: 0
}

.badges .badge.new[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-new.dbf6b6fc6b53cedc0886106d55c0b7bb.png)
}

.badges .badge.up[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-up.f0a3511fe896dd3c0ab1ae4d52cc0101.png)
}

.badges .badge.top26[data-v-1ce18606] {
    top: 26px
}

.badges .badge.top52[data-v-1ce18606] {
    top: 52px
}

.badges .badge.highlight[data-v-1ce18606] {
    height: 24px;
    top: 30px!important;
    right: 4px;
    padding: 5px 8px 3px 5px;
    background: #3d3d3d;
    border-radius: 8px;
    text-indent: 0;
    color: #9e9e9e;
    text-align: right;
    font-size: 12px
}

.badges .badge.highlight strong[data-v-1ce18606] {
    margin-right: 3px;
    color: #fff
}

.badges .badge[data-v-1ce18606]:nth-of-type(0) {
    top: 0!important
}

.badges .badge[data-v-1ce18606]:first-of-type {
    top: 28px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(2) {
    top: 56px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(3) {
    top: 84px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(4) {
    top: 112px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(5) {
    top: 140px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(6) {
    top: 168px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(7) {
    top: 196px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(8) {
    top: 224px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(9) {
    top: 252px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(10) {
    top: 280px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(11) {
    top: 308px!important
}

.badges .badge[data-v-1ce18606]:nth-of-type(12) {
    top: 336px!important
}

.badges .badge[data-v-1ce18606]:first-of-type {
    top: 30px!important
}

.metadata[data-v-1ce18606] {
    padding-top: 8px;
    font-size: 12px;
    text-align: left;
    position: relative;
    font-family: Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;
    letter-spacing: 0
}

.metadata [data-v-1ce18606] {
    font-family: inherit;
    letter-spacing: inherit
}

.metadata .rank[data-v-1ce18606] {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--text-strong)
}

.metadata .title[data-v-1ce18606] {
    -webkit-line-clamp: 2;
    max-height: 2.7em;
    color: var(--text-01);
    font-weight: 700;
    margin-bottom: 2px;
    max-height: 3em
}

.metadata .author[data-v-1ce18606],.metadata .title[data-v-1ce18606] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 12px;
    white-space: normal;
    line-height: 18px
}

.metadata .author[data-v-1ce18606] {
    -webkit-line-clamp: 1;
    max-height: 1.35em;
    color: var(--text-03);
    max-height: 3em
}

.metadata .badge[data-v-1ce18606] {
    display: none;
    min-width: 37px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    margin-bottom: 2px
}

.metadata .badge em[data-v-1ce18606] {
    color: #bf85f9;
    line-height: 18px;
    position: absolute;
    top: 1px;
    left: 42px
}

.metadata .badge.my-audio-book[data-v-1ce18606],.metadata .badge.readingbook[data-v-1ce18606],.metadata .badge em[data-v-1ce18606] {
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.metadata .badge.my-audio-book[data-v-1ce18606],.metadata .badge.readingbook[data-v-1ce18606] {
    padding-left: 48px;
    color: var(--audio);
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.my-audio-book.reader[data-v-1ce18606],.metadata .badge.my-audio-book[data-v-1ce18606],.metadata .badge.readingbook.reader[data-v-1ce18606],.metadata .badge.readingbook[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.my-audio-book.ai[data-v-1ce18606],.metadata .badge.readingbook.ai[data-v-1ce18606] {
    padding-left: 58px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-ai.d642b05a00c0a1059735c133c6f20231.svg)
}

.metadata .badge.my-audio-book.mp3[data-v-1ce18606],.metadata .badge.readingbook.mp3[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.chatbook[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-chatbook.fe8538ede35677bd9b8bc374742055cc.svg);
    display: block
}

.metadata .badge.docent[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-docentbook.ce30ee1bbef81973b6bb89f4ec770a42.svg);
    display: block
}

.metadata .badge.docent em[data-v-1ce18606] {
    color: #793edc
}

.metadata .badge.audiodrama[data-v-1ce18606] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiodrama.ddc906d68356a69d8fed596afe3c79a0.svg);
    display: block;
    text-indent: -9999em
}

.metadata .badge.new-docentbook[data-v-1ce18606] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-new-docentbook.d4cad0844604612213929101aa48df17.svg)
}

.metadata .badge.art-objectbook[data-v-1ce18606],.metadata .badge.picture-objectbook[data-v-1ce18606],.metadata .badge.video-objectbook[data-v-1ce18606] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-objectbook.9c5d5fc3878165a5d4ed00f28b390252.svg)
}

.metadata .badge.free[data-v-1ce18606] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-free.d089615edaa577198c0327c927ef5722.svg);
    text-indent: -9999em
}

.metadata .badge.not-serviced[data-v-1ce18606] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-not-serviced.6ab5e5689b030f6a5495563995fc64de.svg);
    font-size: 0
}

.metadata .badge.milliecast[data-v-1ce18606] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-milliecast.dfa5e7bcd8254fa33600561509f9bac6.svg)
}

.metadata .badge.story-audio[data-v-1ce18606] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-audio.bf707248046701dc2ab5e302ecdd8b81.svg);
    padding-left: 64px;
    color: var(--audio);
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.story-webtoon[data-v-1ce18606] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-webtoon.58ae3358967db749f33b440e8c360853.svg)
}

.metadata .reading[data-v-1ce18606] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px;
    white-space: normal
}

.metadata .reading span[data-v-1ce18606] {
    padding: 0 6px
}

.metadata .play_time[data-v-1ce18606] {
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 12px;
    white-space: normal
}

.metadata .play_time span[data-v-1ce18606] {
    padding: 0 6px
}

.metadata .endDate[data-v-1ce18606] {
    color: var(--audio)
}

.metadata .endDate span[data-v-1ce18606] {
    color: var(--text-01)
}

.metadata.search[data-v-1ce18606] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.metadata.search .readingsearch .wandog[data-v-1ce18606] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-02);
    font-size: 14px;
    white-space: normal
}

.metadata.search .readingsearch .wandog .line[data-v-1ce18606] {
    padding: 0 2px
}

.metadata.search .readingsearch .sideinfo[data-v-1ce18606] {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-02);
    padding-top: 4px;
    margin-left: -2px
}

.metadata.search .readingsearch .sideinfo .review[data-v-1ce18606] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .review[data-v-1ce18606]:before {
    font-size: 20px;
    margin-right: 3px
}

.metadata.search .readingsearch .sideinfo .review.gubun[data-v-1ce18606]:after {
    content: "·";
    font-size: 12px;
    line-height: 18px;
    color: var(--placeholder);
    margin: 0 4px
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-1ce18606] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-1ce18606]:before {
    font-size: 19px;
    margin-right: 3px
}

.book-picture[data-v-1ce18606] {
    overflow: hidden;
    position: relative;
    width: inherit;
    border-radius: 8px;
    background-color: var(--ui-04)
}

.book-picture[data-v-1ce18606]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    border: .5px solid var(--GTrans-02)
}

.grid-wrapper[data-v-1ce18606] {
    display: none
}

.new-millie-book .book-image[data-v-1ce18606] {
    display: block
}

.new-millie-book.story-book>a.book-image[data-v-1ce18606] {
    display: inline;
    height: unset
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606] {
    -webkit-transform: perspective(1px) scale(.826) translateZ(0);
    transform: perspective(1px) scale(.826) translateZ(0);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    right: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(0) {
    top: 0!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:first-of-type {
    top: 22px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(2) {
    top: 44px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(3) {
    top: 66px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(4) {
    top: 88px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(5) {
    top: 110px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(6) {
    top: 132px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(7) {
    top: 154px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(8) {
    top: 176px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(9) {
    top: 198px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(10) {
    top: 220px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(11) {
    top: 242px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-1ce18606]:nth-of-type(12) {
    top: 264px!important
}

.new-millie-book.story-book .metadata[data-v-1ce18606] {
    display: none
}

.like-book .new-millie-book.books[data-v-1ce18606] {
    display: flex;
    min-width: 100px;
    max-width: 100px
}

.like-book .new-millie-book.books .book-image[data-v-1ce18606] {
    position: relative
}

.like-book .new-millie-book.books .book-image[data-v-1ce18606]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.like-book .new-millie-book.books .book-image img[data-v-1ce18606] {
    min-height: 148px;
    max-height: 148px
}

.review-book .new-millie-book.books[data-v-1ce18606] {
    max-width: 32px;
    min-width: 32px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books[data-v-1ce18606] {
        max-width:88px;
        max-height: 128px;
        margin-top: 57px
    }
}

.review-book .new-millie-book.books .book-image[data-v-1ce18606] {
    position: relative
}

.review-book .new-millie-book.books .book-image[data-v-1ce18606]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.review-book .new-millie-book.books .book-image img[data-v-1ce18606] {
    min-height: 42px;
    max-height: 45px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books .book-image img[data-v-1ce18606] {
        max-width:128px;
        max-height: 128px
    }
}

@media (max-width: 720px) {
    .review-book .new-millie-book.books .book-image .badge[data-v-1ce18606] {
        display:none
    }
}

.today-book .today-book-data .new-millie-book.books[data-v-1ce18606] {
    display: flex
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-1ce18606] {
    max-width: 140px;
    min-width: 140px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-1ce18606]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.today-book .today-book-data .new-millie-book.books .book-image img[data-v-1ce18606] {
    min-height: 192px
}

.today-book .today-book-data .new-millie-book.books .book-data[data-v-1ce18606] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-1ce18606] {
    position: static
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-1ce18606]:before {
    right: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .title[data-v-1ce18606] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .author[data-v-1ce18606] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 30px;
    margin-bottom: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .reading[data-v-1ce18606] {
    display: none
}

.search-bestseller-list.ten .rank[data-v-1ce18606] {
    left: -30px!important
}

.search-bestseller-list .new-millie-book.books .book-image[data-v-1ce18606] {
    margin-right: 22px
}

.search-bestseller-list .new-millie-book.books .book-data .metadata[data-v-1ce18606] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .rank[data-v-1ce18606] {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .author[data-v-1ce18606] {
    position: relative
}

.search-book-list .new-millie-book.books[data-v-1ce18606] {
    min-width: 125px
}

@media (max-width: 700px) {
    .search-book-list .new-millie-book.books[data-v-1ce18606] {
        min-width:85px
    }
}

.search-book-list.grid .readingsearch div.sideinfo[data-v-1ce18606] {
    display: none!important
}

.search-book-list.list .books[data-v-1ce18606] {
    display: flex;
    flex-direction: row
}

.search-book-list.list .books .book-image[data-v-1ce18606] {
    max-width: 110px;
    margin-right: 16px
}

@media (max-width: 360px) {
    .search-book-list.list .books .book-image[data-v-1ce18606] {
        max-width:90px;
        margin-right: 10px
    }
}

.search-book-list.list .books .book-data .metadata .readingsearch[data-v-1ce18606] {
    margin-top: 8px
}

.search-book-list.list .metadata[data-v-1ce18606] {
    padding-top: 0
}

.search-book-list.list .metadata .badge.readingbook[data-v-1ce18606] {
    display: -webkit-box
}

.search-post-list .new-millie-book.books[data-v-1ce18606] {
    min-width: 105px;
    max-width: 105px;
    margin: 0 auto
}

.search-post-list .new-millie-book.books .thumbnail-inner[data-v-1ce18606] {
    max-height: 156px
}

.search-post-list .new-millie-book.books .thumbnail-inner.no-image img[data-v-1ce18606] {
    min-height: auto
}

.search-best-ranking .books .book-image[data-v-1ce18606]:before {
    height: 84px;
    left: -14%;
    bottom: 4%
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-1ce18606]:before {
    width: 86px;
    height: 80px
}

.top-banner-container .title[data-v-1ce18606] {
    font-size: 20px;
    margin: 2px 0;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: var(--text-01)
}

.top-banner-container .description[data-v-1ce18606] {
    font-size: 16px
}

.top-banner-container .desc_1[data-v-1ce18606],.top-banner-container .desc_2[data-v-1ce18606] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-03)
}

.recent-list .new-millie-book.books[data-v-1ce18606] {
    display: flex
}

.recent-list .new-millie-book.books .book-image[data-v-1ce18606] {
    width: 50px;
    height: 70px
}

.customTitle[data-v-1ce18606] {
    color: var(--text-03)
}

.customTitle .icon[data-v-1ce18606] {
    display: inline-block;
    padding: 2px 5px;
    background: var(--primary);
    border-radius: 16px;
    color: var(--text-01);
    margin-right: 5px
}

.customTitle+.title[data-v-1ce18606] {
    margin-top: 2px
}

.new-millie-book.curation-item .book-image[data-v-1ce18606] {
    background: var(--ui-04);
    border-radius: 16px;
    display: flex;
    justify-content: center
}

.new-millie-book.curation-item .book-image .thumbnail[data-v-1ce18606] {
    width: 100px;
    margin: 16px;
    box-sizing: content-box
}

.new-millie-book.curation-item .book-image img[data-v-1ce18606] {
    min-height: 120px!important;
    max-height: 160px!important
}

.new-millie-book.curation-item .book-data[data-v-1ce18606] {
    min-height: 26px
}

.new-millie-book.curation-item .book-data .metadata[data-v-1ce18606]:before {
    display: none
}

.new-millie-book.curation-item .book-data .metadata .reading[data-v-1ce18606] {
    display: block
}

.book-request .books-images>.new-millie-book.inner-image[data-v-1ce18606],.search-curation .books-images>.new-millie-book.inner-image[data-v-1ce18606] {
    min-width: 120px
}

.book-request .books-images>.new-millie-book.inner-image .book-image[data-v-1ce18606],.search-curation .books-images>.new-millie-book.inner-image .book-image[data-v-1ce18606] {
    padding-top: 140%;
    position: relative
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-1ce18606],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-1ce18606] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-1ce18606],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-1ce18606] {
    height: 168px;
    top: 0;
    position: absolute
}

.book-request .books-images>.new-millie-book.inner-image .book-image img[data-v-1ce18606],.search-curation .books-images>.new-millie-book.inner-image .book-image img[data-v-1ce18606] {
    height: 100%
}

.book-request .inner .new-millie-book.books[data-v-1ce18606],.search-curation .inner .new-millie-book.books[data-v-1ce18606] {
    min-width: auto
}

.book-request .inner .new-millie-book .book-image[data-v-1ce18606],.search-curation .inner .new-millie-book .book-image[data-v-1ce18606] {
    padding-top: 143%;
    position: relative
}

.book-request .inner .new-millie-book .book-image .thumbnail[data-v-1ce18606],.search-curation .inner .new-millie-book .book-image .thumbnail[data-v-1ce18606] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .inner .new-millie-book .book-image .thumbnail-inner[data-v-1ce18606],.search-curation .inner .new-millie-book .book-image .thumbnail-inner[data-v-1ce18606] {
    top: 0;
    position: absolute;
    bottom: 0
}

.book-request .inner .new-millie-book .book-image img[data-v-1ce18606],.search-curation .inner .new-millie-book .book-image img[data-v-1ce18606] {
    min-height: 100%
}

.book-request .book-data[data-v-1ce18606],.book-request .inner .new-millie-book .badge[data-v-1ce18606],.search-curation .book-data[data-v-1ce18606],.search-curation .inner .new-millie-book .badge[data-v-1ce18606] {
    display: none
}

.book-list .today-topic-book .new-millie-book.books[data-v-1ce18606] {
    display: flex
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606] {
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.book-list .today-topic-book .new-millie-book.books .book-image img[data-v-1ce18606] {
    min-height: 190px
}

.book-list .today-topic-book .new-millie-book.books .book-data[data-v-1ce18606] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    margin-bottom: 6px;
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-1ce18606] {
    position: static
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-1ce18606]:before {
    top: 0;
    right: 0
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .title[data-v-1ce18606] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .author[data-v-1ce18606] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 34px
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .reading[data-v-1ce18606] {
    white-space: nowrap
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606] {
    min-width: 120px;
    max-width: 120px
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606]:before {
    display: none
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image img[data-v-1ce18606] {
    min-height: 145px;
    max-height: 190px
}

.book-list.type2 .today-topic-book .new-millie-book.books[data-v-1ce18606] {
    width: 100%
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606] {
    min-width: 100px;
    max-width: 100px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606]:before {
    display: none
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image img[data-v-1ce18606] {
    min-height: 120px;
    max-height: 160px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-data[data-v-1ce18606] {
    align-items: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606] {
    min-width: 60px;
    max-width: 60px
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .badge[data-v-1ce18606],.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-1ce18606]:before {
    display: none
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .thumbnail-inner img[data-v-1ce18606] {
    height: 84px;
    min-height: auto;
    max-height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-data[data-v-1ce18606] {
    align-items: center
}

.new-millie-book.today-review-book .book-image[data-v-1ce18606] {
    width: 60px;
    margin-right: 12px
}

.new-millie-book.today-review-book .book-image img[data-v-1ce18606] {
    min-height: unset!important;
    max-height: unset!important
}

.new-millie-book.today-review-book .book-data[data-v-1ce18606] {
    display: flex;
    width: 100%;
    align-items: center
}

.new-millie-book.today-review-book .book-data .metadata[data-v-1ce18606] {
    padding-top: 0
}

.new-millie-book.only-books>a[data-v-1ce18606] {
    pointer-events: none;
    cursor: default
}

.new-millie-book.only-books .readingbook[data-v-1ce18606] {
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-millie-book.feed-book .book-image[data-v-1ce18606] {
    min-width: 100px;
    max-width: 100px;
    margin-right: 16px
}

.new-millie-book.feed-book .book-image .thumbnail .badge[data-v-1ce18606] {
    display: none
}

.new-millie-book.feed-book .book-data .metadata[data-v-1ce18606] {
    padding-top: 41px
}

.new-millie-book.feed-book .book-data .metadata .title[data-v-1ce18606] {
    font-size: 12px;
    max-width: 100%;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book .book-data .metadata .author[data-v-1ce18606],.new-millie-book.feed-book .book-data .metadata .reading[data-v-1ce18606] {
    font-size: 12px
}

.new-millie-book.feed-book.type02 .book-image[data-v-1ce18606] {
    min-width: 76px;
    max-width: 76px
}

.new-millie-book.feed-book.type02 .book-image .thumbnail .badge[data-v-1ce18606] {
    display: none
}

.new-millie-book.feed-book.type02 .metadata[data-v-1ce18606] {
    padding-top: 10px
}

.new-millie-book.feed-book-title .book-data .metadata .title[data-v-1ce18606] {
    font-size: 12px;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book-title .book-data .metadata .author[data-v-1ce18606] {
    font-size: 12px
}

.new-millie-book.feed-body-book .book-image .thumbnail .thumbnail-inner img[data-v-1ce18606] {
    min-height: 224px!important
}

@media (max-width: 999px) {
    .today-book .today-book-data .new-millie-book.books[data-v-1ce18606] {
        width:140px;
        margin: 0 auto;
        position: relative
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-1ce18606] {
        margin: 0;
        display: block;
        position: absolute;
        bottom: 0;
        right: -34px;
        width: 16px;
        height: 16px
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-1ce18606] {
        width: 16px;
        height: 16px;
        padding-top: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-1ce18606]:before {
        top: auto;
        right: 0;
        bottom: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata p[data-v-1ce18606] {
        display: none!important
    }
}

@media (max-width: 700px) {
    .today-book .today-book-data .new-millie-book.books[data-v-1ce18606] {
        position:static
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-1ce18606] {
        right: 24px;
        bottom: 24px
    }
}

@media (max-width: 320px) {
    .new-millie-book.feed-book .book-image[data-v-1ce18606] {
        min-width:75px;
        max-width: 75px
    }

    .new-millie-book.feed-book.type02 .book-image[data-v-1ce18606] {
        min-width: 66px;
        max-width: 66px
    }
}

.search-best-ranking .books .book-image[data-v-1ce18606] {
    position: relative
}

.search-best-ranking .books .book-image[data-v-1ce18606]:before {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 74px;
    height: 96px;
    left: -12%;
    bottom: 7%;
    z-index: 1;
    -webkit-transform: translate(-10%,4%);
    transform: translate(-10%,4%)
}

.search-best-ranking:first-child .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank1.78b575df47aaf13e0163d4314ba58f33.png)
}

.search-best-ranking:nth-child(2) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank2.a4d4903dbcb115dce1d92917f717efb6.png)
}

.search-best-ranking:nth-child(3) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank3.96555c5faf2dfb6d3ccd460e5d6fca4f.png)
}

.search-best-ranking:nth-child(4) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank4.8f6c3e6ceb08ef82d3179bd8f327307f.png)
}

.search-best-ranking:nth-child(5) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank5.f2d7c03fc144fb202d3d414acccdcf0a.png)
}

.search-best-ranking:nth-child(6) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank6.f5b65a778baa6e4f9e290150160e9f18.png)
}

.search-best-ranking:nth-child(7) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank7.23bc494659217e7a3e3b1da7dc6676dc.png)
}

.search-best-ranking:nth-child(8) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank8.102842845f98f7140cf939d6942ab665.png)
}

.search-best-ranking:nth-child(9) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank9.a705bab1de70d5cea9c69f7e1d103429.png)
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-1ce18606]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank10.4551130f16f7e623aa12557581bcb7d1.png);
    width: 108px;
    height: 97px
}

.search-best-list.min .rank[data-v-1ce18606] {
    left: -28px!important
}

.search-best-list.max .rank[data-v-1ce18606] {
    left: -40px!important
}

.search-best-list .books .book-image[data-v-1ce18606] {
    max-width: 98px;
    margin-right: 22px
}

@media (max-width: 520px) {
    .search-best-list .books .book-image[data-v-1ce18606] {
        max-width:68px
    }
}

.search-best-list .books .book-data[data-v-1ce18606] {
    display: flex
}

.search-best-list .books .book-data .metadata[data-v-1ce18606] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-best-list .books .book-data .metadata .rank[data-v-1ce18606] {
    position: absolute;
    left: -33px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-best-list .books .book-data .metadata .author[data-v-1ce18606] {
    position: relative
}

.new-millie-book.books .metadata .reading .line[data-v-1ce18606] {
    padding: 0 2px
}

.new-millie-book .alarm-btn[data-v-cb98f3a2] {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffeb60;
    padding: 5px;
    width: 100%;
    z-index: 1;
    color: #242424;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    justify-content: center;
    display: flex
}

.new-millie-book .alarm-btn.on[data-v-cb98f3a2] {
    background-color: #dfdfdf
}

.new-millie-book .alarm-btn.on i[data-v-cb98f3a2] {
    width: 13px;
    height: 13px;
    position: relative
}

.new-millie-book .alarm-btn.on i[data-v-cb98f3a2]:before {
    content: "";
    display: block;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/alarm_cancle_16px_1.86f3163909acc97ef6074b303adb7c83.svg) no-repeat 50%;
    width: 13px;
    height: 13px;
    background-size: cover;
    position: absolute
}

.new-millie-book .alarm-btn i[data-v-cb98f3a2] {
    font-size: 12px;
    margin-right: 4px
}

.new-millie-book.books[data-v-cb98f3a2] {
    min-width: 145px
}

.new-millie-book.books.large[data-v-cb98f3a2] {
    min-width: 180px!important;
    max-width: 180px!important
}

.new-millie-book.books.medium[data-v-cb98f3a2] {
    min-width: 125px!important;
    max-width: 125px!important
}

.new-millie-book.books.medium .thumbnail-inner[data-v-cb98f3a2],.new-millie-book.books.medium .thumbnail-inner img[data-v-cb98f3a2] {
    max-height: 190px
}

.new-millie-book.books.medium .metadata .title[data-v-cb98f3a2] {
    font-size: 14px
}

.new-millie-book.books.medium .metadata .author[data-v-cb98f3a2],.new-millie-book.books.medium .metadata .reading[data-v-cb98f3a2] {
    font-size: 12px
}

.new-millie-book.books.small[data-v-cb98f3a2] {
    min-width: 100px!important;
    max-width: 100px!important
}

.new-millie-book.books.small .thumbnail-inner[data-v-cb98f3a2],.new-millie-book.books.small .thumbnail-inner img[data-v-cb98f3a2] {
    max-height: 145px
}

.new-millie-book.books.small .metadata .author[data-v-cb98f3a2],.new-millie-book.books.small .metadata .reading[data-v-cb98f3a2],.new-millie-book.books.small .metadata .title[data-v-cb98f3a2] {
    font-size: 12px
}

.new-millie-book.books.today-original.video-today-original .book-image[data-v-cb98f3a2] {
    max-width: 73px;
    margin-top: 0
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner[data-v-cb98f3a2] {
    max-height: 102px
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner img[data-v-cb98f3a2] {
    max-height: 102px!important;
    min-height: 102px!important
}

.new-millie-book.books.today-original .book-image[data-v-cb98f3a2] {
    max-width: 100px;
    margin-top: -38px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner[data-v-cb98f3a2] {
    max-height: 140px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner img[data-v-cb98f3a2] {
    max-height: 140px!important;
    min-height: 140px!important
}

.new-millie-book.books.today-original .book-data[data-v-cb98f3a2] {
    padding-left: 16px
}

.new-millie-book.books.today-original .book-data .metadata[data-v-cb98f3a2] {
    padding-top: 0
}

.new-millie-book.books.today-original .book-data .metadata .title[data-v-cb98f3a2] {
    font-size: 12px
}

.new-millie-book.books.today-original .book-data .metadata .author[data-v-cb98f3a2] {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em
}

.new-millie-book.books.no-badge .thumbnail .badge[data-v-cb98f3a2],.new-millie-book.books.no-thumb .reader-thumbnail[data-v-cb98f3a2] {
    display: none
}

.new-millie-book.books.no-badge .thumbnail .badge.adult[data-v-cb98f3a2] {
    display: block
}

.new-millie-book.books>a[data-v-cb98f3a2],.new-millie-book.books>button[data-v-cb98f3a2] {
    display: block;
    width: 100%
}

.new-millie-book.books .book-image[data-v-cb98f3a2] {
    display: flex;
    min-height: auto;
    align-items: flex-end;
    padding-top: 0;
    height: 100%
}

.new-millie-book.books .thumbnail[data-v-cb98f3a2] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.new-millie-book.books .thumbnail .icon-series-tack[data-v-cb98f3a2] {
    position: absolute;
    right: -13px;
    top: 12px;
    z-index: 30;
    width: 62px;
    height: 32px;
    padding-top: 4px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-series-tack.1fbb8d2aea947ae1f7c5323fb0ea7663.png) 0 0 no-repeat;
    font-size: 12px;
    text-align: center;
    color: rgba(51,51,51,.5)
}

.new-millie-book.books .thumbnail .icon-series-tack strong[data-v-cb98f3a2] {
    margin: 0 1px;
    color: var(--ui-09)
}

.new-millie-book.books .adult .thumbnail-inner[data-v-cb98f3a2] {
    background: red
}

.new-millie-book.books .adult .thumbnail-inner img[data-v-cb98f3a2] {
    display: none
}

.new-millie-book.books.ratio-book .book-image[data-v-cb98f3a2],.new-millie-book.books .ratio-book .book-image[data-v-cb98f3a2] {
    display: block;
    height: auto
}

.new-millie-book.books.ratio-book .thumbnail-inner[data-v-cb98f3a2],.new-millie-book.books .ratio-book .thumbnail-inner[data-v-cb98f3a2] {
    height: 0;
    padding-top: 140%
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture[data-v-cb98f3a2],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture[data-v-cb98f3a2] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 100%!important;
    max-width: 100%!important
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture picture[data-v-cb98f3a2],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture picture[data-v-cb98f3a2] {
    height: 100%
}

.new-millie-book.books.ratio-book .thumbnail-inner img[data-v-cb98f3a2],.new-millie-book.books .ratio-book .thumbnail-inner img[data-v-cb98f3a2] {
    min-height: 100%
}

.new-millie-book.books.blank .book-image[data-v-cb98f3a2] {
    padding-top: 0
}

.badges .badge[data-v-cb98f3a2] {
    margin-right: -7px;
    margin-top: -25px;
    display: block;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999em;
    background-size: contain;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat
}

.badges .badge.audiodrama[data-v-cb98f3a2],.badges .badge.readingbook[data-v-cb98f3a2],.badges .badge.story-audio[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-readingbook.6d3d4deb89226cd278417a183150b386.png)
}

.badges .badge.chatbook[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-chatbook.c95e0993d645b36aa15b22e9cc5a3bf9.png)
}

.badges .badge.docentbook[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-docentbook.8daec6b46cb5492272febe22b054b172.png)
}

.badges .badge.ready[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-ready.7ca017202c6ea620936ae3443d480a3c.png);
    width: 45px
}

.badges .badge.freebook[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-free.b87eaeaf8e22e7ed06b646d248fddcb5.png)
}

.badges .badge.pdf[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-pdf.feba67165f163295a3bf77cfb2bb69b8.png)
}

.badges .badge.comics[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-comics.701905de2c14619a7df463048857cc1d.png)
}

.badges .badge.adult[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-adult-new.c407ce2ba8c01a5b7fc28804d59e79ec.png)
}

.badges .badge.series[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-serise.c0a36b82b9abb71aad327734ac3a1128.png);
    width: 45px;
    text-indent: 0
}

.badges .badge.series span[data-v-cb98f3a2] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    color: #6f6f6f;
    letter-spacing: -3px;
    white-space: nowrap
}

.badges .badge.short[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-short.57106ab2f76f3e4e107a4ccb19db5e6e.png)
}

.badges .badge.full[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-full.a98c7199ab8829b059a2386c6f91efca.png)
}

.badges .badge.my-audio-book[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-my-audio-book.f6b29f55a2b809609e71db7c9d38ae89.png);
    width: 54px
}

.badges .badge.monopoly[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-monopoly.a1f8b011ad6fe2d61557913d92828f8b.png);
    text-indent: 0
}

.badges .badge.new[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-new.dbf6b6fc6b53cedc0886106d55c0b7bb.png)
}

.badges .badge.up[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-up.f0a3511fe896dd3c0ab1ae4d52cc0101.png)
}

.badges .badge.top26[data-v-cb98f3a2] {
    top: 26px
}

.badges .badge.top52[data-v-cb98f3a2] {
    top: 52px
}

.badges .badge.highlight[data-v-cb98f3a2] {
    height: 24px;
    top: 30px!important;
    right: 4px;
    padding: 5px 8px 3px 5px;
    background: #3d3d3d;
    border-radius: 8px;
    text-indent: 0;
    color: #9e9e9e;
    text-align: right;
    font-size: 12px
}

.badges .badge.highlight strong[data-v-cb98f3a2] {
    margin-right: 3px;
    color: #fff
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(0) {
    top: 0!important
}

.badges .badge[data-v-cb98f3a2]:first-of-type {
    top: 28px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(2) {
    top: 56px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(3) {
    top: 84px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(4) {
    top: 112px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(5) {
    top: 140px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(6) {
    top: 168px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(7) {
    top: 196px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(8) {
    top: 224px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(9) {
    top: 252px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(10) {
    top: 280px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(11) {
    top: 308px!important
}

.badges .badge[data-v-cb98f3a2]:nth-of-type(12) {
    top: 336px!important
}

.badges .badge[data-v-cb98f3a2]:first-of-type {
    top: 30px!important
}

.metadata[data-v-cb98f3a2] {
    padding-top: 8px;
    font-size: 12px;
    text-align: left;
    position: relative;
    font-family: Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;
    letter-spacing: 0
}

.metadata [data-v-cb98f3a2] {
    font-family: inherit;
    letter-spacing: inherit
}

.metadata .rank[data-v-cb98f3a2] {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--text-strong)
}

.metadata .title[data-v-cb98f3a2] {
    -webkit-line-clamp: 2;
    max-height: 2.7em;
    color: var(--text-01);
    font-weight: 700;
    margin-bottom: 2px;
    max-height: 3em
}

.metadata .author[data-v-cb98f3a2],.metadata .title[data-v-cb98f3a2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 12px;
    white-space: normal;
    line-height: 18px
}

.metadata .author[data-v-cb98f3a2] {
    -webkit-line-clamp: 1;
    max-height: 1.35em;
    color: var(--text-03);
    max-height: 3em
}

.metadata .badge[data-v-cb98f3a2] {
    display: none;
    min-width: 37px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    margin-bottom: 2px
}

.metadata .badge em[data-v-cb98f3a2] {
    color: #bf85f9;
    line-height: 18px;
    position: absolute;
    top: 1px;
    left: 42px
}

.metadata .badge.my-audio-book[data-v-cb98f3a2],.metadata .badge.readingbook[data-v-cb98f3a2],.metadata .badge em[data-v-cb98f3a2] {
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.metadata .badge.my-audio-book[data-v-cb98f3a2],.metadata .badge.readingbook[data-v-cb98f3a2] {
    padding-left: 48px;
    color: var(--audio);
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.my-audio-book.reader[data-v-cb98f3a2],.metadata .badge.my-audio-book[data-v-cb98f3a2],.metadata .badge.readingbook.reader[data-v-cb98f3a2],.metadata .badge.readingbook[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.my-audio-book.ai[data-v-cb98f3a2],.metadata .badge.readingbook.ai[data-v-cb98f3a2] {
    padding-left: 58px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-ai.d642b05a00c0a1059735c133c6f20231.svg)
}

.metadata .badge.my-audio-book.mp3[data-v-cb98f3a2],.metadata .badge.readingbook.mp3[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.chatbook[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-chatbook.fe8538ede35677bd9b8bc374742055cc.svg);
    display: block
}

.metadata .badge.docent[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-docentbook.ce30ee1bbef81973b6bb89f4ec770a42.svg);
    display: block
}

.metadata .badge.docent em[data-v-cb98f3a2] {
    color: #793edc
}

.metadata .badge.audiodrama[data-v-cb98f3a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiodrama.ddc906d68356a69d8fed596afe3c79a0.svg);
    display: block;
    text-indent: -9999em
}

.metadata .badge.new-docentbook[data-v-cb98f3a2] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-new-docentbook.d4cad0844604612213929101aa48df17.svg)
}

.metadata .badge.art-objectbook[data-v-cb98f3a2],.metadata .badge.picture-objectbook[data-v-cb98f3a2],.metadata .badge.video-objectbook[data-v-cb98f3a2] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-objectbook.9c5d5fc3878165a5d4ed00f28b390252.svg)
}

.metadata .badge.free[data-v-cb98f3a2] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-free.d089615edaa577198c0327c927ef5722.svg);
    text-indent: -9999em
}

.metadata .badge.not-serviced[data-v-cb98f3a2] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-not-serviced.6ab5e5689b030f6a5495563995fc64de.svg);
    font-size: 0
}

.metadata .badge.milliecast[data-v-cb98f3a2] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-milliecast.dfa5e7bcd8254fa33600561509f9bac6.svg)
}

.metadata .badge.story-audio[data-v-cb98f3a2] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-audio.bf707248046701dc2ab5e302ecdd8b81.svg);
    padding-left: 64px;
    color: var(--audio);
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.story-webtoon[data-v-cb98f3a2] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-webtoon.58ae3358967db749f33b440e8c360853.svg)
}

.metadata .reading[data-v-cb98f3a2] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px;
    white-space: normal
}

.metadata .reading span[data-v-cb98f3a2] {
    padding: 0 6px
}

.metadata .play_time[data-v-cb98f3a2] {
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 12px;
    white-space: normal
}

.metadata .play_time span[data-v-cb98f3a2] {
    padding: 0 6px
}

.metadata .endDate[data-v-cb98f3a2] {
    color: var(--audio)
}

.metadata .endDate span[data-v-cb98f3a2] {
    color: var(--text-01)
}

.metadata.search[data-v-cb98f3a2] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.metadata.search .readingsearch .wandog[data-v-cb98f3a2] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-02);
    font-size: 14px;
    white-space: normal
}

.metadata.search .readingsearch .wandog .line[data-v-cb98f3a2] {
    padding: 0 2px
}

.metadata.search .readingsearch .sideinfo[data-v-cb98f3a2] {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-02);
    padding-top: 4px;
    margin-left: -2px
}

.metadata.search .readingsearch .sideinfo .review[data-v-cb98f3a2] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .review[data-v-cb98f3a2]:before {
    font-size: 20px;
    margin-right: 3px
}

.metadata.search .readingsearch .sideinfo .review.gubun[data-v-cb98f3a2]:after {
    content: "·";
    font-size: 12px;
    line-height: 18px;
    color: var(--placeholder);
    margin: 0 4px
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-cb98f3a2] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-cb98f3a2]:before {
    font-size: 19px;
    margin-right: 3px
}

.book-picture[data-v-cb98f3a2] {
    width: inherit;
    border-radius: 8px;
    background-color: var(--ui-04)
}

.book-picture[data-v-cb98f3a2]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    border: .5px solid var(--GTrans-02)
}

.grid-wrapper[data-v-cb98f3a2] {
    display: none
}

.new-millie-book .book-image[data-v-cb98f3a2] {
    display: block
}

.new-millie-book.story-book>a.book-image[data-v-cb98f3a2] {
    display: inline;
    height: unset
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2] {
    -webkit-transform: perspective(1px) scale(.826) translateZ(0);
    transform: perspective(1px) scale(.826) translateZ(0);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    right: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(0) {
    top: 0!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:first-of-type {
    top: 22px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(2) {
    top: 44px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(3) {
    top: 66px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(4) {
    top: 88px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(5) {
    top: 110px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(6) {
    top: 132px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(7) {
    top: 154px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(8) {
    top: 176px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(9) {
    top: 198px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(10) {
    top: 220px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(11) {
    top: 242px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-cb98f3a2]:nth-of-type(12) {
    top: 264px!important
}

.new-millie-book.story-book .metadata[data-v-cb98f3a2] {
    display: none
}

.like-book .new-millie-book.books[data-v-cb98f3a2] {
    display: flex;
    min-width: 100px;
    max-width: 100px
}

.like-book .new-millie-book.books .book-image[data-v-cb98f3a2] {
    position: relative
}

.like-book .new-millie-book.books .book-image[data-v-cb98f3a2]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.like-book .new-millie-book.books .book-image img[data-v-cb98f3a2] {
    min-height: 148px;
    max-height: 148px
}

.review-book .new-millie-book.books[data-v-cb98f3a2] {
    max-width: 32px;
    min-width: 32px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books[data-v-cb98f3a2] {
        max-width:88px;
        max-height: 128px;
        margin-top: 57px
    }
}

.review-book .new-millie-book.books .book-image[data-v-cb98f3a2] {
    position: relative
}

.review-book .new-millie-book.books .book-image[data-v-cb98f3a2]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.review-book .new-millie-book.books .book-image img[data-v-cb98f3a2] {
    min-height: 42px;
    max-height: 45px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books .book-image img[data-v-cb98f3a2] {
        max-width:128px;
        max-height: 128px
    }
}

@media (max-width: 720px) {
    .review-book .new-millie-book.books .book-image .badge[data-v-cb98f3a2] {
        display:none
    }
}

.today-book .today-book-data .new-millie-book.books[data-v-cb98f3a2] {
    display: flex
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-cb98f3a2] {
    max-width: 140px;
    min-width: 140px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-cb98f3a2]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.today-book .today-book-data .new-millie-book.books .book-image img[data-v-cb98f3a2] {
    min-height: 192px
}

.today-book .today-book-data .new-millie-book.books .book-data[data-v-cb98f3a2] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-cb98f3a2] {
    position: static
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-cb98f3a2]:before {
    right: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .title[data-v-cb98f3a2] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .author[data-v-cb98f3a2] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 30px;
    margin-bottom: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .reading[data-v-cb98f3a2] {
    display: none
}

.search-bestseller-list.ten .rank[data-v-cb98f3a2] {
    left: -30px!important
}

.search-bestseller-list .new-millie-book.books .book-image[data-v-cb98f3a2] {
    margin-right: 22px
}

.search-bestseller-list .new-millie-book.books .book-data .metadata[data-v-cb98f3a2] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .rank[data-v-cb98f3a2] {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .author[data-v-cb98f3a2] {
    position: relative
}

.search-book-list .new-millie-book.books[data-v-cb98f3a2] {
    min-width: 125px
}

@media (max-width: 700px) {
    .search-book-list .new-millie-book.books[data-v-cb98f3a2] {
        min-width:85px
    }
}

.search-book-list.grid .readingsearch div.sideinfo[data-v-cb98f3a2] {
    display: none!important
}

.search-book-list.list .books[data-v-cb98f3a2] {
    display: flex;
    flex-direction: row
}

.search-book-list.list .books .book-image[data-v-cb98f3a2] {
    max-width: 110px;
    margin-right: 16px
}

@media (max-width: 360px) {
    .search-book-list.list .books .book-image[data-v-cb98f3a2] {
        max-width:90px;
        margin-right: 10px
    }
}

.search-book-list.list .books .book-data .metadata .readingsearch[data-v-cb98f3a2] {
    margin-top: 8px
}

.search-book-list.list .metadata[data-v-cb98f3a2] {
    padding-top: 0
}

.search-book-list.list .metadata .badge.readingbook[data-v-cb98f3a2] {
    display: -webkit-box
}

.search-post-list .new-millie-book.books[data-v-cb98f3a2] {
    min-width: 105px;
    max-width: 105px;
    margin: 0 auto
}

.search-post-list .new-millie-book.books .thumbnail-inner[data-v-cb98f3a2] {
    max-height: 156px
}

.search-post-list .new-millie-book.books .thumbnail-inner.no-image img[data-v-cb98f3a2] {
    min-height: auto
}

.search-best-ranking .books .book-image[data-v-cb98f3a2]:before {
    height: 84px;
    left: -14%;
    bottom: 4%
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-cb98f3a2]:before {
    width: 86px;
    height: 80px
}

.top-banner-container .title[data-v-cb98f3a2] {
    font-size: 20px;
    margin: 2px 0;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: var(--text-01)
}

.top-banner-container .description[data-v-cb98f3a2] {
    font-size: 16px
}

.top-banner-container .desc_1[data-v-cb98f3a2],.top-banner-container .desc_2[data-v-cb98f3a2] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-03)
}

.recent-list .new-millie-book.books[data-v-cb98f3a2] {
    display: flex
}

.recent-list .new-millie-book.books .book-image[data-v-cb98f3a2] {
    width: 50px;
    height: 70px
}

.customTitle[data-v-cb98f3a2] {
    color: var(--text-03)
}

.customTitle .icon[data-v-cb98f3a2] {
    display: inline-block;
    padding: 2px 5px;
    background: var(--primary);
    border-radius: 16px;
    color: var(--text-01);
    margin-right: 5px
}

.customTitle+.title[data-v-cb98f3a2] {
    margin-top: 2px
}

.new-millie-book.curation-item .book-image[data-v-cb98f3a2] {
    background: var(--ui-04);
    border-radius: 16px;
    display: flex;
    justify-content: center
}

.new-millie-book.curation-item .book-image .thumbnail[data-v-cb98f3a2] {
    width: 100px;
    margin: 16px;
    box-sizing: content-box
}

.new-millie-book.curation-item .book-image img[data-v-cb98f3a2] {
    min-height: 120px!important;
    max-height: 160px!important
}

.new-millie-book.curation-item .book-data[data-v-cb98f3a2] {
    min-height: 26px
}

.new-millie-book.curation-item .book-data .metadata[data-v-cb98f3a2]:before {
    display: none
}

.new-millie-book.curation-item .book-data .metadata .reading[data-v-cb98f3a2] {
    display: block
}

.book-request .books-images>.new-millie-book.inner-image[data-v-cb98f3a2],.search-curation .books-images>.new-millie-book.inner-image[data-v-cb98f3a2] {
    min-width: 120px
}

.book-request .books-images>.new-millie-book.inner-image .book-image[data-v-cb98f3a2],.search-curation .books-images>.new-millie-book.inner-image .book-image[data-v-cb98f3a2] {
    padding-top: 140%;
    position: relative
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-cb98f3a2],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-cb98f3a2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-cb98f3a2],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-cb98f3a2] {
    height: 168px;
    top: 0;
    position: absolute
}

.book-request .books-images>.new-millie-book.inner-image .book-image img[data-v-cb98f3a2],.search-curation .books-images>.new-millie-book.inner-image .book-image img[data-v-cb98f3a2] {
    height: 100%
}

.book-request .inner .new-millie-book.books[data-v-cb98f3a2],.search-curation .inner .new-millie-book.books[data-v-cb98f3a2] {
    min-width: auto
}

.book-request .inner .new-millie-book .book-image[data-v-cb98f3a2],.search-curation .inner .new-millie-book .book-image[data-v-cb98f3a2] {
    padding-top: 143%;
    position: relative
}

.book-request .inner .new-millie-book .book-image .thumbnail[data-v-cb98f3a2],.search-curation .inner .new-millie-book .book-image .thumbnail[data-v-cb98f3a2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .inner .new-millie-book .book-image .thumbnail-inner[data-v-cb98f3a2],.search-curation .inner .new-millie-book .book-image .thumbnail-inner[data-v-cb98f3a2] {
    top: 0;
    position: absolute;
    bottom: 0
}

.book-request .inner .new-millie-book .book-image img[data-v-cb98f3a2],.search-curation .inner .new-millie-book .book-image img[data-v-cb98f3a2] {
    min-height: 100%
}

.book-request .book-data[data-v-cb98f3a2],.book-request .inner .new-millie-book .badge[data-v-cb98f3a2],.search-curation .book-data[data-v-cb98f3a2],.search-curation .inner .new-millie-book .badge[data-v-cb98f3a2] {
    display: none
}

.book-list .today-topic-book .new-millie-book.books[data-v-cb98f3a2] {
    display: flex
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2] {
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.book-list .today-topic-book .new-millie-book.books .book-image img[data-v-cb98f3a2] {
    min-height: 190px
}

.book-list .today-topic-book .new-millie-book.books .book-data[data-v-cb98f3a2] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    margin-bottom: 6px;
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-cb98f3a2] {
    position: static
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-cb98f3a2]:before {
    top: 0;
    right: 0
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .title[data-v-cb98f3a2] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .author[data-v-cb98f3a2] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 34px
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .reading[data-v-cb98f3a2] {
    white-space: nowrap
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2] {
    min-width: 120px;
    max-width: 120px
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2]:before {
    display: none
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image img[data-v-cb98f3a2] {
    min-height: 145px;
    max-height: 190px
}

.book-list.type2 .today-topic-book .new-millie-book.books[data-v-cb98f3a2] {
    width: 100%
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2] {
    min-width: 100px;
    max-width: 100px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2]:before {
    display: none
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image img[data-v-cb98f3a2] {
    min-height: 120px;
    max-height: 160px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-data[data-v-cb98f3a2] {
    align-items: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2] {
    min-width: 60px;
    max-width: 60px
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .badge[data-v-cb98f3a2],.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-cb98f3a2]:before {
    display: none
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .thumbnail-inner img[data-v-cb98f3a2] {
    height: 84px;
    min-height: auto;
    max-height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-data[data-v-cb98f3a2] {
    align-items: center
}

.new-millie-book.today-review-book .book-image[data-v-cb98f3a2] {
    width: 60px;
    margin-right: 12px
}

.new-millie-book.today-review-book .book-image img[data-v-cb98f3a2] {
    min-height: unset!important;
    max-height: unset!important
}

.new-millie-book.today-review-book .book-data[data-v-cb98f3a2] {
    display: flex;
    width: 100%;
    align-items: center
}

.new-millie-book.today-review-book .book-data .metadata[data-v-cb98f3a2] {
    padding-top: 0
}

.new-millie-book.only-books>a[data-v-cb98f3a2] {
    pointer-events: none;
    cursor: default
}

.new-millie-book.only-books .readingbook[data-v-cb98f3a2] {
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-millie-book.feed-book .book-image[data-v-cb98f3a2] {
    min-width: 100px;
    max-width: 100px;
    margin-right: 16px
}

.new-millie-book.feed-book .book-image .thumbnail .badge[data-v-cb98f3a2] {
    display: none
}

.new-millie-book.feed-book .book-data .metadata[data-v-cb98f3a2] {
    padding-top: 41px
}

.new-millie-book.feed-book .book-data .metadata .title[data-v-cb98f3a2] {
    font-size: 12px;
    max-width: 100%;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book .book-data .metadata .author[data-v-cb98f3a2],.new-millie-book.feed-book .book-data .metadata .reading[data-v-cb98f3a2] {
    font-size: 12px
}

.new-millie-book.feed-book.type02 .book-image[data-v-cb98f3a2] {
    min-width: 76px;
    max-width: 76px
}

.new-millie-book.feed-book.type02 .book-image .thumbnail .badge[data-v-cb98f3a2] {
    display: none
}

.new-millie-book.feed-book.type02 .metadata[data-v-cb98f3a2] {
    padding-top: 10px
}

.new-millie-book.feed-book-title .book-data .metadata .title[data-v-cb98f3a2] {
    font-size: 12px;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book-title .book-data .metadata .author[data-v-cb98f3a2] {
    font-size: 12px
}

.new-millie-book.feed-body-book .book-image .thumbnail .thumbnail-inner img[data-v-cb98f3a2] {
    min-height: 224px!important
}

@media (max-width: 999px) {
    .today-book .today-book-data .new-millie-book.books[data-v-cb98f3a2] {
        width:140px;
        margin: 0 auto;
        position: relative
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-cb98f3a2] {
        margin: 0;
        display: block;
        position: absolute;
        bottom: 0;
        right: -34px;
        width: 16px;
        height: 16px
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-cb98f3a2] {
        width: 16px;
        height: 16px;
        padding-top: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-cb98f3a2]:before {
        top: auto;
        right: 0;
        bottom: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata p[data-v-cb98f3a2] {
        display: none!important
    }
}

@media (max-width: 700px) {
    .today-book .today-book-data .new-millie-book.books[data-v-cb98f3a2] {
        position:static
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-cb98f3a2] {
        right: 24px;
        bottom: 24px
    }
}

@media (max-width: 320px) {
    .new-millie-book.feed-book .book-image[data-v-cb98f3a2] {
        min-width:75px;
        max-width: 75px
    }

    .new-millie-book.feed-book.type02 .book-image[data-v-cb98f3a2] {
        min-width: 66px;
        max-width: 66px
    }
}

.search-best-ranking .books .book-image[data-v-cb98f3a2] {
    position: relative
}

.search-best-ranking .books .book-image[data-v-cb98f3a2]:before {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 74px;
    height: 96px;
    left: -12%;
    bottom: 7%;
    z-index: 1;
    -webkit-transform: translate(-10%,4%);
    transform: translate(-10%,4%)
}

.search-best-ranking:first-child .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank1.78b575df47aaf13e0163d4314ba58f33.png)
}

.search-best-ranking:nth-child(2) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank2.a4d4903dbcb115dce1d92917f717efb6.png)
}

.search-best-ranking:nth-child(3) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank3.96555c5faf2dfb6d3ccd460e5d6fca4f.png)
}

.search-best-ranking:nth-child(4) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank4.8f6c3e6ceb08ef82d3179bd8f327307f.png)
}

.search-best-ranking:nth-child(5) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank5.f2d7c03fc144fb202d3d414acccdcf0a.png)
}

.search-best-ranking:nth-child(6) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank6.f5b65a778baa6e4f9e290150160e9f18.png)
}

.search-best-ranking:nth-child(7) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank7.23bc494659217e7a3e3b1da7dc6676dc.png)
}

.search-best-ranking:nth-child(8) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank8.102842845f98f7140cf939d6942ab665.png)
}

.search-best-ranking:nth-child(9) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank9.a705bab1de70d5cea9c69f7e1d103429.png)
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-cb98f3a2]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank10.4551130f16f7e623aa12557581bcb7d1.png);
    width: 108px;
    height: 97px
}

.search-best-list.min .rank[data-v-cb98f3a2] {
    left: -28px!important
}

.search-best-list.max .rank[data-v-cb98f3a2] {
    left: -40px!important
}

.search-best-list .books .book-image[data-v-cb98f3a2] {
    max-width: 98px;
    margin-right: 22px
}

@media (max-width: 520px) {
    .search-best-list .books .book-image[data-v-cb98f3a2] {
        max-width:68px
    }
}

.search-best-list .books .book-data[data-v-cb98f3a2] {
    display: flex
}

.search-best-list .books .book-data .metadata[data-v-cb98f3a2] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-best-list .books .book-data .metadata .rank[data-v-cb98f3a2] {
    position: absolute;
    left: -33px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-best-list .books .book-data .metadata .author[data-v-cb98f3a2] {
    position: relative
}

.book-picture[data-v-cb98f3a2] {
    overflow: hidden;
    display: block;
    position: relative;
    max-height: 240px
}

.book-picture picture[data-v-cb98f3a2] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /* opacity: 0; */
    transition: opacity .7s
}

.book-picture picture img[data-v-cb98f3a2] {
    display: block;
    width: 100%;
    height: 100%
}

.book-picture.imageLoaded[data-v-cb98f3a2] {
    padding-top: 0
}

.book-picture.imageLoaded picture[data-v-cb98f3a2] {
    position: static;
    opacity: 1
}

.new-millie-book .alarm-btn[data-v-433ba5a6] {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffeb60;
    padding: 5px;
    width: 100%;
    z-index: 1;
    color: #242424;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    justify-content: center;
    display: flex
}

.new-millie-book .alarm-btn.on[data-v-433ba5a6] {
    background-color: #dfdfdf
}

.new-millie-book .alarm-btn.on i[data-v-433ba5a6] {
    width: 13px;
    height: 13px;
    position: relative
}

.new-millie-book .alarm-btn.on i[data-v-433ba5a6]:before {
    content: "";
    display: block;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/alarm_cancle_16px_1.86f3163909acc97ef6074b303adb7c83.svg) no-repeat 50%;
    width: 13px;
    height: 13px;
    background-size: cover;
    position: absolute
}

.new-millie-book .alarm-btn i[data-v-433ba5a6] {
    font-size: 12px;
    margin-right: 4px
}

.new-millie-book.books[data-v-433ba5a6] {
    min-width: 145px
}

.new-millie-book.books.large[data-v-433ba5a6] {
    min-width: 180px!important;
    max-width: 180px!important
}

.new-millie-book.books.medium[data-v-433ba5a6] {
    min-width: 125px!important;
    max-width: 125px!important
}

.new-millie-book.books.medium .thumbnail-inner[data-v-433ba5a6],.new-millie-book.books.medium .thumbnail-inner img[data-v-433ba5a6] {
    max-height: 190px
}

.new-millie-book.books.medium .metadata .title[data-v-433ba5a6] {
    font-size: 14px
}

.new-millie-book.books.medium .metadata .author[data-v-433ba5a6],.new-millie-book.books.medium .metadata .reading[data-v-433ba5a6] {
    font-size: 12px
}

.new-millie-book.books.small[data-v-433ba5a6] {
    min-width: 100px!important;
    max-width: 100px!important
}

.new-millie-book.books.small .thumbnail-inner[data-v-433ba5a6],.new-millie-book.books.small .thumbnail-inner img[data-v-433ba5a6] {
    max-height: 145px
}

.new-millie-book.books.small .metadata .author[data-v-433ba5a6],.new-millie-book.books.small .metadata .reading[data-v-433ba5a6],.new-millie-book.books.small .metadata .title[data-v-433ba5a6] {
    font-size: 12px
}

.new-millie-book.books.today-original.video-today-original .book-image[data-v-433ba5a6] {
    max-width: 73px;
    margin-top: 0
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner[data-v-433ba5a6] {
    max-height: 102px
}

.new-millie-book.books.today-original.video-today-original .book-image .thumbnail-inner img[data-v-433ba5a6] {
    max-height: 102px!important;
    min-height: 102px!important
}

.new-millie-book.books.today-original .book-image[data-v-433ba5a6] {
    max-width: 100px;
    margin-top: -38px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner[data-v-433ba5a6] {
    max-height: 140px
}

.new-millie-book.books.today-original .book-image .thumbnail-inner img[data-v-433ba5a6] {
    max-height: 140px!important;
    min-height: 140px!important
}

.new-millie-book.books.today-original .book-data[data-v-433ba5a6] {
    padding-left: 16px
}

.new-millie-book.books.today-original .book-data .metadata[data-v-433ba5a6] {
    padding-top: 0
}

.new-millie-book.books.today-original .book-data .metadata .title[data-v-433ba5a6] {
    font-size: 12px
}

.new-millie-book.books.today-original .book-data .metadata .author[data-v-433ba5a6] {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em
}

.new-millie-book.books.no-badge .thumbnail .badge[data-v-433ba5a6],.new-millie-book.books.no-thumb .reader-thumbnail[data-v-433ba5a6] {
    display: none
}

.new-millie-book.books.no-badge .thumbnail .badge.adult[data-v-433ba5a6] {
    display: block
}

.new-millie-book.books>a[data-v-433ba5a6],.new-millie-book.books>button[data-v-433ba5a6] {
    display: block;
    width: 100%
}

.new-millie-book.books .book-image[data-v-433ba5a6] {
    display: flex;
    min-height: auto;
    align-items: flex-end;
    padding-top: 0;
    height: 100%
}

.new-millie-book.books .thumbnail[data-v-433ba5a6] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.new-millie-book.books .thumbnail .icon-series-tack[data-v-433ba5a6] {
    position: absolute;
    right: -13px;
    top: 12px;
    z-index: 30;
    width: 62px;
    height: 32px;
    padding-top: 4px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-series-tack.1fbb8d2aea947ae1f7c5323fb0ea7663.png) 0 0 no-repeat;
    font-size: 12px;
    text-align: center;
    color: rgba(51,51,51,.5)
}

.new-millie-book.books .thumbnail .icon-series-tack strong[data-v-433ba5a6] {
    margin: 0 1px;
    color: var(--ui-09)
}

.new-millie-book.books .adult .thumbnail-inner[data-v-433ba5a6] {
    background: red
}

.new-millie-book.books .adult .thumbnail-inner img[data-v-433ba5a6] {
    display: none
}

.new-millie-book.books.ratio-book .book-image[data-v-433ba5a6],.new-millie-book.books .ratio-book .book-image[data-v-433ba5a6] {
    display: block;
    height: auto
}

.new-millie-book.books.ratio-book .thumbnail-inner[data-v-433ba5a6],.new-millie-book.books .ratio-book .thumbnail-inner[data-v-433ba5a6] {
    height: 0;
    padding-top: 140%
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture[data-v-433ba5a6],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture[data-v-433ba5a6] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 100%!important;
    max-width: 100%!important
}

.new-millie-book.books.ratio-book .thumbnail-inner .book-picture picture[data-v-433ba5a6],.new-millie-book.books .ratio-book .thumbnail-inner .book-picture picture[data-v-433ba5a6] {
    height: 100%
}

.new-millie-book.books.ratio-book .thumbnail-inner img[data-v-433ba5a6],.new-millie-book.books .ratio-book .thumbnail-inner img[data-v-433ba5a6] {
    min-height: 100%
}

.new-millie-book.books.blank .book-image[data-v-433ba5a6] {
    padding-top: 0
}

.badges .badge[data-v-433ba5a6] {
    margin-right: -7px;
    margin-top: -25px;
    display: block;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999em;
    background-size: contain;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat
}

.badges .badge.audiodrama[data-v-433ba5a6],.badges .badge.readingbook[data-v-433ba5a6],.badges .badge.story-audio[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-readingbook.6d3d4deb89226cd278417a183150b386.png)
}

.badges .badge.chatbook[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-chatbook.c95e0993d645b36aa15b22e9cc5a3bf9.png)
}

.badges .badge.docentbook[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-docentbook.8daec6b46cb5492272febe22b054b172.png)
}

.badges .badge.ready[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-ready.7ca017202c6ea620936ae3443d480a3c.png);
    width: 45px
}

.badges .badge.freebook[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-free.b87eaeaf8e22e7ed06b646d248fddcb5.png)
}

.badges .badge.pdf[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-pdf.feba67165f163295a3bf77cfb2bb69b8.png)
}

.badges .badge.comics[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-comics.701905de2c14619a7df463048857cc1d.png)
}

.badges .badge.adult[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-adult-new.c407ce2ba8c01a5b7fc28804d59e79ec.png)
}

.badges .badge.series[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-serise.c0a36b82b9abb71aad327734ac3a1128.png);
    width: 45px;
    text-indent: 0
}

.badges .badge.series span[data-v-433ba5a6] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    color: #6f6f6f;
    letter-spacing: -3px;
    white-space: nowrap
}

.badges .badge.short[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-short.57106ab2f76f3e4e107a4ccb19db5e6e.png)
}

.badges .badge.full[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-full.a98c7199ab8829b059a2386c6f91efca.png)
}

.badges .badge.my-audio-book[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-my-audio-book.f6b29f55a2b809609e71db7c9d38ae89.png);
    width: 54px
}

.badges .badge.monopoly[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-monopoly.a1f8b011ad6fe2d61557913d92828f8b.png);
    text-indent: 0
}

.badges .badge.new[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-new.dbf6b6fc6b53cedc0886106d55c0b7bb.png)
}

.badges .badge.up[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/badge-up.f0a3511fe896dd3c0ab1ae4d52cc0101.png)
}

.badges .badge.top26[data-v-433ba5a6] {
    top: 26px
}

.badges .badge.top52[data-v-433ba5a6] {
    top: 52px
}

.badges .badge.highlight[data-v-433ba5a6] {
    height: 24px;
    top: 30px!important;
    right: 4px;
    padding: 5px 8px 3px 5px;
    background: #3d3d3d;
    border-radius: 8px;
    text-indent: 0;
    color: #9e9e9e;
    text-align: right;
    font-size: 12px
}

.badges .badge.highlight strong[data-v-433ba5a6] {
    margin-right: 3px;
    color: #fff
}

.badges .badge[data-v-433ba5a6]:nth-of-type(0) {
    top: 0!important
}

.badges .badge[data-v-433ba5a6]:first-of-type {
    top: 28px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(2) {
    top: 56px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(3) {
    top: 84px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(4) {
    top: 112px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(5) {
    top: 140px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(6) {
    top: 168px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(7) {
    top: 196px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(8) {
    top: 224px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(9) {
    top: 252px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(10) {
    top: 280px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(11) {
    top: 308px!important
}

.badges .badge[data-v-433ba5a6]:nth-of-type(12) {
    top: 336px!important
}

.badges .badge[data-v-433ba5a6]:first-of-type {
    top: 30px!important
}

.metadata[data-v-433ba5a6] {
    padding-top: 8px;
    font-size: 12px;
    text-align: left;
    position: relative;
    font-family: Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;
    letter-spacing: 0
}

.metadata [data-v-433ba5a6] {
    font-family: inherit;
    letter-spacing: inherit
}

.metadata .rank[data-v-433ba5a6] {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--text-strong)
}

.metadata .title[data-v-433ba5a6] {
    -webkit-line-clamp: 2;
    max-height: 2.7em;
    color: var(--text-01);
    font-weight: 700;
    margin-bottom: 2px;
    max-height: 3em
}

.metadata .author[data-v-433ba5a6],.metadata .title[data-v-433ba5a6] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 12px;
    white-space: normal;
    line-height: 18px
}

.metadata .author[data-v-433ba5a6] {
    -webkit-line-clamp: 1;
    max-height: 1.35em;
    color: var(--text-03);
    max-height: 3em
}

.metadata .badge[data-v-433ba5a6] {
    display: none;
    min-width: 37px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    margin-bottom: 2px
}

.metadata .badge em[data-v-433ba5a6] {
    color: #bf85f9;
    line-height: 18px;
    position: absolute;
    top: 1px;
    left: 42px
}

.metadata .badge.my-audio-book[data-v-433ba5a6],.metadata .badge.readingbook[data-v-433ba5a6],.metadata .badge em[data-v-433ba5a6] {
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.metadata .badge.my-audio-book[data-v-433ba5a6],.metadata .badge.readingbook[data-v-433ba5a6] {
    padding-left: 48px;
    color: var(--audio);
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.my-audio-book.reader[data-v-433ba5a6],.metadata .badge.my-audio-book[data-v-433ba5a6],.metadata .badge.readingbook.reader[data-v-433ba5a6],.metadata .badge.readingbook[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.my-audio-book.ai[data-v-433ba5a6],.metadata .badge.readingbook.ai[data-v-433ba5a6] {
    padding-left: 58px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-ai.d642b05a00c0a1059735c133c6f20231.svg)
}

.metadata .badge.my-audio-book.mp3[data-v-433ba5a6],.metadata .badge.readingbook.mp3[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiobook.c86d9e0acb52f4c9dbe30b4d08d208c8.svg)
}

.metadata .badge.chatbook[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-chatbook.fe8538ede35677bd9b8bc374742055cc.svg);
    display: block
}

.metadata .badge.docent[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-docentbook.ce30ee1bbef81973b6bb89f4ec770a42.svg);
    display: block
}

.metadata .badge.docent em[data-v-433ba5a6] {
    color: #793edc
}

.metadata .badge.audiodrama[data-v-433ba5a6] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-audiodrama.ddc906d68356a69d8fed596afe3c79a0.svg);
    display: block;
    text-indent: -9999em
}

.metadata .badge.new-docentbook[data-v-433ba5a6] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-new-docentbook.d4cad0844604612213929101aa48df17.svg)
}

.metadata .badge.art-objectbook[data-v-433ba5a6],.metadata .badge.picture-objectbook[data-v-433ba5a6],.metadata .badge.video-objectbook[data-v-433ba5a6] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-objectbook.9c5d5fc3878165a5d4ed00f28b390252.svg)
}

.metadata .badge.free[data-v-433ba5a6] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-free.d089615edaa577198c0327c927ef5722.svg);
    text-indent: -9999em
}

.metadata .badge.not-serviced[data-v-433ba5a6] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-not-serviced.6ab5e5689b030f6a5495563995fc64de.svg);
    font-size: 0
}

.metadata .badge.milliecast[data-v-433ba5a6] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-milliecast.dfa5e7bcd8254fa33600561509f9bac6.svg)
}

.metadata .badge.story-audio[data-v-433ba5a6] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-audio.bf707248046701dc2ab5e302ecdd8b81.svg);
    padding-left: 64px;
    color: var(--audio);
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    align-items: center;
    max-height: 1.5em;
    line-height: 1.5em
}

.metadata .badge.story-webtoon[data-v-433ba5a6] {
    display: block;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/label-story-webtoon.58ae3358967db749f33b440e8c360853.svg)
}

.metadata .reading[data-v-433ba5a6] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 14px;
    white-space: normal
}

.metadata .reading span[data-v-433ba5a6] {
    padding: 0 6px
}

.metadata .play_time[data-v-433ba5a6] {
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-03);
    font-size: 12px;
    white-space: normal
}

.metadata .play_time span[data-v-433ba5a6] {
    padding: 0 6px
}

.metadata .endDate[data-v-433ba5a6] {
    color: var(--audio)
}

.metadata .endDate span[data-v-433ba5a6] {
    color: var(--text-01)
}

.metadata.search[data-v-433ba5a6] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.metadata.search .readingsearch .wandog[data-v-433ba5a6] {
    padding-left: 20px;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-complete-reading.21bedb2495da0a062920c4392d4397ba.svg) no-repeat 0;
    background-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 1.35em;
    color: var(--text-02);
    font-size: 14px;
    white-space: normal
}

.metadata.search .readingsearch .wandog .line[data-v-433ba5a6] {
    padding: 0 2px
}

.metadata.search .readingsearch .sideinfo[data-v-433ba5a6] {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-02);
    padding-top: 4px;
    margin-left: -2px
}

.metadata.search .readingsearch .sideinfo .review[data-v-433ba5a6] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .review[data-v-433ba5a6]:before {
    font-size: 20px;
    margin-right: 3px
}

.metadata.search .readingsearch .sideinfo .review.gubun[data-v-433ba5a6]:after {
    content: "·";
    font-size: 12px;
    line-height: 18px;
    color: var(--placeholder);
    margin: 0 4px
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-433ba5a6] {
    display: flex;
    align-items: center
}

.metadata.search .readingsearch .sideinfo .addshelf[data-v-433ba5a6]:before {
    font-size: 19px;
    margin-right: 3px
}

.book-picture[data-v-433ba5a6] {
    overflow: hidden;
    position: relative;
    width: inherit;
    border-radius: 8px;
    background-color: var(--ui-04)
}

.book-picture[data-v-433ba5a6]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    border: .5px solid var(--GTrans-02)
}

.grid-wrapper[data-v-433ba5a6] {
    display: none
}

.new-millie-book .book-image[data-v-433ba5a6] {
    display: block
}

.new-millie-book.story-book>a.book-image[data-v-433ba5a6] {
    display: inline;
    height: unset
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6] {
    -webkit-transform: perspective(1px) scale(.826) translateZ(0);
    transform: perspective(1px) scale(.826) translateZ(0);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    right: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(0) {
    top: 0!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:first-of-type {
    top: 22px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(2) {
    top: 44px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(3) {
    top: 66px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(4) {
    top: 88px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(5) {
    top: 110px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(6) {
    top: 132px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(7) {
    top: 154px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(8) {
    top: 176px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(9) {
    top: 198px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(10) {
    top: 220px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(11) {
    top: 242px!important
}

.new-millie-book.story-book .thumbnail .badge[data-v-433ba5a6]:nth-of-type(12) {
    top: 264px!important
}

.new-millie-book.story-book .metadata[data-v-433ba5a6] {
    display: none
}

.like-book .new-millie-book.books[data-v-433ba5a6] {
    display: flex;
    min-width: 100px;
    max-width: 100px
}

.like-book .new-millie-book.books .book-image[data-v-433ba5a6] {
    position: relative
}

.like-book .new-millie-book.books .book-image[data-v-433ba5a6]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.like-book .new-millie-book.books .book-image img[data-v-433ba5a6] {
    min-height: 148px;
    max-height: 148px
}

.review-book .new-millie-book.books[data-v-433ba5a6] {
    max-width: 32px;
    min-width: 32px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books[data-v-433ba5a6] {
        max-width:88px;
        max-height: 128px;
        margin-top: 57px
    }
}

.review-book .new-millie-book.books .book-image[data-v-433ba5a6] {
    position: relative
}

.review-book .new-millie-book.books .book-image[data-v-433ba5a6]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.review-book .new-millie-book.books .book-image img[data-v-433ba5a6] {
    min-height: 42px;
    max-height: 45px
}

@media (min-width: 720px) {
    .review-book .new-millie-book.books .book-image img[data-v-433ba5a6] {
        max-width:128px;
        max-height: 128px
    }
}

@media (max-width: 720px) {
    .review-book .new-millie-book.books .book-image .badge[data-v-433ba5a6] {
        display:none
    }
}

.today-book .today-book-data .new-millie-book.books[data-v-433ba5a6] {
    display: flex
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-433ba5a6] {
    max-width: 140px;
    min-width: 140px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-image[data-v-433ba5a6]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.today-book .today-book-data .new-millie-book.books .book-image img[data-v-433ba5a6] {
    min-height: 192px
}

.today-book .today-book-data .new-millie-book.books .book-data[data-v-433ba5a6] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    position: relative
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-433ba5a6] {
    position: static
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-433ba5a6]:before {
    right: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .title[data-v-433ba5a6] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .author[data-v-433ba5a6] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 30px;
    margin-bottom: 8px
}

.today-book .today-book-data .new-millie-book.books .book-data .metadata .reading[data-v-433ba5a6] {
    display: none
}

.search-bestseller-list.ten .rank[data-v-433ba5a6] {
    left: -30px!important
}

.search-bestseller-list .new-millie-book.books .book-image[data-v-433ba5a6] {
    margin-right: 22px
}

.search-bestseller-list .new-millie-book.books .book-data .metadata[data-v-433ba5a6] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .rank[data-v-433ba5a6] {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-bestseller-list .new-millie-book.books .book-data .metadata .author[data-v-433ba5a6] {
    position: relative
}

.search-book-list .new-millie-book.books[data-v-433ba5a6] {
    min-width: 125px
}

@media (max-width: 700px) {
    .search-book-list .new-millie-book.books[data-v-433ba5a6] {
        min-width:85px
    }
}

.search-book-list.grid .readingsearch div.sideinfo[data-v-433ba5a6] {
    display: none!important
}

.search-book-list.list .books[data-v-433ba5a6] {
    display: flex;
    flex-direction: row
}

.search-book-list.list .books .book-image[data-v-433ba5a6] {
    max-width: 110px;
    margin-right: 16px
}

@media (max-width: 360px) {
    .search-book-list.list .books .book-image[data-v-433ba5a6] {
        max-width:90px;
        margin-right: 10px
    }
}

.search-book-list.list .books .book-data .metadata .readingsearch[data-v-433ba5a6] {
    margin-top: 8px
}

.search-book-list.list .metadata[data-v-433ba5a6] {
    padding-top: 0
}

.search-book-list.list .metadata .badge.readingbook[data-v-433ba5a6] {
    display: -webkit-box
}

.search-post-list .new-millie-book.books[data-v-433ba5a6] {
    min-width: 105px;
    max-width: 105px;
    margin: 0 auto
}

.search-post-list .new-millie-book.books .thumbnail-inner[data-v-433ba5a6] {
    max-height: 156px
}

.search-post-list .new-millie-book.books .thumbnail-inner.no-image img[data-v-433ba5a6] {
    min-height: auto
}

.search-best-ranking .books .book-image[data-v-433ba5a6]:before {
    height: 84px;
    left: -14%;
    bottom: 4%
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-433ba5a6]:before {
    width: 86px;
    height: 80px
}

.top-banner-container .title[data-v-433ba5a6] {
    font-size: 20px;
    margin: 2px 0;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: var(--text-01)
}

.top-banner-container .description[data-v-433ba5a6] {
    font-size: 16px
}

.top-banner-container .desc_1[data-v-433ba5a6],.top-banner-container .desc_2[data-v-433ba5a6] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-03)
}

.recent-list .new-millie-book.books[data-v-433ba5a6] {
    display: flex
}

.recent-list .new-millie-book.books .book-image[data-v-433ba5a6] {
    width: 50px;
    height: 70px
}

.customTitle[data-v-433ba5a6] {
    color: var(--text-03)
}

.customTitle .icon[data-v-433ba5a6] {
    display: inline-block;
    padding: 2px 5px;
    background: var(--primary);
    border-radius: 16px;
    color: var(--text-01);
    margin-right: 5px
}

.customTitle+.title[data-v-433ba5a6] {
    margin-top: 2px
}

.new-millie-book.curation-item .book-image[data-v-433ba5a6] {
    background: var(--ui-04);
    border-radius: 16px;
    display: flex;
    justify-content: center
}

.new-millie-book.curation-item .book-image .thumbnail[data-v-433ba5a6] {
    width: 100px;
    margin: 16px;
    box-sizing: content-box
}

.new-millie-book.curation-item .book-image img[data-v-433ba5a6] {
    min-height: 120px!important;
    max-height: 160px!important
}

.new-millie-book.curation-item .book-data[data-v-433ba5a6] {
    min-height: 26px
}

.new-millie-book.curation-item .book-data .metadata[data-v-433ba5a6]:before {
    display: none
}

.new-millie-book.curation-item .book-data .metadata .reading[data-v-433ba5a6] {
    display: block
}

.book-request .books-images>.new-millie-book.inner-image[data-v-433ba5a6],.search-curation .books-images>.new-millie-book.inner-image[data-v-433ba5a6] {
    min-width: 120px
}

.book-request .books-images>.new-millie-book.inner-image .book-image[data-v-433ba5a6],.search-curation .books-images>.new-millie-book.inner-image .book-image[data-v-433ba5a6] {
    padding-top: 140%;
    position: relative
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-433ba5a6],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail[data-v-433ba5a6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-433ba5a6],.search-curation .books-images>.new-millie-book.inner-image .book-image .thumbnail-inner[data-v-433ba5a6] {
    height: 168px;
    top: 0;
    position: absolute
}

.book-request .books-images>.new-millie-book.inner-image .book-image img[data-v-433ba5a6],.search-curation .books-images>.new-millie-book.inner-image .book-image img[data-v-433ba5a6] {
    height: 100%
}

.book-request .inner .new-millie-book.books[data-v-433ba5a6],.search-curation .inner .new-millie-book.books[data-v-433ba5a6] {
    min-width: auto
}

.book-request .inner .new-millie-book .book-image[data-v-433ba5a6],.search-curation .inner .new-millie-book .book-image[data-v-433ba5a6] {
    padding-top: 143%;
    position: relative
}

.book-request .inner .new-millie-book .book-image .thumbnail[data-v-433ba5a6],.search-curation .inner .new-millie-book .book-image .thumbnail[data-v-433ba5a6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.book-request .inner .new-millie-book .book-image .thumbnail-inner[data-v-433ba5a6],.search-curation .inner .new-millie-book .book-image .thumbnail-inner[data-v-433ba5a6] {
    top: 0;
    position: absolute;
    bottom: 0
}

.book-request .inner .new-millie-book .book-image img[data-v-433ba5a6],.search-curation .inner .new-millie-book .book-image img[data-v-433ba5a6] {
    min-height: 100%
}

.book-request .book-data[data-v-433ba5a6],.book-request .inner .new-millie-book .badge[data-v-433ba5a6],.search-curation .book-data[data-v-433ba5a6],.search-curation .inner .new-millie-book .badge[data-v-433ba5a6] {
    display: none
}

.book-list .today-topic-book .new-millie-book.books[data-v-433ba5a6] {
    display: flex
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6] {
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6]:before {
    z-index: 1;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05) .01%,rgba(0,0,0,.05) 5.97%,hsla(0,0%,100%,.3) 15.89%,hsla(0,0%,100%,0) 28.19%,rgba(0,0,0,.05) 0,rgba(0,0,0,.0277927) 46.96%,hsla(0,0%,100%,0) 47.51%,hsla(0,0%,100%,.1) 54.14%,hsla(0,0%,100%,0))
}

.book-list .today-topic-book .new-millie-book.books .book-image img[data-v-433ba5a6] {
    min-height: 190px
}

.book-list .today-topic-book .new-millie-book.books .book-data[data-v-433ba5a6] {
    display: flex;
    align-items: flex-end;
    margin-left: 16px;
    margin-bottom: 6px;
    position: relative
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-433ba5a6] {
    position: static
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata[data-v-433ba5a6]:before {
    top: 0;
    right: 0
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .title[data-v-433ba5a6] {
    padding-right: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .author[data-v-433ba5a6] {
    color: var(--text-04);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 34px
}

.book-list .today-topic-book .new-millie-book.books .book-data .metadata .reading[data-v-433ba5a6] {
    white-space: nowrap
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6] {
    min-width: 120px;
    max-width: 120px
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6]:before {
    display: none
}

.book-list.type1 .today-topic-book .new-millie-book.books .book-image img[data-v-433ba5a6] {
    min-height: 145px;
    max-height: 190px
}

.book-list.type2 .today-topic-book .new-millie-book.books[data-v-433ba5a6] {
    width: 100%
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6] {
    min-width: 100px;
    max-width: 100px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6]:before {
    display: none
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-image img[data-v-433ba5a6] {
    min-height: 120px;
    max-height: 160px
}

.book-list.type2 .today-topic-book .new-millie-book.books .book-data[data-v-433ba5a6] {
    align-items: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6] {
    min-width: 60px;
    max-width: 60px
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .badge[data-v-433ba5a6],.book-list.type3 .today-topic-book .new-millie-book.books .book-image[data-v-433ba5a6]:before {
    display: none
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-image .thumbnail .thumbnail-inner img[data-v-433ba5a6] {
    height: 84px;
    min-height: auto;
    max-height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.book-list.type3 .today-topic-book .new-millie-book.books .book-data[data-v-433ba5a6] {
    align-items: center
}

.new-millie-book.today-review-book .book-image[data-v-433ba5a6] {
    width: 60px;
    margin-right: 12px
}

.new-millie-book.today-review-book .book-image img[data-v-433ba5a6] {
    min-height: unset!important;
    max-height: unset!important
}

.new-millie-book.today-review-book .book-data[data-v-433ba5a6] {
    display: flex;
    width: 100%;
    align-items: center
}

.new-millie-book.today-review-book .book-data .metadata[data-v-433ba5a6] {
    padding-top: 0
}

.new-millie-book.only-books>a[data-v-433ba5a6] {
    pointer-events: none;
    cursor: default
}

.new-millie-book.only-books .readingbook[data-v-433ba5a6] {
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-millie-book.feed-book .book-image[data-v-433ba5a6] {
    min-width: 100px;
    max-width: 100px;
    margin-right: 16px
}

.new-millie-book.feed-book .book-image .thumbnail .badge[data-v-433ba5a6] {
    display: none
}

.new-millie-book.feed-book .book-data .metadata[data-v-433ba5a6] {
    padding-top: 41px
}

.new-millie-book.feed-book .book-data .metadata .title[data-v-433ba5a6] {
    font-size: 12px;
    max-width: 100%;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book .book-data .metadata .author[data-v-433ba5a6],.new-millie-book.feed-book .book-data .metadata .reading[data-v-433ba5a6] {
    font-size: 12px
}

.new-millie-book.feed-book.type02 .book-image[data-v-433ba5a6] {
    min-width: 76px;
    max-width: 76px
}

.new-millie-book.feed-book.type02 .book-image .thumbnail .badge[data-v-433ba5a6] {
    display: none
}

.new-millie-book.feed-book.type02 .metadata[data-v-433ba5a6] {
    padding-top: 10px
}

.new-millie-book.feed-book-title .book-data .metadata .title[data-v-433ba5a6] {
    font-size: 12px;
    -webkit-line-clamp: 1
}

.new-millie-book.feed-book-title .book-data .metadata .author[data-v-433ba5a6] {
    font-size: 12px
}

.new-millie-book.feed-body-book .book-image .thumbnail .thumbnail-inner img[data-v-433ba5a6] {
    min-height: 224px!important
}

@media (max-width: 999px) {
    .today-book .today-book-data .new-millie-book.books[data-v-433ba5a6] {
        width:140px;
        margin: 0 auto;
        position: relative
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-433ba5a6] {
        margin: 0;
        display: block;
        position: absolute;
        bottom: 0;
        right: -34px;
        width: 16px;
        height: 16px
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-433ba5a6] {
        width: 16px;
        height: 16px;
        padding-top: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata[data-v-433ba5a6]:before {
        top: auto;
        right: 0;
        bottom: 0
    }

    .today-book .today-book-data .new-millie-book.books .book-data .metadata p[data-v-433ba5a6] {
        display: none!important
    }
}

@media (max-width: 700px) {
    .today-book .today-book-data .new-millie-book.books[data-v-433ba5a6] {
        position:static
    }

    .today-book .today-book-data .new-millie-book.books .book-data[data-v-433ba5a6] {
        right: 24px;
        bottom: 24px
    }
}

@media (max-width: 320px) {
    .new-millie-book.feed-book .book-image[data-v-433ba5a6] {
        min-width:75px;
        max-width: 75px
    }

    .new-millie-book.feed-book.type02 .book-image[data-v-433ba5a6] {
        min-width: 66px;
        max-width: 66px
    }
}

.search-best-ranking .books .book-image[data-v-433ba5a6] {
    position: relative
}

.search-best-ranking .books .book-image[data-v-433ba5a6]:before {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 74px;
    height: 96px;
    left: -12%;
    bottom: 7%;
    z-index: 1;
    -webkit-transform: translate(-10%,4%);
    transform: translate(-10%,4%)
}

.search-best-ranking:first-child .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank1.78b575df47aaf13e0163d4314ba58f33.png)
}

.search-best-ranking:nth-child(2) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank2.a4d4903dbcb115dce1d92917f717efb6.png)
}

.search-best-ranking:nth-child(3) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank3.96555c5faf2dfb6d3ccd460e5d6fca4f.png)
}

.search-best-ranking:nth-child(4) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank4.8f6c3e6ceb08ef82d3179bd8f327307f.png)
}

.search-best-ranking:nth-child(5) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank5.f2d7c03fc144fb202d3d414acccdcf0a.png)
}

.search-best-ranking:nth-child(6) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank6.f5b65a778baa6e4f9e290150160e9f18.png)
}

.search-best-ranking:nth-child(7) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank7.23bc494659217e7a3e3b1da7dc6676dc.png)
}

.search-best-ranking:nth-child(8) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank8.102842845f98f7140cf939d6942ab665.png)
}

.search-best-ranking:nth-child(9) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank9.a705bab1de70d5cea9c69f7e1d103429.png)
}

.search-best-ranking:nth-child(10) .books .book-image[data-v-433ba5a6]:before {
    content: "";
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/search/rank10.4551130f16f7e623aa12557581bcb7d1.png);
    width: 108px;
    height: 97px
}

.search-best-list.min .rank[data-v-433ba5a6] {
    left: -28px!important
}

.search-best-list.max .rank[data-v-433ba5a6] {
    left: -40px!important
}

.search-best-list .books .book-image[data-v-433ba5a6] {
    max-width: 98px;
    margin-right: 22px
}

@media (max-width: 520px) {
    .search-best-list .books .book-image[data-v-433ba5a6] {
        max-width:68px
    }
}

.search-best-list .books .book-data[data-v-433ba5a6] {
    display: flex
}

.search-best-list .books .book-data .metadata[data-v-433ba5a6] {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    justify-content: center
}

.search-best-list .books .book-data .metadata .rank[data-v-433ba5a6] {
    position: absolute;
    left: -33px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-best-list .books .book-data .metadata .author[data-v-433ba5a6] {
    position: relative
}

.popup[data-v-7c5ff029] {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.8);
    outline: 0
}

.popup_inner[data-v-7c5ff029] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 93%;
    max-width: 328px;
    min-height: 200px;
    overflow: hidden;
    padding: 24px 24px 80px;
    max-height: 80%;
    background-color: var(--ui-up-03);
    word-break: keep-all;
    border-radius: 6px;
    -webkit-overflow-scrolling: touch
}

.popup_inner .popup_content[data-v-7c5ff029] {
    overflow-y: auto;
    margin: -24px -16px;
    padding: 24px 16px
}

.popup_inner_list[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.popup_inner_list_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.popup_inner_list_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.popup_inner_list>li[data-v-7c5ff029] {
    position: relative;
    font-size: 12px;
    color: var(--text-04);
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-bottom: 3px;
    margin-left: 8px
}

.popup_inner_list>li[data-v-7c5ff029]:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    background-color: var(--text-04);
    width: 2px;
    height: 2px
}

.popup_inner_header[data-v-7c5ff029] {
    font-size: 20px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center;
    padding-bottom: 16px
}

.popup_inner_header .completeMessageImg[data-v-7c5ff029] {
    width: 92px
}

.popup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    color: var(--text-03)
}

.popup_inner_body_center[data-v-7c5ff029] {
    text-align: center
}

.popup_inner_body_guideList[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.popup_inner_body_guideList_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.popup_inner_body_guideList_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.popup_inner_body_guideList_initItem[data-v-7c5ff029]:before {
    content: "・";
    text-indent: -3px;
    top: auto;
    margin-right: 4px;
    background-color: transparent
}

.popup_inner_body_guideList_item[data-v-7c5ff029]:before {
    content: "※";
    text-indent: -3px;
    top: auto;
    background-color: transparent
}

.popup_inner_body_description[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-03);
    line-height: 18px;
    word-break: keep-all
}

.popup_inner_body_description2[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-04);
    font-size: 14px
}

.popup_inner_body .table tbody td[data-v-7c5ff029] {
    border: 1px solid var(--ui-06)
}

.popup_inner_body .center[data-v-7c5ff029] {
    text-align: center
}

.popup_inner_body .heavyGray[data-v-7c5ff029] {
    color: var(--text-03)
}

.popup_inner_body .purple[data-v-7c5ff029] {
    color: #a451f7
}

.popup_inner_body .fs14[data-v-7c5ff029] {
    font-size: 14px
}

.popup_inner_footer[data-v-7c5ff029] {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    margin: 24px -24px 0
}

.popup_inner_footer>a[data-v-7c5ff029],.popup_inner_footer>button[data-v-7c5ff029] {
    flex: 1;
    background: var(--primary);
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424
}

.popup_inner_footer>a.gray[data-v-7c5ff029],.popup_inner_footer>button.gray[data-v-7c5ff029] {
    background-color: var(--cancel);
    color: var(--text-01)
}

.popup_inner_footer>a.red[data-v-7c5ff029],.popup_inner_footer>button.red[data-v-7c5ff029] {
    background-color: var(--danger);
    color: #fff
}

.popup.small .popup_inner[data-v-7c5ff029] {
    max-width: 420px
}

.popup.alert.audio-book-guide ul[data-v-7c5ff029] {
    margin-top: 16px
}

.popup.alert.audio-book-guide ul li[data-v-7c5ff029] {
    color: var(--text-02);
    font-size: 14px;
    position: relative;
    padding-left: 12px;
    margin-bottom: 8px
}

.popup.alert.audio-book-guide ul li[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--text-02);
    border-radius: 50%;
    top: 9px;
    left: 4px
}

.popup.alert.audio-book-guide ul li[data-v-7c5ff029]:last-child {
    margin-bottom: 0
}

.popup.alert .popup_inner[data-v-7c5ff029] {
    max-width: 328px
}

.popup.alert .popup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    flex-direction: column;
    color: var(--text-03);
    line-height: 22px
}

.popup.alert .popup_inner_body .ta-c[data-v-7c5ff029] {
    text-align: center
}

.popup.alert .popup_inner_body .violet[data-v-7c5ff029] {
    color: #a451f7;
    margin-top: 20px
}

.popup.alert .popup_inner_body .gray[data-v-7c5ff029] {
    color: #a5a5a5
}

.popup.alert .popup_inner_body .red[data-v-7c5ff029] {
    color: #eb683f
}

.popup.alert .popup_inner_body .mt20[data-v-7c5ff029] {
    margin-top: 20px
}

.popup.alert .popup_inner_body .mt16[data-v-7c5ff029] {
    margin-top: 16px
}

.popup.alert .popup_inner_body .bold[data-v-7c5ff029] {
    font-weight: 700
}

.popup.alert .popup_inner_body .popup-button-list[data-v-7c5ff029] {
    width: 100%
}

.popup.alert .popup_inner_body .popup-button-list button[data-v-7c5ff029] {
    font-size: 16px;
    width: 100%;
    height: 100%;
    position: relative
}

.popup.alert .popup_inner_body .popup-button-list .down[data-v-7c5ff029] {
    border: 1px solid var(--ui-06);
    border-radius: 12px;
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

.popup.alert .popup_inner_body .popup-button-list .down.complete button[data-v-7c5ff029] {
    color: #c1c1c1
}

.popup.alert .popup_inner_body .popup-button-list .down button[data-v-7c5ff029] {
    display: flex;
    align-items: center;
    justify-content: center
}

.popup.alert .popup_inner_body .popup-button-list .down img[data-v-7c5ff029] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.popup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029] {
    text-align: left;
    padding: 12px 0;
    display: flex;
    align-items: center
}

.popup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/arr-button.c538fb279ec5c6814836cc777640ca5a.png) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.popup.alert .popup_inner_body .popup-button-list li:not(.down) img[data-v-7c5ff029] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.popup.alert .popup_inner_body .popup-button-list .post[data-v-7c5ff029] {
    margin-bottom: 2px
}

.popup.alert.list .popup_inner_header[data-v-7c5ff029] {
    border-bottom: 1px solid #ccc
}

.popup.alert.list ul[data-v-7c5ff029] {
    margin-top: 20px;
    color: var(--text-03)
}

.popup.alert.list li[data-v-7c5ff029] {
    margin-top: 8px;
    position: relative;
    padding-left: 8px
}

.popup.alert.list li[data-v-7c5ff029]:first-child {
    margin-top: 0
}

.popup.alert.list li[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--text-03);
    width: 2px;
    height: 2px
}

.popup.alert.center .popup_inner .popup_inner_body[data-v-7c5ff029] {
    text-align: center
}

.popup .red[data-v-7c5ff029] {
    color: var(--danger)
}

.popup.scrollbar-none .popup_content[data-v-7c5ff029]::-webkit-scrollbar {
    display: none;
    width: 0!important;
    background: 0 0
}

.systemPopup[data-v-7c5ff029] {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.8);
    outline: 0
}

.systemPopup_inner[data-v-7c5ff029] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 93%;
    max-width: 328px;
    min-height: 200px;
    overflow: hidden;
    padding: 24px 24px 80px;
    max-height: 80%;
    background-color: var(--ui-up-03);
    word-break: keep-all;
    border-radius: 6px;
    -webkit-overflow-scrolling: touch
}

.systemPopup_inner .popup_content[data-v-7c5ff029] {
    overflow-y: auto;
    margin: -24px -16px;
    padding: 24px 16px
}

.systemPopup_inner_list[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.systemPopup_inner_list_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.systemPopup_inner_list_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.systemPopup_inner_list>li[data-v-7c5ff029] {
    position: relative;
    font-size: 12px;
    color: var(--text-04);
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-bottom: 3px;
    margin-left: 8px
}

.systemPopup_inner_list>li[data-v-7c5ff029]:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    background-color: var(--text-04);
    width: 2px;
    height: 2px
}

.systemPopup_inner_header[data-v-7c5ff029] {
    font-size: 20px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center;
    padding-bottom: 16px
}

.systemPopup_inner_header .completeMessageImg[data-v-7c5ff029] {
    width: 92px
}

.systemPopup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    color: var(--text-03)
}

.systemPopup_inner_body_center[data-v-7c5ff029] {
    text-align: center
}

.systemPopup_inner_body_guideList[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.systemPopup_inner_body_guideList_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.systemPopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.systemPopup_inner_body_guideList_initItem[data-v-7c5ff029]:before {
    content: "・";
    text-indent: -3px;
    top: auto;
    margin-right: 4px;
    background-color: transparent
}

.systemPopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    content: "※";
    text-indent: -3px;
    top: auto;
    background-color: transparent
}

.systemPopup_inner_body_description[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-03);
    line-height: 18px;
    word-break: keep-all
}

.systemPopup_inner_body_description2[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-04);
    font-size: 14px
}

.systemPopup_inner_body .table tbody td[data-v-7c5ff029] {
    border: 1px solid var(--ui-06)
}

.systemPopup_inner_body .center[data-v-7c5ff029] {
    text-align: center
}

.systemPopup_inner_body .heavyGray[data-v-7c5ff029] {
    color: var(--text-03)
}

.systemPopup_inner_body .purple[data-v-7c5ff029] {
    color: #a451f7
}

.systemPopup_inner_body .fs14[data-v-7c5ff029] {
    font-size: 14px
}

.systemPopup_inner_footer[data-v-7c5ff029] {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    margin: 24px -24px 0
}

.systemPopup_inner_footer>a[data-v-7c5ff029],.systemPopup_inner_footer>button[data-v-7c5ff029] {
    flex: 1;
    background: var(--primary);
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424
}

.systemPopup_inner_footer>a.gray[data-v-7c5ff029],.systemPopup_inner_footer>button.gray[data-v-7c5ff029] {
    background-color: var(--cancel);
    color: var(--text-01)
}

.systemPopup_inner_footer>a.red[data-v-7c5ff029],.systemPopup_inner_footer>button.red[data-v-7c5ff029] {
    background-color: var(--danger);
    color: #fff
}

.systemPopup.small .popup_inner[data-v-7c5ff029] {
    max-width: 420px
}

.systemPopup.alert.audio-book-guide ul[data-v-7c5ff029] {
    margin-top: 16px
}

.systemPopup.alert.audio-book-guide ul li[data-v-7c5ff029] {
    color: var(--text-02);
    font-size: 14px;
    position: relative;
    padding-left: 12px;
    margin-bottom: 8px
}

.systemPopup.alert.audio-book-guide ul li[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--text-02);
    border-radius: 50%;
    top: 9px;
    left: 4px
}

.systemPopup.alert.audio-book-guide ul li[data-v-7c5ff029]:last-child {
    margin-bottom: 0
}

.systemPopup.alert .popup_inner[data-v-7c5ff029] {
    max-width: 328px
}

.systemPopup.alert .popup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    flex-direction: column;
    color: var(--text-03);
    line-height: 22px
}

.systemPopup.alert .popup_inner_body .ta-c[data-v-7c5ff029] {
    text-align: center
}

.systemPopup.alert .popup_inner_body .violet[data-v-7c5ff029] {
    color: #a451f7;
    margin-top: 20px
}

.systemPopup.alert .popup_inner_body .gray[data-v-7c5ff029] {
    color: #a5a5a5
}

.systemPopup.alert .popup_inner_body .red[data-v-7c5ff029] {
    color: #eb683f
}

.systemPopup.alert .popup_inner_body .mt20[data-v-7c5ff029] {
    margin-top: 20px
}

.systemPopup.alert .popup_inner_body .mt16[data-v-7c5ff029] {
    margin-top: 16px
}

.systemPopup.alert .popup_inner_body .bold[data-v-7c5ff029] {
    font-weight: 700
}

.systemPopup.alert .popup_inner_body .popup-button-list[data-v-7c5ff029] {
    width: 100%
}

.systemPopup.alert .popup_inner_body .popup-button-list button[data-v-7c5ff029] {
    font-size: 16px;
    width: 100%;
    height: 100%;
    position: relative
}

.systemPopup.alert .popup_inner_body .popup-button-list .down[data-v-7c5ff029] {
    border: 1px solid var(--ui-06);
    border-radius: 12px;
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

.systemPopup.alert .popup_inner_body .popup-button-list .down.complete button[data-v-7c5ff029] {
    color: #c1c1c1
}

.systemPopup.alert .popup_inner_body .popup-button-list .down button[data-v-7c5ff029] {
    display: flex;
    align-items: center;
    justify-content: center
}

.systemPopup.alert .popup_inner_body .popup-button-list .down img[data-v-7c5ff029] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.systemPopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029] {
    text-align: left;
    padding: 12px 0;
    display: flex;
    align-items: center
}

.systemPopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/arr-button.c538fb279ec5c6814836cc777640ca5a.png) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.systemPopup.alert .popup_inner_body .popup-button-list li:not(.down) img[data-v-7c5ff029] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.systemPopup.alert .popup_inner_body .popup-button-list .post[data-v-7c5ff029] {
    margin-bottom: 2px
}

.systemPopup.alert.list .popup_inner_header[data-v-7c5ff029] {
    border-bottom: 1px solid #ccc
}

.systemPopup.alert.list ul[data-v-7c5ff029] {
    margin-top: 20px;
    color: var(--text-03)
}

.systemPopup.alert.list li[data-v-7c5ff029] {
    margin-top: 8px;
    position: relative;
    padding-left: 8px
}

.systemPopup.alert.list li[data-v-7c5ff029]:first-child {
    margin-top: 0
}

.systemPopup.alert.list li[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--text-03);
    width: 2px;
    height: 2px
}

.systemPopup.alert.center .popup_inner .popup_inner_body[data-v-7c5ff029] {
    text-align: center
}

.systemPopup .red[data-v-7c5ff029] {
    color: var(--danger)
}

.systemPopup .popup_inner[data-v-7c5ff029] {
    min-height: auto
}

.systemPopup .popup_inner_header[data-v-7c5ff029] {
    margin-bottom: 34px
}

.systemPopup .popup_inner_body[data-v-7c5ff029] {
    margin-bottom: 17px
}

.systemPopup .popup_inner_footer[data-v-7c5ff029] {
    margin-top: 42px
}

.aosPausePopup[data-v-7c5ff029],.previousInAppPopup[data-v-7c5ff029],.tablePopup[data-v-7c5ff029] {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.8);
    outline: 0;
    z-index: 110;
    font-size: 12px
}

.tablePopup_inner[data-v-7c5ff029] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 93%;
    max-width: 328px;
    min-height: 200px;
    overflow: hidden;
    padding: 24px 24px 80px;
    max-height: 80%;
    background-color: var(--ui-up-03);
    word-break: keep-all;
    border-radius: 6px;
    -webkit-overflow-scrolling: touch
}

.tablePopup_inner .popup_content[data-v-7c5ff029] {
    overflow-y: auto;
    margin: -24px -16px;
    padding: 24px 16px
}

.tablePopup_inner_list[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.tablePopup_inner_list_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.tablePopup_inner_list_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.tablePopup_inner_list>li[data-v-7c5ff029] {
    position: relative;
    font-size: 12px;
    color: var(--text-04);
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-bottom: 3px;
    margin-left: 8px
}

.tablePopup_inner_list>li[data-v-7c5ff029]:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    background-color: var(--text-04);
    width: 2px;
    height: 2px
}

.tablePopup_inner_header[data-v-7c5ff029] {
    font-size: 20px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center;
    padding-bottom: 16px
}

.tablePopup_inner_header .completeMessageImg[data-v-7c5ff029] {
    width: 92px
}

.tablePopup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    color: var(--text-03)
}

.tablePopup_inner_body_center[data-v-7c5ff029] {
    text-align: center
}

.tablePopup_inner_body_guideList[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.tablePopup_inner_body_guideList_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.tablePopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.tablePopup_inner_body_guideList_initItem[data-v-7c5ff029]:before {
    content: "・";
    text-indent: -3px;
    top: auto;
    margin-right: 4px;
    background-color: transparent
}

.tablePopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    content: "※";
    text-indent: -3px;
    top: auto;
    background-color: transparent
}

.tablePopup_inner_body_description[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-03);
    line-height: 18px;
    word-break: keep-all
}

.tablePopup_inner_body_description2[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-04);
    font-size: 14px
}

.tablePopup_inner_body .table tbody td[data-v-7c5ff029] {
    border: 1px solid var(--ui-06)
}

.tablePopup_inner_body .center[data-v-7c5ff029] {
    text-align: center
}

.tablePopup_inner_body .heavyGray[data-v-7c5ff029] {
    color: var(--text-03)
}

.tablePopup_inner_body .purple[data-v-7c5ff029] {
    color: #a451f7
}

.tablePopup_inner_body .fs14[data-v-7c5ff029] {
    font-size: 14px
}

.tablePopup_inner_footer[data-v-7c5ff029] {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    margin: 24px -24px 0
}

.tablePopup_inner_footer>a[data-v-7c5ff029],.tablePopup_inner_footer>button[data-v-7c5ff029] {
    flex: 1;
    background: var(--primary);
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424
}

.tablePopup_inner_footer>a.gray[data-v-7c5ff029],.tablePopup_inner_footer>button.gray[data-v-7c5ff029] {
    background-color: var(--cancel);
    color: var(--text-01)
}

.tablePopup_inner_footer>a.red[data-v-7c5ff029],.tablePopup_inner_footer>button.red[data-v-7c5ff029] {
    background-color: var(--danger);
    color: #fff
}

.small.aosPausePopup .popup_inner[data-v-7c5ff029],.small.previousInAppPopup .popup_inner[data-v-7c5ff029],.tablePopup.small .popup_inner[data-v-7c5ff029] {
    max-width: 420px
}

.alert.audio-book-guide.aosPausePopup ul[data-v-7c5ff029],.alert.audio-book-guide.previousInAppPopup ul[data-v-7c5ff029],.tablePopup.alert.audio-book-guide ul[data-v-7c5ff029] {
    margin-top: 16px
}

.alert.audio-book-guide.aosPausePopup ul li[data-v-7c5ff029],.alert.audio-book-guide.previousInAppPopup ul li[data-v-7c5ff029],.tablePopup.alert.audio-book-guide ul li[data-v-7c5ff029] {
    color: var(--text-02);
    font-size: 14px;
    position: relative;
    padding-left: 12px;
    margin-bottom: 8px
}

.alert.audio-book-guide.aosPausePopup ul li[data-v-7c5ff029]:after,.alert.audio-book-guide.previousInAppPopup ul li[data-v-7c5ff029]:after,.tablePopup.alert.audio-book-guide ul li[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--text-02);
    border-radius: 50%;
    top: 9px;
    left: 4px
}

.alert.audio-book-guide.aosPausePopup ul li[data-v-7c5ff029]:last-child,.alert.audio-book-guide.previousInAppPopup ul li[data-v-7c5ff029]:last-child,.tablePopup.alert.audio-book-guide ul li[data-v-7c5ff029]:last-child {
    margin-bottom: 0
}

.alert.aosPausePopup .popup_inner[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner[data-v-7c5ff029],.tablePopup.alert .popup_inner[data-v-7c5ff029] {
    max-width: 328px
}

.alert.aosPausePopup .popup_inner_body[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body[data-v-7c5ff029],.tablePopup.alert .popup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    flex-direction: column;
    color: var(--text-03);
    line-height: 22px
}

.alert.aosPausePopup .popup_inner_body .ta-c[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .ta-c[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .ta-c[data-v-7c5ff029] {
    text-align: center
}

.alert.aosPausePopup .popup_inner_body .violet[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .violet[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .violet[data-v-7c5ff029] {
    color: #a451f7;
    margin-top: 20px
}

.alert.aosPausePopup .popup_inner_body .gray[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .gray[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .gray[data-v-7c5ff029] {
    color: #a5a5a5
}

.alert.aosPausePopup .popup_inner_body .red[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .red[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .red[data-v-7c5ff029] {
    color: #eb683f
}

.alert.aosPausePopup .popup_inner_body .mt20[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .mt20[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .mt20[data-v-7c5ff029] {
    margin-top: 20px
}

.alert.aosPausePopup .popup_inner_body .mt16[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .mt16[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .mt16[data-v-7c5ff029] {
    margin-top: 16px
}

.alert.aosPausePopup .popup_inner_body .bold[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .bold[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .bold[data-v-7c5ff029] {
    font-weight: 700
}

.alert.aosPausePopup .popup_inner_body .popup-button-list[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list[data-v-7c5ff029] {
    width: 100%
}

.alert.aosPausePopup .popup_inner_body .popup-button-list button[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list button[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list button[data-v-7c5ff029] {
    font-size: 16px;
    width: 100%;
    height: 100%;
    position: relative
}

.alert.aosPausePopup .popup_inner_body .popup-button-list .down[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list .down[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list .down[data-v-7c5ff029] {
    border: 1px solid var(--ui-06);
    border-radius: 12px;
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

.alert.aosPausePopup .popup_inner_body .popup-button-list .down.complete button[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list .down.complete button[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list .down.complete button[data-v-7c5ff029] {
    color: #c1c1c1
}

.alert.aosPausePopup .popup_inner_body .popup-button-list .down button[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list .down button[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list .down button[data-v-7c5ff029] {
    display: flex;
    align-items: center;
    justify-content: center
}

.alert.aosPausePopup .popup_inner_body .popup-button-list .down img[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list .down img[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list .down img[data-v-7c5ff029] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.alert.aosPausePopup .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029] {
    text-align: left;
    padding: 12px 0;
    display: flex;
    align-items: center
}

.alert.aosPausePopup .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029]:after,.alert.previousInAppPopup .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029]:after,.tablePopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/arr-button.c538fb279ec5c6814836cc777640ca5a.png) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.alert.aosPausePopup .popup_inner_body .popup-button-list li:not(.down) img[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list li:not(.down) img[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list li:not(.down) img[data-v-7c5ff029] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.alert.aosPausePopup .popup_inner_body .popup-button-list .post[data-v-7c5ff029],.alert.previousInAppPopup .popup_inner_body .popup-button-list .post[data-v-7c5ff029],.tablePopup.alert .popup_inner_body .popup-button-list .post[data-v-7c5ff029] {
    margin-bottom: 2px
}

.alert.list.aosPausePopup .popup_inner_header[data-v-7c5ff029],.alert.list.previousInAppPopup .popup_inner_header[data-v-7c5ff029],.tablePopup.alert.list .popup_inner_header[data-v-7c5ff029] {
    border-bottom: 1px solid #ccc
}

.alert.list.aosPausePopup ul[data-v-7c5ff029],.alert.list.previousInAppPopup ul[data-v-7c5ff029],.tablePopup.alert.list ul[data-v-7c5ff029] {
    margin-top: 20px;
    color: var(--text-03)
}

.alert.list.aosPausePopup li[data-v-7c5ff029],.alert.list.previousInAppPopup li[data-v-7c5ff029],.tablePopup.alert.list li[data-v-7c5ff029] {
    margin-top: 8px;
    position: relative;
    padding-left: 8px
}

.alert.list.aosPausePopup li[data-v-7c5ff029]:first-child,.alert.list.previousInAppPopup li[data-v-7c5ff029]:first-child,.tablePopup.alert.list li[data-v-7c5ff029]:first-child {
    margin-top: 0
}

.alert.list.aosPausePopup li[data-v-7c5ff029]:before,.alert.list.previousInAppPopup li[data-v-7c5ff029]:before,.tablePopup.alert.list li[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--text-03);
    width: 2px;
    height: 2px
}

.alert.center.aosPausePopup .popup_inner .popup_inner_body[data-v-7c5ff029],.alert.center.previousInAppPopup .popup_inner .popup_inner_body[data-v-7c5ff029],.tablePopup.alert.center .popup_inner .popup_inner_body[data-v-7c5ff029] {
    text-align: center
}

.aosPausePopup .red[data-v-7c5ff029],.previousInAppPopup .red[data-v-7c5ff029],.tablePopup .red[data-v-7c5ff029] {
    color: var(--danger)
}

.aosPausePopup .popup_inner[data-v-7c5ff029],.previousInAppPopup .popup_inner[data-v-7c5ff029],.tablePopup .popup_inner[data-v-7c5ff029] {
    padding: 24px 16px 80px
}

.aosPausePopup .popup_inner_body .table table[data-v-7c5ff029],.previousInAppPopup .popup_inner_body .table table[data-v-7c5ff029],.tablePopup .popup_inner_body .table table[data-v-7c5ff029] {
    border: none
}

.aosPausePopup .popup_inner_body .table table tbody td[data-v-7c5ff029],.aosPausePopup .popup_inner_body .table table tbody th[data-v-7c5ff029],.aosPausePopup .popup_inner_body .table table thead td[data-v-7c5ff029],.aosPausePopup .popup_inner_body .table table thead th[data-v-7c5ff029],.previousInAppPopup .popup_inner_body .table table tbody td[data-v-7c5ff029],.previousInAppPopup .popup_inner_body .table table tbody th[data-v-7c5ff029],.previousInAppPopup .popup_inner_body .table table thead td[data-v-7c5ff029],.previousInAppPopup .popup_inner_body .table table thead th[data-v-7c5ff029],.tablePopup .popup_inner_body .table table tbody td[data-v-7c5ff029],.tablePopup .popup_inner_body .table table tbody th[data-v-7c5ff029],.tablePopup .popup_inner_body .table table thead td[data-v-7c5ff029],.tablePopup .popup_inner_body .table table thead th[data-v-7c5ff029] {
    border: 1px solid #ccc
}

.aosPausePopup .popup_inner_body .table table thead th[data-v-7c5ff029],.previousInAppPopup .popup_inner_body .table table thead th[data-v-7c5ff029],.tablePopup .popup_inner_body .table table thead th[data-v-7c5ff029] {
    border-bottom: none
}

.aosPausePopup .popup_inner_footer[data-v-7c5ff029],.previousInAppPopup .popup_inner_footer[data-v-7c5ff029],.tablePopup .popup_inner_footer[data-v-7c5ff029] {
    margin: 24px -16px 0
}

@media (max-width: 359px) {
    .aosPausePopup .popup_inner[data-v-7c5ff029],.previousInAppPopup .popup_inner[data-v-7c5ff029],.tablePopup .popup_inner[data-v-7c5ff029] {
        padding:24px 8px 80px
    }

    .aosPausePopup .popup_inner_footer[data-v-7c5ff029],.previousInAppPopup .popup_inner_footer[data-v-7c5ff029],.tablePopup .popup_inner_footer[data-v-7c5ff029] {
        margin: 24px -8px 0
    }
}

.previousInAppPopup[data-v-7c5ff029] {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.8);
    outline: 0
}

.previousInAppPopup_inner[data-v-7c5ff029] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 93%;
    max-width: 328px;
    min-height: 200px;
    overflow: hidden;
    padding: 24px 24px 80px;
    max-height: 80%;
    background-color: var(--ui-up-03);
    word-break: keep-all;
    border-radius: 6px;
    -webkit-overflow-scrolling: touch
}

.previousInAppPopup_inner .popup_content[data-v-7c5ff029] {
    overflow-y: auto;
    margin: -24px -16px;
    padding: 24px 16px
}

.previousInAppPopup_inner_list[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.previousInAppPopup_inner_list_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.previousInAppPopup_inner_list_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.previousInAppPopup_inner_list>li[data-v-7c5ff029] {
    position: relative;
    font-size: 12px;
    color: var(--text-04);
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-bottom: 3px;
    margin-left: 8px
}

.previousInAppPopup_inner_list>li[data-v-7c5ff029]:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    background-color: var(--text-04);
    width: 2px;
    height: 2px
}

.previousInAppPopup_inner_header[data-v-7c5ff029] {
    font-size: 20px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center;
    padding-bottom: 16px
}

.previousInAppPopup_inner_header .completeMessageImg[data-v-7c5ff029] {
    width: 92px
}

.previousInAppPopup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    color: var(--text-03)
}

.previousInAppPopup_inner_body_center[data-v-7c5ff029] {
    text-align: center
}

.previousInAppPopup_inner_body_guideList[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.previousInAppPopup_inner_body_guideList_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.previousInAppPopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.previousInAppPopup_inner_body_guideList_initItem[data-v-7c5ff029]:before {
    content: "・";
    text-indent: -3px;
    top: auto;
    margin-right: 4px;
    background-color: transparent
}

.previousInAppPopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    content: "※";
    text-indent: -3px;
    top: auto;
    background-color: transparent
}

.previousInAppPopup_inner_body_description[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-03);
    line-height: 18px;
    word-break: keep-all
}

.previousInAppPopup_inner_body_description2[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-04);
    font-size: 14px
}

.previousInAppPopup_inner_body .table tbody td[data-v-7c5ff029] {
    border: 1px solid var(--ui-06)
}

.previousInAppPopup_inner_body .center[data-v-7c5ff029] {
    text-align: center
}

.previousInAppPopup_inner_body .heavyGray[data-v-7c5ff029] {
    color: var(--text-03)
}

.previousInAppPopup_inner_body .purple[data-v-7c5ff029] {
    color: #a451f7
}

.previousInAppPopup_inner_body .fs14[data-v-7c5ff029] {
    font-size: 14px
}

.previousInAppPopup_inner_footer[data-v-7c5ff029] {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    margin: 24px -24px 0
}

.previousInAppPopup_inner_footer>a[data-v-7c5ff029],.previousInAppPopup_inner_footer>button[data-v-7c5ff029] {
    flex: 1;
    background: var(--primary);
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424
}

.previousInAppPopup_inner_footer>a.gray[data-v-7c5ff029],.previousInAppPopup_inner_footer>button.gray[data-v-7c5ff029] {
    background-color: var(--cancel);
    color: var(--text-01)
}

.previousInAppPopup_inner_footer>a.red[data-v-7c5ff029],.previousInAppPopup_inner_footer>button.red[data-v-7c5ff029] {
    background-color: var(--danger);
    color: #fff
}

.previousInAppPopup.small .popup_inner[data-v-7c5ff029] {
    max-width: 420px
}

.previousInAppPopup.alert.audio-book-guide ul[data-v-7c5ff029] {
    margin-top: 16px
}

.previousInAppPopup.alert.audio-book-guide ul li[data-v-7c5ff029] {
    color: var(--text-02);
    font-size: 14px;
    position: relative;
    padding-left: 12px;
    margin-bottom: 8px
}

.previousInAppPopup.alert.audio-book-guide ul li[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--text-02);
    border-radius: 50%;
    top: 9px;
    left: 4px
}

.previousInAppPopup.alert.audio-book-guide ul li[data-v-7c5ff029]:last-child {
    margin-bottom: 0
}

.previousInAppPopup.alert .popup_inner[data-v-7c5ff029] {
    max-width: 328px
}

.previousInAppPopup.alert .popup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    flex-direction: column;
    color: var(--text-03);
    line-height: 22px
}

.previousInAppPopup.alert .popup_inner_body .ta-c[data-v-7c5ff029] {
    text-align: center
}

.previousInAppPopup.alert .popup_inner_body .violet[data-v-7c5ff029] {
    color: #a451f7;
    margin-top: 20px
}

.previousInAppPopup.alert .popup_inner_body .gray[data-v-7c5ff029] {
    color: #a5a5a5
}

.previousInAppPopup.alert .popup_inner_body .red[data-v-7c5ff029] {
    color: #eb683f
}

.previousInAppPopup.alert .popup_inner_body .mt20[data-v-7c5ff029] {
    margin-top: 20px
}

.previousInAppPopup.alert .popup_inner_body .mt16[data-v-7c5ff029] {
    margin-top: 16px
}

.previousInAppPopup.alert .popup_inner_body .bold[data-v-7c5ff029] {
    font-weight: 700
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list[data-v-7c5ff029] {
    width: 100%
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list button[data-v-7c5ff029] {
    font-size: 16px;
    width: 100%;
    height: 100%;
    position: relative
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list .down[data-v-7c5ff029] {
    border: 1px solid var(--ui-06);
    border-radius: 12px;
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list .down.complete button[data-v-7c5ff029] {
    color: #c1c1c1
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list .down button[data-v-7c5ff029] {
    display: flex;
    align-items: center;
    justify-content: center
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list .down img[data-v-7c5ff029] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029] {
    text-align: left;
    padding: 12px 0;
    display: flex;
    align-items: center
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/arr-button.c538fb279ec5c6814836cc777640ca5a.png) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list li:not(.down) img[data-v-7c5ff029] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.previousInAppPopup.alert .popup_inner_body .popup-button-list .post[data-v-7c5ff029] {
    margin-bottom: 2px
}

.previousInAppPopup.alert.list .popup_inner_header[data-v-7c5ff029] {
    border-bottom: 1px solid #ccc
}

.previousInAppPopup.alert.list ul[data-v-7c5ff029] {
    margin-top: 20px;
    color: var(--text-03)
}

.previousInAppPopup.alert.list li[data-v-7c5ff029] {
    margin-top: 8px;
    position: relative;
    padding-left: 8px
}

.previousInAppPopup.alert.list li[data-v-7c5ff029]:first-child {
    margin-top: 0
}

.previousInAppPopup.alert.list li[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--text-03);
    width: 2px;
    height: 2px
}

.previousInAppPopup.alert.center .popup_inner .popup_inner_body[data-v-7c5ff029] {
    text-align: center
}

.previousInAppPopup .red[data-v-7c5ff029] {
    color: var(--danger)
}

.previousInAppPopup .table[data-v-7c5ff029] {
    margin-top: 16px
}

.previousInAppPopup.inApp .popup_inner[data-v-7c5ff029] {
    padding: 24px 0 56px
}

.previousInAppPopup.inApp .popup_inner .popup_inner_footer[data-v-7c5ff029] {
    margin: 24px 0 0
}

.policypopup .popup_inner[data-v-7c5ff029] {
    max-width: 328px;
    padding: 24px 0 56px;
    max-height: 480px
}

.policypopup .popup_inner .popup_inner_header h2[data-v-7c5ff029] {
    font-weight: 700
}

.policypopup .popup_inner .popup_inner_body[data-v-7c5ff029] {
    overflow-y: auto;
    height: 100%;
    padding: 0 16px
}

.policypopup .popup_inner .popup_inner_footer[data-v-7c5ff029] {
    margin: 0
}

.policypopup h2[data-v-7c5ff029] {
    margin-bottom: 10px;
    font-weight: 400
}

.policypopup hr[data-v-7c5ff029] {
    margin: 24px 0;
    border-bottom: 1px solid #ccc
}

.policypopup .productGuide_table[data-v-7c5ff029] {
    width: 100%;
    border-collapse: separate;
    border-radius: 2px
}

.policypopup .productGuide_table tbody td[data-v-7c5ff029],.policypopup .productGuide_table thead th[data-v-7c5ff029] {
    text-align: center;
    padding: 8px;
    border: 1px solid #ccc;
    border-left: none;
    font-size: 12px;
    font-weight: 400
}

.policypopup .productGuide_table tbody td[data-v-7c5ff029]:first-child,.policypopup .productGuide_table thead th[data-v-7c5ff029]:first-child {
    border-left: 1px solid #ccc
}

.policypopup .productGuide_table thead th[data-v-7c5ff029] {
    border-bottom: none;
    background: #f5f5f5
}

.policypopup .productGuide_table thead th[data-v-7c5ff029]:first-child {
    border-top-left-radius: 2px
}

.policypopup .productGuide_table thead th[data-v-7c5ff029]:last-child {
    border-top-right-radius: 2px
}

.policypopup .productGuide_table tbody tr td[data-v-7c5ff029] {
    border-top: none
}

.policypopup .productGuide_table tbody tr:first-child td[data-v-7c5ff029] {
    border-top: 1px solid #ccc
}

.policypopup .productGuide_table tbody tr:last-child td[data-v-7c5ff029]:first-child {
    border-bottom-left-radius: 2px
}

.policypopup .productGuide_table tbody tr:last-child td[data-v-7c5ff029]:last-child {
    border-bottom-right-radius: 2px
}

.policypopup .guide_list li[data-v-7c5ff029] {
    position: relative;
    font-size: 14px;
    color: var(--text-03);
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-top: 8px
}

.policypopup .guide_list li[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--text-03);
    width: 2px;
    height: 2px
}

.policypopup .guide_list li[data-v-7c5ff029]:first-child {
    margin-top: 0
}

.policypopup .etcGuide[data-v-7c5ff029] {
    padding-bottom: 40px
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .policypopup .popup_inner[data-v-7c5ff029] {
        height: 100%
    }
}

.aosPausePopup[data-v-7c5ff029] {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.8);
    outline: 0
}

.aosPausePopup_inner[data-v-7c5ff029] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 93%;
    max-width: 328px;
    min-height: 200px;
    overflow: hidden;
    padding: 24px 24px 80px;
    max-height: 80%;
    background-color: var(--ui-up-03);
    word-break: keep-all;
    border-radius: 6px;
    -webkit-overflow-scrolling: touch
}

.aosPausePopup_inner .popup_content[data-v-7c5ff029] {
    overflow-y: auto;
    margin: -24px -16px;
    padding: 24px 16px
}

.aosPausePopup_inner_list[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.aosPausePopup_inner_list_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.aosPausePopup_inner_list_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.aosPausePopup_inner_list>li[data-v-7c5ff029] {
    position: relative;
    font-size: 12px;
    color: var(--text-04);
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-bottom: 3px;
    margin-left: 8px
}

.aosPausePopup_inner_list>li[data-v-7c5ff029]:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    background-color: var(--text-04);
    width: 2px;
    height: 2px
}

.aosPausePopup_inner_header[data-v-7c5ff029] {
    font-size: 20px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center;
    padding-bottom: 16px
}

.aosPausePopup_inner_header .completeMessageImg[data-v-7c5ff029] {
    width: 92px
}

.aosPausePopup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    color: var(--text-03)
}

.aosPausePopup_inner_body_center[data-v-7c5ff029] {
    text-align: center
}

.aosPausePopup_inner_body_guideList[data-v-7c5ff029] {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.aosPausePopup_inner_body_guideList_item[data-v-7c5ff029] {
    position: relative;
    word-break: keep-all;
    line-height: 18px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 3px
}

.aosPausePopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: #999;
    width: 2px;
    height: 2px
}

.aosPausePopup_inner_body_guideList_initItem[data-v-7c5ff029]:before {
    content: "・";
    text-indent: -3px;
    top: auto;
    margin-right: 4px;
    background-color: transparent
}

.aosPausePopup_inner_body_guideList_item[data-v-7c5ff029]:before {
    content: "※";
    text-indent: -3px;
    top: auto;
    background-color: transparent
}

.aosPausePopup_inner_body_description[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-03);
    line-height: 18px;
    word-break: keep-all
}

.aosPausePopup_inner_body_description2[data-v-7c5ff029] {
    text-align: center;
    color: var(--text-04);
    font-size: 14px
}

.aosPausePopup_inner_body .table tbody td[data-v-7c5ff029] {
    border: 1px solid var(--ui-06)
}

.aosPausePopup_inner_body .center[data-v-7c5ff029] {
    text-align: center
}

.aosPausePopup_inner_body .heavyGray[data-v-7c5ff029] {
    color: var(--text-03)
}

.aosPausePopup_inner_body .purple[data-v-7c5ff029] {
    color: #a451f7
}

.aosPausePopup_inner_body .fs14[data-v-7c5ff029] {
    font-size: 14px
}

.aosPausePopup_inner_footer[data-v-7c5ff029] {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    margin: 24px -24px 0
}

.aosPausePopup_inner_footer>a[data-v-7c5ff029],.aosPausePopup_inner_footer>button[data-v-7c5ff029] {
    flex: 1;
    background: var(--primary);
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424
}

.aosPausePopup_inner_footer>a.gray[data-v-7c5ff029],.aosPausePopup_inner_footer>button.gray[data-v-7c5ff029] {
    background-color: var(--cancel);
    color: var(--text-01)
}

.aosPausePopup_inner_footer>a.red[data-v-7c5ff029],.aosPausePopup_inner_footer>button.red[data-v-7c5ff029] {
    background-color: var(--danger);
    color: #fff
}

.aosPausePopup.small .popup_inner[data-v-7c5ff029] {
    max-width: 420px
}

.aosPausePopup.alert.audio-book-guide ul[data-v-7c5ff029] {
    margin-top: 16px
}

.aosPausePopup.alert.audio-book-guide ul li[data-v-7c5ff029] {
    color: var(--text-02);
    font-size: 14px;
    position: relative;
    padding-left: 12px;
    margin-bottom: 8px
}

.aosPausePopup.alert.audio-book-guide ul li[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--text-02);
    border-radius: 50%;
    top: 9px;
    left: 4px
}

.aosPausePopup.alert.audio-book-guide ul li[data-v-7c5ff029]:last-child {
    margin-bottom: 0
}

.aosPausePopup.alert .popup_inner[data-v-7c5ff029] {
    max-width: 328px
}

.aosPausePopup.alert .popup_inner_body[data-v-7c5ff029] {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    flex-direction: column;
    color: var(--text-03);
    line-height: 22px
}

.aosPausePopup.alert .popup_inner_body .ta-c[data-v-7c5ff029] {
    text-align: center
}

.aosPausePopup.alert .popup_inner_body .violet[data-v-7c5ff029] {
    color: #a451f7;
    margin-top: 20px
}

.aosPausePopup.alert .popup_inner_body .gray[data-v-7c5ff029] {
    color: #a5a5a5
}

.aosPausePopup.alert .popup_inner_body .red[data-v-7c5ff029] {
    color: #eb683f
}

.aosPausePopup.alert .popup_inner_body .mt20[data-v-7c5ff029] {
    margin-top: 20px
}

.aosPausePopup.alert .popup_inner_body .mt16[data-v-7c5ff029] {
    margin-top: 16px
}

.aosPausePopup.alert .popup_inner_body .bold[data-v-7c5ff029] {
    font-weight: 700
}

.aosPausePopup.alert .popup_inner_body .popup-button-list[data-v-7c5ff029] {
    width: 100%
}

.aosPausePopup.alert .popup_inner_body .popup-button-list button[data-v-7c5ff029] {
    font-size: 16px;
    width: 100%;
    height: 100%;
    position: relative
}

.aosPausePopup.alert .popup_inner_body .popup-button-list .down[data-v-7c5ff029] {
    border: 1px solid var(--ui-06);
    border-radius: 12px;
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

.aosPausePopup.alert .popup_inner_body .popup-button-list .down.complete button[data-v-7c5ff029] {
    color: #c1c1c1
}

.aosPausePopup.alert .popup_inner_body .popup-button-list .down button[data-v-7c5ff029] {
    display: flex;
    align-items: center;
    justify-content: center
}

.aosPausePopup.alert .popup_inner_body .popup-button-list .down img[data-v-7c5ff029] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.aosPausePopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029] {
    text-align: left;
    padding: 12px 0;
    display: flex;
    align-items: center
}

.aosPausePopup.alert .popup_inner_body .popup-button-list li:not(.down) button[data-v-7c5ff029]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/arr-button.c538fb279ec5c6814836cc777640ca5a.png) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.aosPausePopup.alert .popup_inner_body .popup-button-list li:not(.down) img[data-v-7c5ff029] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.aosPausePopup.alert .popup_inner_body .popup-button-list .post[data-v-7c5ff029] {
    margin-bottom: 2px
}

.aosPausePopup.alert.list .popup_inner_header[data-v-7c5ff029] {
    border-bottom: 1px solid #ccc
}

.aosPausePopup.alert.list ul[data-v-7c5ff029] {
    margin-top: 20px;
    color: var(--text-03)
}

.aosPausePopup.alert.list li[data-v-7c5ff029] {
    margin-top: 8px;
    position: relative;
    padding-left: 8px
}

.aosPausePopup.alert.list li[data-v-7c5ff029]:first-child {
    margin-top: 0
}

.aosPausePopup.alert.list li[data-v-7c5ff029]:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--text-03);
    width: 2px;
    height: 2px
}

.aosPausePopup.alert.center .popup_inner .popup_inner_body[data-v-7c5ff029] {
    text-align: center
}

.aosPausePopup .red[data-v-7c5ff029] {
    color: var(--danger)
}

.aosPausePopup .ta-c[data-v-7c5ff029] {
    color: var(--text-03);
    font-size: 14px;
    line-height: 18px
}

.aosPausePopup .table[data-v-7c5ff029] {
    margin-top: 16px
}

.aosPausePopup .table td[data-v-7c5ff029],.aosPausePopup .table th[data-v-7c5ff029] {
    padding: 6px!important;
    line-height: 15px
}

.join-popup .popup_inner[data-v-7c5ff029] {
    max-width: 328px;
    height: 420px;
    padding: 70px 0 56px
}

.join-popup .popup_inner_header[data-v-7c5ff029] {
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    margin: 0
}

.join-popup .popup_inner_body[data-v-7c5ff029] {
    overflow-y: auto;
    height: 100%;
    padding: 0 20px
}

.join-popup .popup_inner_footer[data-v-7c5ff029] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.payment-complete-popup .period[data-v-7c5ff029],.payment-later-popup .period[data-v-7c5ff029] {
    text-align: center;
    margin-top: 16px;
    color: var(--text-03);
    font-size: 16px
}

.payment-complete-popup .table[data-v-7c5ff029],.payment-later-popup .table[data-v-7c5ff029] {
    width: calc(100% - 1px);
    margin-top: 16px;
    border-collapse: initial;
    border: 1px solid #ccc;
    border-radius: 6px
}

.payment-complete-popup .table tbody tr:first-child td[data-v-7c5ff029],.payment-complete-popup .table tbody tr:first-child th[data-v-7c5ff029],.payment-later-popup .table tbody tr:first-child td[data-v-7c5ff029],.payment-later-popup .table tbody tr:first-child th[data-v-7c5ff029] {
    padding-top: 12px;
    padding-bottom: 3px
}

.payment-complete-popup .table tbody tr:first-child th[data-v-7c5ff029],.payment-later-popup .table tbody tr:first-child th[data-v-7c5ff029] {
    border-top-left-radius: 6px
}

.payment-complete-popup .table tbody tr:last-child td[data-v-7c5ff029],.payment-complete-popup .table tbody tr:last-child th[data-v-7c5ff029],.payment-later-popup .table tbody tr:last-child td[data-v-7c5ff029],.payment-later-popup .table tbody tr:last-child th[data-v-7c5ff029] {
    padding-top: 3px;
    padding-bottom: 12px
}

.payment-complete-popup .table tbody tr:last-child th[data-v-7c5ff029],.payment-later-popup .table tbody tr:last-child th[data-v-7c5ff029] {
    border-bottom-left-radius: 6px
}

.payment-complete-popup .table tbody tr th[data-v-7c5ff029],.payment-later-popup .table tbody tr th[data-v-7c5ff029] {
    max-width: 98px;
    font-size: 12px
}

.payment-complete-popup .table tbody td[data-v-7c5ff029],.payment-complete-popup .table tbody th[data-v-7c5ff029],.payment-later-popup .table tbody td[data-v-7c5ff029],.payment-later-popup .table tbody th[data-v-7c5ff029] {
    text-align: left;
    padding: 3px 0 3px 14px;
    border: none;
    color: var(--text-03);
    font-size: 12px;
    line-height: 14px
}

.payment-complete-popup .table tbody td[data-v-7c5ff029],.payment-later-popup .table tbody td[data-v-7c5ff029] {
    color: #333;
    font-size: 14px
}

.payment-complete-popup-v2 .img[data-v-7c5ff029] {
    padding: 16px 0;
    display: block;
    margin: 0 auto
}

.payment-complete-popup-v2 .unsub-image[data-v-7c5ff029] {
    overflow: hidden;
    border-radius: 50%
}

.payment-complete-popup-v2 .table-v2[data-v-7c5ff029] {
    border: 1px solid var(--ui-06);
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    color: var(--text-01)
}

.payment-complete-popup-v2 .table-v2 table[data-v-7c5ff029] {
    width: 100%
}

.payment-complete-popup-v2 .table-v2 tr[data-v-7c5ff029] {
    border-bottom: 1px solid var(--ui-06)
}

.payment-complete-popup-v2 .table-v2 tr[data-v-7c5ff029]:last-child {
    border-bottom: none
}

.payment-complete-popup-v2 .table-v2 td[data-v-7c5ff029],.payment-complete-popup-v2 .table-v2 th[data-v-7c5ff029] {
    padding: 8px
}

.payment-complete-popup-v2 .table-v2 th[data-v-7c5ff029] {
    background: var(--ui-03);
    font-weight: 700
}

.payment-debt-popup .sub-title[data-v-7c5ff029] {
    font-size: 14px;
    text-align: center;
    color: var(--text-03)
}

.payment-debt-popup .table-v2[data-v-7c5ff029] {
    margin-top: 24px;
    border: 1px solid var(--ui-06);
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    color: var(--text-01)
}

.payment-debt-popup .table-v2 table[data-v-7c5ff029] {
    width: 100%
}

.payment-debt-popup .table-v2 tr[data-v-7c5ff029] {
    border-bottom: 1px solid var(--ui-06)
}

.payment-debt-popup .table-v2 tr[data-v-7c5ff029]:last-child {
    border-bottom: none
}

.payment-debt-popup .table-v2 td[data-v-7c5ff029],.payment-debt-popup .table-v2 th[data-v-7c5ff029] {
    padding: 8px
}

.payment-debt-popup .table-v2 th[data-v-7c5ff029] {
    background: var(--ui-03);
    font-weight: 700
}

.payment-debt-popup .table-v2 .price[data-v-7c5ff029] {
    color: var(--danger)
}

.payment-debt-popup .notice-lst[data-v-7c5ff029] {
    margin-top: 21px
}

.payment-debt-popup .notice-lst li[data-v-7c5ff029] {
    margin-top: 4px;
    font-size: 12px;
    color: var(--text-04);
    line-height: 1.5;
    padding-left: 10px;
    text-indent: -6px
}

.payment-debt-popup .notice-lst li[data-v-7c5ff029]:first-of-type {
    margin-top: 0
}

.payment-debt-popup .notice-lst li[data-v-7c5ff029]:before {
    display: inline-block;
    content: "・"
}

.payment-debt-popup .check-box[data-v-7c5ff029] {
    margin: 23px 0 0
}

.payment-later-popup .popup_inner_body[data-v-7c5ff029] {
    overflow-y: auto;
    overflow-x: hidden
}

.full-size .popup_inner[data-v-7c5ff029] {
    width: 100%;
    max-height: 90%
}

.full-size .popup_content[data-v-7c5ff029] {
    margin: -40px -40px -24px
}

.popup-sns-share ul[data-v-7c5ff029] {
    display: flex;
    flex-wrap: wrap
}

.popup-sns-share ul li[data-v-7c5ff029] {
    flex: 1;
    background: 50% 0/52px no-repeat;
    text-align: center
}

.popup-sns-share ul li a[data-v-7c5ff029],.popup-sns-share ul li button[data-v-7c5ff029] {
    display: block;
    padding-top: 56px;
    line-height: 17px;
    text-align: center;
    width: 100%;
    margin-top: 8px;
    font-size: 12px;
    color: var(--text-03)
}

.popup-sns-share ul .kakao[data-v-7c5ff029] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/management/kakao.1495d70859e81caa21beac38a860ff3b.png)
}

.popup-sns-share ul .facebook[data-v-7c5ff029] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/management/facebook.d24cbf9879290ca194d649304d2c4521.png)
}

.popup-sns-share ul .twitter[data-v-7c5ff029] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/management/twitter-x.e1b7e9c5c0800203c21ff70d6c090312.png)
}

.popup-sns-share ul .copy[data-v-7c5ff029] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/management/copy.6a04b7f9c7ea5f37a26658f20c608466.png)
}

.webDouble .popup_inner[data-v-7c5ff029] {
    overflow: inherit;
    padding: 32px 24px
}

.webDouble .popup_inner .popup_content[data-v-7c5ff029] {
    margin: 0;
    padding: 0
}

.webDouble .popup_inner .popup_content .popup_inner_header[data-v-7c5ff029] {
    padding-bottom: 8px
}

.webDouble .popup_inner .popup_content .popup_inner_header img[data-v-7c5ff029] {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
    background-size: cover;
    display: block
}

.webDouble .popup_inner .popup_inner_footer[data-v-7c5ff029] {
    display: flex;
    position: relative;
    flex-direction: column;
    height: auto;
    margin: 16px 0 0
}

.webDouble .popup_inner .popup_inner_footer button[data-v-7c5ff029] {
    padding: 12px 0;
    border-radius: 100px;
    font-size: 16px;
    line-height: 24px
}

.webDouble .popup_inner .popup_inner_footer button[data-v-7c5ff029]:first-child {
    margin-bottom: 12px
}

.webDouble .popup_inner .popup_inner_footer button.border[data-v-7c5ff029] {
    background: transparent;
    border: 1px solid #000
}

.webDouble .popup_inner .popup_inner_footer button.login[data-v-7c5ff029] {
    background: transparent;
    position: absolute;
    bottom: -80px;
    max-height: 48px;
    color: #fff
}

.join-popup .popup_inner_body * {
    font-size: 12px;
    line-height: 160%
}

.join-popup .popup_inner_body h2 {
    margin-bottom: 20px
}

.join-popup .popup_inner_body dl,.join-popup .popup_inner_body ol,.join-popup .popup_inner_body ul {
    padding-left: 10px
}

.join-popup .popup_inner_body .popup-wrap>dl {
    padding-left: 0!important
}

.join-popup .popup_inner_body dd,.join-popup .popup_inner_body li,.join-popup .popup_inner_body p {
    padding: 5px 0
}

.join-popup .popup_inner_body dd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.join-popup .popup_inner_body table {
    width: 100%
}

.join-popup .popup_inner_body table th {
    background: #ccc;
    border: 1px solid #ccc;
    text-align: center
}

.join-popup .popup_inner_body table td {
    padding: 5px;
    border: 1px solid #ccc;
    word-break: break-all
}

.join-popup .popup_inner_body .select-wrap {
    padding: 20px 0
}

.popup.table table {
    width: 100%
}

.popup.table table th {
    background: #f8f8f8;
    border: 1px solid #f0f1f5;
    text-align: left;
    font-weight: 400;
    padding: 8px 12px
}

.popup.table table td {
    padding: 8px 12px;
    border: 1px solid #f0f1f5;
    word-break: break-all
}

.popup.alert .popup_inner_body .violet {
    color: #a451f7;
    margin-top: 20px
}

.popup.alert .popup_inner_body .mt20 {
    margin-top: 20px
}

.popup.alert .popup_inner_body .bold {
    font-weight: 700
}

.popup-v2[data-v-e26cd950] {
    max-width: 375px;
    width: 100%;
    position: fixed;
    left: 50%;
    z-index: 1000;
    background: var(--ui-up-03);
    border-radius: 6px;
    overflow: hidden
}

.popup-v2 .popup-v2-content[data-v-e26cd950] {
    padding: 32px 24px 0
}

.popup-v2.full-size .popup-v2-content[data-v-e26cd950] {
    padding-left: 0;
    padding-right: 0
}

.popup-v2 .popup-v2-inner-header[data-v-e26cd950] {
    margin-bottom: 24px;
    position: relative
}

.popup-v2 .popup-v2-inner-header h2[data-v-e26cd950] {
    font-size: 16px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center;
    position: relative
}

.popup-v2 .popup-v2-inner-footer[data-v-e26cd950] {
    height: 56px;
    display: flex;
    color: var(--text-01);
    font-size: 16px;
    margin-top: 32px
}

.popup-v2 .popup-v2-inner-footer button[data-v-e26cd950] {
    color: #242424
}

@media (min-width: 1000px) {
    .popup-v2[data-v-e26cd950] {
        max-width:360px;
        width: 100%;
        position: fixed;
        top: 50%;
        -webkit-transform: translate(-50.4%,-50.4%);
        transform: translate(-50.4%,-50.4%);
        z-index: 1000;
        background: var(--ui-up-03);
        border-radius: 6px;
        overflow: hidden
    }
}

@media (max-width: 999px) {
    .popup-v2[data-v-e26cd950] {
        bottom:0;
        -webkit-transform: translate(-50.2%);
        transform: translate(-50.2%);
        border-radius: 40px 40px 0 0;
        max-width: 460px
    }
}

.popup-v2-inner .refresh {
    background: url(https://svc-fe-artifact.millietown.com/v3/images/home/refresh.2f124d9396e3060a3de23e60155bc692.png) 0 0 no-repeat;
    text-indent: -999em;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0
}

.popup-v2-inner .content {
    border-top: 1px solid var(--ui-06)
}

.popup-v2-inner .content:first-child {
    border-top: none
}

.popup-v2-inner .content+.content {
    padding-top: 24px;
    margin-top: 24px
}

.popup-v2-inner .content .inner {
    display: flex;
    flex-wrap: wrap;
    margin: -4px
}

.popup-v2-inner .content.scroll {
    height: 187px;
    overflow: auto
}

.popup-v2-inner .item {
    margin-bottom: 24px
}

.popup-v2-inner .item:last-child {
    margin-bottom: 0
}

.popup-v2-inner .item .title {
    color: #242424;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.popup-v2-inner .item .desc {
    font-size: 12px;
    color: #a5a5a5
}

.popup-v2-inner .slide-container {
    margin: 0 -24px
}

.popup-v2-inner .slide-wrapper {
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-right: 24px
}

.popup-v2-inner .slide-item {
    margin-left: 8px
}

.popup-v2-inner .slide-item:first-child {
    margin-left: 24px
}

.popup-v2-inner .filter-slide .slide-item {
    background: #fff;
    border: 1px solid #242424;
    border-radius: 100px;
    color: #242424
}

.popup-v2-inner .filter-slide .slide-item input {
    display: none
}

.popup-v2-inner .filter-slide .slide-item label {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: #242424;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 17px;
    border-radius: 100px
}

.popup-v2-inner .filter-slide .slide-item input:checked+label {
    color: #fff;
    background: #242424
}

.popup-v2-inner .filter-slide .slide-item a {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: #242424;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 17px;
    border-radius: 100px
}

.popup-v2-inner .filter-slide .slide-item a.active {
    color: #fff;
    background: #242424
}

.popup-v2-inner .filter-slide label {
    padding: 7px 17px
}

.popup-v2-inner .filter-slide.active label {
    color: #fff
}

.popup-v2-inner .radio {
    width: 50%;
    height: 56px;
    padding: 4px
}

.popup-v2-inner .radio input {
    display: none
}

.popup-v2-inner .radio label {
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    color: var(--text-04);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup-v2-inner .radio input:checked+label {
    color: var(--text-01);
    border: 3px solid #ffeb60
}

.popup-v2-inner .radio-v2 {
    width: 50%;
    height: 24px;
    margin-top: 12px
}

.popup-v2-inner .radio-v2:first-child,.popup-v2-inner .radio-v2:nth-child(2) {
    margin-top: 0
}

.popup-v2-inner .radio-v2 input {
    display: none
}

.popup-v2-inner .radio-v2 label {
    width: 100%;
    height: 100%;
    color: var(--text-04);
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center
}

.popup-v2-inner .radio-v2 label:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #c1c1c1;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-v2-inner .radio-v2 input:checked+label {
    color: var(--text-01)
}

.popup-v2-inner .radio-v2 input:checked+label:before {
    border: 6px solid var(--ui-09)
}

.popup-v2-inner .close {
    width: 40%;
    background: var(--ui-06)!important
}

.popup-v2-inner .apply {
    width: 60%;
    background: #ffeb60!important
}

.popup-v3[data-v-e396c356] {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.8);
    outline: 0
}

.popup-v3 .popup-inner[data-v-e396c356] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 93%;
    min-height: 200px;
    overflow: hidden;
    padding: 24px 24px 80px;
    max-height: 80%;
    background-color: var(--ui-up-03);
    word-break: keep-all;
    border-radius: 6px;
    -webkit-overflow-scrolling: touch;
    max-width: 328px
}

.popup-v3 .popup_content[data-v-e396c356] {
    overflow-y: auto;
    margin: -24px -16px;
    padding: 24px 16px
}

.popup-v3 .popup-header[data-v-e396c356] {
    font-size: 20px;
    color: var(--text-01);
    font-weight: 700;
    text-align: center;
    padding-bottom: 16px
}

.popup-v3 .popup-body[data-v-e396c356] {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    flex-direction: column;
    color: var(--text-03);
    line-height: 22px
}

.popup-v3 .popup-body .ta-c[data-v-e396c356] {
    text-align: center
}

.popup-v3 .popup-footer[data-v-e396c356] {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    margin: 24px -24px 0
}

.popup-v3 .popup-footer>a[data-v-e396c356],.popup-v3 .popup-footer>button[data-v-e396c356] {
    flex: 1;
    background: var(--primary);
    font-size: 15px;
    color: #242424;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup-v3 .popup-footer>a.gray[data-v-e396c356],.popup-v3 .popup-footer>button.gray[data-v-e396c356] {
    background-color: var(--cancel);
    color: var(--text-01)
}

.popup-v3 .popup-footer>a.red[data-v-e396c356],.popup-v3 .popup-footer>button.red[data-v-e396c356] {
    background-color: var(--danger);
    color: #fff
}

.popup-v3 .marketing {
    color: #a5a5a5;
    margin-top: 16px
}

.for-millie.fixed[data-v-f2b4e7a2] {
    position: fixed;
    left: 15px;
    bottom: calc(constant(safe-area-inset-bottom) + 15px);
    bottom: calc(env(safe-area-inset-bottom) + 15px);
    bottom: 15px;
    z-index: 999
}

@media (max-width: 999px) {
    .for-millie.set-bottom[data-v-f2b4e7a2] {
        bottom:calc(constant(safe-area-inset-bottom) + 60px);
        bottom: calc(env(safe-area-inset-bottom) + 60px);
        bottom: 60px
    }
}

.for-millie .button[data-v-f2b4e7a2] {
    background: no-repeat 50%;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    background-size: 25px
}

.for-millie .button.on[data-v-f2b4e7a2] {
    background-color: #ffeb60
}

.for-millie .buttons[data-v-f2b4e7a2] {
    display: flex;
    background: rgba(255,235,96,.8);
    border-radius: 30px;
    padding: 0 10px
}

.for-millie .buttons .button[data-v-f2b4e7a2] {
    width: 45px;
    height: 45px;
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-works.af9dd885cf2a5102f6ffd978955f9c64.png)
}

.for-millie .buttons .jumin-button[data-v-f2b4e7a2] {
    align-items: center;
    color: red
}

.for-millie .buttons .theme-button[data-v-f2b4e7a2] {
    width: 45px;
    height: 45px
}

.for-millie .buttons .theme-button.light[data-v-f2b4e7a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-brightness.304d434f6b4353a99a94e1f1b1424bb2.png)
}

.for-millie .buttons .theme-button.dark[data-v-f2b4e7a2] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/common/icon-night-mode.31e66872d203a2e4e372a1d38a69d60d.png)
}

.for-millie .cancel[data-v-f2b4e7a2] {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 25px;
    height: 25px;
    z-index: 1000;
    background: rgba(255,235,96,.8) 50%;
    border-radius: 50%;
    font-size: 20px;
    color: #242424
}

.mds-dialog .popup-content[data-v-7133913e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 16px
}

.mds-dialog .popup-content img[data-v-7133913e] {
    width: 280px;
    height: 160px
}

.book-detail .shelf-popup .mds-dialog--wrap .mds-dialog--header em.mds-font--body02 {
    display: none
}

.shelf-popup .popup-content[data-v-938a508e] {
    width: 100%
}

.shelf-popup .popup-content .point[data-v-938a508e] {
    color: var(--audio);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 4px;
    text-align: center
}

.shelf-popup .popup-content .desc[data-v-938a508e] {
    color: var(--text-03);
    font-size: 14px;
    text-align: center
}

.shelf-popup .popup-content .inner .shelf-list[data-v-938a508e] {
    margin-top: 16px;
    max-height: 224px;
    overflow: auto;
    margin-left: -24px;
    margin-right: -24px
}

.shelf-popup .popup-content .inner .shelf-list[data-v-938a508e]::-webkit-scrollbar {
    width: 5px;
    height: 0
}

.shelf-popup .popup-content .inner .shelf-list[data-v-938a508e]::-webkit-scrollbar-button:end:increment,.shelf-popup .popup-content .inner .shelf-list[data-v-938a508e]::-webkit-scrollbar-button:start:decrement {
    display: block;
    width: 5px;
    height: 0;
    background: rgba(0,0,0,.05)
}

.shelf-popup .popup-content .inner .shelf-list[data-v-938a508e]::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.shelf-popup .popup-content .inner .shelf-list[data-v-938a508e]::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.1)
}

.shelf-popup .popup-content .inner .shelf-list li[data-v-938a508e] {
    padding: 0 24px
}

.shelf-popup .popup-content .inner .shelf-list li .mds-radio[data-v-938a508e] .check {
    flex: 0 0 auto
}

.shelf-popup .popup-content .inner .shelf-list li .mds-radio[data-v-938a508e] .label {
    overflow: hidden;
    padding-right: 8px
}

.shelf-popup .popup-content .inner .shelf-list li .mds-radio[data-v-938a508e] .label span {
    display: block;
    overflow: hidden;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shelf-popup .create-shelf .box[data-v-938a508e] {
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    height: 56px;
    padding: 16px;
    display: flex
}

.shelf-popup .create-shelf .input-text[data-v-938a508e] {
    flex: 1;
    width: 100%;
    color: var(--text-01)
}

.shelf-popup .create-shelf .check input[data-v-938a508e] {
    display: none
}

.shelf-popup .create-shelf .check label[data-v-938a508e] {
    text-indent: -9999em;
    background: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/unlock.45d6b448c186d95245e95074d78a38f3.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    margin-left: 8px;
    display: block;
    cursor: pointer
}

.shelf-popup .create-shelf .check input:checked+label[data-v-938a508e] {
    background-image: url(https://svc-fe-artifact.millietown.com/v3/images/bookDetail/lock.bdda550ac062fd7ac1e3681dc11e6801.png)
}

.shelf-popup .create-shelf p[data-v-938a508e] {
    color: #8b8b8b;
    font-size: 12px;
    text-align: right;
    padding-right: 16px
}

.shelf-popup[data-v-938a508e] .popup-content .create-shelf-button {
    margin-top: 16px;
    text-decoration: none
}

.shelf-popup[data-v-938a508e] .popup-content .create-shelf-button span {
    text-decoration: none
}

.shelf-popup[data-v-938a508e] .popup-content .create-shelf-button span:before {
    content: "\e825";
    display: block;
    font-family: icon;
    font-size: 24px
}

.shelf-popup[data-v-938a508e] .popup-content .mds-radio {
    width: 100%;
    padding: 12px 0
}

.shelf-popup[data-v-938a508e] .popup-content .mds-radio .mds-radio-view {
    flex-direction: row-reverse
}

.shelf-popup[data-v-938a508e] .popup-content .mds-radio .check {
    margin-right: 0
}

.shelf-popup[data-v-938a508e] .popup-content .mds-radio .label {
    font-size: 16px;
    color: var(--text-02);
    display: flex;
    align-items: center;
    text-decoration: none
}

.shelf-popup[data-v-938a508e] .popup-content .mds-radio .label [class^=mds-] {
    font-size: 24px;
    margin-right: 4px
}

.badge-icon[data-v-700a485a] {
    display: block
}

.badge-icon[data-v-700a485a]:not(.active) {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.badge-icon img[data-v-700a485a] {
    width: 100%
}

.book-shelf .slide-container {
    overflow: hidden;
    overflow-x: auto !important;
}
.btn-wrap {
  text-align: center; /* 내부 인라인 요소(a)를 가운데로 */
}

.yellow-btn {
  display: inline-block;
  background-color: #E0B0FF;
  color: #333;
  font-weight: 500;
  font-size: 15px;
  padding: 10px 24px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.slider-banner {
position: relative;
overflow: hidden;
}

.slide-banner {
opacity: 0;
display: none;
position: relative;
transition: opacity 1s ease-in-out;
}

.slide-banner.active {
opacity: 1;
display: block;
}