@charset "utf-8";

body {
    background: #272727;
}

.kv .kv-inner .popup-inner .popup-scroll {
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-width: 0 0 2px;
}

.kv .kv-inner .btn-info {
    background-color: rgba(0, 0, 0, 0.7);
}

.kv .kv-inner .popup-inner li:first-child {
    border-top: none;
}

.kv .kv-inner .popup-inner li:last-child {
    border-bottom: none;
}

.kv .kv-inner .popup-inner .popup-scroll {
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-width: 2px 0;
    border-bottom: 2px solid #72545d;
}

.kv .music-list a.melon:focus,
.kv .music-list a.melon:hover {
    background-image: url('./../../images/leehyun/main/ico-melon_h.png');
}

.kv .music-list a.flo:focus,
.kv .music-list a.flo:hover {
    background-image: url('./../../images/leehyun/main/ico-flo_h.png');
}

.kv .music-list a.genie:focus,
.kv .music-list a.genie:hover {
    background-image: url('./../../images/leehyun/main/ico-genie_h.png');
}

.kv .music-list a.bugs:focus,
.kv .music-list a.bugs:hover {
    background-image: url('./../../images/leehyun/main/ico-bugs_h.png');
}

.kv .music-list a.apple:focus,
.kv .music-list a.apple:hover {
    background-image: url('./../../images/leehyun/main/ico-apple_h.png');
}

.kv .music-list a.itunes:focus,
.kv .music-list a.itunes:hover {
    background-image: url('./../../images/leehyun/main/ico-itunes_h.png');
}

.kv .music-list a.spotify:focus,
.kv .music-list a.spotify:hover {
    background-image: url('./../../images/leehyun/main/ico-spotify_h.png');
}

.kv .music-list a.amazon:focus,
.kv .music-list a.amazon:hover {
    background-image: url('./../../images/leehyun/main/ico-amazon_h.png');
}

.kv .kv-inner .popup-inner li a:focus,
.kv .kv-inner .popup-inner li a:hover {
    color: #bea897;
}

.kv .kv-inner .btn-info:focus,
.kv .kv-inner .btn-info:hover {
    color: #dab69c;
}

.kv .btn-prev .arrow {
    background-image: url('./../../images/leehyun/btn-prev.png');
}

.kv .btn-next .arrow {
    background-image: url('./../../images/leehyun/btn-next.png');
}

.device .kv .btn-prev .arrow:focus,
.device .kv .btn-prev .arrow:hover {
    background-image: url('./../../images/leehyun/btn-prev.png');
}

.device .kv .btn-next .arrow:focus,
.device .kv .btn-next .arrow:hover {
    background-image: url('./../../images/leehyun/btn-next.png');
}

.kv .btn-prev.disabled .arrow:focus,
.kv .btn-prev.disabled .arrow:hover {
    background-image: url('./../../images/leehyun/btn-prev.png');
}

.kv .btn-next.disabled .arrow:focus,
.kv .btn-next.disabled .arrow:hover {
    background-image: url('./../../images/leehyun/btn-next.png');
}

.kv .btn-prev:focus .arrow,
.kv .btn-prev:hover .arrow,
.kv .btn-prev .arrow:focus,
.kv .btn-prev .arrow:hover {
    background-image: url('./../../images/leehyun/btn-prev_hover.png');
}

.kv .btn-next:focus .arrow,
.kv .btn-next:hover .arrow,
.kv .btn-next .arrow:focus,
.kv .btn-next .arrow:hover {
    background-image: url('./../../images/leehyun/btn-next_hover.png');
}

.kv .kv-inner>li button {
    background: no-repeat center;
    background-size: cover;
}

.kv .kv-inner>li .contents-obj {
    background: no-repeat center;
    background-size: auto;
}

