
div#sidebar div.logo {
    opacity: 1;
}

div#sidebar ul.menu {
    opacity: 1;
}

main#main {
    background: #2D2C2C;
    padding: 0;
}

section#talent {
    width: 73.89vw;
    margin-bottom: 5vw;
    margin-left: 1.11vw;
    color: white;
    letter-spacing: 0.08em;
    position: relative;
    border: 1px solid transparent;
}

section#talent .voice_wrap {
    height: 1.78vw;
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 5.4vw;
}

section#talent #voice1{
    position: absolute;
    top: 41.5vw;
    left: 11vw;
}

section#talent #voice2 {
    position: absolute;
    top: 41.5vw;
    left: 18vw;
}

section#talent .voice_wrap .voice_icon{
    width: 1.66vw;
    height: 1.68vw;
}

section#talent #voice1 .voice_icon {
    background-image: url('../image/white_microphone.png');
    background-size: contain;
}

section#talent #voice1.active .voice_icon {
    background-image: url('../image/red_microphone.png');
    background-size: contain;
}

section#talent #voice2 .voice_icon {
    background-image: url('../image/white_microphone.png');
    background-size: contain;
}

section#talent #voice2.active .voice_icon {
    background-image: url('../image/red_microphone.png');
    background-size: contain;
}

section#talent .voice_wrap .voice_text {
    font-size: 0.69vw;
    color: white;
}

section#talent #voice1.active .voice_text {
    color: #BD1E2F;
}

section#talent #voice2.active .voice_text {
    color: #BD1E2F;
}

section#talent .cross-btn {
    width: 2.78vw;
    height: 2.78vw;
    margin-top: 4.17vw;
    margin-left: 66.95vw;
}

section#talent .row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section#talent .row .image {
    width: 34.72vw;
    height: 29.17vw;
    margin: 0 auto 0;
}

section#talent .row .profile_wrap {
    width: 43.54vw;
    position: relative;
    margin-top: 4.24vw;
}

section#talent .row .profile_wrap .name {
    font-weight: 500;
    font-size: 2.5vw;
}

section#talent .row .profile_wrap .profile_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2.08vw;
    font-size: 1.11vw;
}

section#talent .row .profile_wrap .profile_row div.key {
    text-align: left;
    width: 32vw;
    font-size: 1.11vw;
    font-weight: bold;
}

section#talent .row .profile_wrap .profile_row div:nth-child(2) {
    text-align: left;
    width: 34vw;
}

section#talent .row .profile_wrap .profile_row .instagram_icon {
    width: 1.67vw;
    height: 1.67vw;
}

section#talent .row .profile_wrap .profile_row .twitter_icon {
    width: 1.67vw;
    height: 1.67vw;
}

section#talent .bar {
    color: black;
    width: 69.4vw;
    height: 2.78vw;
    margin-top: 3.75vw;
    margin-left: 0;
    background: white;
    font-size: 1.67vw;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 1vw;
}

section#talent .text1 {
    font-size: 0.97vw;
    margin-top: 2.01vw;
}

section#talent .title {
    font-size: 1.39vw;
    margin-top: 2.22vw;
}

section#talent .text2 {
    font-size: 0.97vw;
    margin-top: 0.97vw;
}

section#talent .slick-dots {
    display: flex;
    font-size: 0;
    justify-content: center;
    margin-top: 1.67vw;
    position: relative;
    z-index: 2;
}

section#talent .slick-dots li{
    width: 0.83vw;
    height: 0.83vw;
    margin-left: 0.66vw;
    margin-right: 0.66vw;
}

section#talent .slick-dots li button{
    width:100%;
    height:100%;
    background: #D9D9D9;
    border-radius:50%;
    color:white;
   
}

section#talent .slick-dots li.slick-active button{
    background:#BD1E2F
}


.text2 a {
    color: #fff;
}


@media screen and (max-width: 780px) {
    div#sidebar div.logo {
        opacity: 0;
    }

    div#sidebar ul.menu {
        opacity: 0;
    }

    main#main {
        min-height: 100vh;
    }

    section#talent {
        width: 100vw;
        margin-bottom: 21.33vw;
        margin-left: 0;
    }

    section#talent .voice_wrap {
        width: 19.75vw;
        height: 6.83vw;
        cursor: pointer;
    }
    
    section#talent #voice1{
        position: absolute;
        top: 118vw;
        left: 45.07vw;
    }
    
    section#talent #voice2 {
        position: absolute;
        top: 118vw;
        left: 73.95vw;
    }

    section#talent .voice_wrap .voice_icon {
        width: 6.36vw;
        height: 6.46vw;
    }

    section#talent .voice_wrap .voice_text {
        font-size: 2.67vw;
    }

    section#talent .cross-btn {
        width: 6.4vw;
        height: 6.4vw;
        margin-top: 8vw;
        margin-left: 85.6vw;
    }

    section#talent .row {
        flex-direction: column;
    }

    section#talent .row .image {
        width: 94.67vw;
        height: 96vw;
    }

    section#talent .row .profile_wrap {
        margin: 6.4vw auto 0;
        width: 89.33vw;
    }

    section#talent .row .profile_wrap .name {
        font-size: 6.4vw;
    }

    section#talent .row .profile_wrap .profile_row {
        margin-top: 6.4vw;
    }

    section#talent .row .profile_wrap .profile_row div.key {
        text-align: left;
        width: 32vw;
        font-size: 4.27vw;
        font-weight: bold;
    }
    
    section#talent .row .profile_wrap .profile_row div:nth-child(2) {
        text-align: left;
        width: 60vw;
        font-size: 3.73vw;
    }

    section#talent .row .profile_wrap .profile_row .instagram_icon {
        width: 6.4vw;
        height: 6.4vw;
    }

    section#talent .row .profile_wrap .profile_row .twitter_icon {
        width: 6.4vw;
        height: 6.4vw;
    }

    section#talent .bar {
        color: black;
        width: 89.33vw;
        height: 10.67vw;
        margin: 10.67vw auto 0;
        font-size: 5.33vw;
        font-weight: bold;
        display: flex;
        align-items: center;
        padding-left: 5.33vw;
    }

    section#talent .text1 {
        font-size: 3.73vw;
        width: 89.33vw;
        margin: 6.4vw auto 0;
    }

    section#talent .title {
        font-size: 4.8vw;
        width: 89.33vw;
        margin: 7.47vw auto 0;
    }
    
    section#talent .text2 {
        font-size: 3.73vw;
        margin-top: 0.97vw;
        width: 89.33vw;
        margin: 3.73vw auto 0;
    }

    section#talent .slick-dots {
        display: flex;
        font-size: 0;
        justify-content: center;
        margin-top: 6.4vw;
        position: relative;
        z-index: 2;
    }
    
    section#talent .slick-dots li{
        width: 3.2vw;
        height: 3.2vw;
        margin-left: 2.53vw;
        margin-right: 2.53vw;
    }
    
    section#talent .slick-dots li button{
        width:100%;
        height:100%;
        background: #D9D9D9;
        border-radius:50%;
        color:white;
       
    }
    
    section#talent .slick-dots li.slick-active button{
        background:#BD1E2F
    }
    
}