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

.my-you {
    background-color: #6A6770;
}

.my-you .album-detail .btn-list span {
    /* background-color: rgb(160, 0, 16); */
    /* background-color: rgb(47, 37, 28); */
}

.my-you .album-detail .btn-list span::after {
    /* border-color: rgb(160, 0, 16); */
    /* border-color: rgb(47, 37, 28); */
}

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

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

.my-you .album-detail .contents>img {
    width: 100%;
}

.my-you .album-detail .contents-title {
    color: #fff;
    /* color: rgb(47, 37, 28); */
    /* font-family: 'GothicA1 Bold', 'NotoSansCJKkr'; */
    /* text-shadow: 0px 0px 3px #d07a8e; */
}

.my-you .album-detail .contents-title>strong {
    font-size: 1.15em;
}

.my-you .album-detail .contents-title.kr {
    font-family: 'NotoSansCJKkr-M';
}

.my-you .album-detail .list-wrap {}

.my-you .album-detail .list-wrap>.list-inner {}

.my-you .album-detail .list-wrap>.list-inner>ol {}

.my-you .album-detail .list-wrap>.list-inner>ol>li {
    /* font-family: 'GothicA1 Bold', 'NotoSansCJKkr'; */
    position: relative;
    padding-left: 51px;
    line-height: 1.5;
    color: #fff;
    /* color: rgb(47, 37, 28); */
    /* color: rgb(160, 0, 16); */
}

.my-you .album-detail .list-wrap>.list-inner>ol>li.kr {
    font-family: 'NotoSansCJKkr-M';
}

.my-you .album-detail .list-wrap>.list-inner>ol>li>.num {
    font-family: 'Camber-SB', 'NotoSansCJKkr-M';
    position: absolute;
    top: 0;
    left: 0;
}


/* Desc */
.my-you .album-detail .album-desc .contents-obj.shadow img {
    /* border: 1px solid rgb(47,37,28); */
}

/* Video  */

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

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

/* Photo  */
.my-you .album-detail .album-photo .slide-wrap>ul>li>img {
    display: none;
}


.my-you .album-photo .slide-wrap {
    margin-top: 47px;
}

.my-you .album-photo {
    margin-top: 80px;
}

.my-you .contents-sub {
    text-transform: none;
    border-bottom: 2px solid transparent;
    border-bottom: #fff;
    color: #fff;
}

.my-you .contents-sub:hover {
    border-bottom: #fff;
}

.my-you .bottom li.active .contents-sub,
.my-you .bottom button:hover .contents-sub {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.my-you .album-detail .bottom ul li button:hover .contents-sub {
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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