.container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center}.container .img_box{margin-bottom:20px}.container .img_box .img_text{font-size:18px;text-align:center;color:#fff}.container .img_box img{width:500px}@media(max-width:1300px){.container .img_box{margin-bottom:20px}.container .img_box .img_text{font-size:3.4vw;text-align:center;color:#fff}.container .img_box img{width:60%;height:60%}}.container .login_text{font-size:18px;color:#89a4d2;text-decoration:underline}.Footer{border:none;display:flex;justify-content:center;color:#fff;height:100%}.Footer .Footer_inner{width:100%;margin:50px 0 0 40px;display:flex}.Footer .Footer_inner .Footer-logo{width:34px;height:34px}.Footer .Footer_inner .Footer-logo img{width:100%;height:100%}.Footer .Footer_inner .Footer-textWrap{white-space:pre;margin-left:40px;width:100%;height:100%;font-size:12px;color:#cdcdcd;line-height:1.5}.Footer .Footer_inner .Footer-textWrap a{color:inherit}.layout{position:relative;height:100vh;min-width:100vw;display:flex;justify-content:space-between;overflow:hidden}.layout .layout_category{min-width:180px;width:180px;height:100%;position:relative;background-color:#23232b;overflow-y:scroll}.layout .layout_category.collapsed{min-width:80px;width:80px}.layout .layout_category .MenuItem-text{opacity:1}.layout .layout_category.collapsed .MenuItem-text{display:none}.layout .layout_contents{width:calc(100vw - 540px);height:100%;position:relative;overflow:scroll;overflow-x:hidden;background-color:#1e1e25}.layout .layout_contents.collapsed{width:calc(100vw - 440px)}.layout .layout_contents .layout_cts_childs{position:relative;width:100%;min-width:649px;min-height:calc(100% - 207px);z-index:2}.layout .layout_contents .layout_cts_footer{z-index:4;height:207px;background-color:#20202c}.layout .layout_contents .layout_cts_header{z-index:3;display:block;color:#fff;top:0;position:absolute;height:78px;width:100%;background-color:clear}.layout .layoutop_bg{width:100%;height:1005px;object-fit:cover;background-color:#171717}.MenuItem{cursor:pointer;display:flex;align-items:center;height:30px;margin-bottom:15px;position:relative;line-height:1.25}.MenuItem .MenuItem-colorBox{transition:.2s;width:8px;height:100%;background-color:#6f7dbc;opacity:0}.MenuItem .MenuItem-colorBox-active{opacity:1}.MenuItem .MenuItem-menuBox{display:flex;align-items:center;width:100%;margin-left:30px;font-size:15px;color:#797979;white-space:pre-line}.MenuItem .MenuItem-menuBox .MenuItem-menuBox{position:absolute;left:68px}.MenuItem .MenuItem-menuBox img{width:20px;height:20px;margin-right:10px}.MenuItem .MenuItem-menuBox-active{color:#fff;font-weight:700}.MenuItem:hover .MenuItem-colorBox{opacity:1}.isSubMenu .Category_tm_sub_itemWrap_cover{padding-left:32px;height:0;overflow:hidden;transition:height 1s}.isSubMenu .Category_tm_sub_itemWrap_cover .Category_tm_sub_itemWrap{padding:8px 0;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#22222a;box-sizing:border-box}.isSubMenu .Category_tm_sub_itemWrap_cover .Category_tm_sub_itemWrap li{display:block;padding:5px 0 5px 20px;text-decoration:none;font-size:15px;line-height:2.13;color:#797979;box-sizing:border-box}.isSubMenu .Category_tm_sub_itemWrap_cover .Category_tm_sub_itemWrap li:hover{color:#fff;font-weight:700}.isSubMenu .Category_tm_sub_itemWrap_cover.isActive{height:auto}div[data-ch-testid=launcher]{display:none!important}.pre_loading{position:fixed;display:table;opacity:.8;top:0;left:0;width:100%;height:100%;background:#000;z-index:99999999;color:#fff}.pre_loading_layer{display:table-cell;vertical-align:middle;text-align:center}.lds-facebook{display:inline-block;position:relative;width:110px;height:80px}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:#ccc;-webkit-animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:first-child{left:8px;-webkit-animation-delay:-.36s;animation-delay:-.36s}.lds-facebook div:nth-child(2){left:32px;-webkit-animation-delay:-.24s;animation-delay:-.24s}.lds-facebook div:nth-child(3){left:56px;-webkit-animation-delay:-.12s;animation-delay:-.12s}.lds-facebook div:nth-child(4){left:80px;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-facebook{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}@keyframes lds-facebook{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}.Category{height:100%;border:none;display:flex;justify-content:center;color:#fff}.Category .Category_inner{display:flex;flex-direction:column;justify-content:flex-start;width:100%;margin-top:40px}.Category .Category_inner .Category_logoWrap{padding:0 26px 59px 31px;height:28px;cursor:pointer}.Category .Category_inner .Category_logoWrap a{display:inline-block;height:100%}.Category .Category_inner .Category_logoWrap img{width:100%}.Category .Category_inner .Category_middleMenus,.Category .Category_inner .Category_topMenus{display:flex;flex-direction:column;border-bottom:1px solid #2b2b31}.Category .Category_inner .Category_middleMenus{padding-top:20px}.Category .Category_inner .Category_myMenus{padding-top:20px;display:flex;flex-direction:column}.Category .Category_inner .Category_toggle{cursor:pointer;padding-top:20px;display:flex;border-top:1px solid #2b2b31}.Category .Category_inner .Category_toggle .MenuItem-menuBox{display:flex;align-items:center;width:100%;margin-left:36px;font-size:15px;color:#797979;white-space:pre-line}.Category .Category_inner .Category_toggle .MenuItem-menuBox .MenuItem-menuBox{position:absolute;left:68px}.Category .Category_inner .Category_toggle .MenuItem-menuBox img,.Category .Category_inner .Category_toggle .MenuItem-menuBox svg{width:20px;height:20px;margin-right:10px}.Category .Category_inner .Category_toggle .MenuItem-menuBox-active{color:#fff;font-weight:700}.Header{border:none;background-color:clear;display:flex;justify-content:center;color:#fff;height:100%}.Header .Header_inner{display:flex;justify-content:space-between;width:100%;margin:20px 30px 0}.Header .Header_inner .Header_searchWrap{display:flex;width:360px;height:40px;border-radius:158px;background-color:#31313c;overflow:hidden}.Header .Header_inner .Header_searchWrap .Toastify__toast{font-family:"Noto Sans KR",sans-serif!important}.Header .Header_inner .Header_searchWrap .search_icon{display:flex;flex:1 1;margin:9px 12px 0 17px;max-width:16px}.Header .Header_inner .Header_searchWrap .search_text{display:flex;flex:1 1;width:100%}.Header .Header_inner .Header_searchWrap .search_text input[type=text]{margin-top:-1px;outline:none;width:100%;height:100%;box-sizing:border-box;font-size:14px;padding:0 10px;background-color:transparent;border:0;color:#797979}.Header .Header_inner .Header_searchWrap .search_text input[type=text] ::-webkit-input-placeholder{color:#797979}.Header .Header_inner .Header_searchWrap .search_text input[type=text] :-ms-input-placeholder{color:#797979}.Header .Header_inner .Header_searchWrap .search_text input[type=text] ::placeholder{color:#797979}.Header .Header_inner .Header_searchWrap .search_text input[type=text] ::-moz-placeholder{color:#797979}.Header .Header_inner .Header_searchWrap .search_text input[type=text] ::-ms-input-placeholder{color:#797979}.Header .Header_inner .Header_profileWrap{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.Header .Header_inner .Header_profileWrap:hover{opacity:.5}.Header .Header_inner .Header_profileWrap img{margin-right:10px;width:34px;height:34px;border-radius:17px}.Header .Header_inner .Header_profileWrap .Header_pw-nickName{font-size:14px;color:#797979}.Header .Header_inner .Header_login{font-size:16px;color:#fff}.Header .Header_inner fieldset{border:0}.search_result{position:relative;background-color:#22222a;border-radius:2px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);z-index:5;width:360px;padding:10px 0;margin-top:5px}.search_result .category_box{border-bottom:1px solid #2b2b31}.search_result .title{display:block;padding:10px 0 5px 25px;font-size:14px}.search_result .title div{display:inline-block;position:relative;height:100%;padding-right:17px;color:#797979}.search_result .title img,.search_result .title svg{padding-right:16px;vertical-align:middle}.search_result .list-basic{display:block;padding:5px 0;font-size:12px;line-height:1.5}.search_result .list-basic .track{font-weight:700;color:#0096ff}.search_result .search_all{cursor:pointer}a{color:#444}.search_result .list-basic li{display:block;padding:5px 15px}.search_result .list-basic a{display:block;position:relative;width:100%;height:100%;padding:3px 5px 0 49px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search_result .list-basic a:hover{text-decoration:underline}.search_result .list-basic .cover{overflow:hidden;position:absolute;top:0;left:0;width:40px;height:40px}.search_result .list-basic .cover img{width:100%;border-radius:3px}.search_result .list-basic .cover .mask{display:block;position:absolute;top:0;left:0;width:38px;height:38px;border:1px solid #000;opacity:.1}.search_result .list-basic .track{display:block;padding-bottom:1px;font-size:14px;font-weight:300;color:#fff}.search_result .list-basic .artist{display:block;font-size:12px;font-weight:300;color:#ccc}.ellipsis{padding-right:1px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}a{color:#fff}span{vertical-align:baseline}.album_list_wrap .swiper-button-next,.album_list_wrap .swiper-button-prev{top:calc(50% - 44px)}.album_list_wrap .swiper-button-next:after,.album_list_wrap .swiper-button-prev:after{text-shadow:0 0 3px rgba(0,0,0,.5)}.muon_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout_player{position:absolute;top:0;right:-360px;min-width:360px;width:360px;background-color:#222229;height:100%;overflow:auto;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;z-index:5}.layout_player.isActive{-webkit-transform:translateX(-360px);transform:translateX(-360px)}.layout_player-toggleBtn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:5;transition:opacity .3s ease-out}.layout_player-toggleBtn.isActive{pointer-events:none;opacity:0}.layout_player-toggleBtn:hover{opacity:.5}.layout_player-toggleBtn img{width:100%;height:100%}.btn_wrap .btn.disabled{cursor:not-allowed!important}.App{min-width:100vw;overflow:hidden;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.inline_boundary{width:100px;height:2px;margin:40px auto;background-color:#2e2e33}.boundary{height:1px;margin-bottom:40px;background-color:#2e2e33}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.clear_fix:after{display:block;clear:both;content:""}.scrollbar-show::-webkit-scrollbar{display:block;width:8px}.scrollbar-show::-webkit-scrollbar-thumb{background-color:#555;border-radius:5px}.scrollbar-show::-webkit-scrollbar-track{background-color:#1e1e25}.react-confirm-alert-overlay{background:rgba(0,0,0,.7)!important}.react-confirm-alert-button-group>button{flex:1 1;display:block!important;text-align:center!important;padding:11px 18px!important}@-webkit-keyframes pull_loading{0%{background:linear-gradient(45deg,#131313,#1e1e1e);opacity:1}10%{background:linear-gradient(45deg,#121212,#1c1c1c)}20%{background:linear-gradient(45deg,#111,#1a1a1a)}30%{background:linear-gradient(45deg,#101010,#171717)}40%{background:linear-gradient(45deg,#0f0f0f,#151515)}50%{background:linear-gradient(45deg,#0e0e0e,#131313);opacity:.8}60%{background:linear-gradient(45deg,#0f0f0f,#151515)}70%{background:linear-gradient(45deg,#101010,#171717)}80%{background:linear-gradient(45deg,#111,#1a1a1a)}90%{background:linear-gradient(45deg,#121212,#1c1c1c)}to{background:linear-gradient(45deg,#131313,#1e1e1e);opacity:1}}@keyframes pull_loading{0%{background:linear-gradient(45deg,#131313,#1e1e1e);opacity:1}10%{background:linear-gradient(45deg,#121212,#1c1c1c)}20%{background:linear-gradient(45deg,#111,#1a1a1a)}30%{background:linear-gradient(45deg,#101010,#171717)}40%{background:linear-gradient(45deg,#0f0f0f,#151515)}50%{background:linear-gradient(45deg,#0e0e0e,#131313);opacity:.8}60%{background:linear-gradient(45deg,#0f0f0f,#151515)}70%{background:linear-gradient(45deg,#101010,#171717)}80%{background:linear-gradient(45deg,#111,#1a1a1a)}90%{background:linear-gradient(45deg,#121212,#1c1c1c)}to{background:linear-gradient(45deg,#131313,#1e1e1e);opacity:1}}.pull_loading{display:block;width:100%;height:30px;-webkit-animation-name:pull_loading;animation-name:pull_loading;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.col-box:after{clear:both;content:"";display:block;float:none}div.col-1{float:left;width:8.3333%}div.col-2{float:left;width:16.6666%}div.col-3{float:left;width:25%}div.col-4{float:left;width:33.3333%}div.col-5{float:left;width:41.6666%}div.col-6{float:left;width:50%}div.col-7{float:left;width:58.3333%}div.col-8{float:left;width:66.6666%}div.col-9{float:left;width:75%}div.col-10{float:left;width:83.3333%}div.col-11{float:left;width:91.6666%}div.col-12{float:left;width:100%}@media(min-width:1024px){div.col-lg-1{float:left;width:8.3333%}div.col-lg-2{float:left;width:16.6666%}div.col-lg-3{float:left;width:25%}div.col-lg-4{float:left;width:33.3333%}div.col-lg-5{float:left;width:41.6666%}div.col-lg-6{float:left;width:50%}div.col-lg-7{float:left;width:58.3333%}div.col-lg-8{float:left;width:66.6666%}div.col-lg-9{float:left;width:75%}div.col-lg-10{float:left;width:83.3333%}div.col-lg-11{float:left;width:91.6666%}div.col-lg-12{float:left;width:100%}}@media(min-width:768px)and (max-width:1023px){div.col-md-1{float:left;width:8.3333%}div.col-md-2{float:left;width:16.6666%}div.col-md-3{float:left;width:25%}div.col-md-4{float:left;width:33.3333%}div.col-md-5{float:left;width:41.6666%}div.col-md-6{float:left;width:50%}div.col-md-7{float:left;width:58.3333%}div.col-md-8{float:left;width:66.6666%}div.col-md-9{float:left;width:75%}div.col-md-10{float:left;width:83.3333%}div.col-md-11{float:left;width:91.6666%}div.col-md-12{float:left;width:100%}}@media(max-width:767px){div.col-sm-1{float:left;width:8.3333%}div.col-sm-2{float:left;width:16.6666%}div.col-sm-3{float:left;width:25%}div.col-sm-4{float:left;width:33.3333%}div.col-sm-5{float:left;width:41.6666%}div.col-sm-6{float:left;width:50%}div.col-sm-7{float:left;width:58.3333%}div.col-sm-8{float:left;width:66.6666%}div.col-sm-9{float:left;width:75%}div.col-sm-10{float:left;width:83.3333%}div.col-sm-11{float:left;width:91.6666%}div.col-sm-12{float:left;width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.playlistDeleteBox{box-sizing:border-box;display:none;position:fixed;bottom:20px;width:222px;height:40px;right:20px;background:#000;z-index:99999;border-radius:10px;border:1px solid #31313c;color:#797979;overflow:hidden;border-radius:50px;font-size:14px}.playlistDeleteBox.isActive{display:flex}.playlistDeleteBox .message{width:40%;float:left;padding:10px 15px}.playlistDeleteBox .button{width:60%;float:right;text-align:center;font-size:16px}.playlistDeleteBox .button a{margin-top:2px;display:block;width:32px;height:32px;float:left;line-height:32px;color:#797979}.playlistDeleteBox .button a:hover{background:hsla(0,0%,78.4%,.16);border-radius:100%}.playlistDeleteBox:after{content:"";display:block;float:none;clear:both}.player_panel{position:fixed;width:100%;bottom:0;left:0;height:60px;z-index:99;background-color:#fff;color:#7d7d7d;transition:background-color .35s cubic-bezier(.43,-.1,.16,1.1)}.player_panel.translate{-webkit-animation:translate .35s cubic-bezier(.43,-.1,.16,1.1) forwards;animation:translate .35s cubic-bezier(.43,-.1,.16,1.1) forwards}.TrackItem{width:100%;height:40px;display:flex;align-items:center}.TrackItem .TrackItem-checkbox{border:1px solid clear;border-radius:3px;width:18px;min-width:18px;height:18px;cursor:pointer}.TrackItem .TrackItem-checkbox:hover{opacity:.5}.TrackItem .TrackItem-checkbox-checked{background-color:#6f7dbc;border:1px solid #6f7dbc}.TrackItem .TrackItem-checkbox-unChecked{border:1px solid #555}.TrackItem .TrackItem_rightWrap,.TrackItem .TrackItem_rightWrap-header{display:flex;width:calc(100% - 18px);height:100%;align-items:center;font-size:14px;color:#797979}.TrackItem .TrackItem_rightWrap-header .TrackItem_rw-name,.TrackItem .TrackItem_rightWrap .TrackItem_rw-name{display:flex;align-items:center;width:200px;overflow:hidden;padding-left:10px}.TrackItem .TrackItem_rightWrap-header .TrackItem_rw-name>div,.TrackItem .TrackItem_rightWrap .TrackItem_rw-name>div{width:90%;overflow:hidden;text-overflow:ellipsis}.TrackItem .TrackItem_rightWrap-header .TrackItem_rw-name span,.TrackItem .TrackItem_rightWrap .TrackItem_rw-name span{line-height:30px}.TrackItem .TrackItem_rightWrap-header .TrackItem_rw-artist,.TrackItem .TrackItem_rightWrap .TrackItem_rw-artist{height:100%;display:flex;align-items:center;width:calc(100% - 200px);overflow:hidden}.TrackItem .TrackItem_rightWrap-header .TrackItem_rw-artist span,.TrackItem .TrackItem_rightWrap .TrackItem_rw-artist span{line-height:30px}.TrackItem .TrackItem_rightWrap-checked{color:#6f7dbc}.TrackItem .TrackItem_rightWrap-playing{font-weight:700;color:#fff}.TrackItem .TrackItem_rightWrap:hover{opacity:.5;cursor:pointer}.PlaylistItem{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}.PlaylistItem .PlaylistItem-lock,.PlaylistItem .PlaylistItem-order{border:1px solid clear;border-radius:3px;width:18px;min-width:18px;height:18px;cursor:pointer}.PlaylistItem .PlaylistItem-lock img,.PlaylistItem .PlaylistItem-order img{width:100%}.PlaylistItem .PlaylistItem-lock:hover,.PlaylistItem .PlaylistItem-order:hover{opacity:.5}.PlaylistItem .PlaylistItem-name{margin-left:11px;margin-right:11px;height:30px;width:100%;color:#797979;font-size:14px;display:flex;align-items:center;overflow:hidden;cursor:pointer}.PlaylistItem .PlaylistItem-name:hover{opacity:.5}.PlaylistItem .PlaylistItem-name span{line-height:30px}.Playlist{display:flex;flex-direction:column;align-items:center;width:320px}.Playlist .Playlist_category{background-color:#1e1e26;border-radius:20px;height:40px;width:100%;display:flex;justify-content:space-between}.Playlist .Playlist_category .Playlist_ct-item{cursor:pointer;height:100%;width:33.33333%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#797979}.Playlist .Playlist_category .Playlist_ct-item:hover{opacity:.5}.Playlist .Playlist_category .Playlist_ct-item-selected{background-color:#000;border-radius:20px}.Playlist .Playlist_itemlist{margin-top:10px;width:100%;display:flex;flex-direction:column}.Playlist .Playlist_itemlist .Playlist_il_header{border-bottom:1px solid #797979;width:100%;height:30px;padding:10px 0}.Playlist .Playlist_itemlist .Playlist_il_header .Playlist_il_h-playlist-title{font-size:12px;color:#797979;height:40px;display:flex;align-items:center}.Playlist .Playlist_itemlist .Playlist_il_content{display:flex;flex-direction:column;align-items:center}.Playlist .Playlist_itemlist .Playlist_il_content .Playlist_il_ct-playlist-item{height:40px}.AddPlaylist{box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#22222a;z-index:10;position:absolute}.AddPlaylist .AddPlaylist_inner{display:flex;flex-direction:column;margin:20px}.AddPlaylist .AddPlaylist-line{height:1px;background-color:#292933;background-color:#fff;margin:7px 0}.AddPlaylistItem{display:flex;align-items:center;height:30px}.AddPlaylistItem .AddPlaylistItem-icon{display:flex;align-items:center;height:100%;margin-right:10px}.AddPlaylistItem .AddPlaylistItem-icon img{height:18px;width:18px}.AddPlaylistItem .AddPlaylistItem-title{cursor:pointer;display:flex;align-items:center;font-size:11px;color:#fff;overflow:hidden}.AddPlaylistItem .AddPlaylistItem-title:hover{opacity:.5}.AddPlaylistItem .AddPlaylistItem-title span{line-height:30px}.NotLyrics{font-size:14px;color:#999}.Lyrics{overflow:hidden;width:320px;height:46px}.Lyrics .Lyrics_inner{width:100%;height:100%;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.LyricItem{margin-bottom:14px;display:flex;justify-content:center;align-items:center}.LyricItem .LyricItem-lyric{font-size:14px;color:#797979}.LyricItem .LyricItem-lyric-current{color:#fff}.SpinLoading{display:inline-block;position:relative;width:80px;height:80px}.SpinLoading-box{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;border-radius:50%;-webkit-animation:SpinLoading 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:SpinLoading 1.2s cubic-bezier(.5,0,.5,1) infinite}.SpinLoading-box:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.SpinLoading-box:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.SpinLoading-box:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes SpinLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes SpinLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Player{overflow-x:hidden;border:none;display:flex;justify-content:center;flex-direction:column;color:#fff}.Player .Player-exit{position:absolute;width:18px;height:18px;right:30px;top:30px;cursor:pointer}.Player .Player-exit:hover{opacity:.5}.Player .Player-exit img{width:100%;height:100%}.Player .Player_interface{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center}.Player .Player_interface .Player_if-title{display:flex;justify-content:center;width:73%;margin-top:29px;font-size:18px;line-height:normal}.Player .Player_interface .Player_if-musician{display:flex;justify-content:center;width:73%;margin:6px 3px 3px;font-size:14px;font-weight:300;line-height:1.5;color:#ccc}.Player .Player_interface .Player_if_albumCoverWrap{position:relative;margin-top:24px;width:200px;height:200px;border-radius:14px;overflow:hidden}.Player .Player_interface .Player_if_albumCoverWrap img{width:100%;height:100%}.Player .Player_interface .Player_if_albumCoverWrap .liked{position:absolute;top:16px;right:16px;width:22px;height:18px;z-index:10;cursor:pointer}.Player .Player_interface .Player_if_additionalButtonsWrap{z-index:1;position:relative;width:200px;height:22px;margin:20px 0 27px;display:flex;justify-content:space-between;align-items:center}.Player .Player_interface .Player_if_additionalButtonsWrap .Player_if_abw-button{width:22px;height:22px;cursor:pointer}.Player .Player_interface .Player_if_additionalButtonsWrap .Player_if_abw-button img{width:100%;height:100%}.Player .Player_interface .Player_if_additionalButtonsWrap .Player_if_abw-button:hover{opacity:.7}.Player .Player_interface .Player_if_progressWrap{margin-top:30px;display:flex;flex-direction:column;justify-content:space-between;height:33px;width:320px}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap{display:flex;height:4px;position:relative}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .Player_if_pw_rw-progress{border-radius:2px;position:absolute;height:100%;width:0;background-color:#6f7dbc;z-index:0;transition:width .4s ease-out;cursor:pointer}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-0{width:0}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-1{width:1%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-2{width:2%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-3{width:3%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-4{width:4%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-5{width:5%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-6{width:6%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-7{width:7%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-8{width:8%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-9{width:9%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-10{width:10%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-11{width:11%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-12{width:12%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-13{width:13%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-14{width:14%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-15{width:15%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-16{width:16%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-17{width:17%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-18{width:18%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-19{width:19%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-20{width:20%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-21{width:21%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-22{width:22%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-23{width:23%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-24{width:24%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-25{width:25%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-26{width:26%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-27{width:27%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-28{width:28%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-29{width:29%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-30{width:30%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-31{width:31%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-32{width:32%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-33{width:33%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-34{width:34%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-35{width:35%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-36{width:36%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-37{width:37%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-38{width:38%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-39{width:39%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-40{width:40%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-41{width:41%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-42{width:42%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-43{width:43%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-44{width:44%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-45{width:45%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-46{width:46%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-47{width:47%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-48{width:48%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-49{width:49%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-50{width:50%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-51{width:51%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-52{width:52%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-53{width:53%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-54{width:54%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-55{width:55%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-56{width:56%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-57{width:57%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-58{width:58%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-59{width:59%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-60{width:60%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-61{width:61%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-62{width:62%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-63{width:63%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-64{width:64%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-65{width:65%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-66{width:66%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-67{width:67%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-68{width:68%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-69{width:69%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-70{width:70%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-71{width:71%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-72{width:72%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-73{width:73%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-74{width:74%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-75{width:75%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-76{width:76%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-77{width:77%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-78{width:78%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-79{width:79%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-80{width:80%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-81{width:81%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-82{width:82%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-83{width:83%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-84{width:84%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-85{width:85%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-86{width:86%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-87{width:87%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-88{width:88%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-89{width:89%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-90{width:90%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-91{width:91%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-92{width:92%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-93{width:93%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-94{width:94%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-95{width:95%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-96{width:96%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-97{width:97%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-98{width:98%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-99{width:99%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap .w-100{width:100%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap input{border-radius:2px;cursor:pointer;-webkit-appearance:none;width:100%;height:100%;background:#373737;outline:none;opacity:1;transition:opacity .2s}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap input:hover{opacity:.7}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:4px;border-radius:50%}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap input::-webkit-slider-runnable-track{background:#373737}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_rangeWrap input::-moz-range-thumb{width:4px;height:4px;border-radius:50%;background:#6f7dbc}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_bottomWrap{display:flex;justify-content:space-between}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_bottomWrap .Player_if_pw_bw-timelabel{font-size:12px;line-height:1.5;color:#999}.Player .Player_interface .Player_if_progressWrap .Player_if_pw_bottomWrap .Player_if_member{font-size:13px;line-height:1.5;color:#999}.Player .Player_interface .Player_if_playerButtonsWrap{display:flex;justify-content:space-between;align-items:center;width:45%;height:40px;margin-top:11px}.Player .Player_interface .Player_if_playerButtonsWrap .Player_if_pbw-rewindOrForwardBtn{cursor:pointer;width:22px;height:17px}.Player .Player_interface .Player_if_playerButtonsWrap .Player_if_pbw-rewindOrForwardBtn img{width:100%;height:100%}.Player .Player_interface .Player_if_playerButtonsWrap .Player_if_pbw-playBtn{cursor:pointer;width:40px;height:40px}.Player .Player_interface .Player_if_playerButtonsWrap .Player_if_pbw-playBtn img{width:100%;height:100%}.Player .Player_list{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;margin-bottom:30px}.popup_container{position:fixed;top:0;left:0;z-index:100;width:100%;height:100vh}.popup_container .popup_img_alone{display:block}.popup_container .popup_overlay{position:absolute;z-index:101;width:100%;height:100%;background:rgba(0,0,0,.2);transition:opacity .2s}.popup_container .popup_overlay-invisible{opacity:0}.popup_container .popup_scrollable{position:relative;height:100%;overflow-x:hidden;overflow-y:auto}.popup_container .popup_contents{position:absolute;overflow:hidden;z-index:102;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px;color:var(--W_Black02);background-color:var(--W_White);transition:transform .1s}.popup_container .popup_contents-larged{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.popup_container .popup_contents-defaultPadding{padding:55px 44px}.popup_container .popup_contents-scrollable{top:0;-webkit-transform:translate(-50%);transform:translate(-50%);margin:18vh auto}.popup_container .popup_contents-overflow-show{overflow:visible}.popup_container .popup_dismissbtn,.popup_container .popup_dismissbtn_darkmode{position:absolute;top:21px;right:23px;width:14px;height:14px;cursor:pointer;-webkit-filter:invert(100%) sepia(1%) saturate(5%) hue-rotate(304deg) brightness(100%) contrast(109%);filter:invert(100%) sepia(1%) saturate(5%) hue-rotate(304deg) brightness(100%) contrast(109%)}.popup_container .popup_dismissbtn_darkmode{-webkit-filter:invert(0) sepia(100%) saturate(0) hue-rotate(72deg) brightness(102%) contrast(108%);filter:invert(0) sepia(100%) saturate(0) hue-rotate(72deg) brightness(102%) contrast(108%)}.popup_container .popup_title{font-size:20px;font-weight:500;white-space:pre-wrap}.popup_container .popup_subtitle{margin-top:23px;font-size:13px;white-space:pre-wrap}.popup_container .popup_buttons{display:flex}.popup_container .popup_button{margin:25px auto 0;width:100%;height:41px;font-size:13px;font-weight:700;color:#fff;background-color:#1db6ff;border:none;box-sizing:border-box;white-space:pre;cursor:pointer;outline:none}.popup_container .popup_button:hover{opacity:.75}.popup_container .popup_button-cancel{background:transparent;color:var(--W_PointColor);border:1px solid var(--W_PointColor)}.popup_container .popup_button-cancel:hover{opacity:.6}.popup_container .popup_button-warning{background-color:#f05c63}.popup_container .popup_button-disable{color:#fff;background-color:silver}.popup_container .popup_button-disable:hover{opacity:1;cursor:default}.popup_container .popup_input{margin:auto 0 auto auto;padding:10px 9px;width:100%;height:40px;font-size:16px;color:#000;background-color:#fff;box-shadow:none;border:.5px solid #afafaf;box-sizing:border-box;outline:none}.popup_container .popup_input::-webkit-input-placeholder{color:#999}.popup_container .popup_input:-ms-input-placeholder{color:#999}.popup_container .popup_input::placeholder{color:#999}.popup_container .popup_input:-webkit-autofill,.popup_container .popup_input:-webkit-autofill:focus,.popup_container .popup_input:-webkit-autofill:hover{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0 1000px #fff inset}.popup_container .popup_input-warning{border:.5px solid #ff0c0c}.popup_container .popup_input-warning:-webkit-autofill,.popup_container .popup_input-warning:-webkit-autofill:focus,.popup_container .popup_input-warning:-webkit-autofill:hover{border:.5px solid #ff0c0c}.popup_container .popup_warning{margin-top:6px;text-align:left;font-size:14px;color:#ff0c0c}@media screen and (max-width:1079px){.popup_container .popup_contents.popup_contents-mobileFullscreen{display:flex;flex-direction:column;left:0;top:0;width:100%;height:100%;-webkit-transform:none;transform:none;border-radius:0;overflow-y:scroll}.popup_container .popup_contents-larged.popup_contents-mobileFullscreen{-webkit-transform:none;transform:none}.popup_container .popup_contents-defaultPadding{padding:40px 30px}.popup_container .popup_contents-scrollable.popup_contents-mobileFullscreen{margin:0;-webkit-transform:none;transform:none}.popup_container .popup_img_alone{margin:auto;width:100%;height:auto}}.popup_container-darkmode .popup_overlay{background:hsla(0,0%,100%,.2)}.popup_container-darkmode .popup_contents{color:#fff;background-color:#191a25}.popup_container-darkmode .popup_dismissbtn{-webkit-filter:invert(0) sepia(100%) saturate(0) hue-rotate(72deg) brightness(102%) contrast(108%);filter:invert(0) sepia(100%) saturate(0) hue-rotate(72deg) brightness(102%) contrast(108%)}.popup_container-darkmode .popup_button{color:#fff;background-color:#2b2f4e}.popup_container-darkmode .popup_input{color:#fff;background-color:#191a25;border:.5px solid #3f3f3f}.popup_container-darkmode .popup_input:-webkit-autofill,.popup_container-darkmode .popup_input:-webkit-autofill:focus,.popup_container-darkmode .popup_input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #191a25}.popup_container-darkmode .popup_button-cancel{background-color:transparent;border:2px solid #2b2f4e;color:#aaa}.body-unsrollable{height:100vh;overflow-y:hidden}.PlaylistPop{width:600px;display:flex;background-color:#22222a;border-radius:5px}.PlaylistPop .PlaylistPop_inner{width:100%;display:flex;flex-direction:column;margin:30px 40px}.PlaylistPop .PlaylistPop-title{font-size:23px;color:#fff;margin-bottom:27px}.PlaylistPop .PlaylistPop-nameInput{width:calc(100% - 40px);height:50px;margin-top:9px;margin-bottom:16px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid #797979;background-color:#282828;color:#fff;padding:0 20px}.PlaylistPop .PlaylistPop-nameInput::-webkit-input-placeholder{color:#ccc}.PlaylistPop .PlaylistPop-nameInput:-ms-input-placeholder{color:#ccc}.PlaylistPop .PlaylistPop-nameInput::placeholder{color:#ccc}.PlaylistPop .PlaylistPop-nameInput:focus{outline:none;border:1px solid #6f7dbc}.PlaylistPop .PlaylistPop-subtitle,.PlaylistPop textarea{font-size:14px;color:#fff}.PlaylistPop textarea{width:calc(100% - 40px);height:165px;margin-top:9px;padding:20px;border-radius:6px;border:1px solid #797979;background-color:#282828;resize:none}.PlaylistPop textarea:focus{outline:0;border:1px solid #6f7dbc}.PlaylistPop .PlaylistPop_checkboxWrap{display:flex;margin-top:24px}.PlaylistPop .PlaylistPop_checkboxWrap .PlaylistPop_cw_checkbox{display:flex;align-items:center;margin-right:24px}.PlaylistPop .PlaylistPop_checkboxWrap .PlaylistPop_cw_checkbox .PlaylistPop_cw_cb-box{margin-right:10px;width:18px;height:18px;border-radius:3px;border:1px solid #38383e;background-color:none;cursor:pointer}.PlaylistPop .PlaylistPop_checkboxWrap .PlaylistPop_cw_checkbox .PlaylistPop_cw_cb-box:hover{opacity:.5}.PlaylistPop .PlaylistPop_checkboxWrap .PlaylistPop_cw_checkbox .PlaylistPop_cw_cb-box-checked{border:1px solid #6f7dbc;background-color:#6f7dbc}.PlaylistPop .PlaylistPop_checkboxWrap .PlaylistPop_cw_checkbox .PlaylistPop_cw_cb-title{font-size:14px;color:#797979}.PlaylistPop .PlaylistPop_checkboxWrap .PlaylistPop_cw_checkbox .PlaylistPop_cw_cb-title-checked{color:#6f7dbc}.PlaylistPop .PlaylistPop_confirmWrap{display:flex;justify-content:center}.PlaylistPop .PlaylistPop_confirmWrap .PlaylistPop_cw-confirm{margin-top:24px;width:185px;height:40px;color:#fff;border-radius:20px;font-size:15px;background-color:#797979;display:flex;justify-content:center;align-items:center;cursor:pointer}.PlaylistPop .PlaylistPop_confirmWrap .PlaylistPop_cw-confirm:hover{opacity:.5}.PlaylistPop .PlaylistPop_confirmWrap .PlaylistPop_cw-confirm-valid{background-color:#6f7dbc}@-webkit-keyframes playerPlayAnimation{0%{box-shadow:0 -1px 7px 1px rgba(255,114,114,.8)}16%{box-shadow:0 -1px 7px 1px rgba(255,199,94,.8)}32%{box-shadow:0 -1px 7px 1px rgba(255,255,119,.8)}48%{box-shadow:0 -1px 7px 1px rgba(49,255,152,.8)}62%{box-shadow:0 -1px 7px 1px rgba(107,44,255,.8)}79%{box-shadow:0 -1px 7px 1px rgba(215,114,255,.8)}to{box-shadow:0 -1px 7px 1px rgba(255,114,114,.8)}}@keyframes playerPlayAnimation{0%{box-shadow:0 -1px 7px 1px rgba(255,114,114,.8)}16%{box-shadow:0 -1px 7px 1px rgba(255,199,94,.8)}32%{box-shadow:0 -1px 7px 1px rgba(255,255,119,.8)}48%{box-shadow:0 -1px 7px 1px rgba(49,255,152,.8)}62%{box-shadow:0 -1px 7px 1px rgba(107,44,255,.8)}79%{box-shadow:0 -1px 7px 1px rgba(215,114,255,.8)}to{box-shadow:0 -1px 7px 1px rgba(255,114,114,.8)}}.panel-content{height:100%;padding:0 20px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#22222a}.panel-content.active{-webkit-animation-name:playerPlayAnimation;animation-name:playerPlayAnimation;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:10s;animation-duration:10s}.panel-content .img-content{box-shadow:0 0 10px #dcdcdc;width:40px;height:40px;border-radius:4px;overflow:hidden;background-size:100%;background-repeat:no-repeat;box-shadow:0 0 10px rgba(0,34,77,.05);cursor:pointer}.panel-content .music-content{flex:1 1;padding:0 10px;overflow:hidden}.panel-content .music-content .music-track{padding-bottom:2px;font-size:16px}.panel-content .music-content .music-artist,.panel-content .music-content .music-track{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;color:#fff}.panel-content .music-content .music-artist{font-size:14px;opacity:.8}.panel-content .player-content{padding-left:5%;display:inline-flex;align-items:center;align-content:center;flex-basis:15%}.panel-content .player-content .group{text-align:center;flex:1 1;margin:0 6px;display:inline-flex;justify-content:center;align-items:center}.panel-content .player-content .group.music-lists-btn{position:relative}.panel-content .player-content .music-lists-num{color:#fff;position:absolute;top:-11px;right:-11px;background:#797979;display:block;padding:3px 5px;border-radius:7px;letter-spacing:-.5px;font-size:12px}html.screen-login{overflow-y:scroll;min-width:320px;height:100%;scrollbar-width:none}html.screen-login body{margin:0;padding:0;font-size:.75em;background:#f8f8f8;height:100%;font-family:"Malgun Gothic",dotum,sans-serif}html.screen-login fieldset,html.screen-login form,html.screen-login h1,html.screen-login h2,html.screen-login h3,html.screen-login h4,html.screen-login h5,html.screen-login h6,html.screen-login html,html.screen-login img{margin:0;padding:0;border:0}html.screen-login h1,html.screen-login h2,html.screen-login h3,html.screen-login h4,html.screen-login h5,html.screen-login h6{font-size:1em;font-family:"Malgun Gothic",dotum,sans-serif}html.screen-login article,html.screen-login aside,html.screen-login details,html.screen-login figcaption,html.screen-login figure,html.screen-login footer,html.screen-login header,html.screen-login hgroup,html.screen-login menu,html.screen-login nav,html.screen-login section{display:block}html.screen-login legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}html.screen-login button,html.screen-login img,html.screen-login input,html.screen-login label,html.screen-login select{vertical-align:middle}html.screen-login button,html.screen-login input{margin:0;padding:0;font-size:1em;font-family:"Malgun Gothic",dotum,sans-serif}html.screen-login button{cursor:pointer}html.screen-login button,html.screen-login input[type=image],html.screen-login input[type=password],html.screen-login input[type=submit],html.screen-login input[type=text]{font-size:1em;-webkit-appearance:none}html.screen-login select,html.screen-login textarea{font-size:1em;font-family:"Malgun Gothic",dotum,sans-serif}html.screen-login textarea{border-radius:0;-webkit-appearance:none;font-family:"Malgun Gothic",dotum,sans-serif}html.screen-login select{margin:0;background:none;font-family:"Malgun Gothic",dotum,sans-serif}html.screen-login p{margin:0;padding:0;word-break:break-all}html.screen-login hr{display:none}html.screen-login pre{overflow-x:scroll;font-size:1.1em}html.screen-login a{color:#000;text-decoration:none}html.screen-login dd,html.screen-login dl,html.screen-login dt,html.screen-login li,html.screen-login ul{padding:0;margin:0}html.screen-login ul{list-style:none}html.screen-login *,html.screen-login :after,html.screen-login :before{box-sizing:border-box}body.screen-login{min-height:100%;background-image:url(https://picsum.photos/640/480);background-size:cover;background-repeat:no-repeat;background-position:50%;min-height:100vh;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}body.screen-login::-webkit-scrollbar{display:none}.nt.nt-thi,.nt .nt-thi{font-weight:100;font-family:"Noto Sans KR",sans-serif}.nt.nt-lig,.nt .nt-lig{font-weight:300;font-family:"Noto Sans KR",sans-serif}.nt.nt-reg,.nt .nt-reg{font-weight:400;font-family:"Noto Sans KR",sans-serif}.nt.nt-mid,.nt .nt-mid{font-weight:500;font-family:"Noto Sans KR",sans-serif}.nt.nt-bol,.nt .nt-bol{font-weight:700;font-family:"Noto Sans KR",sans-serif}.ns.ns-thi,.ns .ns-thi{font-weight:300}.ns.ns-reg,.ns .ns-reg,.ns.ns-thi,.ns .ns-thi{font-family:"나눔스퀘어","나눔 스퀘어","Nanum Square","NanumSquare",sans-serif}.ns.ns-reg,.ns .ns-reg{font-weight:400}.ns.ns-bol,.ns .ns-bol{font-weight:700}.ns.ns-blk,.ns .ns-blk,.ns.ns-bol,.ns .ns-bol{font-family:"나눔스퀘어","나눔 스퀘어","Nanum Square","NanumSquare",sans-serif}.ns.ns-blk,.ns .ns-blk{font-weight:800}#login-page{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(30,30,30,.8);z-index:1;overflow-x:hidden;overflow-y:auto}#login-page .clickLayer{cursor:pointer}#login-page .signUpDescription{font-size:18px;margin-bottom:20px;margin-top:-15px}#login-page .input-form-error{margin-top:2px;color:#fe5266}#login-page .login-box{display:table;width:940px;height:100vh;position:relative;*display:block;*overflow:hidden;margin-left:auto;margin-right:auto}#login-page .login-box .login-wrapper{display:table-cell;*float:left;height:100%;vertical-align:middle;color:#aaa}#login-page .login-box .login-wrapper:after{display:block;float:none;content:"";clear:both}#login-page .login-box .login-slogan-text{float:left;width:370px;padding-top:316px}#login-page .login-box .login-area{float:left;width:570px;padding:70px 64.5px 35px 65.5px;background:#fff;box-shadow:0 3px 40px 0 rgba(0,0,0,.16)}#login-page .login-box .login-area h1{font-size:36px;font-weight:700;color:#240f39}#login-page .login-box .login-area h2.agreement{font-size:25px;font-weight:700;color:#240f39}#login-page .login-box .login-area div.part-description{margin-top:20px;font-size:18px;color:#b3b3b3}#login-page .login-box .login-area div.part-description a{color:#fe5266}#login-page .login-box .login-area a.checkAgreement{display:inline-block;font-size:18px;margin-top:5px;color:#fe5266}#login-page .login-box .login-area .login-input-form{margin-top:40px}#login-page .login-box .login-area .login-input-form input[type=password]::-webkit-input-placeholder{font-family:"Noto Sans KR",sans-serif;font-size:14px}#login-page .login-box .login-area .login-input-form input[type=password]:-ms-input-placeholder{font-family:"Noto Sans KR",sans-serif;font-size:14px}#login-page .login-box .login-area .login-input-form input[type=email],#login-page .login-box .login-area .login-input-form input[type=password]::placeholder,#login-page .login-box .login-area .login-input-form input[type=tel],#login-page .login-box .login-area .login-input-form input[type=text]{font-family:"Noto Sans KR",sans-serif;font-size:14px}#login-page .login-box .login-area .login-input-form input[type=password]::-webkit-input-placeholder{width:100%;height:30px;border:0;border-bottom:1px solid #b3b3b3;outline:none;margin-top:7px;-webkit-appearance:none;border-radius:0}#login-page .login-box .login-area .login-input-form input[type=password]:-ms-input-placeholder{width:100%;height:30px;border:0;border-bottom:1px solid #b3b3b3;outline:none;margin-top:7px;-webkit-appearance:none;border-radius:0}#login-page .login-box .login-area .login-input-form input[type=email],#login-page .login-box .login-area .login-input-form input[type=password],#login-page .login-box .login-area .login-input-form input[type=password]::placeholder,#login-page .login-box .login-area .login-input-form input[type=tel],#login-page .login-box .login-area .login-input-form input[type=text]{width:100%;height:30px;border:0;border-bottom:1px solid #b3b3b3;outline:none;margin-top:7px;-webkit-appearance:none;border-radius:0}#login-page .login-box .login-area .login-input-form input[type=password]::-webkit-input-placeholder:active,#login-page .login-box .login-area .login-input-form input[type=password]::-webkit-input-placeholder:focus{border-bottom:1px solid #fe5266}#login-page .login-box .login-area .login-input-form input[type=password]:-ms-input-placeholder:active,#login-page .login-box .login-area .login-input-form input[type=password]:-ms-input-placeholder:focus{border-bottom:1px solid #fe5266}#login-page .login-box .login-area .login-input-form input[type=email]:active,#login-page .login-box .login-area .login-input-form input[type=email]:focus,#login-page .login-box .login-area .login-input-form input[type=password]::placeholder:active,#login-page .login-box .login-area .login-input-form input[type=password]::placeholder:focus,#login-page .login-box .login-area .login-input-form input[type=password]:active,#login-page .login-box .login-area .login-input-form input[type=password]:focus,#login-page .login-box .login-area .login-input-form input[type=tel]:active,#login-page .login-box .login-area .login-input-form input[type=tel]:focus,#login-page .login-box .login-area .login-input-form input[type=text]:active,#login-page .login-box .login-area .login-input-form input[type=text]:focus{border-bottom:1px solid #fe5266}#login-page .login-box .login-area .login-input-form label{font-size:14px;color:#b3b3b3}#login-page .login-box .login-area .continue-area{margin-top:23px;font-size:0;text-align:right}#login-page .login-box .login-area .continue-area a{display:inline-block;color:#fff;font-size:18px;font-family:"나눔스퀘어","나눔 스퀘어","Nanum Square","NanumSquare",sans-serif;width:80px;height:36px;text-align:center;line-height:36px;border-radius:18px;background:#fe5266}#login-page .login-box .login-area-part-1 .then-bar{position:relative;margin:20px 0;font-size:0}#login-page .login-box .login-area-part-1 .then-bar .bar{position:absolute;top:10px;width:100%;border-bottom:1px solid #b3b3b3;z-index:1}#login-page .login-box .login-area-part-1 .then-bar .then-text{position:relative;display:block;width:80px;z-index:10;margin-left:auto;margin-right:auto;padding:0 15px;background:#fff;text-align:center;color:#b3b3b3;font-size:18px}#login-page .login-box .login-area-part-1 .sns-login-area>a{display:block;text-decoration:none;text-align:center;color:#240f39;font-size:18px;line-height:60px;margin-top:20px;width:100%;border-radius:30px;height:60px}#login-page .login-box .login-area-part-1 .sns-login-area a>span{margin-left:30px}#login-page .login-box .login-area-part-1 .sns-login-area .sns-kakao{background:#fee500;background-image:url(../../static/media/sns-kakao.bf4c2792.webp);background-size:30px 29px;background-repeat:no-repeat;background-position-x:30px;background-position-y:15px}#login-page .login-box .login-area-part-1 .sns-login-area .sns-google{border:1px solid #d3d3d3;background:#fff;background-image:url(../../static/media/sns-google.3b9be5a2.webp);background-size:30px 30px;background-repeat:no-repeat;background-position-x:30px;background-position-y:15px}#login-page .login-box .login-area-part-1 .sns-login-area .sns-apple{background:#000;color:#fff;background-image:url(../../static/media/sns-apple.8a6cc258.webp);background-size:24px 29px;background-repeat:no-repeat;background-position-x:33px;background-position-y:13px}#login-page .login-box .login-area-footer{text-align:center;margin-top:76px}@media(min-width:1241px){.viewMobile{display:none}}@media(max-width:1240px){#login-page{background:#fff}#login-page .login-box{width:90%}#login-page .login-box .login-area{width:100%;box-shadow:inherit}#login-page .login-slogan-text{display:none}}@media(max-width:600px){#login-page .signUpDescription{font-size:3.6vw;margin-bottom:4vw;margin-top:-3vw}#login-page .login-box{width:100vw;margin-left:0;margin-right:0}#login-page .login-box .login-area{width:100vw;padding:60px 30px}#login-page .login-box .login-area .login-input-form{margin-top:8vw}#login-page .login-box .login-area .ns-reg{font-size:7.2vw}#login-page .login-box .login-area h2.agreement{font-size:5vw;font-weight:700;color:#240f39}#login-page .login-box .login-area div.part-description{font-size:3.6vw;margin-top:4vw}#login-page .login-box .login-area a.checkAgreement{display:inline-block;font-size:3.6vw;margin-top:1vw;color:#fe5266}#login-page .login-box .login-area div.login-input-form label{font-size:2.8vw}#login-page .login-box .login-area input[type=email],#login-page .login-box .login-area input[type=password],#login-page .login-box .login-area input[type=tel],#login-page .login-box .login-area input[type=text]{height:6vw!important;font-size:2.8vw!important;margin-top:1.4vw!important;-webkit-appearance:none}#login-page .login-box .login-area .continue-area{margin-top:4.6vw}#login-page .login-box .login-area .continue-area a{font-size:3.6vw;width:16vw;height:7.2vw;line-height:7.2vw}#login-page .login-box div.then-bar div.then-text{font-size:3.6vw!important}#login-page .login-box .sns-login-area>a{font-size:3.6vw!important;margin-top:4vw!important;height:12vw!important;line-height:12vw!important}#login-page .login-box .sns-login-area>a.sns-google,#login-page .login-box .sns-login-area>a.sns-kakao{background-size:6vw 5.8vw!important;background-position-x:6vw!important;background-position-y:3vw!important}#login-page .login-box .sns-login-area>a.sns-apple{background-size:4.8vw 5.8vw!important;background-position-x:6.6vw!important;background-position-y:3vw!important}#login-page .login-slogan-text{display:none}}.continue-button{cursor:pointer}.sign-up-success{width:454px;padding:0 40px;background-color:#fff}.sign-up-success .sign-up-success__inner{margin-top:41px;margin-bottom:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.sign-up-success .success__title{font-size:18px;font-weight:500;color:#505050;margin-bottom:11px;margin-top:0}.sign-up-success .success__text{font-size:14px;color:#797979;white-space:pre-line;text-align:center}.sign-up-success .login--button{margin-top:30px;cursor:pointer;width:185px;height:49px;border-radius:405px;background-color:#6f7dbc;font-size:15px;color:#fff;display:flex;align-items:center;justify-content:center;border:none}.sign-up-success .login--button:hover{background-color:#556194;transition:background-color .3s}.modal{width:100vw;height:100vh}.modal .modal__background{background-color:#1e1e26;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.modal .modal__close{display:block;position:fixed;top:30px;right:30px;z-index:10000;font-size:25px}.modal .modal__close>a{color:#fff}.modal .modal__container{z-index:1;display:flex;justify-content:center;align-items:center;overflow:auto;height:100%}.modal .copyright{font-size:14px;font-style:normal;text-align:center;color:#797979;position:absolute;bottom:30px;left:calc(50% - 30px)}.pwd-find{background-color:#fff;width:454px;padding:0 40px}.pwd-find .pwd-find__inner{margin-top:60px;margin-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.pwd-find .pwd-find__title{font-size:18px;font-weight:500;color:#505050;margin-bottom:11px;margin-top:0}.pwd-find .pwd-find__text{font-size:14px;color:#797979;white-space:pre-line;text-align:center}.pwd-find .input__section{margin-top:40px;width:100%}.pwd-find .input__section .input__error{font-size:14px;color:#fe5266;height:12px;margin-top:6px}.pwd-find .confirm--button{margin-top:30px;cursor:pointer;width:185px;height:49px;border-radius:405px;background-color:#6f7dbc;font-size:15px;color:#fff;display:flex;align-items:center;justify-content:center;border:none}.pwd-find .confirm--button:hover{background-color:#556194;transition:background-color .3s}.pwd-find .pwd-find--result-message{font-size:14px;height:12px;margin-top:6px}.input__wrapper--email{display:flex;align-items:center}.input__wrapper--email .input__email-id{width:46%;margin-top:9px;font-size:14px;font-weight:400;padding-left:20px;border:1px solid #eee;height:50px;border-radius:6px}.input__wrapper--email .input__email-id:placeholder{color:#ccc}.input__wrapper--email .input__email-id:focus{outline:none;border:1px solid #6f7dbc}.input__wrapper--email .at{margin-left:18px;margin-right:18px}.input__wrapper--email .select__email-address{width:46%}.input__wrapper--email .select__header{position:relative;height:50px;border-bottom:1px solid #eee;display:flex;flex-direction:row}.input__wrapper--email .header--text{margin:0!important;border:none;line-height:3.5;color:#000;width:80%;font-size:14px;font-weight:400;margin:0;padding:0 0 0 10px}.input__wrapper--email .header--text:focus{outline:none}.input__wrapper--email .input__email,.input__wrapper--email .select__email{width:43%!important}.input__wrapper--email .select__email{position:relative}.input__wrapper--email .header__icon{cursor:pointer;width:30px;height:50%;display:flex;justify-content:center;align-items:center;margin:auto}.input__wrapper--email .select__list{position:absolute;top:51px;width:100%;border-radius:2px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff}.input__wrapper--email .list__item{cursor:pointer;font-size:15px;line-height:2.13;color:#ccc;padding-left:20px}.input__wrapper--email .list__item:hover{background-color:#ececec}.pwd-change{background-color:#fff;width:454px;padding:0 40px}.pwd-change .pwd-change__inner{margin-top:60px;margin-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.pwd-change .pwd-change__title{font-size:18px;font-weight:500;color:#505050;margin-bottom:11px;margin-top:0;align-self:flex-start}.pwd-change .pwd-change__text{font-size:14px;color:#797979;white-space:pre-line;text-align:center}.pwd-change .pwd-change--inputs{margin-top:25px;width:100%}.pwd-change .input__section{margin-bottom:15px}.pwd-change .input__section .input__change{width:calc(100% - 20px);height:50px;margin-top:9px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid #eee;padding-left:20px}.pwd-change .input__section .input__change::-webkit-input-placeholder{color:#ccc}.pwd-change .input__section .input__change:-ms-input-placeholder{color:#ccc}.pwd-change .input__section .input__change::placeholder{color:#ccc}.pwd-change .input__section .input__change:focus{outline:none;border:1px solid #6f7dbc}.pwd-change .input__section .input__error{font-size:14px;color:#fe5266;height:12px;margin-top:6px}.pwd-change .input__title{display:flex;align-items:center;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;color:#505050}.pwd-change .cancel--button,.pwd-change .confirm--button{margin-top:10px;cursor:pointer;width:185px;height:49px;border-radius:405px;background-color:#6f7dbc;font-size:15px;color:#fff;display:flex;align-items:center;justify-content:center;border:none}.pwd-change .cancel--button:hover,.pwd-change .confirm--button:hover{background-color:#556194;transition:background-color .3s}.pwd-change .cancel--button{background-color:#999}.pwd-change .cancel--button:hover{background-color:#7a7a7a;transition:background-color .3s}.pwd-change .pwd-change--result-message{font-size:14px;height:12px;margin-top:6px}.Home{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:98px 40px 0;box-sizing:border-box}.Home,.Home .Home_inner{width:100%}.Home .title{margin:0 0 29px;font-size:30px;color:#fff;line-height:1.5}.Home .album_list_wrap{margin-bottom:10px}.Home .chart_list_wrap{margin-bottom:50px}.Home .list_wrap{margin-bottom:20px}.album_item{width:18%;margin-right:2.5%;margin-bottom:40px}.album_item .album_item_thumbnail{position:relative;border-radius:14px;overflow:hidden}.album_item .album_item_thumbnail img{width:100%;height:100%}.album_item .album_item_thumbnail .liked{position:absolute;top:16px;right:16px;width:22px;height:18px;z-index:10;cursor:pointer}.album_item .album_item_thumbnail .hover_cover{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;border-radius:14px;background-color:#000;z-index:8;transition:all .2s ease}.album_item .album_item_thumbnail .hover_player{position:absolute;top:50%;left:50%;display:none;width:40%;height:40%;max-width:84px;max-height:84px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;cursor:pointer}.album_item .album_item_thumbnail:hover .hover_cover{opacity:.6}.album_item .album_item_thumbnail:hover .hover_player{display:block}.album_item .album_item_title{max-width:244px;margin:15px 0 2px;font-size:16px;color:#fff;line-height:1.5}.album_item .album_item_singer{font-size:14px;font-weight:300;color:#ccc;line-height:1.5}@media screen and (max-width:1200px){.album_item{width:31.33%;margin-right:3%}}.album_item_loading{width:18%;margin-right:2.5%;margin-bottom:40px}.album_item_loading .pull_loading_album{-webkit-animation-name:pull_loading;animation-name:pull_loading;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.album_item_loading .album_item_thumbnail{position:relative;border-radius:14px;overflow:hidden}.album_item_loading .album_item_thumbnail img{width:100%;height:100%}.album_item_loading .album_item_thumbnail .liked{position:absolute;top:16px;right:16px;width:22px;height:18px;z-index:10;cursor:pointer}.album_item_loading .album_item_thumbnail .hover_cover{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;border-radius:14px;background-color:#000;z-index:8;transition:all .2s ease}.album_item_loading .album_item_thumbnail .hover_player{position:absolute;top:50%;left:50%;display:none;width:40%;height:40%;max-width:84px;max-height:84px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;cursor:pointer}.album_item_loading .album_item_thumbnail:hover .hover_cover{opacity:.6}.album_item_loading .album_item_thumbnail:hover .hover_player{display:block}.album_item_loading .album_item_title{max-width:244px;margin:15px 0 2px;font-size:16px;color:#fff;line-height:1.5}.album_item_loading .album_item_singer{font-size:14px;font-weight:300;color:#ccc;line-height:1.5}@media screen and (max-width:1200px){.album_item_loading{width:31.33%;margin-right:3%}}.album_list_wrap .list_title{margin:0 0 20px;font-size:22px;font-weight:500;color:#fff}.album_list_wrap .list_title a{font-weight:500;color:#fff;text-decoration:none}.album_list_wrap .list_title img{width:10px;height:20px;margin-left:8px}.album_list_wrap .album_list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;overflow:hidden}.album_list_wrap .album_list li:nth-child(5n){margin-right:0}.album_list_wrap .album_list-loading{justify-content:center;align-items:center;height:200px}@media screen and (max-width:1200px){.album_list_wrap .album_list li:nth-child(5n){margin-right:3%}.album_list_wrap .album_list li:nth-child(3n){margin-right:0}}.swiper_album_item{margin-bottom:40px}.swiper_album_item .album_item_thumbnail{position:relative;border-radius:14px;overflow:hidden}.swiper_album_item .album_item_thumbnail img{width:100%;height:100%}.swiper_album_item .album_item_thumbnail .liked{position:absolute;top:16px;right:16px;width:22px;height:18px;z-index:10;cursor:pointer}.swiper_album_item .album_item_thumbnail .hover_cover{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;border-radius:14px;background-color:#000;z-index:8;transition:all .2s ease}.swiper_album_item .album_item_thumbnail .hover_player{position:absolute;top:50%;left:50%;display:none;width:40%;height:40%;max-width:84px;max-height:84px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;cursor:pointer}.swiper_album_item .album_item_thumbnail:hover .hover_cover{opacity:.6}.swiper_album_item .album_item_thumbnail:hover .hover_player{display:block}.swiper_album_item .album_item_title{max-width:244px;margin:15px 0 2px;font-size:16px;color:#fff;line-height:1.5}.swiper_album_item .album_item_singer{font-size:14px;font-weight:300;color:#ccc;line-height:1.5}.chart_list_wrap{display:flex;flex-direction:column;min-height:200px}.chart_list_wrap .empty_data{display:flex;flex:1 1;justify-content:center;align-items:center;color:#fff;font-weight:400;font-size:13px}.chart_list_wrap .list_title{margin:0 0 20px;font-size:22px;font-weight:500;color:#fff}.chart_list_wrap .list_title a{font-weight:500;color:#fff;text-decoration:none}.chart_list_wrap .list_title img{width:10px;height:20px;margin-left:8px}.chart_list_wrap .chart_btn_wrap{margin:20px 0 30px;overflow:hidden}.chart_list_wrap .chart_btn_wrap .btn{float:left;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;padding:0 35px;height:45px;line-height:45px;font-size:15px;color:#fff;border-radius:6px;background-color:#2e2e33;cursor:pointer}.chart_list_wrap .chart_btn_wrap .btn img{margin-right:10px}.chart_list_wrap .chart_btn_wrap .btn.all_play_btn{margin-right:10px;padding:0 35px;background-color:#6f7dbc}.chart_list_wrap .chart_btn_wrap .btn.selected_play_btn{padding:0 20px;background-color:#2e2e33}.chart_list_wrap .chart_btn_wrap .btn.disabled{cursor:not-allowed}.chart_table{width:100%;table-layout:fixed;border-collapse:collapse;color:#ccc;box-sizing:border-box}.chart_table tbody tr:hover{background-color:#141418}.chart_table a{color:#fff;text-decoration:none;line-height:1.5}.chart_table tr{display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #333;box-sizing:border-box}.chart_table th{height:36px}.chart_table td{height:60px;text-align:center}.chart_table td.check_liked,.chart_table td.toggle_button{cursor:pointer}.chart_table td,.chart_table th{display:flex;justify-content:center;align-items:center}.chart_table td.check_box,.chart_table th.check_box{width:5%;max-width:50px;text-align:center}.chart_table td.check_box .checkbox,.chart_table th.check_box .checkbox{display:inline-block;width:18px;height:18px;border-radius:3px;border:1px solid #555;cursor:pointer;box-sizing:border-box}.chart_table td.check_box .checkbox.isActive,.chart_table th.check_box .checkbox.isActive{border:1px solid #6f7dbc;background-color:#6f7dbc}.chart_table td.target_id,.chart_table th.target_id{width:6%;max-width:80px}.chart_table td.check_liked,.chart_table th.check_liked{min-width:4%;max-width:60px}.chart_table td.check_liked img,.chart_table th.check_liked img{width:14px;height:12px}.chart_table td.artist,.chart_table th.artist{justify-content:flex-start;width:20%;max-width:250px;padding-right:2%;overflow:hidden;box-sizing:border-box}.chart_table td.album,.chart_table th.album{width:5%}.chart_table td.album a,.chart_table th.album a{line-height:1}.chart_table td.toggle_button,.chart_table th.toggle_button{position:relative;width:5%}.chart_table td.song_name,.chart_table th.song_name{justify-content:center;flex:1 1;padding-right:2%;overflow:hidden;box-sizing:border-box}.chart_table td.song_name a,.chart_table th.song_name a{display:flex;width:100%;justify-self:flex-start;align-items:center}.chart_table td.song_name a img,.chart_table th.song_name a img{width:50px;height:50px;margin-right:20px;border-radius:10px}.chart_table td.song_name a span,.chart_table th.song_name a span{display:inline-block;width:calc(100% - 70px);line-height:50px;text-align:left}.chart_table .table_modal{position:absolute;top:65px;right:0;margin:0;width:180px;padding:10px 0;border-radius:2px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff;list-style:none;background-color:#22222a;z-index:1001}.chart_table .table_modal li a{display:flex;justify-self:center;align-items:center;padding:6px 20px;text-decoration:none;font-size:15px;color:#797979;box-sizing:border-box}.chart_table .table_modal li img{margin-right:14px}.chart_table .table_modal li.isActive a{font-weight:700;color:#fff}@media screen and (max-width:1200px){.chart_table td.check_liked,.chart_table td.target_id,.chart_table th.check_liked,.chart_table th.target_id{display:none}.chart_table td.album,.chart_table td.check_box,.chart_table td.toggle_button,.chart_table th.album,.chart_table th.check_box,.chart_table th.toggle_button{width:6%}}.chart_table_loading{width:100%;table-layout:fixed;border-collapse:collapse;color:#ccc;box-sizing:border-box}.chart_table_loading .pull_loading{height:30px}.chart_table_loading tbody tr:hover{background-color:#141418}.chart_table_loading a{color:#fff;text-decoration:none;line-height:1.5}.chart_table_loading tr{display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #333;box-sizing:border-box}.chart_table_loading th{height:36px}.chart_table_loading td{height:60px;text-align:center}.chart_table_loading td.check_liked,.chart_table_loading td.toggle_button{cursor:pointer}.chart_table_loading td,.chart_table_loading th{display:flex;justify-content:center;align-items:center}.chart_table_loading td.check_box,.chart_table_loading th.check_box{width:5%;max-width:50px;text-align:center}.chart_table_loading td.check_box .checkbox,.chart_table_loading th.check_box .checkbox{display:inline-block;width:18px;height:18px;border-radius:3px;border:1px solid #555;cursor:pointer;box-sizing:border-box}.chart_table_loading td.check_box .checkbox.isActive,.chart_table_loading th.check_box .checkbox.isActive{border:1px solid #6f7dbc;background-color:#6f7dbc}.chart_table_loading td.target_id,.chart_table_loading th.target_id{width:6%;max-width:80px;margin-right:15px}.chart_table_loading td.check_liked,.chart_table_loading th.check_liked{min-width:4%;max-width:60px}.chart_table_loading td.check_liked img,.chart_table_loading th.check_liked img{width:14px;height:12px}.chart_table_loading td.artist,.chart_table_loading th.artist{justify-content:flex-start;width:20%;max-width:250px;padding-right:2%;overflow:hidden;box-sizing:border-box}.chart_table_loading td.album,.chart_table_loading th.album{width:5%;margin-right:15px}.chart_table_loading td.album a,.chart_table_loading th.album a{line-height:1}.chart_table_loading td.toggle_button,.chart_table_loading th.toggle_button{position:relative;width:5%}.chart_table_loading td.song_name,.chart_table_loading th.song_name{justify-content:center;flex:1 1;padding-right:2%;overflow:hidden;box-sizing:border-box}.chart_table_loading td.song_name a,.chart_table_loading th.song_name a{display:flex;width:100%;justify-self:flex-start;align-items:center}.chart_table_loading td.song_name a img,.chart_table_loading th.song_name a img{width:50px;height:50px;margin-right:20px;border-radius:10px}.chart_table_loading td.song_name a span,.chart_table_loading th.song_name a span{display:inline-block;width:calc(100% - 70px);line-height:50px;text-align:left}.chart_table_loading .table_modal{position:absolute;top:65px;right:0;margin:0;width:180px;padding:10px 0;border-radius:2px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff;list-style:none;background-color:#22222a;z-index:1001}.chart_table_loading .table_modal li a{display:flex;justify-self:center;align-items:center;padding:6px 20px;text-decoration:none;font-size:15px;color:#797979;box-sizing:border-box}.chart_table_loading .table_modal li img{margin-right:14px}.chart_table_loading .table_modal li.isActive a{font-weight:700;color:#fff}@media screen and (max-width:1200px){.chart_table_loading td.check_liked,.chart_table_loading td.target_id,.chart_table_loading th.check_liked,.chart_table_loading th.target_id{display:none}.chart_table_loading td.album,.chart_table_loading td.check_box,.chart_table_loading td.toggle_button,.chart_table_loading th.album,.chart_table_loading th.check_box,.chart_table_loading th.toggle_button{width:6%}}.Album{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;padding:98px 40px 30px;box-sizing:border-box}.Album,.Album .Album_inner{width:100%}.Album .title{margin:0 0 30px;font-size:30px;color:#fff}.Album .title .total{margin-left:20px;font-size:20px;font-weight:500;color:#ccc}.Album .btn_wrap{position:relative;display:inline-block;margin:15px 0 25px}.Album .btn_wrap .btn{float:left;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;padding:0 35px;height:45px;line-height:45px;font-size:15px;color:#fff;border-radius:6px;background-color:#2e2e33;cursor:pointer}.Album .btn_wrap .btn img{margin-right:10px}.Album .btn_wrap .btn.player_btn{background-color:#6f7dbc}.Chart{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:98px 40px 30px;box-sizing:border-box}.Chart,.Chart .Chart_inner{width:100%}.Chart .title{margin:0 0 30px;font-size:30px;color:#fff}.NewSong{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;padding:98px 40px 30px;box-sizing:border-box}.NewSong,.NewSong .NewSong_inner{width:100%}.NewSong .title{margin:0 0 30px;font-size:30px;color:#fff}.Song{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;padding:98px 40px 30px;box-sizing:border-box}.Song,.Song .Song_inner{width:100%}.Song .title{font-size:30px;color:#fff}.Song .title .total{margin-left:20px;font-size:20px;font-weight:500;color:#ccc}.me_inner{padding:0 40px 80px}.me_inner .title{margin:0 0 19px;font-size:22px;font-weight:500;color:#fff;line-height:1.5}.me_inner .btn_wrap{margin:20px 0 30px}.me_inner .btn_wrap .btn{float:left;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;padding:0 35px;height:45px;line-height:45px;font-size:15px;color:#fff;border-radius:6px;background-color:#2e2e33;cursor:pointer}.me_inner .btn_wrap .btn img{margin-right:10px}.me_inner .btn_wrap .btn.all_play_btn{margin-right:10px;padding:0 35px;background-color:#6f7dbc}.me_inner .btn_wrap .btn.selected_play_btn{padding:0 20px;background-color:#2e2e33}.me_inner .play_list_item_wrap{display:flex;flex-wrap:wrap;overflow:hidden}.me_inner .play_list_item_wrap .play_list_item:nth-child(5n){margin-right:0}.me_inner .play_list_item_wrap-loading{align-items:center;height:200px}@media screen and (max-width:1200px){.me_inner .play_list_item_wrap .play_list_item:nth-child(5n){margin-right:3%}.me_inner .play_list_item_wrap .play_list_item:nth-child(3n){margin-right:0}}form{width:370px;margin:0 auto;text-align:center}form div{display:flex;flex-direction:column;text-align:left}form div.flex_row_wrap{flex-direction:row}form div.flex_row_wrap>div{width:180px}form div.flex_row_wrap>div:first-child{margin-right:10px}form>div{margin-bottom:20px}form>div:last-child{margin-bottom:30px}form .label{margin-bottom:8px;font-size:14px;color:#fff}form .small_label{margin-left:16px;font-size:10px;color:grey}form input[type=password],form input[type=text],form textarea{padding:14px 20px 13px;border-radius:6px;border:1px solid #797979;font-size:14px;color:#fff;line-height:1.5;background-color:transparent;box-sizing:border-box}form input[type=password]:focus,form input[type=text]:focus,form textarea:focus{outline-width:0}form input[type=password]::-webkit-input-placeholder,form input[type=text]::-webkit-input-placeholder,form textarea::-webkit-input-placeholder{font-size:14px;color:#797979}form input[type=password]:-ms-input-placeholder,form input[type=text]:-ms-input-placeholder,form textarea:-ms-input-placeholder{font-size:14px;color:#797979}form input[type=password]::placeholder,form input[type=text]::placeholder,form textarea::placeholder{font-size:14px;color:#797979}form textarea{min-height:150px}form .select_box_warp .select_box{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;padding:16px 20px;border-radius:6px;border:1px solid #797979;font-size:14px;color:#fff;cursor:pointer;box-sizing:border-box}form .select_box_warp .select_list_modal{position:absolute;top:58px;left:0;width:100%;padding:10px 0;border-radius:2px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#22222a;z-index:1001}form .select_box_warp .select_list_modal li{margin-bottom:10px;padding:6px 20px;font-size:15px;color:#797979}form .select_box_warp .select_list_modal li:hover{font-weight:700;color:#fff}form .select_box_warp .select_list_modal li:last-child{margin-bottom:0}form button[type=submit]{padding:17px 50px 13px;border-radius:405px;border:1px solid #6f7dbc;font-size:15px;text-align:center;color:#fff;background-color:#6f7dbc;box-sizing:border-box}form .inline_boundary{height:2px}.player_header_wrap{display:flex;flex-wrap:wrap;width:100%;padding:118px 40px 40px;color:#fff;box-sizing:border-box}.player_header_wrap .profile_img{width:244px;height:244px;margin-right:40px;border-radius:50%;overflow:hidden}.player_header_wrap .profile_img>img{width:100%;height:100%}.player_header_wrap .profile_simple_info{flex:1 1;padding-top:18px;overflow:hidden}.player_header_wrap .profile_simple_info .user_name{margin-bottom:13px;font-size:30px;font-weight:500;line-height:1.5}.player_header_wrap .profile_simple_info .user_name strong{display:block;word-break:break-word}.player_header_wrap .profile_simple_info .follow_follower_counter_wrap{list-style:none;margin-bottom:30px;overflow:hidden}.player_header_wrap .profile_simple_info .follow_follower_counter_wrap li{float:left;display:flex;flex-direction:column}.player_header_wrap .profile_simple_info .follow_follower_counter_wrap li:first-child{margin-right:30px}.player_header_wrap .profile_simple_info .follow_follower_counter_wrap li span{font-size:14px;font-weight:400;text-align:left;color:#ccc}.player_header_wrap .profile_simple_info .follow_follower_counter_wrap li span.count{margin-bottom:2px;font-size:15px;font-weight:500;color:#fff}.player_header_wrap .profile_simple_info .btn_wrap a{display:inline-block;padding:9px 30px;font-size:15px;color:#fff;border-radius:6px;border:1px solid #fff;text-decoration:none}.player_header_wrap .profile_simple_info .btn_wrap a span{display:inline-block}li,ul{list-style:none;margin:0;padding:0}.tab_menu_wrap{display:flex;padding:20px 0 40px}.tab_menu_wrap li{margin-right:40px}.tab_menu_wrap li>a{font-size:15px;color:#797979}.tab_menu_wrap li:last-child{margin-right:0}.tab_menu_wrap li.isActive>a{font-weight:500;color:#fff}.Artist{width:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:98px 40px 30px;box-sizing:border-box}.Artist .Artist_inner .title{margin:0 0 30px;font-size:30px;color:#fff}.Artist .Artist_inner .title .total{margin-left:20px;font-size:20px;font-weight:500;color:#ccc}.artist_list{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0;padding:0;list-style:none;overflow:hidden}.artist_list li:nth-child(6n){margin-right:0}@media screen and (max-width:1200px){.artist_list li:nth-child(6n){margin-right:3%}.artist_list li:nth-child(3n){margin-right:0}}.artist_list-loading{height:200px;align-items:center}.artist_item{display:flex;flex-direction:column;align-items:center;width:15%;margin-right:2%;margin-bottom:40px}.artist_item .artist_item_thumbnail{position:relative;width:100%;border-radius:50%;overflow:hidden}.artist_item .artist_item_thumbnail a{display:block;height:100%}.artist_item .artist_item_thumbnail img{width:100%;height:100%}.artist_item .liked{margin:20px 0 11px;cursor:pointer}.artist_item .artist_item_singer,.artist_item .artist_item_singer_ko{font-size:16px;font-weight:300;color:#ccc;line-height:1.5}@media screen and (max-width:1200px){.artist_item{width:31.33%;margin-right:3%}}.Loading{height:100%;width:100%;font-family:Helvetica;justify-content:center}.Loading,.Loading .loader{display:flex;align-items:center}.Loading .loader{height:100%;height:30px;width:70px;opacity:.6}.Loading .loader--dot{-webkit-animation-name:loader;animation-name:loader;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;height:10px;width:10px;border-radius:100%;background-color:#000;position:absolute;border:1px solid #fff}.Loading .loader--dot:first-child{background-color:#8cc759;-webkit-animation-delay:.5s;animation-delay:.5s}.Loading .loader--dot:nth-child(2){background-color:#8c6daf;-webkit-animation-delay:.4s;animation-delay:.4s}.Loading .loader--dot:nth-child(3){background-color:#ef5d74;-webkit-animation-delay:.3s;animation-delay:.3s}.Loading .loader--dot:nth-child(4){background-color:#f9a74b;-webkit-animation-delay:.2s;animation-delay:.2s}.Loading .loader--dot:nth-child(5){background-color:#60beeb;-webkit-animation-delay:.1s;animation-delay:.1s}.Loading .loader--dot:nth-child(6){background-color:#fbef5a;-webkit-animation-delay:0s;animation-delay:0s}.Loading .loader_text{display:flex;width:100%}.Loading .loader_text .loader_t-text{margin:auto;color:#fff}.Loading .loader_text .loader_t-text:after{content:"Loading";font-weight:700;-webkit-animation-name:loading-text;animation-name:loading-text;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes loader{5%{-webkit-transform:translateX(0);transform:translateX(0)}35%{-webkit-transform:translateX(70px);transform:translateX(70px)}65%{-webkit-transform:translateX(70px);transform:translateX(70px)}95%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes loader{5%{-webkit-transform:translateX(0);transform:translateX(0)}35%{-webkit-transform:translateX(70px);transform:translateX(70px)}65%{-webkit-transform:translateX(70px);transform:translateX(70px)}95%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}@keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}.History{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;padding:98px 40px 30px;box-sizing:border-box}.History,.History .History_inner{width:100%}.History .title{font-size:30px;color:#fff}.History .title .total{margin-left:20px;font-size:20px;font-weight:500;color:#ccc}p{margin:0;padding:0}.play_list_item{width:18%;margin-right:2.5%;margin-bottom:40px}.play_list_item .play_list_item_thumbnail{position:relative;border-radius:14px;overflow:hidden}.play_list_item .play_list_item_thumbnail img{width:100%;height:100%}.play_list_item .play_list_item_thumbnail .liked{position:absolute;top:16px;right:16px;width:22px;height:18px;z-index:10;cursor:pointer}.play_list_item .play_list_item_thumbnail .hover_cover{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;border-radius:14px;background-color:#000;z-index:8;transition:all .2s ease}.play_list_item .play_list_item_thumbnail .hover_player{position:absolute;top:50%;left:50%;display:none;width:40%;height:40%;max-width:84px;max-height:84px;z-index:9;cursor:pointer;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.play_list_item .play_list_item_thumbnail:hover .hover_cover{display:flex;justify-content:center;align-items:center;transition:all .2s ease}.play_list_item .play_list_item_thumbnail:hover .hover_player{display:block}.play_list_item .play_list_info_wrap{margin-top:15px}.play_list_item .play_list_info_wrap a{color:#fff}.play_list_item .play_list_info_wrap .play_list_name{margin-bottom:2px;font-size:15px;font-weight:400;line-height:1.5}.play_list_item .play_list_info_wrap .total_tracks{font-size:14px;font-weight:300;line-height:1.5}@media screen and (max-width:1200px){.play_list_item{width:31.33%;margin-right:3%}}.profile_header_wrap{position:relative;margin-bottom:50px;padding:98px 40px 0;height:402px;box-sizing:border-box}.profile_header_wrap:after{background-size:cover;background-position:50%;top:0;left:0;position:absolute;background-size:100%;opacity:.4!important;-webkit-filter:blur(30px);filter:blur(30px);z-index:-1;content:"";width:100%;height:100%}.profile_header_wrap .background_upload_btn{position:absolute;bottom:20px;right:20px;display:inline-block;padding:13px 25px 10px 20px;border-radius:6px;border:1px solid #fff;font-size:13px;color:#fff;cursor:pointer}.profile_header_wrap .profile_title{margin-bottom:30px;font-size:30px;font-weight:700;color:#fff}.profile_header_wrap .profile_info_wrap{display:flex;flex-direction:column;align-items:center;width:100%}.profile_header_wrap .profile_info_wrap .profile_img_wrap{position:relative;width:244px;height:244px;margin-bottom:14px}.profile_header_wrap .profile_info_wrap .profile_img_wrap .profile_img{width:100%;height:100%;border-radius:50%}.profile_header_wrap .profile_info_wrap .profile_img_wrap .profile_img:hover{opacity:.5}.profile_header_wrap .profile_info_wrap .profile_img_wrap .image_upload_btn{position:absolute;bottom:10px;right:10px;display:inline-block;width:56px;height:56px;text-align:center;line-height:60px;border-radius:85px;background-color:#2e2e33;cursor:pointer}.profile_header_wrap .profile_modify_btn_wrap .btn{display:inline-block;padding:10px 20px;font-size:13px;text-align:center;color:#fff;border-radius:6px;border:1px solid #fff;background-color:transparent}.profile_header_wrap .profile_modify_btn_wrap .btn.profile_img_modify_btn{margin-right:6px}.profile_header_wrap .profile_modify_btn_wrap .btn.profile_delete_btn{color:#fff;border-radius:6px}.ConfirmButton{width:100%;display:flex;justify-content:center;margin-bottom:100px}.ConfirmButton .ConfirmButton-confirmBtn{display:flex;justify-content:center;align-items:center;border-radius:25px;font-size:15px;color:#fff;background-color:#797979;width:185px;height:49px;cursor:not-allowed}.ConfirmButton .ConfirmButton-confirmBtn-valid{background-color:#6f7dbc;cursor:pointer}.ConfirmButton .ConfirmButton-confirmBtn-valid:hover{opacity:.5}.ConfirmButton .ConfirmButton_loading{z-index:1;display:flex;justify-content:center;align-items:center;position:absolute;width:185px;height:49px}.ConfirmButton .ConfirmButton-confirmBtn-loading{opacity:.2}.payOption{margin-bottom:30px}.payOption li{margin-bottom:10px;color:#fff}.payOption li:before{content:"- "}@font-face{font-family:"ocraregular";src:url(../../static/media/ocra-webfont.402f12da.eot);src:url(../../static/media/ocra-webfont.402f12da.eot) format("embedded-opentype"),url(../../static/media/ocra-webfont.52e4cd52.woff) format("woff"),url(../../static/media/ocra-webfont.b7c9b5bc.ttf) format("truetype"),url(../../static/media/ocra-webfont.ff9a1d0f.svg) format("svg");font-weight:400;font-style:normal}.payment-card{font:16px/1.5 "Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;position:relative;display:inline-block;vertical-align:middle;width:425px;height:270px;text-align:left;padding:30px;margin-bottom:50px;color:#fff;border-radius:20px;box-sizing:border-box;background-image:url(../../static/media/card-plate.c268de19.png)}.payment-card .title{font-size:20px}.payment-card .price{font-size:15px}.payment-card .number{font-size:23px;padding:35px 0 15px;text-align:center;font-family:"ocraregular"}.payment-card .expiry-date{font-size:14px;padding-bottom:20px;text-align:center}.payment-card .owner{text-align:left}.payment-card .logo{position:absolute;right:20px;bottom:35px;height:35px}.payment-card .strip{background:#000;height:50px;margin-bottom:30px}.payment-card__signature{float:left;width:65%;height:40px;margin-left:10px;background:#999}.payment-card__ccv{float:left;margin-top:5px;padding:7px;background:#fff;color:#111;line-height:1}.payment-card--front{font-size:16px;font-family:"Source Code Pro";text-shadow:0 1px 1px rgba(0,0,0,.6)}.payment-card--back{padding-left:0;padding-right:0;text-align:left}.AlbumDetail{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:118px 40px 30px;box-sizing:border-box}.AlbumDetail h3{font-size:30px;font-weight:500;color:#fff}.AlbumDetail .AlbumDetail_inner{width:100%}.AlbumDetail .AlbumDetail_inner .btn_wrap{position:relative;display:inline-block}.AlbumDetail .AlbumDetail_inner .btn_wrap .btn{float:left;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;padding:0 35px;height:45px;line-height:45px;font-size:15px;color:#fff;border-radius:6px;background-color:#2e2e33;cursor:pointer}.AlbumDetail .AlbumDetail_inner .btn_wrap .btn img{margin-right:10px}.AlbumDetail .AlbumDetail_inner .btn_wrap .btn.player_btn{background-color:#6f7dbc}.AlbumDetail .AlbumDetail_inner .btn_wrap .btn.more_btn{margin-right:0;padding:0 10px 0 20px}.AlbumDetail .AlbumDetail_inner .btn_wrap .btn.more_btn img{margin-right:0;margin-left:22px}.AlbumDetail .AlbumDetail_inner .btn_wrap .more_modal{position:absolute;top:50px;right:-58px;padding:10px 0;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#22222a;z-index:1001}.AlbumDetail .AlbumDetail_inner .btn_wrap .more_modal>li{position:relative;padding:6px 20px;font-size:15px;line-height:2.13;color:#797979;cursor:pointer}.AlbumDetail .AlbumDetail_inner .btn_wrap .more_modal>li:hover{font-weight:700;color:#fff}.AlbumDetail .AlbumDetail_inner .btn_wrap .more_modal .user_playlist_wrap{position:absolute;top:0;right:-140px;padding:6px 20px;font-weight:400;font-size:11px;color:#797979;background:#22222a;z-index:1002}.AlbumDetail .AlbumDetail_inner .btn_wrap .more_modal .user_playlist_wrap>div.add_playlist{border-bottom:1px solid #fff}.AlbumDetail .AlbumDetail_inner .btn_wrap .more_modal .user_playlist_wrap>div.none_border{border-bottom:0}.AlbumDetail .AlbumDetail_inner .btn_wrap .more_modal .user_playlist_wrap>div:hover{font-weight:700;color:#fff}.AlbumDetail .album_detail_info{display:flex;margin-bottom:60px}.AlbumDetail .album_detail_info .thumbnail{position:relative;width:244px;height:244px;margin-right:40px;border-radius:14px;overflow:hidden}.AlbumDetail .album_detail_info .thumbnail img{width:100%;height:100%}.AlbumDetail .album_detail_info .thumbnail img.album_liked_btn{position:absolute;top:18px;right:18px;width:22px;height:18px;z-index:2;cursor:pointer}.AlbumDetail .album_detail_info .info{flex:1 1}.AlbumDetail .album_detail_info .info a{color:#fff;text-decoration:none}.AlbumDetail .album_detail_info .info .album_title{margin-bottom:10px;font-size:30px;font-weight:500;color:#fff}.AlbumDetail .album_detail_info .info .album_singer{font-size:16px;font-weight:400;color:#fff}.AlbumDetail .album_detail_info .info .making_info{margin:18px 0 30px}.AlbumDetail .album_detail_info .info .making_info p{margin-bottom:6px;font-size:14px;font-weight:300;color:#ccc}.AlbumDetail .album_detail_info .info .making_info p:last-child{margin-bottom:0}.AlbumDetail .album_detail_description h3{padding-bottom:20px}.AlbumDetail .album_detail_description .description_wrap{padding:20px 0;border-top:1px solid #333;border-bottom:1px solid #333}.AlbumDetail .album_detail_description .description_wrap .description{min-height:60px;padding:24px 19px;border-radius:5px;font-size:16px;font-weight:700;color:#eee;background-color:#23232c;white-space:pre-line}.AlbumDetail .chart_list_wrap{margin-bottom:36px}@media screen and (max-width:1200px){.AlbumDetail .album_detail_info .thumbnail{width:200px;height:200px}}.ArtistDetail{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.ArtistDetail h3{font-size:30px;font-weight:500;color:#fff}.ArtistDetail .ArtistDetail_inner{width:100%}.ArtistDetail .btn_wrap{position:relative;display:inline-block}.ArtistDetail .btn_wrap .btn{position:relative;float:left;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;padding:0 35px;height:45px;line-height:45px;font-size:15px;color:#fff;border-radius:6px;background-color:#2e2e33;cursor:pointer}.ArtistDetail .btn_wrap .btn img{margin-right:10px}.ArtistDetail .btn_wrap .btn.all_play_btn{background-color:#6f7dbc}.ArtistDetail .btn_wrap .btn.more_btn{padding:0 10px 0 20px}.ArtistDetail .btn_wrap .btn.more_btn img{margin-right:0;margin-left:24px}.ArtistDetail .btn_wrap.bottom_btn_wrap{margin:20px 0 30px}.ArtistDetail .btn_wrap .more_modal{position:absolute;top:50px;left:0;padding:10px 0;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#22222a;white-space:nowrap;z-index:1001}.ArtistDetail .btn_wrap .more_modal>li{padding:8px 20px 4px;font-size:15px;line-height:2.13;color:#797979;cursor:pointer}.ArtistDetail .btn_wrap .more_modal>li:hover{font-weight:700;color:#fff}.ArtistDetail .artist_detail_info{display:flex;margin-bottom:50px;padding:118px 40px 40px}.ArtistDetail .artist_detail_info .thumbnail{flex:none;width:244px;height:244px;margin-right:40px;border-radius:50%;overflow:hidden}.ArtistDetail .artist_detail_info .thumbnail img{width:100%;height:100%}.ArtistDetail .artist_detail_info .info{padding-top:24px}.ArtistDetail .artist_detail_info .info .making_info{margin:35px 0 31px}.ArtistDetail .artist_detail_info .info .making_info p{margin-bottom:9px;font-size:14px;font-weight:300;color:#ccc}.ArtistDetail .artist_detail_info .info .making_info p:last-child{margin-bottom:0}.ArtistDetail .artist_detail_description{padding:0 40px}.ArtistDetail .artist_detail_description h3{padding-bottom:20px}.ArtistDetail .artist_detail_description .description_wrap{padding:20px 0;border-top:1px solid #333;border-bottom:1px solid #333}.ArtistDetail .artist_detail_description .description_wrap .description{min-height:60px;padding:24px 19px;border-radius:5px;font-size:20px;font-weight:700;color:#fff;background-color:#23232c;white-space:pre-line}.ArtistDetail .artist_detail_albums{padding:28px 40px}.ArtistDetail .artist_detail_albums .albums_total{margin-left:27px;font-size:20px;font-weight:500;color:#ccc}@media screen and (max-width:1200px){.ArtistDetail .artist_detail_info .thumbnail{width:200px;height:200px}.ArtistDetail .btn_wrap .btn{margin-bottom:10px}.ArtistDetail .artist_detail_info{padding-bottom:0}.ArtistDetail .album_list_wrap li:nth-child(3n){margin-right:2%}.ArtistDetail .album_list_wrap li:nth-child(2n){margin-right:0}.ArtistDetail .album_list_wrap .album_item{width:49%;margin-right:2%}}.PlayListDetail .title{font-size:22px;font-weight:500;color:#fff}.PlayListDetail .play_list_detail_info_wrap{display:flex;width:100%}.PlayListDetail .play_list_detail_info_wrap .play_list_detail_img{width:100px;height:100px;margin-right:20px;border-radius:14px;overflow:hidden}.PlayListDetail .play_list_detail_info_wrap .play_list_detail_img img{width:100%;height:100%}.PlayListDetail .play_list_detail_info_wrap .play_list_detail_desc{flex:1 1;padding-top:9px;color:#fff;overflow:hidden}.PlayListDetail .play_list_detail_info_wrap .play_list_detail_desc .play_list_detail_title{margin-bottom:5px}.PlayListDetail .play_list_detail_info_wrap .play_list_detail_desc .play_list_detail_title strong{display:inline-block;max-width:80%;font-size:16px;line-height:1.5;font-weight:400;overflow:hidden}.PlayListDetail .play_list_detail_info_wrap .play_list_detail_desc .play_list_detail_title .liked{margin-left:17px;cursor:pointer}.PlayListDetail .play_list_detail_info_wrap .play_list_detail_desc .total{font-size:14px;font-weight:300;color:#ccc}h3,h4{margin:0;padding:0}.TrackDetail{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:118px 40px 30px;box-sizing:border-box}.TrackDetail .TrackDetail_inner{width:100%}.TrackDetail .TrackDetail_inner .btn_wrap{position:relative;display:inline-block}.TrackDetail .TrackDetail_inner .btn_wrap .btn{float:left;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;padding:0 35px;height:45px;line-height:45px;font-size:15px;color:#fff;border-radius:6px;background-color:#2e2e33;cursor:pointer}.TrackDetail .TrackDetail_inner .btn_wrap .btn img{margin-right:10px}.TrackDetail .TrackDetail_inner .btn_wrap .btn.player_btn{background-color:#6f7dbc}.TrackDetail .TrackDetail_inner .btn_wrap .btn.more_btn{margin-right:0;padding:0 10px 0 20px}.TrackDetail .TrackDetail_inner .btn_wrap .btn.more_btn img{margin-right:0;margin-left:22px}.TrackDetail .TrackDetail_inner .btn_wrap .more_modal{position:absolute;top:50px;right:-58px;padding:10px 0;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#22222a;z-index:1001}.TrackDetail .TrackDetail_inner .btn_wrap .more_modal>li{padding:8px 20px 4px;font-size:15px;line-height:2.13;color:#797979;cursor:pointer}.TrackDetail .TrackDetail_inner .btn_wrap .more_modal>li:hover{font-weight:700;color:#fff}.TrackDetail .track_detail_info{display:flex;margin-bottom:60px}.TrackDetail .track_detail_info .thumbnail{position:relative;width:244px;height:244px;margin-right:40px;border-radius:14px;overflow:hidden}.TrackDetail .track_detail_info .thumbnail img{width:100%;height:100%}.TrackDetail .track_detail_info .thumbnail img.track_liked_btn{position:absolute;top:18px;right:18px;width:22px;height:18px;z-index:2;cursor:pointer}.TrackDetail .track_detail_info .info{flex:1 1;color:#fff}.TrackDetail .track_detail_info .info a{color:#fff;text-decoration:none}.TrackDetail .track_detail_info .info .track_title{margin-bottom:10px;font-size:30px;font-weight:500}.TrackDetail .track_detail_info .info .track_singer{margin-bottom:10px;font-size:16px;font-weight:400}.TrackDetail .track_detail_info .info .making_info{margin:18px 0 30px}.TrackDetail .track_detail_info .info .making_info p{margin-bottom:6px;font-size:14px;font-weight:300;color:#ccc}.TrackDetail .track_detail_info .info .making_info p:last-child{margin-bottom:0}.TrackDetail .album_detail_info{margin-bottom:60px}.TrackDetail .chart_list_wrap{margin-bottom:32px}.TrackDetail .track_detail_lyrics{padding:0;margin-bottom:10px}.TrackDetail .track_detail_lyrics h3{font-size:30px;font-weight:500;color:#fff;padding-bottom:20px}.TrackDetail .track_detail_lyrics .description_wrap{padding:20px 0;border-top:1px solid #333;border-bottom:1px solid #333}.TrackDetail .track_detail_lyrics .description_wrap .description{min-height:60px;padding:24px 19px;border-radius:5px;font-size:20px;font-weight:700;color:#fff;background-color:#23232c;white-space:pre-line}@media screen and (max-width:1200px){.TrackDetail .track_detail_info .thumbnail{width:200px;height:200px}}.Search{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;padding:98px 40px 30px;box-sizing:border-box}.Search,.Search .Search_inner{width:100%}h2{margin:0;padding:0}.modal__container .etc_box{width:90vw;height:82%;overflow:auto;padding:0}.etc_box{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:98px 40px 0;box-sizing:border-box}.etc_box a.goBack{color:#fff;font-size:1.5em;display:inline-block;margin-bottom:15px}.etc_box .etc_inner{width:100%}.etc_box .title{margin:0 0 29px;font-size:30px;color:#fff;line-height:1.5}.etc_box .album_list_wrap{margin-bottom:10px}.etc_box .chart_list_wrap{margin-bottom:50px}.etc_box .list_wrap{color:#c3c3c3;line-height:1.5}.etc_box .list_wrap h3{margin-bottom:7px}@media(min-width:1025px){.mobile_only{display:none!important}}@media(max-width:1024px){.layout{height:calc(100vh - 60px)}.Category .Category_inner .Category_toggle{padding-bottom:20px}.Header_login{display:none}.Header .Header_inner{margin:20px 20px 0}.Header .Header_inner .Header_searchWrap,.Header .Header_inner>fieldset{width:100%}.Header .Header_inner .Header_profileWrap{display:none}.layout .layout_contents,.layout .layout_contents.collapsed{width:calc(100vw - 80px)}.Chart,.Home{padding:98px 20px 30px}.chart_table{font-size:13px}.chart_table>td,.chart_table>th{flex:none!important;display:table-cell!important}.chart_table>td>a{display:block!important}.chart_table .check_box{display:none!important}.chart_table .chart_title{display:block!important}.chart_table .chart_artists{display:block}.chart_table .album,.chart_table .artist,.chart_table .toggle_button{display:none}.chart_table .chart_mobile_element{width:calc(100vw - 131px)}.chart_table .album_image{width:50px;padding-top:5px;float:left}.chart_table .album_image img{width:100%;border-radius:12px}.chart_table .album_title{max-width:calc(100vw - 80px)}.chart_table .song_name,.chart_table .song_name a{display:block}.chart_table .album_detail_information{float:left;padding-left:10px;padding-top:12px;max-width:calc(100% - 60px);width:100%}.chart_table .album_detail_information span{line-height:100%!important;width:100%!important}.chart_table .album_detail_information .artists{padding-top:3px;color:#ccc}.chart_table .album_detail_information .artists a{color:#ccc}.chart_table td.song_name{display:block;flex:none!important}.album_item{width:50%;box-sizing:border-box}.album_item .album_item_title{margin:10px 0 2px;font-size:13px}.album_item .album_item_singer{font-size:12px}.layout .layout_contents .layout_cts_childs{min-width:auto}.album_list_wrap .album_list li:nth-child(3n){margin-right:0}.album_list_wrap .album_list li:nth-child(2n){margin-right:0;padding-left:1.5%}.album_list_wrap .album_list li:nth-child(2n-1){margin-right:0;padding-right:1.5%}.layout .layout_contents .layout_cts_footer{height:auto}.Footer .Footer_inner{margin:18px 0}.Footer .Footer_inner .Footer-logo{display:none}.Footer .Footer_inner .Footer-textWrap{margin-left:18px;white-space:normal}.pc_only{display:none!important}.Player .Player_list{margin-bottom:20px}.Player .Player_interface .Player_if_playerButtonsWrap{display:none}.playlistDeleteBox{bottom:0;right:0;width:100%;height:60px;border-radius:0;background:rgba(0,0,0,.92)}.playlistDeleteBox .message{padding:20px 15px;width:100%}.playlistDeleteBox .button{font-size:23px;line-height:1;width:150px}.playlistDeleteBox .button a{margin-top:13px}}@media(max-width:830px){.AlbumDetail .album_detail_info,.ArtistDetail .artist_detail_info,.TrackDetail .track_detail_info{display:block}.AlbumDetail .album_detail_info .thumbnail,.ArtistDetail .artist_detail_info .thumbnail,.TrackDetail .track_detail_info .thumbnail{width:100%;height:100%}.AlbumDetail .album_detail_info .info,.ArtistDetail .artist_detail_info .info,.TrackDetail .track_detail_info .info{margin-top:10px}.AlbumDetail .album_detail_info .info .track_title,.ArtistDetail .artist_detail_info .info .track_title,.TrackDetail .track_detail_info .info .track_title{font-size:5.3vw}.AlbumDetail .album_detail_info .btn_wrap,.ArtistDetail .artist_detail_info .btn_wrap,.TrackDetail .track_detail_info .btn_wrap{width:100%}.AlbumDetail .album_detail_info .liked_btn.btn,.ArtistDetail .artist_detail_info .liked_btn.btn,.TrackDetail .track_detail_info .liked_btn.btn{display:none!important}.AlbumDetail .album_detail_info .btn,.AlbumDetail .album_detail_info .more_btn.btn,.ArtistDetail .artist_detail_info .btn,.ArtistDetail .artist_detail_info .more_btn.btn,.TrackDetail .track_detail_info .btn,.TrackDetail .track_detail_info .more_btn.btn{width:100%;display:block;text-align:center;box-sizing:border-box}.AlbumDetail .album_detail_info .btn_wrap .more_modal,.ArtistDetail .artist_detail_info .btn_wrap .more_modal,.TrackDetail .track_detail_info .btn_wrap .more_modal{right:0;width:100%}.AlbumDetail .album_detail_info .btn.more_btn img,.ArtistDetail .artist_detail_info .btn.more_btn img,.TrackDetail .track_detail_info .btn.more_btn img{float:right;margin-top:18px}.AlbumDetail,.ArtistDetail,.NewSong,.Search,.TrackDetail{padding:118px 15px 30px}.album_detail_description h3,.ArtistDetail .artist_detail_albums h3,.ArtistDetail .artist_detail_description h3,.track_detail_lyrics h3{font-size:5.2vw!important}.album_detail_description .description,.ArtistDetail .artist_detail_albums .description,.ArtistDetail .artist_detail_description .description,.track_detail_lyrics .description{font-size:3.5vw}.chart_list_wrap,.description_wrap{min-height:100px}.ArtistDetail .artist_detail_albums,.ArtistDetail .artist_detail_description,.ArtistDetail .artist_detail_info{padding:0}.ArtistDetail .artist_detail_albums{padding-top:20px}.ArtistDetail .btn_wrap .btn.all_play_btn{display:none}.ArtistDetail .btn_wrap.bottom_btn_wrap{margin:0 0 20px}.Account form{width:calc(100% - 60px)}.Account form>div{display:block}.Account form>div .label{display:block;width:100%;padding-bottom:5px}.Account form>div input{width:100%}.PlaylistPop{width:100vw}}