.main-nav{position:fixed;bottom:0;left:0;display:flex;width:100%;height:50px;background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);z-index:1000}.main-nav>.left,.main-nav>.right{flex:1 1 0}.main-nav>.left{text-align:right}.logo__icon{display:block;width:50px;height:50px;fill:#f1f1f1;transform:scale(1.3);transition:transform .5s}.main-nav__link{display:inline-flex;height:100%;padding:5px;margin:0 5px;font-size:8px;flex-direction:column;justify-content:space-between;align-items:center}.main-nav__link.logo{justify-content:center}.main-nav-icon--home{fill:#fae4cd}.main-nav-icon--youtube{fill:#f3b1cd}.main-nav-icon--mic{fill:#b0abcb}.main-nav-icon--film{fill:#a5d5d5}.main-nav__link>svg:not(.logo__icon){width:24px;height:24px;transform:translate3d(0,8px,0) scale(1.2);transition:transform .5s}.main-nav__link>span{transform:translate3d(0,-15px,0);opacity:0;transition:transform .5s,opacity .5s}.main-nav__link.active>:is(svg,span){transform:translateZ(0)}.main-nav__link.active>span{opacity:1}.home .main-nav{border-bottom:0}.home .main-nav__link{text-shadow:0 0 10px #121212}.lyrics .main-nav{display:none}@media screen and (min-width: 860px){.main-nav{top:0;bottom:unset;height:70px;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:height .5s,background-color .5s}.main-nav--shrink{height:50px;background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%)}.main-nav__link{font-size:13px}.main-nav__link>svg:not(.logo__icon){transform:translate3d(0,18px,0) scale(1.4);transition:transform .5s}.main-nav .main-nav__link.active>svg:not(.logo__icon){transform:translate3d(0,8px,0) scale(1.2)}.main-nav--shrink .main-nav__link>svg:not(.logo__icon){transform:translate3d(0,8px,0) scale(1)}.main-nav .main-nav__link.active>:is(svg,span){transform:translateZ(0)}.main-nav--shrink .main-nav__link.active>svg:not(.logo__icon){transform:translateZ(0)}}#player.fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000}@keyframes text-ring{0%{transform:rotateX(-100deg) rotate(0)}to{transform:rotateX(-100deg) rotate(-360deg)}}.home__video{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden;color:#fff;background:#000;z-index:-1}@media (min-aspect-ratio: 16/9){.home__video{height:300%;top:-100%}}@media (max-aspect-ratio: 16/9){.home__video{width:600%;left:-250%}}@media (min-aspect-ratio: 16/9) and (max-aspect-ratio: 16/9){.home__video{width:100%;height:100%;top:0;left:0}}.home__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.home__video--expand iframe{transform:scale(1.325)}.home__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#f1f1f1;transition:opacity .5s}.text-ring{margin:0;list-style:none;font-size:77px;transform-style:preserve-3d;animation:text-ring 30s linear infinite}.text-ring li{position:absolute;top:50%;left:50%;text-shadow:0 0 10px #121212}.text-ring li:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(2){transform:translate(-50%,-50%) rotate(30deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(3){transform:translate(-50%,-50%) rotate(60deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(4){transform:translate(-50%,-50%) rotate(90deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(5){transform:translate(-50%,-50%) rotate(120deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(6){transform:translate(-50%,-50%) rotate(150deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(7){transform:translate(-50%,-50%) rotate(180deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(8){transform:translate(-50%,-50%) rotate(210deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(9){transform:translate(-50%,-50%) rotate(240deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(10){transform:translate(-50%,-50%) rotate(270deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(11){transform:translate(-50%,-50%) rotate(300deg) translateY(-260px) rotateX(90deg)}.text-ring li:nth-child(12){transform:translate(-50%,-50%) rotate(330deg) translateY(-260px) rotateX(90deg)}.home__toggle-mute{position:fixed;bottom:55px;right:5px;font-size:20px;color:#fff;opacity:1}.home__toggle-mute--muted{color:#a0a0a0;opacity:.8;transition:color .5s,opacity .5s}@media screen and (min-width: 860px){.home__toggle-mute{bottom:5px}}.loader{width:100%;padding:150px 0;text-align:center}.grid{display:flex;flex-wrap:wrap;--item-width: 100%}.grid-item{position:relative;display:inline-block;width:var(--item-width);height:0;padding-bottom:var(--item-width);margin-bottom:10px;overflow:hidden;background:#000;transition:opacity .35s ease-in-out;opacity:0}.grid-item--active{opacity:1}.grid-item__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.75}.grid-item__content{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;padding:20px;flex-direction:column;justify-content:center;align-items:center;color:#f1f1f1;z-index:2}.grid-item__title{font-size:24px;text-align:center;margin:auto 0}.grid-item:after{width:100%;height:100%;top:100%;left:0;position:absolute;content:"";opacity:0;background:linear-gradient(0deg,#7c4c9a,#7c4c9a40);-webkit-transition:-webkit-transform .5s cubic-bezier(.25,1,.5,1);transition:transform .5s cubic-bezier(.25,1,.5,1);z-index:1}.grid-item.hover:after,.grid-item:hover:after{transform:translate3d(0,-100%,0);opacity:1}@media screen and (min-width: 680px){.grid{--item-width: calc((100% - 10px)/2) }.grid-item{margin-right:10px}.grid-item:nth-child(2n){margin-right:0}}@media screen and (min-width: 1100px){.grid{--item-width: calc((100% - 40px) / 3)}.grid-item{margin-right:20px;margin-bottom:20px}.grid-item:nth-child(2n){margin-right:20px}.grid-item:nth-child(3n){margin-right:0}.grid-item__content{opacity:0;transition:opacity .5s}.grid-item:hover .grid-item__content{opacity:1}.grid-item{background:#fff}.grid-item__bg{opacity:1}}.album{position:absolute;top:0;left:0;padding:5% 5% 100px;width:100%;min-height:100vh;background:#000;z-index:10000}.album__closer,.album__back{position:fixed;display:flex;justify-content:center;align-items:center;top:10px;right:10px;width:40px;height:40px;background:#666;border-radius:50%;cursor:pointer;z-index:10010}.album__back,.album--lyric-revealed .album__closer{display:none}.album--lyric-revealed .album__back{display:flex}.album__bg{position:fixed;top:0;left:0;right:0;height:100vh;background-position:center;background-size:cover;-webkit-filter:url(#blur);filter:url(#blur);opacity:.65;z-index:10000}.album-cover{position:fixed;width:30%;z-index:10005}.album-cover__image{position:absolute;width:100%;height:0;padding-bottom:100%;overflow:hidden}.album-cover__image>img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.song-info{margin-top:10px}.song-info>*{margin-bottom:10px}.song-info__title{font-size:1.5rem}.album-cover__player{position:relative;width:100%;height:0;padding-bottom:100%;margin-bottom:10px;z-index:2}.album-cover__player #player{display:none;position:absolute;width:100%;height:100%;pointer-events:none}.album-cover__controller{text-align:center;margin-bottom:10px}.album-cover__play-button{margin:0 10px}.album-cover__player--revealed #player{display:block}.track-list,.lyric-list{position:relative;margin-left:35%;z-index:10005}.track-list{overflow:hidden;transition:max-height .5s}.track-list__title{font-size:1.3rem;margin-bottom:1rem}.track-list__song{cursor:pointer}.track-list__song{line-height:2.5}.lyric-list__item,.lyric-list{display:none}.lyric-list__item--revealed,.lyric-list--revealed{display:block}.lyric-list__item{white-space:pre-wrap;line-height:2.5}@media screen and (max-width: 860px){#album-wrapper .cross-fade{width:47.5%;padding-bottom:47.5%}.album-column{width:47.5%}.track-list,.lyric-list{margin-left:0}.album-cover{position:relative;width:80%;text-align:center;margin:0 auto 15px}.song-info__title{margin-top:10px}}.song-info a{color:#fff}.song-info a:hover{color:#666}.video-popup{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;z-index:10020}.video-popup__container{display:flex;width:100%;justify-content:center;align-items:center;transition:.5s}.video-popup--scrolled .video-popup__container{transform:translateY(-30vh)}@media screen and (min-width: 700px){.video-popup--scrolled .video-popup__container{transform:translateY(-20vh)}}@media screen and (min-width: 861px){.video-popup--scrolled .video-popup__container{max-width:400px;transform:translate3d(30vw,35vh,0)}}@media screen and (min-width: 1200px){.video-popup--scrolled .video-popup__container{max-width:400px;transform:translate3d(35vw,35vh,0)}}.video-popup__ratio-container{position:relative;width:80%;padding-bottom:45%;z-index:10021}.video-popup__ratio-container iframe{position:absolute;width:100%;height:100%}.video-popup__closer{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;cursor:pointer;transition:opacity .5s}.video-popup--scrolled .video-popup__closer{opacity:0}.timeline{position:relative;padding:100px 0;overflow-x:hidden}.timeline:before{content:"";position:absolute;width:6px;background:linear-gradient(180deg,#f5a1b1,#a277bc,#4dd6d3);top:0;bottom:0;right:20px;z-index:5}.timeline:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(180deg,#f5a1b1,#a277bc,#4dd6d3);mix-blend-mode:hue}.timeline-item{position:relative;width:calc(100% - 46px);margin-left:10px;margin-bottom:50px;padding:10px 30px;background:#fa9;color:#121212;border-radius:5px}.timeline-item:before{content:"";box-sizing:content-box;position:absolute;top:5px;right:-37.3px;display:block;width:17.5px;height:25px;border:0 solid #ffaa99;border-width:0 20px;border-radius:50%;clip:rect(0,28px,10px,19px)}.timeline-item:after{content:"";position:absolute;right:-18px;top:0;width:10px;height:10px;background:#555555bf;border-radius:50%;z-index:6}.timeline-item>*{margin-bottom:10px}.timeline-item>:is(img,video){position:relative;z-index:5}.timeline-item__title{font-size:1.5rem}.timeline-item__title>.date{margin-left:5px;font-size:.8rem}.timeline-item__category{font-size:.8rem}@media screen and (min-width: 680px){.timeline:before{left:calc(50% - 3px);right:auto}.timeline-item{width:calc(50% - 23px)}.timeline-item:nth-child(2n){left:calc(50% + 13px);margin-left:0}.timeline-item:nth-child(2n):before{right:auto;left:-37.4px;clip:rect(0,41px,15px,28px)}.timeline-item:nth-child(2n):after{right:auto;left:-18px}}.youtube__info{margin-bottom:50px;text-align:center}.youtube__title{margin:10px 0}.youtube__list{display:flex;padding:0 15px;flex-wrap:wrap}.youtube-item{width:100%;margin-bottom:15px;cursor:pointer}.youtube-item__thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:5px;overflow:hidden}.youtube-item__thumbnail>img{position:absolute;top:50%;left:0;display:block;width:100%;transform:translateY(-50%)}.youtube-item__title{font-size:1rem;line-height:1.3;margin-bottom:5px;word-break:break-all}.youtube-item__contents{font-size:.8rem}.youtube-item .dot{margin:0 5px}@media screen and (min-width: 680px){.youtube-item{width:calc((100% - 30px) / 3);margin-right:15px}.youtube-item:nth-child(3n){margin-right:0}}@media screen and (min-width: 1000px){.youtube-item{width:calc((100% - 45px)/4)}.youtube-item:nth-child(3n){margin-right:15px}.youtube-item:nth-child(4n){margin-right:0}}@media screen and (min-width: 1200px){.youtube-item{width:calc((100% - 60px)/5)}.youtube-item:nth-child(4n){margin-right:15px}.youtube-item:nth-child(5n){margin-right:0}}.youtube-popup>#player{display:none}.youtube-popup--revealed>#player{position:fixed;top:0;left:0;display:block;width:100%;height:100%;z-index:5000}@keyframes draw{0%{stroke-dashoffset:-1878}to{stroke-dashoffset:-3756}}#global-loader{pointer-events:none;transition:opacity .25s ease-in-out}#global-loader.hide{opacity:0}#global-loader>svg{animation:draw 3s ease-in-out}@font-face{font-family:Jal_Onuel;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Onuel.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{padding:0;margin:0;outline:0;border:0;background:none;box-sizing:border-box;font-family:inherit;font-weight:400;-webkit-tap-highlight-color:transparent}html{font-family:Jal_Onuel,sans-serif;background:#121212;color:#f1f1f1;scrollbar-width:thin;scrollbar-color:#cc7dfd #121212}html.overflow-hidden{overflow:hidden}html.untouchable ::-webkit-scrollbar-track{background:#121212}html.untouchable ::-webkit-scrollbar{width:5px;background-color:#121212}html.untouchable ::-webkit-scrollbar-thumb{background:#cc7dfd}a,button{color:#f1f1f1;text-decoration:none}a:hover,button:hover{color:#e0e0e0}button{cursor:pointer}.flex{display:flex}.center{text-align:center}.flex.center{align-items:center;justify-content:center}.circle{border-radius:50%}img,video{max-width:100%}#main>section{margin:0 auto}#root{padding:10px 10px 50px}body:not(.lyrics) #main>section.less-top-margin{margin-top:-10px;padding-bottom:0}#main>section.max-1400{max-width:1400px}#main>section.max-1060{max-width:1060px}@media screen and (min-width: 860px){body:not(.lyrics) #main>section:not(:is(.home,.less-top-margin)){margin-top:140px}body:not(.lyrics) #main>section.less-top-margin{margin-top:70px}}#info{margin-bottom:50px}#info h1{margin:10px 0}#loading{width:100%;padding:150px 0}#global-loader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:-webkit-linear-gradient(left,#f5a1b1 15%,#a277bc 50%,#4dd6d3 85%);background:linear-gradient(to right,#f5a1b1 15%,#a277bc,#4dd6d3 85%);z-index:10000}@font-face{font-family:marshallIcon;src:url(/IU/assets/icon/marshallIcon.woff?inv9z6) format("woff"),url(/IU/assets/icon/marshallIcon.svg?inv9z6#iconfont) format("svg");font-weight:400;font-style:normal;font-display:swap}[class*=" icon-"],[class^=icon-]{font-family:marshallIcon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-note:before{content:""}.icon-postList:before{content:""}.icon-tistory:before{content:""}.icon-kakao-talk:before{content:""}.icon-500px:before{content:""}.icon-apple:before{content:""}.icon-blogger:before{content:""}.icon-disqus:before{content:""}.icon-evernote:before{content:""}.icon-netflix:before{content:""}.icon-origin:before{content:""}.icon-pinterest:before{content:""}.icon-soundcloud:before{content:""}.icon-steam:before{content:""}.icon-naver-logo:before{content:""}.icon-logo-akids:before{content:""}.icon-pen-nib-solid:before{content:""}.icon-wrench-solid:before{content:""}.icon-discord-brands:before{content:""}.icon-logo-pen:before{content:""}.icon-volume-high:before{content:""}.icon-volume-mute2:before{content:""}.icon-th-large:before{content:""}.icon-th-list:before{content:""}.icon-check:before{content:""}.icon-close1:before{content:""}.icon-remove1:before{content:""}.icon-times1:before{content:""}.icon-repeat:before{content:""}.icon-rotate-right:before{content:""}.icon-backward:before{content:""}.icon-play:before{content:""}.icon-pause:before{content:""}.icon-stop:before{content:""}.icon-forward:before{content:""}.icon-random1:before{content:""}.icon-folder-open:before{content:""}.icon-github:before{content:""}.icon-angle-left:before{content:""}.icon-angle-right:before{content:""}.icon-folder-open-o:before{content:""}.icon-smile-o:before{content:""}.icon-unlock-alt1:before{content:""}.icon-codepen:before{content:""}.icon-search:before{content:""}.icon-random:before{content:""}.icon-list-ul:before{content:""}.icon-bell:before{content:""}.icon-paper-plane:before{content:""}.icon-send:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up:before{content:""}.icon-arrows-alt:before{content:""}.icon-bars:before{content:""}.icon-navicon:before{content:""}.icon-reorder:before{content:""}.icon-book:before{content:""}.icon-bookmark:before{content:""}.icon-chain:before{content:""}.icon-link:before{content:""}.icon-chevron-down:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-up:before{content:""}.icon-close:before{content:""}.icon-remove:before{content:""}.icon-times:before{content:""}.icon-comment:before{content:""}.icon-comments:before{content:""}.icon-edit:before{content:""}.icon-pencil-square-o:before{content:""}.icon-envelope:before{content:""}.icon-external-link-square:before{content:""}.icon-facebook:before{content:""}.icon-facebook-f:before{content:""}.icon-feed:before{content:""}.icon-rss:before{content:""}.icon-google-plus:before{content:""}.icon-home:before{content:""}.icon-instagram:before{content:""}.icon-internet-explorer:before{content:""}.icon-lock:before{content:""}.icon-mail-reply:before{content:""}.icon-reply:before{content:""}.icon-minus-circle:before{content:""}.icon-plus-circle:before{content:""}.icon-search-minus:before{content:""}.icon-search-plus:before{content:""}.icon-share-alt:before{content:""}.icon-sort-numeric-asc:before{content:""}.icon-sort-numeric-desc:before{content:""}.icon-star:before{content:""}.icon-tags:before{content:""}.icon-twitter:before{content:""}.icon-unlock:before{content:""}.icon-user-plus:before{content:""}.icon-youtube-play:before{content:""}.icon-download:before{content:""}.icon-sign-out:before{content:""}.icon-sign-in:before{content:""}.icon-quote-left:before{content:""}.icon-quote-right:before{content:""}.icon-twitch:before{content:""}.icon-film:before{content:""}.icon-image:before{content:""}.icon-photo:before{content:""}.icon-picture-o:before{content:""}.icon-calendar:before{content:""}.icon-bullhorn:before{content:""}.icon-star-half-empty:before{content:""}.icon-star-half-full:before{content:""}.icon-star-half-o:before{content:""}.icon-microphone:before{content:""}.icon-unlock-alt:before{content:""}.icon-sun:before{content:""}.icon-moon:before{content:""}.icon-user-circle:before{content:""}