/* Track List */
.bts-section-track-list {}

.bts-section-track-list>.con {
    padding-top: 95px;
}

.bts-section-track-list>.con>.bg {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
}

/* if using image */
.bts-section-track-list>.con>.bg>.img {
    display: block;
    position: relative;
    width: 100%;
    /* background-image: url('./../../../images/bts/discography/proof/tracklist/bg.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; */
}

.bts-section-track-list>.con>.bg>.img>img {
    width: 100%;
}

/* if using mov */
.bts-section-track-list>.con>.bg>.mov {
    display: block;
    position: relative;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.bts-section-track-list>.con>.bg>.mov>video {
    width: 100%;
    padding: 100px 0 140px;
}

.bts-section-track-list>.con>.bg>.bg-model {
    width: 100%;
    height: 1013px;
    background-color: #000;
}

.bts-section-track-list>.con>.over-wrap {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.bts-section-track-list>.con>.over-wrap::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

.bts-section-track-list>.con>.over-wrap>.inner-wrap {
    padding-top: 570px;
    padding-bottom: 80px;

}

.bts-section-track-list>.con>.over-wrap>.inner-wrap>.title-img {
    margin-bottom: 64px;
}

.bts-section-track-list>.con>.over-wrap>.inner-wrap>.title-img>img {
    width: 380px;
}

/* 이미지 트랙 */
.bts-section-track-list>.con>.over-wrap>.inner-wrap>.pc {
    display: block;
}

.bts-section-track-list>.con>.over-wrap>.inner-wrap>.mb {
    display: none;
}

.bts-section-track-list>.con>.over-wrap>.inner-wrap>.pc>.img-track {}

.bts-section-track-list>.con>.over-wrap>.inner-wrap>.pc>.img-track>ul {
    display: flex;
    position: relative;
}

.bts-section-track-list>.con>.over-wrap>.inner-wrap>.pc>.img-track>ul>li {
    flex: 1 1 auto;
    width: 33.33333%;
}

.bts-section-track-list>.con>.over-wrap>.inner-wrap>.pc>.img-track>ul>li>img {
    width: 100%;
}

/* Between PC And Mobile */
@media screen and (max-width: 1440px) {
    .bts-section-track-list>.con>.over-wrap>.inner-wrap {
        padding-top: 38vh;
        padding-bottom: 6vh;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.title-img {
        margin-bottom: 5vw;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.title-img>img {
        width: 30vw;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.pc>.img-track {

        display: block;
        position: relative;
        width: 95vw;
        margin-left: auto;
        margin-right: auto;

    }
}

/* For Mobile */
@media screen and (max-width: 768px) {
    .bts-section-track-list {}

    .bts-section-track-list>.con>.bg {
        height: 100vh;
    }

    /* if use image */
    .bts-section-track-list>.con>.bg>.img {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-image: url('./../../../images/bts/discography/proof/tracklist/bg.jpg');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .bts-section-track-list>.con>.bg>.mov {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .bts-section-track-list>.con>.bg>.img>img {
        display: none;
    }



    .bts-section-track-list>.con>.bg>.bg-model {
        height: 100%;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.title-img {
        margin-bottom: 18vw;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.title-img>img {
        width: 40vw;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap {
        padding-top: 55vh;
        padding-bottom: 32vh;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.img-track>ul {
        display: block;
        position: relative;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.img-track>ul>li {
        display: block;
        position: relative;
        width: 74vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 13vw;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.pc {
        display: none;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.mb {
        display: block;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.mb>.img {
        width: 69vw;
        margin-left: auto;
        margin-right: auto;
    }

    .bts-section-track-list>.con>.over-wrap>.inner-wrap>.mb>.img>img {
        width: 100%;
    }
}