@font-face{font-family:gt;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-Thin.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-Thin.woff) format("woff")}@font-face{font-family:gel;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-ExtraLight.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-ExtraLight.woff) format("woff")}@font-face{font-family:gl;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-Light.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-Light.woff) format("woff")}@font-face{font-family:gr;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-Regular.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-Regular.woff) format("woff")}@font-face{font-family:gm;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-Medium.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-Medium.woff) format("woff")}@font-face{font-family:gsb;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-SemiBold.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-SemiBold.woff) format("woff")}@font-face{font-family:gb;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-Bold.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-Bold.woff) format("woff")}@font-face{font-family:geb;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-ExtraBold.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-ExtraBold.woff) format("woff")}@font-face{font-family:gbl;font-style:normal;src:url(/fonts/pretendard/PretendardGOV-Black.woff2) format("woff2"),url(/fonts/pretendard/PretendardGOV-Black.woff) format("woff")}@font-face{font-family:pt;font-style:normal;src:url(/fonts/paper/Paperlogy-1Thin.woff2) format("woff2")}@font-face{font-family:pel;font-style:normal;src:url(/fonts/paper/Paperlogy-2ExtraLight.woff2) format("woff2")}@font-face{font-family:pl;font-style:normal;src:url(/fonts/paper/Paperlogy-3Light.woff2) format("woff2")}@font-face{font-family:pr;font-style:normal;src:url(/fonts/paper/Paperlogy-4Regular.woff2) format("woff2")}@font-face{font-family:pm;font-style:normal;src:url(/fonts/paper/Paperlogy-5Medium.woff2) format("woff2")}@font-face{font-family:psb;font-style:normal;src:url(/fonts/paper/Paperlogy-6SemiBold.woff2) format("woff2")}@font-face{font-family:pb;font-style:normal;src:url(/fonts/paper/Paperlogy-7Bold.woff2) format("woff2")}@font-face{font-family:peb;font-style:normal;src:url(/fonts/paper/Paperlogy-8ExtraBold.woff2) format("woff2")}@font-face{font-family:pbl;font-style:normal;src:url(/fonts/paper/Paperlogy-9Black.woff2) format("woff2")}*,:after,:before{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow:visible;width:100%;height:100%;font-family:gb;line-height:1;font-size:10px;background:#0b0b16;color:#fff;word-wrap:break-word}body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}body{word-break:keep-all;overflow-x:hidden!important}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-thumb{background:#D9D9D9;border:2px solid #fff;border-radius:1rem}body::-webkit-scrollbar-track{background-color:#fff}article,footer,header,nav,section{display:block}button,fieldset,iframe,img{border:0}li{list-style:none}img{width:auto;max-width:100%;height:auto;vertical-align:top}address,em,i{font-style:normal}button,label{cursor:pointer}button{font-family:gb;background-color:transparent;overflow:visible;color:#fff}a,button,input{border:0}input[type=button],input[type=submit]{cursor:pointer}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}a:active,a:hover,a:link,a:visited{text-decoration:none;color:#fff}legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}table{width:100%;border-spacing:0;table-layout:fixed}caption{width:0;height:0;padding:0;font-size:0;opacity:0}th{text-align:center}input::-ms-clear{display:none}button,input{border-radius:0;font-family:gb}input[type=radio]{position:relative;top:.2rem}pre{white-space:pre-line;background-color:#fff;border-radius:0;overflow-y:auto}select::-ms-expand{display:none}textarea{resize:none}figure{text-align:center}h1,h2,h3,h4,h5,h6,strong{font-weight:400}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 3rem white!important}.mt0{margin-top:0!important}.mt5{margin-top:.5rem}.mt10{margin-top:1rem}.mt15{margin-top:1.5rem}.mt20{margin-top:2rem}.mt25{margin-top:2.5rem}.mt30{margin-top:3rem}.mt35{margin-top:3.5rem}.mt40{margin-top:4rem}.mt45{margin-top:4.5rem}.mt50{margin-top:5rem}.mt55{margin-top:5.5rem}.mt60{margin-top:6rem}.mt65{margin-top:6.5rem}.mt70{margin-top:7rem}.mt75{margin-top:7.5rem}.mt80{margin-top:8rem}.mt85{margin-top:8.5rem}.mt90{margin-top:9rem}.mt95{margin-top:9.5rem}.mt100{margin-top:10rem}.mb0{margin-bottom:0!important}.mb5{margin-bottom:.5rem}.mb10{margin-bottom:1rem}.mb15{margin-bottom:1.5rem}.mb20{margin-bottom:2rem}.mb25{margin-bottom:2.5rem}.mb30{margin-bottom:3rem}.mb35{margin-bottom:3.5rem}.mb40{margin-bottom:4rem}.mb45{margin-bottom:4.5rem}.mb50{margin-bottom:5rem}.mb55{margin-bottom:5.5rem}.mb60{margin-bottom:6rem}.mb65{margin-bottom:6.5rem}.mb70{margin-bottom:7rem}.mb75{margin-bottom:7.5rem}.mb80{margin-bottom:8rem}.mb85{margin-bottom:8.5rem}.mb90{margin-bottom:9rem}.mb95{margin-bottom:9.5rem}.mb100{margin-bottom:10rem}.ml0{margin-left:0!important}.ml5{margin-left:.5rem}.ml10{margin-left:1rem}.ml15{margin-left:1.5rem}.ml20{margin-left:2rem}.ml25{margin-left:2.5rem}.ml30{margin-left:3rem}.ml35{margin-left:3.5rem}.ml40{margin-left:4rem}.ml45{margin-left:4.5rem}.ml50{margin-left:5rem}.ml55{margin-left:5.5rem}.ml60{margin-left:6rem}.ml65{margin-left:6.5rem}.ml70{margin-left:7rem}.ml75{margin-left:7.5rem}.ml80{margin-left:8rem}.ml85{margin-left:8.5rem}.ml90{margin-left:9rem}.ml95{margin-left:9.5rem}.ml100{margin-left:10rem}.mr0{margin-right:0!important}.mr5{margin-right:.5rem}.mr10{margin-right:1rem}.mr15{margin-right:1.5rem}.mr20{margin-right:2rem}.mr25{margin-right:2.5rem}.mr30{margin-right:3rem}.mr35{margin-right:3.5rem}.mr40{margin-right:4rem}.mr45{margin-right:4.5rem}.mr50{margin-right:5rem}.mr55{margin-right:5.5rem}.mr60{margin-right:6rem}.mr65{margin-right:6.5rem}.mr70{margin-right:7rem}.mr75{margin-right:7.5rem}.mr80{margin-right:8rem}.mr85{margin-right:8.5rem}.mr90{margin-right:9rem}.mr95{margin-right:9.5rem}.mr100{margin-right:10rem}.per5{width:5%}.per10{width:10%}.per15{width:15%}.per20{width:20%}.per25{width:25%}.per30{width:30%}.per35{width:35%}.per40{width:40%}.per45{width:45%}.per50{width:50%}.per55{width:55%}.per60{width:60%}.per65{width:65%}.per70{width:70%}.per75{width:75%}.per80{width:80%}.per85{width:85%}.per90{width:90%}.per95{width:95%}.per100{width:100%}@page{size:22in 30in;margin:80px}@media print{body{zoom:1.2}body,html{width:100%;margin:0;padding:0}}.area{max-width:146rem;margin:0 auto;padding:0 2rem}.wrap-header .area{display:flex;justify-content:space-between;align-items:center;height:8rem}.wrap-header .left{display:flex;justify-content:center;align-items:center}.wrap-header .left .logo{width:19rem;margin-right:7rem;font-family:gbl;font-size:3rem}.wrap-header .left .menu ul{display:flex;align-items:center}.wrap-header .left .menu li{margin-right:4rem}.wrap-header .left .menu a{font-family:gb;font-size:1.6rem}.wrap-header .left .menu a:hover,.wrap-header .left .menu li.on a{color:#FF5733}.wrap-header .right .util{display:flex;align-items:center}.wrap-header .right .util .price{font-size:1.3rem}.wrap-header .right .util .price .dolor{padding-left:1rem;color:#FF5733}.wrap-header .right .util .buy button{display:flex;display:none;justify-content:center;align-items:center;height:3.6rem;margin-left:3rem;background:#FF5733;padding:0 1rem;border-radius:.8rem;line-height:1;color:#fff}@media screen and (max-width:1000px){.wrap-header .right{display:none}}@media screen and (max-width:710px){.wrap-header .area{height:auto}.wrap-header .left{width:100%;flex-wrap:wrap;justify-content:flex-start}.wrap-header .left .logo{width:100%;margin-right:0;margin-top:3rem}.wrap-header .left .menu{width:100%;margin-top:2rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.wrap-header .left .menu li{margin-right:2.5rem}}.wrap-main{display:flex;align-items:flex-start;padding-top:5rem}.wrap-main .cart{position:-webkit-sticky;position:sticky;left:0;top:4rem;flex-shrink:0;width:40rem}.wrap-main .cart .title strong{font-family:gb;font-size:2.8rem}.wrap-main .cart .title p{margin-top:1rem;line-height:1;font-size:2.8rem;color:#FF5733}.wrap-main .cart .color ul{display:flex;align-items:center;margin-top:2.5rem}.wrap-main .cart .color li{margin-right:1rem}.wrap-main .cart .color button{width:3.6rem;height:3.6rem;border-radius:10rem}.wrap-main .cart .color .color1 button{background:#000;border:1px solid #1e1e1e}.wrap-main .cart .color .color2 button{background:#fff}.wrap-main .cart .color .color3 button{background:#124A86}.wrap-main .cart .color .color4 button{background:#C21D0B}.wrap-main .cart .size{display:none;margin-top:2.5rem}.wrap-main .cart .size ul{display:flex;justify-content:space-between;align-items:center;gap:0 1rem}.wrap-main .cart .size li{width:33.333%}.wrap-main .cart .size button{display:flex;justify-content:center;align-items:center;width:100%;height:3.6rem;border:1px solid #1e1e1e;border-radius:.8rem;line-height:1}.wrap-main .cart .size button:hover{background:#ffa48f8b;border-color:#FF5733;color:#FF5733}.wrap-main .cart .add{display:none;margin-top:2rem}.wrap-main .cart .add button{display:flex;justify-content:center;align-items:center;width:100%;height:3.6rem;background:#FF5733;border-radius:.8rem;color:#050100}.wrap-main .cart .detail{padding:2rem 0;border-top:1px solid rgba(255,255,255,.2)}.wrap-main .cart .detail1{margin-top:3rem}.wrap-main .cart .detail p,.wrap-main .cart .detail strong{font-size:1.4rem;letter-spacing:1px}.wrap-main .cart .detail p{padding-top:1rem;font-family:gr;color:rgba(255,255,255,.7)}.wrap-main .desc{flex-grow:1;padding-left:7rem;font-size:1.7rem;padding-bottom:7rem}.wrap-main .desc.loading{font-family:gr;color:rgba(255,255,255,.7)}.wrap-main .desc.error,.wrap-main .desc.loading{padding:20rem 0;text-align:center;font-size:2rem}.wrap-main .desc.error{color:red}.wrap-main .big-font{font-family:pb;font-size:9rem;text-align:center;letter-spacing:.7rem;line-height:1.2}.wrap-main .big-font span{font-family:gt}.wrap-main .big-img{margin-top:7rem}.wrap-main .model{margin-top:8rem}.wrap-main .model .title{font-family:gb;font-size:4rem;text-align:center}.wrap-main .model .list{margin-top:4rem}.wrap-main .model .list ul{display:flex}.wrap-main .model .list li{width:33.333%;padding:3rem;border-right:1px solid #282727}.wrap-main .model .info{display:flex;flex-direction:column;align-items:center;padding:2rem 0;border-bottom:1px solid #282727}.wrap-main .model .info span{font-size:1.7rem}.wrap-main .model .info strong{margin:1rem 0;font-family:gbl;font-size:4.8rem;color:#ff5733}.wrap-main .model .info button{display:flex;justify-content:center;align-items:center;width:100%;height:3.6rem;background:#ff5733;border-radius:.8rem;color:#000}.wrap-main .model .icons .box{display:flex;flex-direction:column;align-items:center;padding:3rem;border-bottom:1px solid #282727}.wrap-main .model .icons .icon img{max-width:7rem}.wrap-main .model .icons strong{margin:1rem 0;font-size:1.7rem}.wrap-main .model .icons p{font-size:1.5rem}@media screen and (max-width:1220px){.wrap-main{flex-wrap:wrap;padding-top:3rem}.wrap-main .cart{position:static;width:100%}.wrap-main .desc{padding-left:0;padding-top:3rem}}@media screen and (max-width:710px){.wrap-main .cart{display:none}.wrap-main .desc{padding-top:0}}.wrap-movie{padding:2rem 3rem;background:#1F1F29;border-radius:1rem}.wrap-movie .header{justify-content:space-between;margin-bottom:2rem}.wrap-movie .header,.wrap-movie .header .people{display:flex;align-items:center}.wrap-movie .header .people .thumb{width:4rem}.wrap-movie .header .people .info{display:flex;flex-direction:column;align-items:flex-start;margin-left:2rem}.wrap-movie .header .people .info span{font-family:gl;font-size:1.2rem;letter-spacing:1px;color:#B9C1D9}.wrap-movie .header .people .info strong{margin-top:.3rem;letter-spacing:1px}.wrap-movie .header .menu img{width:2rem}.wrap-movie .search{position:relative;display:flex;align-items:center;height:5rem;background:#131316;border-radius:.75rem}.wrap-movie .search .search{left:0;background:url(/images/ic-movie-search.png) no-repeat 50%/2rem auto}.wrap-movie .search .filter,.wrap-movie .search .search{position:absolute;top:0;width:6rem;height:100%;text-indent:-9999rem}.wrap-movie .search .filter{right:0;background:url(/images/ic-movie-filter.png) no-repeat 50%/2rem auto}.wrap-movie .search input{width:100%;padding:0 6rem;background:transparent;font-family:gr;font-size:1.6rem;color:#fff}.wrap-movie .tab{margin-top:2rem}.wrap-movie .tab ul{display:flex;justify-content:space-between;align-items:center;gap:0 2rem}.wrap-movie .tab li{width:25%}.wrap-movie .tab button{display:flex;justify-content:center;align-items:center;width:100%;height:3.5rem;background:#515053;border-radius:1rem;letter-spacing:1px;color:rgba(255,255,255,.7)}.wrap-movie .tab .on button,.wrap-movie .tab button:hover{background:#3A21D9;color:#fff}.wrap-movie .list{margin-bottom:2rem}.wrap-movie .list>ul{display:flex;flex-wrap:wrap;width:calc(100% + 2rem)}.wrap-movie .list>ul>li{width:33.333%;margin-top:3rem}.wrap-movie .list>ul>li.nodata{width:100%;padding:2rem 0;text-align:center;font-family:gr}.wrap-movie .list a{display:block;padding-right:2rem}.wrap-movie .list .thumb img{width:100%;border-radius:1rem}.wrap-movie .list .subject{margin-top:3rem;text-align:center;font-family:gm;font-size:1.6rem;color:rgba(255,255,255,.7)}.wrap-movie .list .star{display:flex;justify-content:center;align-items:center;margin-top:.5rem}.wrap-movie .list .star img{width:2rem}@media screen and (max-width:710px){.wrap-movie{padding:1.8rem 2rem}.wrap-movie .tab ul{gap:0 1rem}.wrap-movie .list>ul>li{width:50%}}@media screen and (max-width:570px){.wrap-movie .list>ul,.wrap-movie .list>ul>li{width:100%}.wrap-movie .list a{padding-right:0}}.wrap-movie-detail>.thumb{overflow:hidden;position:relative;max-width:58rem}.wrap-movie-detail>.thumb img{width:100%;border-radius:2rem}.wrap-movie-detail>.thumb .play{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%)}.wrap-movie-detail>.thumb .play img{width:8rem}.wrap-movie-detail .badge{justify-content:space-between;margin-top:3rem}.wrap-movie-detail .badge,.wrap-movie-detail .badge li,.wrap-movie-detail .badge ul{display:flex;align-items:center}.wrap-movie-detail .badge li{height:3.5rem;margin-right:1.5rem;padding:0 1rem;background:#312F35;border-radius:1rem;font-size:1.6rem}.wrap-movie-detail .badge .star img{position:relative;top:-.15rem;width:2rem;margin-right:.2rem}.wrap-movie-detail .like{display:none}.wrap-movie-detail .like img{width:2.5rem}.wrap-movie-detail .info .title{font-size:2.5rem;margin-top:3rem}.wrap-movie-detail .info .text{font-family:gm;font-size:1.6rem;margin-top:1.5rem;line-height:1.4}.wrap-movie-detail .actor .title{font-size:2.5rem;margin-top:3rem}.wrap-movie-detail .actor .list{margin-top:3rem}.wrap-movie-detail .actor .list ul{display:flex}.wrap-movie-detail .actor .list li{display:flex;flex-direction:column;align-items:center;margin-right:2rem}.wrap-movie-detail .actor .list .thumb img{width:11rem;border-radius:1rem}.wrap-movie-detail .actor .list .name{font-family:gm;margin-top:1rem;font-size:1.4rem}.wrap-movie-detail .button{margin-top:3rem}.wrap-movie-detail .button button{display:flex;justify-content:center;align-items:center;width:100%;height:4.5rem;background:#F5C518;border-radius:.6rem;font-size:1.8rem;color:#fff}@media screen and (max-width:710px){.wrap-movie-detail img{width:100%}}.wrap-movie-comment{margin-top:5rem}.wrap-movie-comment .header{display:flex;flex-direction:column;align-items:center}.wrap-movie-comment .header .search{display:flex;align-items:center;width:100%}.wrap-movie-comment .header .search .input{flex-grow:1;padding-right:2rem}.wrap-movie-comment .header .search .input input{width:100%;height:5rem;background:#1f1f29;padding:0 2rem;border-radius:.8rem;font-family:gm;font-size:1.6rem;color:#fff}.wrap-movie-comment .header .search .input input::placeholder{color:#555}.wrap-movie-comment .header .search .button button{display:flex;align-items:center;height:5rem;padding:0 2rem;border-radius:.8rem;background:#272f9a;font-size:1.6rem;color:rgba(255,255,255,.8)}.wrap-movie-comment .list{margin-top:3rem}.wrap-movie-comment .list .work li{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#1f1f29;border-radius:.8rem}.wrap-movie-comment .list .work .left{display:flex;align-items:center}.wrap-movie-comment .list .work .subject{font-family:gm;font-size:1.6rem;color:#999}.wrap-movie-comment .list .work .del button{display:flex;width:1.5rem;height:2rem;background:url(/images/ic-todo-del.png) no-repeat 50%/1.5rem;text-indent:-9999rem}.wrap-movie-comment .list .work .del button:hover{background:url(/images/ic-todo-del-on.png) no-repeat 50%/1.5rem}.wrap-youtube{position:fixed;left:0;top:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100%;min-height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(1rem) grayscale(.5);backdrop-filter:blur(1rem) grayscale(.5)}.wrap-youtube .box-youtube{position:relative;width:100%;max-width:80rem;padding:2rem}.wrap-youtube .box-youtube .close{position:absolute;right:2rem;bottom:calc(100% + 1rem);width:1.8rem;height:1.8rem;background:url(/images/btn-youtube-close.png) no-repeat 50%/1.8rem auto;text-indent:-9999rem}.wrap-youtube .videoWrapper{position:relative;padding-bottom:56.25%;height:0}.wrap-youtube .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.wrap-todo .header{display:flex;flex-direction:column;align-items:center}.wrap-todo .header .logo{display:none}.wrap-todo .header .logo img{max-width:18rem}.wrap-todo .header .search{display:flex;align-items:center;width:100%}.wrap-todo .header .search .input{flex-grow:1;padding-right:2rem}.wrap-todo .header .search .input input{width:100%;height:5rem;background:#1f1f29;padding:0 2rem;border-radius:.8rem;font-family:gm;font-size:1.6rem;color:#fff}.wrap-todo .header .search .input input::placeholder{color:#555}.wrap-todo .header .search .button button{display:flex;align-items:center;height:5rem;padding:0 2rem;border-radius:.8rem;background:#272f9a;font-size:1.6rem;color:rgba(255,255,255,.8)}.wrap-todo .state{display:flex;justify-content:space-between;margin-top:4rem}.wrap-todo .state .total{color:#ff5733}.wrap-todo .state .complete,.wrap-todo .state .total{display:flex;align-items:center;font-family:gb;font-size:1.5rem;letter-spacing:normal}.wrap-todo .state .complete{color:#8284FA}.wrap-todo .state span{display:flex;justify-content:center;align-items:center;margin-left:1rem;padding:.5rem .8rem;background:#333333;font-family:gb;font-size:1.2rem;border-radius:.8rem;color:rgba(255,255,255,.7)}.wrap-todo .list{margin-top:3rem}.wrap-todo .list .work li{justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem;background:#1f1f29;border-radius:.8rem}.wrap-todo .list .work .left,.wrap-todo .list .work li{display:flex;align-items:center}.wrap-todo .list .work .subject{font-family:gm;font-size:1.6rem}.wrap-todo .list .work .del button{display:flex;width:1.5rem;height:2rem;background:url(/images/ic-todo-del.png) no-repeat 50%/1.5rem;text-indent:-9999rem}.wrap-todo .list .work .del button:hover{background:url(/images/ic-todo-del-on.png) no-repeat 50%/1.5rem}.wrap-todo .cm-check{position:relative}.wrap-todo .cm-check input{position:absolute;opacity:0;top:.1rem}.wrap-todo .cm-check span{display:inline-block;position:relative;font-family:gm;font-size:1.6rem;color:rgba(255,255,255,.6);letter-spacing:0}.wrap-todo .cm-check span:before{content:"";position:absolute}.wrap-todo .cm-check.style1 span{padding-left:4rem;line-height:3rem}.wrap-todo .cm-check.style1 span:before{width:2.5rem;height:2.5rem;border:1px solid #404040;left:0;top:.2rem;border-radius:100%}.wrap-todo .cm-check.style1 input:focus+span:before,.wrap-todo .cm-check.style1 input:focus:checked+span:before{border-color:#272f9a}.wrap-todo .cm-check.style1 input:checked+span:before{background:#272f9a url(/images/ic-check-on.png) no-repeat .6rem/1rem auto;border-color:#272f9a}.wrap-todo .empty{display:flex;flex-direction:column;align-items:center;margin-top:10rem}.wrap-todo .empty .ico img{max-width:10rem}.wrap-todo .empty .text{margin-top:3rem;font-family:gm;font-size:1.5rem;line-height:1.6;text-align:center;color:rgba(255,255,255,.4)}.wrap-music{overflow:hidden;border-radius:1rem}.wrap-music .cover{display:flex;flex-direction:column;justify-content:space-between;min-height:32rem;padding:3rem;background:url(/images/bg-music-cover.png) no-repeat top/auto 120%}.wrap-music .cover .header{display:flex;justify-content:flex-end;align-items:center}.wrap-music .cover .header .noti{width:3rem}.wrap-music .cover .header .player{width:3.5rem;margin-left:1.5rem}.wrap-music .cover .title{text-align:center}.wrap-music .cover .title strong{font-family:pbl;font-size:5rem}.wrap-music .cover .info{justify-content:space-between}.wrap-music .cover .info,.wrap-music .cover .info .util ul{display:flex;align-items:center}.wrap-music .cover .info .like .btn-like{width:2rem;margin-right:2.2rem}.wrap-music .cover .info .share .btn-share{width:1.5rem}.wrap-music .cover .info .control ul{display:flex;align-items:center}.wrap-music .cover .info .play{margin-right:2rem}.wrap-music .cover .info .play .btn-play{width:5rem}.wrap-music .cover .info .shuffle{margin-right:2rem}.wrap-music .cover .info .shuffle .btn-shuffle{width:1.5rem}.wrap-music .cover .info .more .btn-more{width:.5rem}.wrap-music .play-list{padding:3rem;background:#1f1f29}.wrap-music .play-list .util{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.wrap-music .play-list .total{display:flex;align-items:center;font-size:1.4rem;color:rgba(255,255,255,.8)}.wrap-music .play-list .total em{margin-right:.5rem;color:#ff5733}.wrap-music .play-list .search{display:flex;align-items:center;padding:.8rem 1.2rem;border-radius:10rem;border:1px solid rgba(255,255,255,.2)}.wrap-music .play-list .search .btn-search{width:1.5rem;margin-right:1rem}.wrap-music .play-list .search .inp-search{background:transparent;font-family:gm;color:#fff}.wrap-music .play-list .header{display:flex;align-items:center;height:5rem;text-align:center}.wrap-music .play-list .header .num{flex-shrink:0;width:10rem}.wrap-music .play-list .header .num img{width:1rem}.wrap-music .play-list .header .title{flex-grow:1;font-size:1.4rem;color:rgba(255,255,255,.8)}.wrap-music .play-list .header .album{flex-shrink:0;width:25rem;font-size:1.4rem;color:rgba(255,255,255,.8)}.wrap-music .play-list .header .time{flex-shrink:0;width:15rem}.wrap-music .play-list .header .time img{width:2rem}.wrap-music .play-list .body{text-align:center;letter-spacing:.6px}.wrap-music .play-list .body li{display:flex;align-items:center;padding:1rem 0;cursor:pointer}.wrap-music .play-list .body li.nodata{width:100%;justify-content:center;padding:8rem 0;font-family:pm;font-size:1.4rem;text-align:center;color:rgba(255,255,255,.5)}.wrap-music .play-list .body .num{position:relative;flex-shrink:0;width:10rem;font-size:1.4rem;color:rgba(255,255,255,.5)}.wrap-music .play-list .body .num .btn-play{opacity:0;position:absolute;left:4rem;top:-1.4rem;width:2rem}.wrap-music .play-list .body li.active .num .btn-play,.wrap-music .play-list .body li:focus .num .btn-play,.wrap-music .play-list .body li:hover .num .btn-play{opacity:1}.wrap-music .play-list .body li.active .num span,.wrap-music .play-list .body li:focus .num span,.wrap-music .play-list .body li:hover .num span{display:none}.wrap-music .play-list .body .title{flex-grow:1}.wrap-music .play-list .body .title .music{display:flex;align-items:center}.wrap-music .play-list .body .title .music .thumb{width:6rem;margin-right:1.5rem}.wrap-music .play-list .body .title .music .subject{text-align:left}.wrap-music .play-list .body .active .title .music .subject strong{color:#ff5733}.wrap-music .play-list .body .title .music .subject strong{font-family:gb;font-size:1.4rem;text-transform:uppercase;color:rgba(255,255,255,.7)}.wrap-music .play-list .body .title .music .subject p{margin-top:.5rem;font-family:pm;font-size:1.2rem;color:rgba(255,255,255,.3)}.wrap-music .play-list .body .album{width:25rem}.wrap-music .play-list .body .album,.wrap-music .play-list .body .time{flex-shrink:0;font-family:gm;font-size:1.4rem;color:rgba(255,255,255,.5)}.wrap-music .play-list .body .time{width:15rem}.wrap-music .play-bar{justify-content:space-between;background:#11111e;padding:2rem}.wrap-music .play-bar,.wrap-music .play-bar .bar-cover{display:flex;align-items:center}.wrap-music .play-bar .bar-cover .thumb{width:6rem;margin-right:1.5rem}.wrap-music .play-bar .bar-cover .subject{text-align:left}.wrap-music .play-bar .bar-cover .subject strong{font-family:gb;font-size:1.4rem;text-transform:uppercase;color:rgba(255,255,255,.7)}.wrap-music .play-bar .bar-cover .subject p{margin-top:.5rem;font-family:pm;font-size:1.2rem;color:rgba(255,255,255,.3)}.wrap-music .play-bar .bar-control{padding-right:11rem}.wrap-music .play-bar .bar-control ul{display:flex;align-items:center}.wrap-music .play-bar .bar-control .btn-shuffle{width:1.5rem}.wrap-music .play-bar .bar-control .control{margin:0 2rem}.wrap-music .play-bar .bar-control .btn-prev{width:3rem}.wrap-music .play-bar .bar-control .btn-play{margin:0 2rem;width:5rem}.wrap-music .play-bar .bar-control .btn-next{width:3rem}.wrap-music .play-bar .bar-control .btn-repeat{width:2.2rem}.wrap-music .play-bar .bar-util .btn-mute{width:1.8rem}@media screen and (max-width:1340px){.wrap-music .play-list .header{display:none}.wrap-music .play-list .body li{flex-wrap:wrap}.wrap-music .play-list .body .album,.wrap-music .play-list .body .time{display:none}}@media screen and (max-width:750px){.wrap-music .play-bar .bar-control{padding-right:0}.wrap-music .play-bar .bar-util{display:none}}@media screen and (max-width:610px){.wrap-music .cover{min-height:27rem}.wrap-music .cover .title strong{font-size:3rem}.wrap-music .play-bar{display:flex;flex-direction:column;padding:3rem}.wrap-music .play-list .body .num{width:3rem;text-align:left}.wrap-music .play-list .body .num .btn-play{left:-.6rem}.wrap-music .play-list .body .title{width:calc(100% - 8rem)}.wrap-music .play-bar .bar-control{padding-top:2rem}.wrap-music .play-bar .bar-cover{width:100%;justify-content:flex-start;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}}