body {
    position: relative;
    min-width: 788px;
    background-image: linear-gradient(to bottom, #9ed7fc, #ffe2f7 71%, #ffffff);
    background-repeat: no-repeat;
    background-size: cover;
}

.main {
    display: flex;
    position: relative;
    justify-content: center;
    width: auto;
    min-width: 788px;
    height: calc(100vh - 70px);
    min-height: 680px;
    overflow: scroll;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

.main::-webkit-scrollbar {
    display: none;
}

.sidebar {
    position: sticky;
    top: 0;
    padding: 36px 36px 0 24px;
}

.sidebar__content {
    position: relative;
    height: 100%;
}

.sidebar__logo {
    width: 351px;
    height: 103px;
    margin-bottom: 44px;
}

.sidebar__wrap {
    text-align: center;
}

.nav-detail {
    height: auto;
    margin-bottom: 40px;
    border-bottom: unset;
    line-height: unset;
}

.nav-detail__link {
    font-size: 20px;
}

.sns-buttons {
    padding: unset;
}

.campaign {
    width: 375px;
    height: fit-content;
    background-color: white;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
}

.campaign__kv {
    height: 399px;
}

.campaign__kv-image {
    width: 100%;
    height: 399px;
}

.campaign__youtube-frame {
    width: 300px;
    height: 173px;
}

.campaign__book {
    background-position-x: -66px;
    background-size: 581px;
}

.campaign__book-list {
    width: 328px;
}

.campaign__book-wrap {
    width: 250px;
}

.campaign__book-wrap--double {
    width: 160px;
}

.campaign__book-wrap--left {
    margin-right: 8px;
}

.campaign__book-slider {
    width: 363px;
    margin: 0 auto;
}

.slick-slider .slick-list {
    width: 328px;
    margin: 0 auto;
}

.campaign__circle {
    width: 40px;
    height: 40px;
}

.campaign__circle-text {
    width: 40px;
    font-size: 6px;
}

.campaign__award {
    width: auto;
    height: 29px;
    font-size: 12px;
}

.campaign__no-award {
    height: 29px;
}

.campaign__award--comicalize {
    margin-right: 10px;
}

.campaign__book-image {
    width: 250px;
    height: 367px;
}

.campaign__book-image--double {
    width: 160px;
    height: 227.5px;
}

.campaign__comicalize-image {
    width: 343px;
    height: 130px;
}

.campaign__comicalize-text {
    font-size: 16px;
}

.campaign__benefit-image {
    height: 200px;
}

.campaign__present-image {
    height: 160px;
}

.campaign__sns {
    overflow: clip;
}

.campaign__sns-ellipse {
    z-index: 0;
    top: 200px;
    left: -78px;
    width: 209px;
    height: 162px;
}

.campaign__sns-squire {
    z-index: 0;
    right: -56px;
    bottom: -20px;
    width: 187px;
    height: 245px;
}

.tiktok-embed {
    height: 366px;
}

.page-top-icon {
    position: sticky;
    z-index: 105;
    bottom: 72px;
    left: 100vw;
}

.footer {
    display: flex;
    justify-content: center;
    min-width: 788px;
    height: 54px;
    padding: 8px 0;
    background: #000000;
}

.footer img {
    width: 200px;
    height: 22px;
    margin-right: 16px;
    padding-top: 16px;
}

.footer .copyright {
    margin: unset;
    color: #ffffff;
    font-size: 10px;
    line-height: 54px;
    text-align: left;
}

@media screen and (max-width: 788px) {

    .main {
        padding-left: unset;
    }

    .page-top-icon {
        left: 90vw;
    }
}

@media screen and (max-width: 980px) {

    .main {
        margin: unset;
        padding-left: unset;
    }
}