.kv .kv-inner>li.fool_again .music-list a.melon:focus,
.kv .kv-inner>li.fool_again .music-list a.melon:hover {
    background-image: url('./../../images/leehyun/main/ico-melon-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .music-list a.flo:focus,
.kv .kv-inner>li.fool_again .music-list a.flo:hover {
    background-image: url('./../../images/leehyun/main/ico-flo-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .music-list a.genie:focus,
.kv .kv-inner>li.fool_again .music-list a.genie:hover {
    background-image: url('./../../images/leehyun/main/ico-genie-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .music-list a.bugs:focus,
.kv .kv-inner>li.fool_again .music-list a.bugs:hover {
    background-image: url('./../../images/leehyun/main/ico-bugs-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .music-list a.apple:focus,
.kv .kv-inner>li.fool_again .music-list a.apple:hover {
    background-image: url('./../../images/leehyun/main/ico-apple-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .music-list a.itunes:focus,
.kv .kv-inner>li.fool_again .music-list a.itunes:hover {
    background-image: url('./../../images/leehyun/main/ico-itunes-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .music-list a.spotify:focus,
.kv .kv-inner>li.fool_again .music-list a.spotify:hover {
    background-image: url('./../../images/leehyun/main/ico-spotify-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .music-list a.amazon:focus,
.kv .kv-inner>li.fool_again .music-list a.amazon:hover {
    background-image: url('./../../images/leehyun/main/ico-amazon-fool_again_h.png');
}

.kv .kv-inner>li.fool_again .popup-inner li a:focus,
.kv .kv-inner>li.fool_again .popup-inner li a:hover,
.kv .kv-inner>li.fool_again .btn-info:focus,
.kv .kv-inner>li.fool_again .btn-info:hover {
    color: #b5d1cb;
}

.kv .kv-inner>li.fool_again .popup-inner .popup-scroll {
    max-height: 274px;
    border-bottom: 1px solid #96a4a2;
}

.kv .kv-inner>li.fool_again>button {
    background-image: url('./../../images/leehyun/main/kv-fool_again.jpg');
}

.kv .kv-inner>li.fool_again .contents-obj {
    background-image: url('./../../images/leehyun/main/kv-fool_again.png');
}

.kv .kv-inner>li.fool_again .contents {
    right: calc(50% + 54px);
}

.kv .kv-inner>li.fool_again .contents.kor {
    right: calc(50% + 49px);
}

/* .kv .kv-inner > li.fool_again .contents .contents-txt .contents-title.kor {letter-spacing: -0.06em;} */

.kv .kv-inner>li.our_summer>button {
    background-image: url('./../../images/leehyun/main/kv-leehyun.jpg');
}

.kv .kv-inner>li.our_summer .contents-obj {
    background-image: url('./../../images/leehyun/main/kv-album.png');
}

.kv .kv-inner>li.our_summer .contents {
    right: calc(50% + 167px);
    /* padding-bottom: 29px; */
}

.kv .kv-inner>li.our_summer .contents.kor {
    right: calc(50% + 165px);
}

/* .kv .kv-inner > li.our_summer .contents .contents-txt .contents-title {padding-top: 3px;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);font-weight: bold; text-align: left;} */
.kv .kv-inner>li.our_summer .popup-inner .popup-scroll {
    border-bottom: 1px solid rgba(190, 168, 151, 0.6);
}

/* .Firefox .kv .kv-inner > li.our_summer .contents {right: calc(50% + 170px);} */
/* .Firefox .kv .kv-inner > li.our_summer .contents.kor {right: calc(50% + 165px);} */

/* 210712 수정 : 바닷속의 달 추가 */
.kv .kv-inner>li.moon_in_the_sea .music-list a.melon:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.melon:hover {
    background-image: url('./../../images/leehyun/main/ico-melon-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.flo:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.flo:hover {
    background-image: url('./../../images/leehyun/main/ico-flo-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.genie:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.genie:hover {
    background-image: url('./../../images/leehyun/main/ico-genie-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.bugs:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.bugs:hover {
    background-image: url('./../../images/leehyun/main/ico-bugs-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.apple:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.apple:hover {
    background-image: url('./../../images/leehyun/main/ico-apple-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.itunes:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.itunes:hover {
    background-image: url('./../../images/leehyun/main/ico-itunes-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.spotify:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.spotify:hover {
    background-image: url('./../../images/leehyun/main/ico-spotify-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.amazon:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.amazon:hover {
    background-image: url('./../../images/leehyun/main/ico-amazon-moon_in_the_sea_h.png');
}

/* 바이브 */
.kv .kv-inner>li.moon_in_the_sea .music-list a.vibe {
    background-repeat: no-repeat;
    background-position: 26% center;
    background-size: 14%;
    background-image: url('./../../images/leehyun/main/ico-vibe-moon_in_the_sea.png');
}

.kv .kv-inner>li.moon_in_the_sea .music-list a.vibe:focus,
.kv .kv-inner>li.moon_in_the_sea .music-list a.vibe:hover {
    background-image: url('./../../images/leehyun/main/ico-vibe-moon_in_the_sea_h.png');
}

.kv .kv-inner>li.moon_in_the_sea .popup-inner li a:focus,
.kv .kv-inner>li.moon_in_the_sea .popup-inner li a:hover,
.kv .kv-inner>li.moon_in_the_sea .btn-info:focus,
.kv .kv-inner>li.moon_in_the_sea .btn-info:hover {
    color: #ffa4cc;
}

.kv .kv-inner>li.moon_in_the_sea .popup-inner .popup-scroll {
    max-height: 344px;
    border-bottom: none;
}

.kv .kv-inner>li.moon_in_the_sea>button {
    background-image: url('./../../images/leehyun/main/kv-moon_in_the_sea.jpg');
}

.kv .kv-inner>li.moon_in_the_sea .contents-obj {
    background-image: url('./../../images/leehyun/main/kv-moon_in_the_sea.png');
}

.kv .kv-inner>li.moon_in_the_sea .contents {
    right: calc(50% + 54px);
}

.kv .kv-inner>li.moon_in_the_sea .contents.kor {
    right: calc(50% + 49px);
}

.kv .moon_in_the_sea .contents .contents-txt .contents-title {
    font-size: 90px;
    text-shadow: none;
    color: #fff;
}


/* 2023.05.22 - Midnatt : masquerade */
.kv .kv-inner>li.masquerade {
    background: #000;
}

.kv .kv-inner .masquerade .popup-inner .popup-scroll {
    height: auto;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
}

.kv .kv-inner>li.masquerade .kv-popup h2 {
    line-height: 1.2;
}

.kv .kv-inner .masquerade .popup-inner li a:focus,
.kv .kv-inner .masquerade .popup-inner li a:hover,
.kv .kv-inner .masquerade .btn-info:focus,
.kv .kv-inner .masquerade .btn-info:hover {
    color: #ffe400;
}

.kv .kv-inner>li.masquerade .contents-obj {
    background-image: url('./../../images/main/main/midnatt/kv-masquerade.png');
}

.kv .masquerade .contents .contents-txt .contents-title {
    color: #fff;
}

.kv .kv-inner>li.masquerade .contents {
    left: 50%;
    right: auto;
    transform: translateX(-160%);
    -webkit-transform: translateX(-160%);
    -moz-transform: translateX(-160%);
    -ms-transform: translateX(-160%);
    -o-transform: translateX(-160%);
}

.InternetExplorer .kv .kv-inner>li.masquerade .contents {
    right: calc(50% + 75px);
}

.kv .kv-inner .masquerade .btn-info:focus,
.kv .kv-inner .masquerade .btn-info:hover {
    color: #ffe400;
}

.kv .masquerade .music-list a.melon:focus,
.kv .masquerade .music-list a.melon:hover {
    background-image: url('./../../images/main/main/ico-melon-masquerade.png');
}

.kv .masquerade .music-list a.flo:focus,
.kv .masquerade .music-list a.flo:hover {
    background-image: url('./../../images/main/main/ico-flo-masquerade.png');
}

.kv .masquerade .music-list a.genie:focus,
.kv .masquerade .music-list a.genie:hover {
    background-image: url('./../../images/main/main/ico-genie-masquerade.png');
}

.kv .masquerade .music-list a.vibe:focus,
.kv .masquerade .music-list a.vibe:hover {
    background-image: url('./../../images/main/main/ico-vibe-masquerade.png');
}

.kv .masquerade .music-list a.bugs:focus,
.kv .masquerade .music-list a.bugs:hover {
    background-image: url('./../../images/main/main/ico-bugs-masquerade.png');
}

.kv .masquerade .music-list a.apple:focus,
.kv .masquerade .music-list a.apple:hover {
    background-image: url('./../../images/main/main/ico-apple-masquerade.png');
}

.kv .masquerade .music-list a.itunes:focus,
.kv .masquerade .music-list a.itunes:hover {
    background-image: url('./../../images/main/main/ico-itunes-masquerade.png');
}

.kv .masquerade .music-list a.spotify:focus,
.kv .masquerade .music-list a.spotify:hover {
    background-image: url('./../../images/main/main/ico-spotify-masquerade.png');
}

.kv .masquerade .music-list a.amazon:focus,
.kv .masquerade .music-list a.amazon:hover {
    background-image: url('./../../images/main/main/ico-amazon-masquerade.png');
}


@media screen and (max-height: 868px) and (min-width: 769px) {
    .kv .kv-inner>li.our_summer .popup-inner .popup-scroll {
        height: 47.93vh;
    }
}


@media screen and (min-width: 769px) and (max-height: 736px) {

    /* 210712 수정 : 바닷속의 달 추가 */
    .kv .kv-inner>li.moon_in_the_sea .contents-obj {
        background-position: center 43%;
        background-size: auto 129%;
    }

    .kv .kv-inner>li.fool_again .contents-obj {
        background-position: center 43%;
        background-size: auto 129%;
    }

    .kv .kv-inner>li.our_summer .contents-obj {
        background-position: center 43%;
        background-size: auto 129%;
    }

    .kv .kv-inner>li.our_summer .contents .contents-txt .contents-title {
        padding-top: 0;
        text-shadow: 0px 0px 0.21vw rgba(0, 0, 0, 0.4);
    }
}

@media screen and (max-width: 1440px) {
    .kv .moon_in_the_sea .contents .contents-txt .contents-title {
        font-size: 80px;
    }
}

@media screen and (max-width: 1024px) {
    .kv .moon_in_the_sea .contents .contents-txt .contents-title {
        font-size: 6.3vw;
    }

    .kv .moon_in_the_sea .contents.kor .contents-txt .contents-title {
        font-size: 7.81vw;
    }
}

@media screen and (max-width: 960px) {
    /* 	.kv .kv-inner > li.fool_again .contents {right: calc(50% + 36px);}
	.kv .kv-inner > li.fool_again .contents.kor {right: calc(50% + 43px);} */

    /* .mac-os.safari .kv .kv-inner > li.our_summer .contents {right: calc(50% + 167px);} */
}

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

    /* 210712 수정 : 바닷속의 달 추가 */
    .kv .kv-inner>li.moon_in_the_sea .contents {
        right: calc(50% + 57px);
    }

    .kv .kv-inner>li.moon_in_the_sea .contents.kor {
        right: calc(50% + 52px);
    }

    .InternetExplorer .kv .kv-inner>li.moon_in_the_sea .contents.kor {
        right: calc(50% + 52px);
    }

    .kv .kv-inner>li.fool_again .contents {
        right: calc(50% + 57px);
    }

    .kv .kv-inner>li.fool_again .contents.kor {
        right: calc(50% + 52px);
    }

    .InternetExplorer .kv .kv-inner>li.fool_again .contents.kor {
        right: calc(50% + 52px);
    }

}

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

    /* Leehyun : Masquerade */
    .kv .kv-inner>li.masquerade .contents {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }


    .logo img {
        width: 17.32vw;
    }

    .kv .kv-inner .popup-inner li a {
        padding-left: 30.69vw;
        background-position: 26.63% 51%;
    }

    .device .kv .kv-inner .popup-inner .popup-scroll .scroll-inner {
        width: 100%;
        height: 100%;
        padding: 0 11.11vw;
        overflow: hidden;
        overflow-y: scroll;
    }

    .device .kv .kv-inner .popup-inner .popup-scroll {
        height: 70.81vh;
        max-height: 109.62vw;
    }

    .kv .kv-inner>li.fool_again .popup-inner .popup-scroll,
    .kv .kv-inner>li.our_summer .popup-inner .popup-scroll {
        max-height: none;
        border-bottom: none;
    }

    .kv .kv-inner .popup-inner li:last-child {
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-width: 1px 0 2px;
    }

    .kv .btn-prev .arrow {
        background-image: url('./../../images/leehyun/btn-prev-m.png');
    }

    .kv .btn-next .arrow {
        background-image: url('./../../images/leehyun/btn-next-m.png');
    }

    .device .kv .btn-prev .arrow:focus,
    .device .kv .btn-prev .arrow:hover {
        background-image: url('./../../images/leehyun/btn-prev-m.png');
    }

    .device .kv .btn-next .arrow:focus,
    .device .kv .btn-next .arrow:hover {
        background-image: url('./../../images/leehyun/btn-next-m.png');
    }

    .kv .btn-prev.disabled .arrow:focus,
    .kv .btn-prev.disabled .arrow:hover {
        background-image: url('./../../images/leehyun/btn-prev-m.png');
    }

    .kv .btn-next.disabled .arrow:focus,
    .kv .btn-next.disabled .arrow:hover {
        background-image: url('./../../images/leehyun/btn-next-m.png');
    }

    .kv .btn-prev:focus .arrow,
    .kv .btn-prev:hover .arrow,
    .kv .btn-prev .arrow:focus,
    .kv .btn-prev .arrow:hover {
        background-image: url('./../../images/leehyun/btn-prev-m_hover.png');
    }

    .kv .btn-next:focus .arrow,
    .kv .btn-next:hover .arrow,
    .kv .btn-next .arrow:focus,
    .kv .btn-next .arrow:hover {
        background-image: url('./../../images/leehyun/btn-next-m_hover.png');
    }

    /* 210712 수정 : 바닷속의 달 추가 */
    .kv .kv-inner>li.moon_in_the_sea .contents-obj {
        background: none;
    }

    .kv .kv-inner>li.moon_in_the_sea .contents.kor .contents-txt .contents-title {
        top: -.07em;
    }

    .InternetExplorer .kv .kv-inner>li.moon_in_the_sea .contents.kor .contents-txt .contents-title {
        top: -.08em;
    }

    .kv .moon_in_the_sea .contents .contents-txt .contents-title {
        font-size: 12.3vw;
    }

    .kv .moon_in_the_sea .contents.kor .contents-txt .contents-title {
        font-size: 12.78vw;
    }

    .kv .kv-inner>li.fool_again>button {
        background-image: url('./../../images/leehyun/main/kv-fool_again-m.jpg');
    }

    .kv .kv-inner>li.fool_again .contents-obj {
        background: none;
    }

    .kv .kv-inner>li.fool_again .contents.kor .contents-txt .contents-title {
        top: -.07em;
    }

    .InternetExplorer .kv .kv-inner>li.fool_again .contents.kor .contents-txt .contents-title {
        top: -.08em;
    }

    .kv .kv-inner>li.our_summer>button {
        background-color: #b5aa9d;
    }

    .kv .kv-inner>li.our_summer .contents-obj {
        background: none;
    }

    .kv .kv-inner>li.our_summer .contents.kor .contents-txt .contents-title {
        top: -.07em;
    }

    .InternetExplorer .kv .kv-inner>li.our_summer .contents.kor .contents-txt .contents-title {
        top: -.08em;
    }

    /* 210717 수정: 높이틀어짐 수정 */
    .kv .kv-inner .kv-popup .btn-close {
        top: 5vh !important;
    }

    .kv .kv-inner>li.moon_in_the_sea .popup-wrap {
        padding-top: 0vh !important;
    }

    .kv .kv-inner>li.fool_again .popup-wrap {
        padding-top: 20vh !important;
    }

    .kv .kv-inner>li.our_summer .popup-wrap {
        padding-top: 10vh !important;
    }

    .kv .kv-inner>li.our_summer .kv-popup .btn-close {
        top: 2vh !important;
    }
}

@media screen and (max-width: 320px) {
    .kv .kv-inner .popup-inner li a {
        line-height: 46px;
        padding-left: 98px;
    }

    .device .kv .kv-inner .popup-inner .popup-scroll {
        max-height: 351px;
    }

}