@import url('../../../../fonts/GothicA1/GothicA1');

/* 공통 */
.still-with-you {
    background-color: rgb(13, 19, 26);
}

.still-with-you .album-detail .contents {
    position: relative;
    padding-left: 44px;
}

.still-with-you .album-detail .contents>img {
    width: 100%;
    margin-bottom: 10px;
}

.still-with-you .album-detail .list-wrap>.list-inner>ol>li>.num {
    position: absolute;
    top: 0;
    left: 0;
}

.still-with-you .album-detail .list-wrap>.list-inner>ol>li {
    position: relative;
    padding-left: 51px;
    color: #fff;
}

.still-with-you .bottom ul li button>h3 {
    border-bottom: 2px solid transparent;
    box-sizing: content-box;
}

.still-with-you .bottom ul li.active button>h3,
.still-with-you .bottom ul li button:hover>h3 {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.still-with-you .album-detail {
    padding-bottom: 0;
}

.still-with-you .contents-sub {
    text-transform: none;
    color: #fff;
}

/* Video  */

.still-with-you .album-video {
    max-width: 1440px;
    padding: 70px 0 75px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.still-with-you .album-video>.slide-wrap {
    margin-top: 47px;
}

@media screen and (max-width: 1440px) {
    .still-with-you .album-detail .contents {
        padding-left: 3vw;
    }

    /* Video */
    .still-with-you .album-video {
        padding: 4.8vw 0 5.2vw;
    }

    .still-with-you .album-video>.slide-wrap {
        margin-top: 3.2vw;
    }

    /* Photo */
    .still-with-you .album-photo {
        margin-top: 5.5vw;
    }

    .still-with-you .album-photo .slide-wrap {
        margin-top: 3.2vw;
    }

    .still-with-you .album-photo .bottom>ul {
        padding: 3.26vw 0 4.625vw;
    }
}

@media screen and (max-width:768px) {
    .still-with-you .album-detail .list-wrap>.list-inner>ol>li {
        padding-left: 13.6vw;
        font-size: 4.2vw;
        line-height: 1.5;
    }

    .still-with-you .album-desc .contents-obj {
        margin-bottom: 14vw;
    }

    .still-with-you .album-detail .contents {
        position: relative;
        padding-left: 0;
    }

    /* Video */
    .still-with-you .album-video {
        padding: 10.6vw 5.3vw 12.5vw
    }

    .still-with-you .album-video>.slide-wrap {
        margin-top: 12.5vw;
    }

    .device .still-with-you .album-detail .album-video .slide-wrap>ul>li .contents-obj {
        margin-bottom: 5.3vw;
    }

    .still-with-you .album-photo .slide-wrap>ul>li ul {
        margin-bottom: 9.6vw;
    }

    .still-with-you .album-photo .slide-wrap>ul>li {
        margin-bottom: 18.1vw;
    }

    .safari .still-with-you .album-detail .album-photo .slide-wrap,
    .mac-os .still-with-you .album-detail .album-photo .slide-wrap {
        margin-top: 10.6vw;
    }

    .still-with-you .album-photo .slide-wrap.center>ul>li>img {
        margin-left: auto;
        margin-right: auto;
    }
}