@charset "UTF-8";

body { background: #000; overflow: hidden; }

.ko { font-family: 'SpotifyKor', 'SpotifyKor-extra', AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 고딕 Neo", "Microsoft NeoGothic", Verdana, Arial, sans-serif; letter-spacing: -0.05rem; }
.en { font-family: 'SpotifyMix', AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 고딕 Neo", "Microsoft NeoGothic", Verdana, Arial, sans-serif; letter-spacing: -100px; letter-spacing: -0.05rem; }
.en-wide {font-family: 'SpotifyMixWide', AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 고딕 Neo", "Microsoft NeoGothic", Verdana, Arial, sans-serif; letter-spacing: -100px; letter-spacing: -0.05rem; }


.prime-c { color: #1ed760 !important; }
.prime-c-n { color: #ffa42b !important; }
.prime-gray { color: #808080 !important; }

.b-g-b { background: #000 !important; }
.b-g-gray { background: #e6e2ce !important; }

.m-t-6 { margin-top: 6rem !important; }
.m-t-7 { margin-top: 7rem !important; }
.m-t-8 { margin-top: 8rem !important; }
.m-t-9 { margin-top: 9rem !important; }
.m-t-50 { margin-top: 5rem !important; }
.m-t-85 { margin-top: 8.5rem !important; }
.m-b-100 { margin-bottom: 10rem !important; }
.p-b-100 { padding-bottom: 10rem !important; }
.w-f-885 { width: 88.5rem !important; }
.w-f-77 { width: 7.7rem !important; }
.f-s-50 { font-size: 5rem !important; }
.t-a-l { text-align: left !important; }
.g-c-1-2 { grid-column: 1 / span 2 !important; }
/*.sticky { position: sticky !important; bottom:-5rem !important; }*/
/*.sticky-n { position: sticky !important; bottom:5rem !important; }*/
/*.sticky-n-12 { position: sticky !important; bottom:-12rem !important; }*/

.com-p-lr { padding-left: 7.3rem  !important; padding-right: 7.3rem  !important; }
.com-p-t { padding-top: 12.3rem  !important; }
.com-p-b { padding-bottom: 12.3rem  !important; }
.com-p-tb { padding-top: 12.3rem  !important; padding-bottom: 12.3rem  !important; }

.wrap { position: relative; width: 100%; height: 100%;  }

.wrap { background: url(../images/bg.png) 50% 50% no-repeat; background-size: cover }

.container { position: relative; height: calc(var(--vh, 1vh) * 100); overflow-y: auto; max-width: 480px;  scroll-behavior: smooth; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; }

@media (max-width: 767.98px) {  
    .container { max-width: 768px; }
}        
@media (max-width: 499.98px) {
    .container { max-width: 500px; }
}

.content { position: relative; display: flex; flex-direction: column; align-items: center; color: #fff; }
.base-p-tb { padding-top: 12.3rem; padding-bottom: 12.3rem; }
.base-p-lr { padding-left: 8.3rem; padding-right: 8.3rem; }
.base-p-lr-2 { padding-left: 8rem; padding-right: 8rem; }

.logo { width: 50rem; margin-bottom: 8.7rem; }
.title { width: 90.0rem; position: relative; }

.btn { display: inline-block; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); width: 55%; height: 10%; border-radius: 50rem; }
.copy-insta { top: 36%; }
.copy-x { top: 80.5%; }

.kv { width: 100%; margin-bottom: 0rem; }


.footer { width: 100%; color: #fff; padding: 12rem 0 0; position: relative; }
.footer .copyright { text-align: center; font-size: 3rem; font-weight: 300; }