@charset "utf-8";

/* sr-only */
.sr-only {position:absolute !important;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px !important;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}

/* Skip Navigation */
.skip-links a {position:fixed;top:-40px;left:0;background-color:#000;color:#fff;}
.skip-links a:focus {z-index:9999;top:0;}

/* Layout */
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;}
#wrap {/*position:absolute;*/width:100%;min-height:100%;overflow:hidden;max-width:500px;margin:0 auto;}
.inner {margin:0 auto;padding:0 2rem;width:100%;}

/* Common */
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.center-block {margin-left:auto;margin-right:auto;}
.point-color {color:#E6007E !important;}
.bg-gray2 {background-color:#F3F5F6;}
.bg-gray2 .sub-header {background-color:#f3f5f6;}
/* Header */
#header {z-index:11;position:relative;/*position:fixed;top:0;left:0;right:0;*/height:8.4rem;}
#header .inner {z-index:11;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:8.4rem;transition:background .25s ease-in-out;max-width:500px;}
#header .inner.bg {background-color:#fff;}
#header .hd-wrap {position:relative;display:flex;width:100%;height:4.4rem;}
#header .hd-wrap .hd-srh-form {display:block;margin-right:5.5rem;width:100%;}
#header .hd-wrap .hd-srh-form fieldset {display:block;width:100%;}
#header .hd-wrap .hd-srh-form .ip-wrap {position:relative;padding-left:4rem;padding-right:0.8rem;height:4.4rem;line-height:4.4rem;background-color:#fff;border-radius:1rem;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);}
#header .hd-wrap .hd-srh-form .ip-wrap::before {content:'';display:inline-block;position:absolute;top:1rem;left:1rem;width:2.4rem;height:2.4rem;background:url('../images/ico-hd-srh.svg') no-repeat 50%/100% auto;}
#header .hd-wrap .hd-srh-form .ip-wrap input {width:100%;height:2rem;line-height:2rem;font-size:1.4rem;color:#181a1b;background-color:#fff;}
#header .hd-wrap .link-membership {display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;margin-left:auto;width:4.4rem;height:4.4rem;background-color:#fff;border-radius:1rem;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);}
#header .hd-wrap .link-membership .m-ticket {width:2.4rem;height:2.4rem;background:url('../images/ico-ticket.png') no-repeat 50%/100% auto;}

/* Common Layout */
.content .sec-wrap {margin-top:3.2rem;}
.content .sec-wrap .title-wrap {position:relative;display:flex;align-items:center;margin-bottom:1.2rem;height:2.5rem;}
.content .sec-wrap .title-wrap .sec-title {margin:0;max-width:calc(100% - 8.6rem);font-size:1.8rem;font-weight:700;color:#181a1b;line-height:2.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .sec-wrap .title-wrap a.sec-more-link {z-index:1;position:relative;margin-left:auto;padding-right:1.8rem;font-size:1.2rem;font-weight:600;color:#66707A;line-height:2.5rem;}
.content .sec-wrap .title-wrap a.sec-more-link::after {content:'';display:inline-block;position:absolute;top:50%;margin-top:-0.9rem;right:0;width:1.6rem;height:1.6rem;background:url('../images/ico-arrow-more.svg') no-repeat 50%/100% auto;}
.content .sec-wrap .title-wrap a.sec-more-link.usetap.active {text-decoration:underline;}
.content .sec-wrap .title-wrap .tooltip-content {z-index:2;position:absolute;top:-2.3rem;right:0;transition:opacity .2s cubic-bezier(0.3, 0, 1, 1), visibility .2s cubic-bezier(0.3, 0, 1, 1);}
.content .sec-wrap .title-wrap .tooltip-content p {padding:0.8rem 1.2rem;font-size:1.2rem;font-weight:500;color:#fff;line-height:1.8rem;background-color:#3B4044;border-radius:0.8rem;}
.content .sec-wrap .title-wrap .tooltip-content p::after {content:'';display:inline-block;position:absolute;right:0.8rem;bottom:-0.4rem;width:0.8rem;height:0.4rem;background:url('../images/ico-tooltip-down-b.svg') no-repeat 50%/100% auto;}

.sec-container {margin:0 -2rem}
.sec-container .sec-item {margin-top:0;padding:3.2rem 2rem;border-top:1.2rem solid #F3F5F6;}
.sec-container .sec-item:first-of-type {padding-top:1.2rem;border-top:0;}
.sec-container .sec-item:last-of-type {padding-bottom:0;}
.sec-container .sec-item .sec-title {margin-bottom:1.2rem;font-size:1.8rem;font-weight:700;color:#181a1b;height:2.4rem;line-height:2.4rem;}
.sec-container .sec-item .sec-title a {position:relative;display:inline-flex;width:100%;font-size:1.8rem;font-weight:700;color:#181a1b;line-height:2.4rem;}
.sec-container .sec-item .sec-title a span {max-width:calc(100% - 2.4rem);height:2.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sec-container .sec-item .sec-title a::after {content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/ico-arrow-right.svg') no-repeat 50%/100% auto;}

.info-desc {position:relative;padding-left:2rem;font-size:1.4rem;font-weight:500;color:#7F8A94;line-height:2.1rem;}
.info-desc::before {content:'';display:inline-block;position:absolute;top:0.2rem;left:0;width:1.6rem;height:1.6rem;background:url('../images/ico-info-b.svg') no-repeat 50%/100% auto;}
.info-desc.error {color:#E22A21;}
.info-desc.error::before {background:url('../images/ico-info-error.svg') no-repeat 50%/100% auto;}
.info-desc.correct {color:#00AA02;}
.info-desc.correct::before {background:url('../images/ico-info-correct.svg') no-repeat 50%/100% auto;}

.noti-box {margin:auto -2rem 0;padding:2rem 2rem 13.3rem;background-color:#F3F5F6;}
.noti-box .title {font-size:1.6rem;font-weight:700;color:#525960;line-height:2.2rem;}
.noti-box p {margin-top:2rem;font-size:1.4rem;font-weight:500;color:#66707A;line-height:2.1rem;}
.noti-box li {position:relative;padding-left:1.2rem;font-size:1.4rem;font-weight:500;color:#66707A;line-height:2.1rem;}
.noti-box.list-type {margin:auto 0 0;padding:2.4rem 2.9rem 9.2rem;background-color:#F3F5F6;}
.noti-box li::before {content:'';display:inline-block;position:absolute;top:0.45rem;left:0;width:0.3rem;height:0.3rem;border-radius:50%;background-color:#66707A;}

.list-none {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem;}
.list-none img {height:10rem;}
.list-none .title {margin-top:2.1rem;font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;}
.list-none .desc {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;}

.desc-gray-box {margin:0 -2rem;padding:1.4rem 2rem;font-size:1.2rem;font-weight:500;color:#66707A;text-align:center;line-height:1.8rem;background-color:#F9FAFB;}

.controls.basic-controls {width:2.4rem;height:2.4rem;}
.controls.basic-controls .btn-control-play {width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-play.svg');}
.controls.basic-controls .btn-control-pause {display:none;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-pause.svg');}

.top-close-comm {display:inline-block;position:absolute;top:0.8rem;right:0.8rem;width:4rem;height:4rem;background:url('../images/ico-access-close.svg') no-repeat 50%/100% auto;}

/* Initial screen */
.sub-content.access-guide {padding-top:0;padding-bottom:0;}
.sub-content.access-guide .guide-container {display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden;}
.sub-content.access-guide .top-close {display:flex;align-items:center;justify-content:flex-end;padding:0 0.8rem;height:5.6rem;text-align:right;}
.sub-content.access-guide .top-close .access-close {display:inline-block;width:4rem;height:4rem;background:url('../images/ico-access-close.svg') no-repeat 50%/100% auto;}
.sub-content.access-guide .guide-container .access-permission {margin-bottom:3rem;padding:2rem 2rem 0;}
.sub-content.access-guide .guide-container .access-permission .guide-greet {font-size:1.2rem;font-weight:700;color:#66707A;line-height:1.8rem;}
.sub-content.access-guide .guide-container .access-permission .guide-greet + .guide-title {margin-top:0.4rem;}
.sub-content.access-guide .guide-container .access-permission .guide-title {font-size:2.2rem;font-weight:700;color:#000;line-height:3.1rem;}
.sub-content.access-guide .guide-container .access-permission .guide-desc {margin-top:0.8rem;font-size:1.4rem;font-weight:500;color:#66707A;line-height:2.1rem;}
.sub-content.access-guide .guide-container .access-permission ul {margin-top:4.2rem;}
.sub-content.access-guide .guide-container .access-permission li {display:flex;align-items:center;margin-top:2rem;min-height:5.9rem;}
.sub-content.access-guide .guide-container .access-permission li::before {content:'';width:5rem;min-height:5.9rem;background-repeat:no-repeat;background-size:2rem;background-position:left 50% top 1.95rem;}
.sub-content.access-guide .guide-container .access-permission li .text-wrap {margin-left:2rem;width:calc(100% - 7rem);}
.sub-content.access-guide .guide-container .access-permission li .text-wrap h3 {font-size:1.4rem;font-weight:700;color:#3B4044;line-height:2.1rem;}
.sub-content.access-guide .guide-container .access-permission li .text-wrap p {margin-top:0.2rem;font-size:1.2rem;font-weight:500;color:#7F8A94;line-height:1.8rem;}
.sub-content.access-guide .guide-container .access-permission li.access-tel::before {background-image:url('../images/ico-access-tel.svg');}
.sub-content.access-guide .guide-container .access-permission li.access-storage::before {background-image:url('../images/ico-access-storage.svg');}
.sub-content.access-guide .guide-container .access-permission li.access-alarm::before {background-image:url('../images/ico-access-alarm.svg');}
.sub-content.access-guide .guide-container .access-permission li.access-contact::before {background-image:url('../images/ico-access-contact.svg');}
.sub-content.access-guide .guide-container .access-permission li.access-contact .text-wrap h3 {color:#66707A;}
.sub-content.access-guide .guide-container .noti-box {margin-top:auto;}

.sub-content.access-terms .guide-container {padding-bottom:9.2rem;}
.sub-content.access-terms .terms-wrap {margin-top:auto;}
.sub-content.access-terms .terms-wrap .chk-box input[type="checkbox"] + label {width:100%;height:6rem;line-height:6rem;font-size:2rem;font-weight:700;color:#181A1B;}
.sub-content.access-terms .terms-wrap .chk-box input[type="checkbox"] + label::before {top:50%;margin-top:-1.2rem;}
.sub-content.access-terms .terms-chk-box.terms-indent .terms-chk input[type="checkbox"] + label {padding-left:2.4rem;}
.sub-content.access-terms .terms-chk-box .terms-chk input[type="checkbox"] + label {align-items:flex-start;padding-top:1.6rem;padding-bottom:1.6rem;padding-right:3.6rem;min-height:5.6rem;height:auto;}
.sub-content.access-terms .terms-chk-box .terms-chk input[type="checkbox"] + label::before {margin-top:0;}
.sub-content.access-terms .terms-chk-box .terms-chk input[type="checkbox"] + label span {font-size:1.6rem;}
.sub-content.access-terms .terms-chk-box .terms-link {right:0;bottom:auto;top:1.6rem;}

/* Music Rank List (Common) */
.music-rank-wrap {padding:0;}
.music-rank-wrap li {position:relative;display:flex;align-items:center;margin-top:0.2rem;height:6rem;padding-right:3.6rem;}
.music-rank-wrap li:first-of-type {margin-top:0;}
.music-rank-wrap li .list-item {display:flex;align-items:center;width:100%;height:100%;position:relative;}
.music-rank-wrap li .list-item.usetap.active::after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(24, 26, 27, 0.12);}
.music-rank-wrap li .list-item .music-thumb {width:4.8rem;height:4.8rem;border-radius:0.8rem;overflow:hidden;}
.music-rank-wrap li .list-item .music-thumb img {width:100%;height:100%;object-fit:cover;}
.music-rank-wrap li .list-item .music-rank {align-self:flex-start;margin:1.05rem 0.4rem 0;width:2.6rem;font-size:1.4rem;font-weight:700;color:#e30084;text-align:center;}
.music-rank-wrap li .list-item .music-info {width:calc(100% - 8.2rem);}
.music-rank-wrap li .list-item .music-info .music-title {display:block;font-size:1.4rem;font-weight:700;color:#181a1b;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-rank-wrap li .list-item .music-info .music-title .album-title {display:inline-block;margin-right:1.2rem;padding:0 0.8rem;height:2rem;line-height:2.1rem;font-size:1.1rem;font-weight:600;color:#E6007E;background-color:#FDEDF6;border-radius:0.6rem;vertical-align:top;}
.music-rank-wrap li .list-item .music-info .artist-name {display:block;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-rank-wrap li .list-item .music-info .album-date {display:block;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-rank-wrap li .list-item .music-info .item-info {display:block;font-size:1.2rem;font-weight:500;color:#E6007E;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-rank-wrap li .list-item .music-info .phrase {display:block;font-size:1.2rem;font-weight:500;color:#181A1B;line-height:1.8rem;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.music-rank-wrap li .btn-play {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;width:2.4rem;height:2.4rem;background:url('../images/ico-play.svg') no-repeat 50%/100% auto;}
.music-rank-wrap li .controls.basic-controls {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;}
.music-rank-wrap.no-rank li .list-item .music-info {margin-left:1.2rem;width:calc(100% - 6rem);}
.music-rank-wrap.no-thumb {margin:0 0 0 -0.5rem;}
.music-rank-wrap.no-thumb li .list-item .music-rank {margin-right:0.7rem;margin-left:0;width:2rem;color:#181A1B;}
.music-rank-wrap.no-thumb li .list-item .music-info {width:calc(100% - 2.7rem);}
.music-rank-wrap.album-style li {height:8rem;padding-right:0;}
.music-rank-wrap.album-style li .list-item .music-thumb {width:6.8rem;height:6.8rem;}
.music-rank-wrap.album-style li .list-item .music-info {width:calc(100% - 8rem);}
.music-rank-wrap.voicering li {height:7rem;}
.music-rank-wrap.voicering li .list-item .music-thumb {border-radius:50%;}

/* Mini Player */
.mini-player {z-index:10;position:fixed;left:50%;right:0;bottom:5.7rem;transform:translate(-50%, 14.9rem);width:100%;height:14.9rem;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(0.3, 0, 1, 1), visibility .2s cubic-bezier(0.3, 0, 1, 1), transform .2s cubic-bezier(0.3, 0, 1, 1);max-width:500px;}
.mini-player::before {content:'';display:block;width:100%;height:2rem;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);opacity:0.1;}
.mini-player .player-bg {height:calc(100% - 2rem);background-color:#fff;}
.mini-player.not-gnb {bottom:0;}
.mini-player.on {opacity:1;visibility:visible;transform:translate(-50%, 0);transition:opacity .2s cubic-bezier(0, 0, 0, 1), visibility .2s cubic-bezier(0, 0, 0, 1), transform .2s cubic-bezier(0, 0, 0, 1);}
.mini-player .progressbar-track {position:relative;display:block;width:100%;height:0.3rem;background-color:#e7ebee;}
.mini-player .progressbar-track .progressbar {display:block;position:absolute;top:0;left:0;height:0.3rem;background-color:#ec008b;}
.mini-player .btn-section {position:relative;margin-top:2rem;width:100%;min-height:3.2rem;background-color:#f9fafb;border-radius:1.6rem;}
.mini-player .btn-section .tab-item {position:absolute;top:0;min-width:33.3%;width:11.2rem;height:3.2rem;font-size:1.2rem;font-weight:500;color:#66707a;background-color:#f9fafb;}
.mini-player .btn-section .tab-item:nth-child(1) {left:0;border-radius:2.05rem 0 0 2.05rem}
.mini-player .btn-section .tab-item:nth-child(2) {left:50%;transform:translateX(-50%);border-radius:0;}
.mini-player .btn-section .tab-item:nth-child(3) {right:0;border-radius:0 2.05em 2.05rem 0;}
.mini-player .btn-section .tab-item.on {z-index:1;font-weight:700;color:#fff;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);}
.mini-player .btn-section .tab-item.on::after {content:'';z-index:-1;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#e30084;border-radius:1.6rem;}
.mini-player .music-info {position:relative;margin-top:1.2rem;padding-right:3.2rem;}
.mini-player .music-info .music-title {display:block;font-size:1.6rem;font-weight:600;color:#181a1b;height:2.4rem;line-height:2.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mini-player .music-info .artist-name {display:block;font-size:1.2rem;font-weight:500;color:#66707a;height:1.8rem;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mini-player .controls {position:absolute;top:50%;right:0;margin-top:-1.6rem;width:3.2rem;height:3.2rem;}
.mini-player .btn-control-play {width:3.2rem;height:3.2rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-play-lg.svg');}
.mini-player .btn-control-pause {width:3.2rem;height:3.2rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-pause-lg.svg');}
.none-content {position:relative;margin-top:2rem;padding-left:4.4rem;height:3.2rem;font-size:1.2rem;font-weight:500;line-height:3.2rem;color:#66707A;background-color:#F9FAFB;border-radius:1.6rem;}
.none-content::before {content:'';display:inline-block;position:absolute;top:50%;margin-top:-1.2rem;left:2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-info-lg.svg') no-repeat 50%/100% auto;}

/* Info */
.info-box {display:flex;margin-top:3rem;padding:1rem;background-color:rgba(255,255,255,.1);border-radius:1rem;}
.info-box::before {content:'';margin-right:0.4rem;width:1.6rem;height:1.6rem;background:url('../images/ico-info.svg') no-repeat 50%/100% auto;opacity:.6;}
.info-box p {font-size:1.2rem;font-weight:500;line-height:1.8rem;color:rgba(255,255,255,.6);}
.info-box p a {font-size:inherit;font-weight:700;line-height:inherit;vertical-align:top;text-decoration:underline;}
.info-box p a.usetap.active {text-decoration:none;}
.info-box.gray {background-color:#F3F5F6;}
.info-box.gray::before {background:url('../images/ico-info-gray.svg') no-repeat 50%/100% auto;opacity:1;}
.info-box.gray p {color:#7F8A94;}

/* Main */
.modal .modal-main-swipe .modal-bd {padding:0;}
.modal .modal-main-swipe .modal-bottom-main .swiper-slide {height:27rem;}
.modal .modal-main-swipe .modal-bottom-main .swiper-slide a {display:block;width:100%;height:100%;}
.modal .modal-main-swipe .modal-bottom-main .swiper-slide a img {width:100%;height:100%;object-fit:cover;}
.modal .modal-main-swipe .modal-bottom-main .swiper-pagination.swiper-pagination-fraction {position:absolute;bottom:0;right:0;left:auto;border-bottom-right-radius:0;}
.modal .modal-main-swipe .btn-wrap {display:flex;align-items:center;justify-content:space-between;height:5.6rem;background-color:#fff;}
.modal .modal-main-swipe .btn-wrap button {padding:0 1.9rem;min-width:8rem;height:3.4rem;line-height:3.4rem;font-size:1.2rem;font-weight:600;color:#66707A;text-align:center;}

.modal .modal-main-notice .modal-ft .btn span {font-size:1.6rem;}
.modal .modal-main-notice .btn-wrap {margin-top:1.4rem;text-align:center;}
.modal .modal-main-notice .btn-not-today {font-size:1.6rem;font-weight:600;color:#fff;line-height:1.9rem;border-bottom:1px solid #fff;}

.content.main {margin-top:-8.4rem;padding-bottom:5.7rem;}
.content.main.play {padding-bottom:18.2rem;}
.content .main-banner .swiper-slide {width:100%;}
.content .main-banner .swiper-slide a {position:relative;display:block;padding-top:105.56%;width:100%;height:0;}
.content .main-banner .swiper-slide a img {z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.content .main-banner .swiper-slide a .text-cont {z-index:2;position:absolute;top:0;left:0;padding-top:8.4rem;width:100%;height:100%;}
.content .main-banner .swiper-slide a .text-cont .visual-title {display:block;line-height:2.8rem;font-size:2rem;font-weight:700;color:#fff;}
.content .main-banner .swiper-slide a .text-cont .visual-content {display:block;margin-top:0.8rem;line-height:2.1rem;font-size:1.4rem;font-weight:500;color:#fff;}
.content .main-banner .swiper-pagination {bottom:5.1rem;}

.content .popular-srh {z-index:2;position:relative;margin-top:-2.3rem;background-color:#fff;border-radius:1rem 1rem 0 0;border-bottom:1px solid #e7ebee;}
.content .popular-srh .popular-rolling {position:relative;display:flex;align-items:center;padding:0 2rem;height:5.4rem;}
.content .popular-srh .popular-rolling .title {width:7.7rem;height:2.7rem;font-size:1.4rem;font-weight:700;line-height:2.7rem;color:#e30084;text-align:center;background-color:#fdedf6;border-radius:0.6rem;}
.content .popular-srh .popular-rolling ol {margin-left:0.5rem;width:calc(100% - 10.6rem);height:5.4rem;overflow:hidden;}
.content .popular-srh .popular-rolling ol li a {display:flex;align-items:center;position:relative;padding-left:2.7rem;height:5.4rem;line-height:5.4rem;font-size:1.4rem;font-weight:600;color:#525960;}
.content .popular-srh .popular-rolling ol li a .popular-rank {position:absolute;top:1.7rem;left:0;width:2rem;height:2.1rem;line-height:2.1rem;font-size:1.4rem;font-weight:700;color:#e30084;text-align:center;}
.content .popular-srh .popular-rolling ol li a .popular-title {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .popular-srh .popular-rolling .btn-popular-toggle {display:inline-block;position:absolute;top:1.5rem;right:2rem;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-arrow-down.svg');}
.content .popular-srh.active .popular-rolling .btn-popular-toggle {background-image:url('../images/ico-arrow-up.svg');}

.content .popular-srh .main-popular-wrap {display:none;}
.content .popular-srh.active .main-popular-wrap {display:block;}
.content .popular-srh.active #popularRolling {display:none;}
.content .popular-srh .main-popular ol {padding:1.3rem 1.5rem 4.2rem;}
.content .popular-srh .main-popular ol li {margin-top:1.2rem;}
.content .popular-srh .main-popular ol li:first-of-type {margin-top:0;}
.content .popular-srh .main-popular ol li a {display:flex;align-items:center;position:relative;padding-left:2.7rem;height:2.4rem;line-height:2.4rem;font-size:1.4rem;font-weight:600;color:#525960;}
.content .popular-srh .main-popular ol li a .popular-rank {position:absolute;top:0;left:0;width:2rem;height:2.4rem;line-height:2.4rem;font-size:1.4rem;font-weight:700;color:#e30084;text-align:center;}
.content .popular-srh .main-popular ol li a .popular-title {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .popular-srh .main-popular .swiper-pagination {bottom:1.2rem;}

.content .sec-wrap.sec-genre .chart-hd {position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin-top:1.2rem;height:8rem;}
.content .sec-wrap.sec-genre .chart-hd .ico-lottie-top100 {content:'';display:inline-block;position:absolute;top:0;right:2.6rem;width:8rem;height:8rem;}
.content .sec-wrap.sec-genre .chart-hd .hd-title {padding:0 15.6rem 0 2rem;font-size:2rem;font-weight:700;color:#fff;height:5.4rem;line-height:5.4rem;border-radius:1rem 1rem 0 0;}
.content .sec-wrap.sec-genre .chart-hd .hd-title.bg-top100 {background-color:#3DABFF;}
.content .sec-wrap.sec-genre .chart-hd .hd-title.bg-movie {background-color:#FFAD0D;}
.content .sec-wrap.sec-genre .chart-hd .hd-title.bg-ballad {background-color:#9E70FA;}
.content .sec-wrap.sec-genre .chart-hd .hd-title.bg-rock {background-color:#E6007E;}
.content .sec-wrap.sec-genre .chart-hd .hd-title.bg-dance {background-color:#8FD200;}
.content .sec-wrap.sec-genre .chart-bg {padding:1.7rem 2rem 2rem 2rem;border-radius:1rem;box-shadow:0.3rem 0.6rem 2.8rem 0px rgba(0,0,0,0.08);}
.content .sec-wrap.sec-genre .chart-bg .fraction-wrap {margin-top:2rem;}
.content .sec-wrap.sec-genre .music-rank-wrap li {border-bottom:1px solid #E7EBEE;}
.content .sec-wrap.sec-genre .music-rank-wrap li:last-of-type {border-bottom:0;}
.btn-genre-wrap {position:relative;}
.btn-genre-wrap::after {content:'';position:absolute;top:0;right:0;width:5.4rem;height:3.3rem;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));}
.btn-genre-wrap .btn-genre {display:flex;align-items:center;margin:0 0 0 -2rem;padding:0 6.4rem 0 2rem;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.btn-genre-wrap .btn-genre::-webkit-scrollbar {display:none;}
.btn-genre-wrap .btn-genre .btn-item {margin-left:0.6rem;padding:0 1.6rem;height:3.3rem;line-height:3.3rem;font-size:1.4rem;font-weight:500;color:#66707a;background-color:#f3f5f6;border-radius:1.65rem;transition:color .15s ease-in-out, background .15s ease-in-out;}
.btn-genre-wrap .btn-genre .btn-item:first-of-type {margin-left:0;}
.btn-genre-wrap .btn-genre .btn-item.on {color:#fff;background-color:#181a1b;}
.btn-genre-wrap .btn-genre .btn-item.on.usetap.active {background-color:#181a1b;}
.btn-genre-wrap .btn-genre .btn-item.usetap.active {background-color:rgba(24, 26, 27, 0.12);}
.btn-genre-wrap .link-genre {z-index:1;display:inline-block;position:absolute;top:0;right:0;width:3.3rem;height:3.3rem;border:1px solid #dce0e5;border-radius:1rem;background:#fff url('../images/ico-setting.svg') no-repeat 50%/2.4rem;box-shadow:0 0.4rem 0.6rem 0 rgba(0,0,0,.04);}
.content .sec-wrap.sec-genre .chart-bg .link-genre.usetap.active {background-color:#e6e6e6;}

.content .main-sm-banner .swiper-slide {width:100%;height:7.6rem;border-radius:1rem;overflow:hidden;}
.content .main-sm-banner .swiper-slide .banner-item {position:relative;display:block;padding:0;width:100%;height:100%;}
.content .main-sm-banner .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.content .main-sm-banner .swiper-slide .text-cont {display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 2rem;}
.content .main-sm-banner .swiper-slide .text-cont .bn-title {font-size:1.6rem;font-weight:600;color:#fff;line-height:2.2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .main-sm-banner .swiper-slide .text-cont .bn-content {margin-top:0.2rem;font-size:1.2rem;font-weight:500;color:#b0cbf8;line-height:1.8rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.content .main-sm-banner .swiper-pagination.swiper-pagination-fraction {top:auto;left:auto;bottom:0;right:0;}
.content .chart-bg {border-radius:1rem;overflow:hidden;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,.08);}
.content .sec-year-chart {padding:2.4rem 0 3.2rem;background-color:#3B4044;}
.content .sec-year-chart .title-wrap .sec-title {color:#FFFFFF;}
.content .sec-year-chart .title-wrap a.sec-more-link {color:#A8B3BD;}
.content .sec-year-chart .title-wrap a.sec-more-link::after {background:url('../images/ico-arrow-more-gray.svg') no-repeat 50%/100% auto;}
.content .sec-year-chart .main-year-chart {margin:-3.2rem -2rem 0;padding:3.2rem 2rem;}
.content .year-chart {flex-shrink:0;width:100%;border-radius:0 0 1rem 1rem;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);}
.content .year-chart:first-of-type {margin-left:0;}
.content .year-chart .year-thumb {position:relative;display:block;width:100%;padding-top:50%;height:0;border-radius:1rem 1rem 0 0;overflow:hidden;}
.content .year-chart .year-thumb::before {z-index:1;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(24, 26, 27, 0.3);}
.content .year-chart .year-thumb .year-thumb-bg {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);}
.content .year-chart .year-thumb .year-thumb-img {z-index:2;position:absolute;top:50%;margin-top:-6rem;right:3rem;width:12rem;height:12rem;object-fit:cover;border-radius:50%;}
.content .year-chart .year-thumb .text-cont {z-index:2;display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:0;left:0;padding:2rem;width:100%;height:100%;box-shadow:0 0.1rem 0.1rem 1px rgba(0,0,0,.04);}
.content .year-chart .year-thumb .text-cont .year-title {font-size:3.4rem;font-weight:800;line-height:3rem;color:#fff;letter-spacing:-0.5px;}
.content .year-chart .year-thumb .text-cont .year-rank1 {margin-top:0.8rem;padding:0 1rem;max-width:calc(100% - 13.6rem);height:2.6rem;line-height:2.6rem;font-size:1.2rem;font-weight:600;color:#fff;background-color:rgba(255,255,255,.2);border-radius:1.3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .year-chart .music-rank-wrap {padding:2rem 2rem 1.6rem;white-space:normal;background-color:#fff;border-radius:0 0 1rem 1rem;}
.content .year-chart .music-rank-wrap li .list-item .music-rank {color:#3b4044;}
.content .year-chart .music-rank-wrap li .btn-play {top:1.9rem;margin-top:0;}

#gnb {z-index:11;position:fixed;bottom:0;left:50%;right:0;width:100%;display:flex;height:5.7rem;border-top:1px solid #e7ebee;background-color:#fff;max-width:500px;transform:translateX(-50%);}
#gnb a {display:flex;flex-direction:column;align-items:center;justify-content:center;width:25%;}
#gnb a .ico-lottie {margin-top:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;}
/*
#gnb a.gnb-home::before {background-image:url('../images/gnb-home.svg');}
#gnb a.gnb-home.on::before {background-image:url('../images/gnb-home-on.svg');}
#gnb a.gnb-voicering::before {background-image:url('../images/gnb-voicering.svg');}
#gnb a.gnb-voicering.on::before {background-image:url('../images/gnb-voicering-on.svg');}
#gnb a.gnb-my::before {background-image:url('../images/gnb-my.svg');}
#gnb a.gnb-my.on::before {background-image:url('../images/gnb-my-on.svg');}
#gnb a.gnb-menuall::before {background-image:url('../images/gnb-menuall.svg');}
#gnb a.gnb-menuall.on::before {background-image:url('../images/gnb-menuall-on.svg');}
*/
#gnb a span {display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0.2rem;font-size:1.2rem;font-weight:500;color:#A8B3BD;line-height:1.4rem;transition:color .25s ease-in-out, font-weight .25s ease-in-out;}
#gnb a.on span {font-weight:600;color:#181a1b;}

/* Sub Layout */
#header.sub {height:auto;}
#header.sub h1 + .inner {display:none;}
/*  .content.btn-fixed {padding-bottom:9.2rem;} 하단 fixed 버튼 있을 때 */
.sub-header ~ .sub-content {padding-top:5.6rem;}
.content.sub.play .sub-content {padding-bottom:20.1rem;}
.content.sub.play2 .sub-content {padding-bottom:14.6rem;}
.sub-content {padding-top:5.6rem;padding-bottom:8.9rem;}
.sub-content.not-gnb {padding-bottom:1.2rem;}
.sub-content.btn-fixed {padding-bottom:9.2rem;} /* 하단 고정 버튼 있을 때 */
.sub-content.bottom0 {padding-bottom:0;}
#header.fixed ~ #container .sub-content .sub-header {box-shadow:0 0.4rem 0.6rem 0 rgba(0,0,0,0.04);}

/* Sub Header */
.sub-header {z-index:10;position:fixed;top:0;display:flex;align-items:center;padding:0 0.8rem;width:100%;height:5.6rem;background-color:#fff;max-width:500px;left:50%;transform:translateX(-50%);}
.sub-header.none-fixed {position:relative;top:auto;}
#header.fixed ~ #container .sub-content .sub-header.none-fixed {box-shadow:none;}
.sub-header.space-between {justify-content:space-between;}
.sub-header .btn-back {display:block;width:4rem;height:4rem;background:url('../images/btn-back.svg') no-repeat 50%/100% auto;}
.sub-header .btn-back.round {width:3.2rem;height:3.2rem;background:rgba(0,0,0,.2) url('../images/btn-back-w.svg') no-repeat 50%/100% auto;border-radius:50%;}
.sub-header .sub-title {font-size:1.8rem;font-weight:600;color:#181a1b;line-height:4rem;max-width:calc(100% - 4.8rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sub-header .btn-share {width:3.2rem;height:3.2rem;background:rgba(0,0,0,.2) url('../images/ico-share-w.svg') no-repeat 50%/100% auto;border-radius:50%;}

/* Chart Recommend */
.sub-content.chart-recommend {padding-top:0;}
.sub-content.chart-recommend .sub-header {background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 100%);}
.sub-content.chart-recommend .sub-header .btn-back {background:url('../images/btn-back-w2.svg') no-repeat 50%/100% auto;}
.sub-content.chart-recommend .sub-header .sub-title {margin-left:0.8rem;color:#fff;}
#header.fixed ~ #container .sub-content.chart-recommend .sub-header {background:#fff;}
#header.fixed ~ #container .sub-content.chart-recommend .sub-header .btn-back {background:url('../images/btn-back.svg') no-repeat 50%/100% auto;}
#header.fixed ~ #container .sub-content.chart-recommend .sub-header .sub-title {color:#181a1b;}
.chart-recommend .rep-wrap {position:relative;display:flex;flex-direction:column;align-items:center;margin:0 -2rem 0;padding:64.17% 0 0;}
.chart-recommend .rep-wrap .thumb {z-index:1;position:absolute;top:0;left:0;width:100%;height:0;padding-top:100%;}
.chart-recommend .rep-wrap .thumb::before {z-index:1;content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.1);}
.chart-recommend .rep-wrap .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.chart-recommend .rep-wrap p {z-index:2;position:relative;padding:7.2rem 2rem 2rem;width:100%;font-size:1.4rem;font-weight:500;color:#181a1b;line-height:2.1rem;background:linear-gradient(to top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.52) 77%, rgba(255, 255, 255, 0) 100%);}
.chart-recommend .music-rank-wrap {z-index:2;position:relative;background-color:#fff;margin:0 -2rem;padding:1.2rem 2rem 0;}

/* Chart All */
#header.fixed ~ #container .sub-content.chart-list .sub-header {box-shadow:none;}
#header.fixed ~ #container .sub-content.chart-list .btn-genre-wrap {box-shadow:0 0.4rem 0.6rem 0 rgba(0,0,0,0.04);}
.sub-content.chart-list {padding-top:10.8rem;}
.sub-content.chart-list .btn-genre-wrap {z-index:10;position:fixed;top:5.5rem;left:50%;right:0;padding:1rem 2rem 0;width:100%;height:5.3rem;background-color:#fff;transition:box-shadow .15s ease;max-width:500px;transform:translateX(-50%);}
.sub-content.chart-list .btn-genre-wrap::after {top:1rem;right:2rem;}
.sub-content.chart-list .btn-genre-wrap .link-genre {top:1rem;right:2rem;}
.sub-content.chart-list .chart-date {display:block;margin:1.2rem 0 0.8rem;font-size:12px;font-weight:500;line-height:1.8rem;color:#66707a;}

/* Music Detail */
#header.fixed ~ #container .sub-content.music-detail .sub-header {box-shadow:none;}
.sub-content.music-detail {position:relative;padding-top:0;padding-bottom:0;overflow:hidden;min-height:100vh;}
.content.sub.play .sub-content.music-detail {padding-bottom:20.1rem;}
.music-detail .sub-header {position:absolute;top:0;left:50%;padding:0 1.2rem;width:100%;justify-content:space-between;background-color:transparent;}
.music-detail .album-thumb {z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.music-detail .album-thumb::before {z-index:2;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(83, 82, 82, 0.8);}
.music-detail .album-thumb img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);}
.music-detail .detail-content {z-index:2;position:relative;padding:7.4rem 3rem 9.2rem;width:100%;}
.music-detail .detail-content .detail-album-img {margin:0 auto;width:26rem;height:26rem;border-radius:1rem;box-shadow:0 1.6rem 3.4rem 0 rgba(0,0,0,.16);}
.music-detail .detail-content .music-info {position:relative;margin-top:2.9rem;}
.music-detail .detail-content .rolling-wrap {overflow:hidden;}
.music-detail .detail-content .music-title-rolling {display:flex;transform: translate3d(0, 0, 0);}
.music-detail .detail-content .music-title {margin-right:11rem;display:inline-block;font-size:2.2rem;font-weight:700;color:#fff;line-height:3.1rem;white-space:nowrap;}

.music-detail .detail-content .artist-name {display:flex;align-items:center;max-width:calc(100% - 5.8rem);}
.music-detail .detail-content .artist-name::after {content:'';display:inline-block;margin-left:0.4rem;width:2rem;height:2rem;background:url('../images/ico-arrow-right-w.svg') no-repeat 50%/100% auto;}
.music-detail .detail-content .artist-name span {max-width:calc(100% - 2.4rem);font-size:1.4rem;font-weight:500;color:#e7ebee;line-height:2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-detail .detail-content .album-title {display:flex;align-items:center;margin-top:0.8rem;}
.music-detail .detail-content .album-title::after {content:'';display:inline-block;margin-left:0.4rem;width:2rem;height:2rem;background:url('../images/ico-arrow-right-w.svg') no-repeat 50%/100% auto;}
.music-detail .detail-content .album-title span {position:relative;margin-left:0.8rem;padding-left:0.8rem;max-width:calc(100% - 16.7rem);font-size:1.4rem;font-weight:500;color:#e7ebee;line-height:2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-detail .detail-content .album-title span::before {content:'';display:inline-block;position:absolute;top:0.5rem;left:0;width:1px;height:1rem;background-color:#e7ebee;opacity:.6;}
.music-detail .detail-content .album-title span:first-of-type {margin:0;padding:0;}
.music-detail .detail-content .album-title span:first-of-type::before {display:none;}
.music-detail .detail-content .controls2 {position:absolute;bottom:-0.2rem;right:0;width:4.8rem;height:4.8rem;}
.music-detail .detail-content .controls2 .btn-control-play2 {display:block;width:4.8rem;height:4.8rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-play-xl.svg');}
.music-detail .detail-content .controls2 .btn-control-pause2 {display:block;width:4.8rem;height:4.8rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-pause-xl.svg');}
.music-detail .playbar-wrap {margin-top:2rem;width:100%;}
.music-detail .playbar-wrap .playerbar-inner {padding:0.3rem 0 0;width:100%;height:1rem;}
.music-detail .playbar-wrap .playerbar-inner .progressBar {z-index:1;position:relative;width:100%;height:0.4rem;background-color:rgba(255,255,255,0.2);}
.music-detail .playbar-wrap .playerbar-inner .timeBar {z-index:2;position:absolute;top:0;left:0;width:0;height:100%;background-color: #fff;}
.music-detail .playbar-wrap .playerbar-inner .timeBar-handle {z-index:3;position:absolute;right:-0.75rem;top:-0.7rem;width:1.6rem;height:1.6rem;cursor:pointer;}
.music-detail .playbar-wrap .playerbar-inner .timeBar-handle:before {content: '';position:absolute;width:1rem;height:1rem;top:0.4rem;left:0.4rem;background-color:#fff;border-radius:50%;}
.music-detail .playbar-wrap .play_time {display:flex;justify-content:space-between;margin-top:0.5rem;width:100%;height:1.8rem;}
.music-detail .playbar-wrap .play_time span {height:1.8rem;line-height:1.8rem;font-size:1.2rem;font-weight:500;color:rgba(255,255,255,0.5);}
.music-detail .dropdown-wrap {position:relative;display:block;margin-top:2rem;}
.music-detail .dropdown-wrap .dropdown-toggle {position:relative;display:block;width:100%;padding-left:2rem;padding-right:5.6rem;height:4.2rem;font-size:1.4rem;font-weight:700;color:#fff;text-align:left;border:1px solid #fff;border-radius:2.1rem;}
.music-detail .dropdown-wrap .dropdown-toggle::after {content:'';display:inline-block;position:absolute;top:0.9rem;right:1.9rem;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-arrow-down-w.svg');}
.music-detail .dropdown-wrap .dropdown-toggle.on::after {background-image:url('../images/ico-arrow-up-w.svg');}
.dropdown-content {z-index:10;display:none;position:absolute;bottom:5rem;right:0;width:16.6rem;border-radius:0.8rem;background-color:#fff;overflow:hidden;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);}
.dropdown-content li {height:5.7rem;border-top:1px solid #e7ebee;}
.dropdown-content li:first-of-type {border-top:0;}
.dropdown-content li input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.dropdown-content li input[type="radio"] + label {position:relative;display:block;padding:0 1.6rem;width:100%;height:100%;font-size:1.6rem;font-weight:500;color:#181a1b;line-height:5.6rem;}
.dropdown-content li input[type="radio"] + label.usetap.active {background-color:rgba(0,0,0,.12);}
.dropdown-content li input[type="radio"]:checked + label::before {content:'';display:inline-block;position:absolute;top:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;background:url('../images/ico-chk-dropdown.svg')
no-repeat 50%/100% auto;}
.dropdown-content li input[type="radio"]:checked + label {font-weight:700;}
.btn-section.one .tab-item {min-width:100% !important;}
.btn-section.two .tab-item {min-width:50% !important;}
.btn-section.two .tab-item:nth-child(1) {left:0 !important;border-radius:2.05rem 0 0 2.05rem}
.btn-section.two .tab-item:nth-child(2) {left:auto !important;transform:none !important;right:0 !important;border-radius:0 2.05em 2.05rem 0;}
.music-detail .btn-section {position:relative;margin-top:1.2rem;width:100%;min-height:4.1rem;background-color:rgba(255,255,255,.1);border-radius:2.05rem;}
.music-detail .btn-section .tab-item {position:absolute;top:0;min-width:33.3%;width:10.8rem;height:4.1rem;font-size:1.4rem;font-weight:500;color:#fff;background-color:transparent;}
.music-detail .btn-section .tab-item:nth-child(1) {left:0;border-radius:2.05rem 0 0 2.05rem}
.music-detail .btn-section .tab-item:nth-child(2) {left:50%;transform:translateX(-50%);border-radius:0;}
.music-detail .btn-section .tab-item:nth-child(3) {right:0;border-radius:0 2.05em 2.05rem 0;}
.music-detail .btn-section .tab-item.on {z-index:1;font-weight:700;color:#181a1b;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);}
.music-detail .btn-section .tab-item.on::after {content:'';z-index:-1;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff;border-radius:2.05em;}
.music-detail .resulted-mp3 {display:none;margin-top:1.2rem;height:4.1rem;line-height:4.1rem;font-size:1.4rem;font-weight:700;color:#181a1b;text-align:center;background-color:#fff;border-radius:2.05rem;}
.music-detail .info-box {margin:1.8rem -1rem 0;}
.music-detail .btn-box.fixed::before {content:'';display:block;position:absolute;top:0;left:0;right:0;width:100%;height:2rem;background:linear-gradient(to bottom, rgba(83, 82, 82, 0) 0%, rgba(83, 82, 82, 1) 100%);visibility:hidden;opacity:0;}
.music-detail .btn-box.fixed.focus::before {visibility:visible;opacity:1;transition:all .25s ease-in-out;}
.music-detail .btn-box.fixed .btn-wrap {position:relative;background-color:transparent;}
.music-detail .btn-box.fixed .btn-wrap::after {content:'';position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-color:rgba(83, 82, 82, 0.8);filter:blur(20px);}
.music-detail .btn-box.fixed .btn-wrap button {z-index:2;position:relative;}

/* Charts by year */
#header.fixed ~ #container .sub-content.chart-year-list .sub-header {box-shadow:none;}
#header.fixed ~ #container .sub-content.chart-year-list .control-year {box-shadow:0 0.4rem 0.6rem 0 rgba(0,0,0,0.04);}
.sub-content.chart-year-list {padding-top:12rem;}
.sub-content.chart-year-list .control-year {z-index:10;position:fixed;top:5.5rem;left:0;right:0;display:flex;align-items:center;justify-content:center;width:100%;height:4.4rem;background-color:#fff;border-bottom:1px solid #e7ebee;transition:box-shadow .15s ease;}
.chart-year-list .control-year .btn-prev-year {width:2.4rem;height:2.4rem;background:url('../images/ico-year-prev.svg') no-repeat 50%/100% auto;border-radius:50%;}
.chart-year-list .control-year .btn-prev-year:disabled {background:url('../images/ico-year-prev-disabled.svg') no-repeat 50%/100% auto;border-radius:50%;}
.chart-year-list .control-year .btn-next-year {width:2.4rem;height:2.4rem;background:url('../images/ico-year-next.svg') no-repeat 50%/100% auto;border-radius:50%;}
.chart-year-list .control-year .btn-next-year:disabled {background:url('../images/ico-year-next-disabled.svg') no-repeat 50%/100% auto;border-radius:50%;}
.chart-year-list .control-year .btn-toggle-year {position:relative;margin:0 2rem;padding-right:1.8rem;font-size:1.8rem;font-weight:700;color:#3b4044;line-height:2.4rem;}
.chart-year-list .control-year .btn-toggle-year::after {content:'';display:inline-block;position:absolute;top:0.4rem;right:0;width:1.6rem;height:1.6rem;background:url('../images/ico-arrow-down-year.svg') no-repeat 50%/100% auto;}

/* Select Genre */
.sub-content.setting-genre {padding-top:4.7rem;}
.setting-genre .set-info h2 {font-size:2.4rem;font-weight:700;color:#000;line-height:2.4rem;}
.setting-genre .set-info p {margin-top:1rem;font-size:1.4rem;font-weight:500;color:#66707a;line-height:2.1rem;}
.setting-genre .set-list {display:flex;flex-wrap:wrap;margin-top:2.65rem;padding:0 1rem 3.4rem;justify-content:center;}
.setting-genre .set-list li {position:relative;margin:0.8rem 0.4rem 0;width:calc(33.3% - 0.8rem);height:0;padding-top:calc(33.3% - 0.8rem);}
.setting-genre .set-list li input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.setting-genre .set-list li input[type="checkbox"]:checked + label {background-color:rgba(227, 0, 132, 0.06);border-color:#e30084;}
.setting-genre .set-list li input[type="checkbox"]:checked + label .sel-num {opacity:1;visibility:visible;}
.setting-genre .set-list li input[type="checkbox"]:checked + label .title {font-weight:700;color:#e30084;}
.setting-genre .set-list li label {position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0.8rem;width:100%;height:100%;border:1px solid #f3f5f6;border-radius:1rem;transition:all.15s ease-in-out;cursor:pointer;}
.setting-genre .set-list li label::before {content:'';width:2.8rem;height:2.8rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;}
.setting-genre .set-list li label .title {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#3b4044;text-align:center;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.setting-genre .set-list li label .sel-num {display:inline-block;position:absolute;top:0.5rem;right:0.6rem;width:1.8rem;height:1.8rem;line-height:1.8rem;font-size:1.1rem;font-weight:800;color:#fff;text-align:center;background-color:#e30084;border-radius:50%;visibility:hidden;opacity:0;}
.setting-genre .set-list li.genre-top100 label::before {background-image:url('../images/ico-top100.svg');}
.setting-genre .set-list li.genre-top100 input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-top100-on.svg');}
.setting-genre .set-list li.genre-latest label::before {background-image:url('../images/ico-latest.svg');}
.setting-genre .set-list li.genre-latest input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-latest-on.svg');}
.setting-genre .set-list li.genre-pop label::before {background-image:url('../images/ico-pop.svg');}
.setting-genre .set-list li.genre-pop input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-pop-on.svg');}
.setting-genre .set-list li.genre-ballad label::before {background-image:url('../images/ico-ballad.svg');}
.setting-genre .set-list li.genre-ballad input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-ballad-on.svg');}
.setting-genre .set-list li.genre-dance label::before {background-image:url('../images/ico-dance.svg');}
.setting-genre .set-list li.genre-dance input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-dance-on.svg');}
.setting-genre .set-list li.genre-hiphop label::before {background-image:url('../images/ico-hiphop.svg');}
.setting-genre .set-list li.genre-hiphop input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-hiphop-on.svg');}
.setting-genre .set-list li.genre-rock label::before {background-image:url('../images/ico-rock.svg');}
.setting-genre .set-list li.genre-rock input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-rock-on.svg');}
.setting-genre .set-list li.genre-tv label::before {background-image:url('../images/ico-tv.svg');}
.setting-genre .set-list li.genre-tv input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-tv-on.svg');}
.setting-genre .set-list li.genre-movie label::before {background-image:url('../images/ico-movie.svg');}
.setting-genre .set-list li.genre-movie input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-movie-on.svg');}
.setting-genre .set-list li.genre-classic label::before {background-image:url('../images/ico-classic.svg');}
.setting-genre .set-list li.genre-classic input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-classic-on.svg');}
.setting-genre .set-list li.genre-jazz label::before {background-image:url('../images/ico-jazz.svg');}
.setting-genre .set-list li.genre-jazz input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-jazz-on.svg');}
.setting-genre .set-list li.genre-trot label::before {background-image:url('../images/ico-trot.svg');}
.setting-genre .set-list li.genre-trot input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-trot-on.svg');}
.setting-genre .set-list li.genre-jpop label::before {background-image:url('../images/ico-jpop.svg');}
.setting-genre .set-list li.genre-jpop input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-jpop-on.svg');}
.setting-genre .set-list li.genre-religion label::before {background-image:url('../images/ico-religion.svg');}
.setting-genre .set-list li.genre-religion input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-religion-on.svg');}
.setting-genre .set-list li.genre-children label::before {background-image:url('../images/ico-children.svg');}
.setting-genre .set-list li.genre-children input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-children-on.svg');}
.setting-genre .set-list li.genre-situation label::before {background-image:url('../images/ico-situation.svg');}
.setting-genre .set-list li.genre-situation input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-situation-on.svg');}
.setting-genre .set-list li.genre-etc label::before {background-image:url('../images/ico-etc.svg');}
.setting-genre .set-list li.genre-etc input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-etc-on.svg');}

/* Search */
/* Search - Popular Home */
.sub-content.srh-popular-home {padding-top:0;}
.sub-content .srh-header {display:flex;align-items:center;padding:1.9rem 2rem 1.9rem 0.8rem;width:100%;height:8.2rem;background-color:#fff;}
.sub-content .srh-header.fixed {z-index:11;position:fixed;top:0;left:50%;max-width:500px;transform:translateX(-50%);}
.sub-content .srh-header .btn-back {display:block;width:4rem;height:4rem;background:url('../images/btn-back.svg') no-repeat 50%/100% auto;}
.sub-content .srh-header .ip-box {position:relative;width:calc(100% - 4rem);}
.sub-content .srh-header .ip-box input {padding-right:6.8rem;background-color:#F9FAFB;border:0;}
.sub-content .srh-header .ip-box .btn-srh {position:absolute;top:1rem;right:1.2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-srh.svg') no-repeat 0/100% auto;}
.sub-content .srh-header .ip-box .txt-clear {top:1.2rem;right:4.2rem;}
.srh-header .srh-layer {z-index:11;display:none;position:fixed;top:8.2rem;left:50%;right:0;width:100%;height:calc(100vh - 8.2rem);overflow-x:hidden;overflow-y:auto;background-color:#fff;max-width:500px;transform:translateX(-50%);}
.srh-header .srh-layer.on {display:block;}
.srh-header .srh-layer ul {padding:0 2rem;}
.srh-header .srh-layer ul li {border-top:1px solid rgba(168, 179, 189, .2);}
.srh-header .srh-layer ul li:first-of-type {border-top:0;}
.srh-header .srh-layer ul li a {display:block;width:100%;height:4.5rem;line-height:4.5rem;font-size:1.4rem;font-weight:500;color:#181A1B;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.srh-header .srh-layer ul li a strong {font-weight:600;color:#E30084;}
.sub-content .srh-popular {padding-top:0.9rem;}
.sub-content .srh-popular .keyword-container .keyword-item {margin-bottom:3.2rem;}
.sub-content .srh-popular .keyword-container .keyword-item:last-of-type {margin-bottom:0;}
.sub-content .srh-popular .keyword-container .keyword-item .title-wrap {display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;}
.sub-content .srh-popular .keyword-container .keyword-item .title-wrap h2 {font-size:1.8rem;line-height:2.5rem;color:#181A1B;}
.sub-content .srh-popular .keyword-container .keyword-item .title-wrap .as-of-time {font-size:1.2rem;color:#3B4044;}
.sub-content .srh-popular .keyword-container .keyword-item .title-wrap .btn-del-keyword {width:6.6rem;height:2.5rem;line-height:2.7rem;font-size:1.2rem;color:#3B4044;text-align:center;}
.sub-content .srh-popular .keyword-list {display:flex;flex-wrap:wrap;margin:0 -2rem;padding:1.2rem 0;}
.sub-content .srh-popular .keyword-list li {display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1.2rem;padding:0 2rem 0 1.5rem;width:50%;}
.sub-content .srh-popular .keyword-list li:nth-child(1) {order:1;}
.sub-content .srh-popular .keyword-list li:nth-child(2) {order:3;}
.sub-content .srh-popular .keyword-list li:nth-child(3) {order:5;}
.sub-content .srh-popular .keyword-list li:nth-child(4) {order:7;}
.sub-content .srh-popular .keyword-list li:nth-child(5) {order:9;}
.sub-content .srh-popular .keyword-list li:nth-child(6) {order:2;}
.sub-content .srh-popular .keyword-list li:nth-child(7) {order:4;}
.sub-content .srh-popular .keyword-list li:nth-child(8) {order:6;}
.sub-content .srh-popular .keyword-list li:nth-child(9) {order:8;}
.sub-content .srh-popular .keyword-list li:nth-child(10) {order:10;}
.sub-content .srh-popular .keyword-list li .popular-rank {width:2rem;font-size:1.4rem;font-weight:700;color:#e30084;text-align:center;line-height:2.4rem;}
.sub-content .srh-popular .keyword-list li .popular-title {margin-left:0.7rem;width:calc(100% - 2.7rem);font-size:1.4rem;font-weight:500;color:#181A1B;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:2.4rem;}
.sub-content .srh-popular .keyword-container .keyword-item .recent-slide {display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin:0 -2rem;padding:0 2rem;}
.sub-content .srh-popular .keyword-container .keyword-item .recent-slide::-webkit-scrollbar {display:none;}
.sub-content .srh-popular .keyword-container .keyword-item .recent-slide li {position:relative;margin-left:0.6rem;}
.sub-content .srh-popular .keyword-container .keyword-item .recent-slide li:first-of-type {margin-left:0;}
.sub-content .srh-popular .keyword-container .keyword-item .recent-slide li .slide-item {display:inline-block;padding:0 3.2rem 0 1.2rem;height:3.4rem;line-height:3.4rem;background-color:rgba(227, 0, 132, 0.12);border-radius:2.1rem;}
.sub-content .srh-popular .keyword-container .keyword-item .recent-slide li .slide-item .keyword-name {font-size:1.2rem;font-weight:600;color:#E30084;}
.sub-content .srh-popular .keyword-container .keyword-item .recent-slide li .btn-del-recent {z-index:1;position:absolute;top:0.9rem;right:1.2rem;width:1.6rem;height:1.6rem;background:url('../images/ico-del-keyword.svg') no-repeat 50%/100% auto;}

/* Search - Popular Result */
.sub-content.srh-popular-result {padding-top:16.6rem;}
.sub-content.srh-popular-result .result-tab {z-index:10;position:fixed;top:8.1rem;left:50%;right:0;width:100%;background-color:#fff;max-width:500px;transform:translateX(-50%);}
.result-tab .tab-btn {display:flex;border-bottom:1px solid #E7EBEE;}
.result-tab .tab-btn li {position:relative;width:25%;}
.result-tab .tab-btn li a {display:block;height:4.1rem;line-height:4.1rem;font-size:1.4rem;font-weight:600;color:#181A1B;text-align:center;}
.result-tab .tab-btn li.on a {color:#E30084;}
.result-tab .tab-btn li.on::after {content:'';display:inline-block;position:absolute;bottom:-1px;left:0;right:0;width:100%;height:0.2rem;background-color:#E30084;}
.result-tab .refine-wrap {position:relative;padding:0.8rem 2rem 0.8rem 2rem;height:4.2rem;background-color:#F9FAFB;}
.result-tab .refine-wrap .slide-item {position:relative;display:inline-block;margin-left:0.6rem;padding:0 2.8rem 0 0.8rem;max-width:64.0625%;height:2.6rem;background-color:rgba(227, 0, 132, 0.12);border-radius:2.1rem;}
.result-tab .refine-wrap .slide-item:first-of-type {margin-left:0;}
.result-tab .refine-wrap .slide-item .keyword-name {display:inline-block;max-width:100%;font-size:1.2rem;font-weight:600;color:#E30084;line-height:2.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.result-tab .refine-wrap .slide-item .btn-del-recent {z-index:1;position:absolute;top:0.5rem;right:0.8rem;width:1.6rem;height:1.6rem;background:url('../images/ico-del-keyword.svg') no-repeat 50%/100% auto;}
.result-tab .refine-wrap .chk-refine {position:absolute;top:1.05rem;right:2rem;}
.result-tab .refine-wrap .chk-refine input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.result-tab .refine-wrap .chk-refine input[type="checkbox"] + label {padding-left:2.2rem;line-height:2rem;font-size:1.2rem;font-weight:500;color:#181A1B;cursor:pointer;}
.result-tab .refine-wrap .chk-refine input[type="checkbox"] + label::before {content:'';display:inline-block;position:absolute;top:0;left:0;width:2rem;height:2rem;background-repeat:no-repeat;background-size:100% auto;background-image:url('../images/ico-chk-off.svg');}
.result-tab .refine-wrap .chk-refine input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-chk-on.svg');}
.result-dim {z-index:-1;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(24, 26, 27, 0.42);opacity:0;}
.result-dim.on {z-index:9;opacity:1;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;}

/* Search - Detail */
.sub-content.srh-result-detail {padding-top:0;}
.sub-content.srh-result-detail .sub-header {position:absolute;background-color:inherit;}
.sub-content.srh-result-detail .sub-header .btn-back {background:url('../images/btn-back-w2.svg') no-repeat 50%/100% auto;}
.result-detail .detail-thumbnail {position:relative;padding-top:100%;}
.result-detail .detail-thumbnail::before {z-index:1;content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);}
.result-detail .detail-thumbnail img {position:absolute;top:0;left:0;width:100%;height:100%;}
.result-detail .detail-info {z-index:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin-top:-15.486rem;padding:0 2rem 2rem;height:15.486rem;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 52.5%, rgba(255, 255, 255, 1) 100%);}
.result-detail .detail-info .artist-name {font-size:2.4rem;font-weight:700;color:#000;line-height:2.9rem;}
.result-detail .detail-info .artist-info {display:flex;align-items:center;margin-top:0.8rem;}
.result-detail .detail-info .artist-info .date-item {font-size:1.4rem;font-weight:500;color:#66707A;line-height:2rem;}
.result-detail .detail-info .artist-info .artist-item {position:relative;margin-left:0.6rem;padding-left:0.7rem;padding-right:2.2rem;font-size:1.4rem;font-weight:500;color:#66707A;line-height:2rem;}
.result-detail .detail-info .artist-info .artist-item::before {content:'';display:inline-block;position:absolute;top:0.5rem;left:0;width:1px;height:1rem;background-color:#525960;}
.result-detail .detail-info .artist-info .artist-item::after {content:'';display:inline-block;position:absolute;top:0;right:0;width:2rem;height:2rem;background:url('../images/ico-arrow-right2.svg') no-repeat 50%/100% auto;}

/* Album List */
.music-album-wrap .album-list {display:flex;margin:0 -2rem;padding:0 2rem;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.music-album-wrap .album-list::-webkit-scrollbar {display:none;}
.music-album-wrap .album-list li {margin-left:0.8rem;width:12rem;}
.music-album-wrap .album-list li:first-of-type {margin-left:0;}
.music-album-wrap .album-list li a {display:block;}
.music-album-wrap .album-list li a .music-thumb {width:12rem;height:12rem;border-radius:1rem;overflow:hidden;}
.music-album-wrap .album-list li a .music-thumb img {width:100%;height:100%;object-fit:cover;}
.music-album-wrap .album-list li a .album-title {display:block;margin-top:0.4rem;font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-album-wrap .album-list li a .artist-name {display:block;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-album-wrap .album-list li a .album-date {display:block;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* Artist List */
.artist-list li {margin-top:0.2rem;padding:0.6rem 0;}
.artist-list li:first-of-type {margin-top:0;}
.artist-list li a {display:flex;align-items:center;}
.artist-list li a .artist-thumb {width:4.8rem;height:4.8rem;border-radius:50%;overflow:hidden;}
.artist-list li a .artist-thumb img {width:100%;height:100%;object-fit:cover;}
.artist-list li a .artist-info {display:flex;flex-direction:column;justify-content:center;margin-left:1.2rem;width:calc(100% - 6rem);}
.artist-list li a .artist-info .artist-name {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.artist-list li a .artist-info .artist-name2 {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.result-opt {display:flex;align-items:center;justify-content:space-between;margin:1.2rem 0 0.8rem;}
.result-opt .result-num {font-size:1.2rem;font-weight:500;line-height:2rem;}
.result-opt .result-num strong {font-weight:inherit;}
.result-opt .filter-wrap {position:relative;}
.result-opt .btn-filter {position:relative;padding-left:1.8rem;font-size:1.2rem;font-weight:600;color:#3B4044;line-height:2rem;}
.result-opt .btn-filter::before {content:'';display:inline-block;position:absolute;top:0.2rem;left:0;width:1.6rem;height:1.6rem;background:url('../images/ico-filter.svg') no-repeat 50%/100% auto;}

/* Voice Ring */
.sub-content.voicering-home {padding-top:0;padding-bottom:14.9rem;}
.voicering-home .sub-header {position:relative;display:inline-flex;padding:0 2rem;width:auto;left:0;transform:translateX(0);}
.voicering-home .sub-header .badge-ai {padding:0 0.6rem;min-width:2.2rem;height:1.6rem;line-height:1.5rem;font-size:1rem;font-weight:700;color:#fff;background-color:#181A1B;border-radius:0.8rem;}
.voicering-home .sub-header .badge-ai + .sub-title {margin-left:0.5rem;}
.voicering-home .sub-header .sub-title {font-weight:700;max-width:100%;}
.voicering-home .sub-header .access-badge {margin-left:0.4rem;padding:0 0.8rem;height:2rem;line-height:2rem;font-size:1.1rem;font-weight:600;color:#7F8A94;text-align:center;background-color:rgba(24, 26, 27, 0.06);border-radius:0.4rem;}
.voicering-home .sub-header .access-badge.badge-light {color:#F86800;background-color:rgba(255, 128, 36, 0.1);}
.voicering-home .sub-header .access-badge.badge-basic {color:#0A95FF;background-color:rgba(10, 149, 255, 0.1);}
.voicering-home .sub-header .access-badge.badge-premium {color:#E6007E;background-color:rgba(227, 0, 132, 0.06);}
.voicering-home .sub-header .access-badge.badge-plus {color:#fff;background-color:#181A1B;}
.upgrade-badge {position:absolute;top:1.5rem;right:-6.4rem;margin-left:1.6rem;width:7.2rem;height:2.6rem;line-height:2.6rem;font-size:1.2rem;font-weight:500;color:#fff;text-align:center;background-color:#E30084;border-radius:0.8rem;box-shadow:0 0.2rem 1.2rem 0 rgba(0,0,0,.16);opacity:0;visibility:hidden;opacity:0;visibility:hidden;}
.upgrade-badge.active {right:-6.8rem;opacity:1;visibility:visible;transition:opacity .4s cubic-bezier(0, 0, 0, 1), visibility .4s cubic-bezier(0, 0, 0, 1), right .4s cubic-bezier(0, 0, 0, 1);animation: moveSideToSide 2.6s ease infinite;}
.upgrade-badge.active.off {right:-6.8rem;transition:opacity cubic-bezier(0.3, 0, 1, 1), visibility cubic-bezier(0.3, 0, 1, 1);opacity:0;visibility:hidden;}
@keyframes moveSideToSide {
    0% {
        transform: translateX(-0.1rem);
    }
    50% {
        transform: translateX(0.1rem);
    }
    100% {
        transform: translateX(-0.1rem);
    }
}
.upgrade-badge::before {content:'';display:inline-block;position:absolute;top:50%;margin-top:-0.4rem;left:-0.4rem;width:0.4rem;height:0.8rem;background:url('../images/ico-bubble-left.svg') no-repeat 0 50%/100% auto;}
.voicering-guide {position:relative;display:flex;align-items:center;padding:0 5.5rem;width:100%;min-height:6.8rem;border:1px solid #E7EBEE;border-radius:1rem;box-shadow:0 0.4rem 0.6rem 0 rgba(0,0,0,0.04);}
.voicering-guide::before {content:'';display:inline-block;position:absolute;left:1.9rem;top:50%;margin-top:-1.2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-voicering-guide.svg') no-repeat 50%/100% auto;}
.voicering-guide::after {content:'';display:inline-block;position:absolute;right:1.9rem;top:50%;margin-top:-1.2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-voicering-guide-arrow.svg') no-repeat 50%/100% auto;}
.voicering-guide span {font-size:1.4rem;font-weight:500;color:#3C3C3C;line-height:2.1rem;}
.voicering-guide ~ .voicering-cont {margin-top:2.65rem;}
.voice-dropdown {display:flex;margin-top:1.05rem;margin-bottom:3rem;}
.voice-dropdown .filter-wrap {margin-left:0.6rem;}
.voice-dropdown .filter-wrap:first-of-type {margin-left:0;}
.voice-char {margin:0 -2rem;}
.voice-char .swiper-container {padding:0 3.6rem 2.8rem;height:34.8rem;overflow:visible;}
.voice-char .swiper-container .swiper-wrapper {align-items:center;transition-timing-function:cubic-bezier(0, 0, 0, 1) !important;}
.voice-char .swiper-container .swiper-slide {position:relative;border-radius:1rem;opacity:0.14;transition:opacity .4s cubic-bezier(0, 0, 0, 1);display:flex;align-items:center;}
.voice-char .swiper-container .swiper-slide.swiper-slide-active {opacity:1;}
.voice-char .swiper-container .swiper-slide.swiper-slide-active .char-item {transform: scale(1);box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);}
.voice-char .swiper-container .swiper-slide .char-item a.on {position:relative;}
.voice-char .swiper-container .swiper-slide .char-item a.on::before {z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #181A1B;border-radius:1rem;}
.voice-char .swiper-container .char-item {position:relative;display:block;margin:0 auto;width:28.8rem;border-radius:1rem;overflow:hidden;transform: scaleY(0.9);transition:transform .4s cubic-bezier(0, 0, 0, 1);}
.voice-char .swiper-container .char-item a {position:relative;display:block;width:100%;height:100%;padding-top:2.4rem;padding-bottom:2.2rem;border-radius:1rem;overflow:hidden;}
.voice-char .swiper-container .char-item img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.voice-char .swiper-container .char-item .text-wrap {position:relative;width:100%;height:27.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.voice-char .swiper-container .char-item .voice-my {position:absolute;top:0;left:2rem;right:2rem;font-size:1.4rem;color:rgba(255,255,255,.6);line-height:2.1rem;text-align:center;}
.voice-char .swiper-container .char-item .voice-name {position:absolute;top:2.1rem;left:2rem;right:2rem;font-size:2.2rem;font-weight:700;color:#fff;text-align:center;line-height:3.1rem;}
.voice-char .swiper-container .char-item .voice-phrase {position:absolute;bottom:0rem;left:2rem;right:2rem;font-size:1.4rem;font-weight:500;line-height:2.1rem;color:#fff;text-align:center;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.voice-char .swiper-container .char-item .btn-play {z-index:2;position:absolute;right:8.2rem;bottom:7.3rem;width:4.2rem;height:4.2rem;background:url('../images/ico-play-chr.svg') no-repeat 50%/100% auto;}
.voice-char .swiper-container .char-item .controls {z-index:2;position:absolute;right:8.2rem;bottom:7.3rem;width:4.2rem;height:4.2rem;}
.voice-char .swiper-container .char-item .controls .btn-control-play {z-index:1;display:inline-block;width:4.2rem;height:4.2rem;background:url('../images/ico-play-chr.svg') no-repeat 50%/100% auto;border-radius:50%;}
.voice-char .swiper-container .char-item .controls .btn-control-pause {z-index:1;display:inline-block;width:4.2rem;height:4.2rem;background:url('../images/ico-pause-chr.svg') no-repeat 50%/100% auto;border-radius:50%;}
/*
.voicering-guide-detail {padding-top:2rem;}
.voicering-guide-detail h2 {font-size:2rem;font-weight:700;color:#000;line-height:2.8rem;text-align:center;}
.voicering-guide-detail p {margin-top:0.8rem;font-size:1.4rem;font-weight:500;color:#66707A;line-height:2.1rem;text-align:center;}
.voicering-guide-detail img {margin-top:3.2rem;}
*/

/*
.sub-content.gift-box .gift-wrap .gift-item .controls {position:absolute;bottom:1.2rem;right:1.2rem;width:4rem;height:4rem;}
.sub-content.gift-box .gift-wrap .gift-item .btn-control-play {z-index:1;display:inline-block;width:4rem;height:4rem;background:url('../images/ico-play-gift.svg') no-repeat 50%/100% auto;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);}
.sub-content.gift-box .gift-wrap .gift-item .btn-control-pause {z-index:1;display:inline-block;width:4rem;height:4rem;background:#000 url('../images/ico-pause-gift.svg') no-repeat 50%/100% auto;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);border-radius:50%;}
*/

/*
.voice-char .swiper-container .char-item .voice-thumbnail {position:relative;margin:0.2rem auto 0;width:16.8rem;height:16.8rem;}
.voice-char .swiper-container .char-item .voice-thumbnail img {display:block;width:100%;height:100%;object-fit:cover;}
.voice-char .swiper-container .char-item .voice-thumbnail::after {content:'';display:inline-block;position:absolute;bottom:0;right:2.2rem;width:4.2rem;height:4.2rem;background:url('../images/ico-play-voicering-w.svg') no-repeat 50%/100% auto;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0, 0, 0, 0.08);border-radius:50%;}
*/
.voice-char .swiper-container .tooltip-premium {z-index:2;position:absolute;top:0;left:1.6rem;}
.voice-char .swiper-container .tooltip-premium .premium-badge {display:inline-flex;align-items:center;padding:0 0.8rem;height:2.4rem;background-color:#181A1B;border-radius:0 0 0.4rem 0.4rem;}
.voice-char .swiper-container .tooltip-premium .premium-badge span {line-height:2.4rem;font-size:1.2rem;font-weight:600;color:#FCFCFD;white-space:nowrap;}
.voice-char .swiper-container .tooltip-premium .premium-badge.is-tooltip::after {content:'';margin-left:0.2rem;width:1.6rem;height:1.6rem;background:url('../images/ico-premium-tooltip.svg') no-repeat 50%/100% auto;}
.voice-char .swiper-container .tooltip-premium .tooltip-content {z-index:1;display:none;position:absolute;top:3.6rem;left:0;}
.voice-char .swiper-container .tooltip-premium p {padding:0.8rem 3.6rem 0.8rem 1.2rem;min-width:23.7rem;font-size:1.2rem;font-weight:500;color:#3B4044;line-height:1.8rem;background-color:#FFFFFF;border-radius:0.8rem;}
.voice-char .swiper-container .tooltip-premium p::before {content:'';display:inline-block;position:absolute;left:0.8rem;top:-0.4rem;width:0.8rem;height:0.4rem;background:url('../images/ico-tooltip-up.svg') no-repeat 50%/100% auto;}
.voice-char .swiper-container .btn-close {display:inline-block;position:absolute;top:1rem;right:1.2rem;width:1.6rem;height:1.6rem;background:url('../images/ico-tooltip-close.svg') no-repeat 50%/100% auto;}
.voice-char .swiper-container .swiper-pagination {left:0;right:0;bottom:0;}
.voice-char .swiper-container .swiper-button-prev {display:inline-block;position:absolute;top:50%;margin-top:-4.4rem;left:2rem;width:3.2rem;height:3.2rem;border-radius:50%;background:url('../images/btn-slider-char-prev.svg') no-repeat 50%/100% auto;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);cursor:pointer;}
.voice-char .swiper-container .swiper-button-next {display:inline-block;position:absolute;top:50%;margin-top:-4.4rem;right:2rem;width:3.2rem;height:3.2rem;border-radius:50%;background:url('../images/btn-slider-char-next.svg') no-repeat 50%/100% auto;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);cursor:pointer;}
.voicering-home .tab-style {margin-top:2.8rem;background-color:#fff;}
.voicering-home .tab-style2 {margin-bottom:2rem;}
.voicering-home.tab-fixed .tab-style {z-index:11;position:fixed;top:0;left:50%;right:0;margin:0;width:100%;max-width:500px;transform:translateX(-50%);}
.voicering-home.tab-fixed .tab-style ~ .tab-content .sec-container2 .sec-item:first-of-type {padding-top:9rem;}
.sec-container2 .sec-item {margin-top:1.2rem;padding-top:2rem;}
.sec-container2 .sec-item .sec-title {margin-bottom:1.2rem;font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sec-container2 .sec-item .voice-type-phrase {padding-bottom:0;}
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item {position:relative;display:flex;align-items:center;justify-content:flex-start;margin-top:0.8rem;padding-left:2rem;padding-right:5.6rem;height:6.8rem;background-color:#F9FAFB;border:1px solid #F3F5F6;border-radius:1rem;transition:border .25s cubic-bezier(0.2, 0.0, 0, 1.0), background-color .25s cubic-bezier(0.2, 0.0, 0, 1.0);}
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item:first-of-type {margin-top:0;}
/*
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item::after {content:'';display:inline-block;position:absolute;top:2.2rem;right:2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-play-voicering.svg') no-repeat 0/100% auto;}
*/
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item::after {content:'';display:inline-block;position:absolute;top:2.2rem;right:2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-play-voicering.svg') no-repeat 0/100% auto;}
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item.active::after {background:url('../images/ico-pause-voicering.svg') no-repeat 0/100% auto;}
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item.on {border-color:#E30084;background-color:rgba(227, 0, 132, 0.1);}
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item p {font-size:1.4rem;font-weight:500;color:#3C3C3C;line-height:2.1rem;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.sec-container2 .sec-item .voice-type-phrase .swiper-pagination {bottom:0.8rem;}
.sec-container2 .sec-item.bg-gray {margin:3.2rem -2rem 0;padding-left:2rem;padding-right:2rem;padding-bottom:1.2rem;background-color:#3B4044;}
.sec-container2 .sec-item.bg-gray .sec-title {color:#fff;}
.sec-container2 .sec-item.bg-gray .tab-style2 .tab-btn li.on .tab-item {color:#fff;background-color:#E30084}
.sec-container2 .sec-item.bg-gray .tab-style2 .tab-btn li .tab-item {color:#A8B3BD;background-color:#3B4044}
.sec-container2 .sec-item .voice-type-img {margin:0 -2rem;padding:0 2rem 3.2rem;}
.sec-container2 .sec-item .voice-type-img::-webkit-scrollbar {display:none;}
.sec-container2 .sec-item .voice-type-img .img-item {position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:2rem;min-width:24.5rem;max-width:24.5rem;height:26.3rem;background-color:#fff;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);border-radius:1rem;}
.sec-container2 .sec-item .voice-type-img .img-item::after {content:'';display:inline-block;position:absolute;bottom:2rem;left:2rem;width:3.6rem;height:3.6rem;background:url('../images/ico-play-voicering-b.svg') no-repeat 0/100% auto;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0, 0, 0, 0.08);border-radius:50%;}
.sec-container2 .sec-item .voice-type-img .img-item.active::after {background:url('../images/ico-pause-voicering-b.svg') no-repeat 0/100% auto;}
.sec-container2 .sec-item .voice-type-img .img-item .i-tag {padding:0 1.2rem;height:3.4rem;line-height:3.4rem;font-size:1.4rem;font-weight:600;color:#E30084;background-color:rgba(227, 0, 132, 0.12);border-radius:2.1rem;}
.sec-container2 .sec-item .voice-type-img .img-item p {margin-top:1rem;line-height:2.1rem;font-size:1.4rem;font-weight:500;color:#000;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.sec-container2 .sec-item .voice-type-img .img-item .ico-voice {position:absolute;bottom:0;right:0;width:14rem;height:14rem;background-repeat:no-repeat;background-size:100% auto;}
.sec-container2 .sec-item .voice-type-card {display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin:0 -2rem;padding:0 2rem;}
.sec-container2 .sec-item .voice-type-card::-webkit-scrollbar {display:none;}
.sec-container2 .sec-item .voice-type-card .card-item {position:relative;margin-left:0.8rem;padding:9.2rem 4.3rem;min-width:32rem;max-width:32rem;height:32rem;background-repeat:no-repeat;background-size:cover;border-radius:1rem;text-align:center;text-shadow:0 0.4rem 1rem rgba(0,0,0,.06);}
.sec-container2 .sec-item .voice-type-card .card-item:first-of-type {margin-left:0;}
.sec-container2 .sec-item .voice-type-card .card-item::after {content:'';display:inline-block;position:absolute;bottom:2rem;right:2rem;width:3.6rem;height:3.6rem;background:url('../images/ico-play-voicering-w2.svg') no-repeat 0/100% auto;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0, 0, 0, 0.08);border-radius:50%;}
.sec-container2 .sec-item .voice-type-card .card-item.active::after {background:url('../images/ico-pause-voicering-w2.svg') no-repeat 0/100% auto;}
.sec-container2 .sec-item .voice-type-card .card-item p {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;}
.sec-container2 .sec-item .voice-type-card .card-item p span {font-size:1.8rem;font-weight:500;line-height:2.7rem;color:#fff;white-space:normal;word-break:break-all;}

.voicering-player {z-index:11;position:fixed;left:50%;right:0;bottom:5.7rem;width:100%;height:9.2rem;max-width:500px;transform:translateX(-50%);}
.voicering-player.on {}
.voicering-player.on::before {background:transparent;border-bottom:1px solid #E7EBEE;opacity:1;}
.voicering-player::before {content:'';display:block;width:100%;height:1.8rem;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);opacity:0.1;}
.voicering-player .player-inner {display:flex;align-items:center;padding:0 2rem;height:7.4rem;background-color:#fff;}
.voicering-player .player-item {flex:1;position:relative;display:flex;align-items:center;margin-left:0.8rem;}
.voicering-player .player-item .ui-set {margin-left:1rem;width:4.5rem;height:3rem;border-radius:2rem;background-color:#181A1B;font-size:1.2rem;font-weight:600;color:#fff;text-align:center;line-height:3rem;}
.voicering-player .chr-thumbnail {flex-shrink:0;width:5rem;height:5rem;}
.voicering-player .chr-thumbnail img {display:block;width:100%;height:100%;object-fit:cover;}
.voicering-player .player-phrase {flex:1;display:flex;align-items:center;padding:0.4rem 0.8rem;max-width:calc(100% - 5.5rem);height:5rem;background-color:rgba(217,217,217,0.19);border-radius:0.5rem;overflow:hidden;}
.voicering-player .player-phrase p {position:relative;font-size:1.4rem;font-weight:600;color:#181A1B;line-height:2.1rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-break:break-all;}
.voicering-player .ico-arrow {display:inline-block;margin-left:0.4rem;width:1.6rem;height:1.6rem;background:url('../images/ico-arrow-right-round-g.svg') no-repeat 0/100% auto;}
.voicering-player .controls {margin-left:1.2rem;width:3.2rem;height:3.2rem;position:absolute;bottom:2.1rem;right:2rem;}
.voicering-player .btn-control-play {width:3.2rem;height:3.2rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-play-lg.svg');}
.voicering-player .btn-control-pause {width:3.2rem;height:3.2rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-pause-lg.svg');}

.textarea-wrap ~ .listening-preview {margin-top:1.2rem;}
.listening-preview {position:relative;width:100%;height:5.2rem;border-radius:1rem;overflow:hidden;}
.listening-preview .listening-area {position:relative;display:flex;align-items:center;padding:0 1.6rem;width:100%;height:100%;text-align:left;background-color:#E6007E;transition:background .23s cubic-bezier(0.3, 0, 1, 1);}
.listening-preview .listening-area.usetap.active {background-color:#cd0372;}
.listening-preview .generate-title {-webkit-transform:translate(0, -100%);transform:translate(0, -100%);visibility:hidden;opacity:0;transition:opacity .23s cubic-bezier(0.3, 0, 1, 1), visibility .33s cubic-bezier(0.3, 0, 1, 1);}
.listening-preview.generating .listening-area {transition:background .33s cubic-bezier(0, 0, 0, 1);background-color:#F8BFE0;}
.listening-preview.generating .listening-area.usetap.active {background-color:#F8BFE0;}
.listening-preview.generating .generate-title {position:absolute;top:0;left:1.6rem;padding-left:3rem;font-size:1.6rem;font-weight:600;color:#E6007E;line-height:5.2rem;visibility:visible;opacity:1;-webkit-transform: translate(0, 0) translateZ(0);transform: translate(0, 0) translateZ(0);transition:visiblity .33s cubic-bezier(0, 0, 0, 1), opacity .33s cubic-bezier(0, 0, 0, 1);animation:generateDown .33s cubic-bezier(0, 0, 0, 1) forwards;}
.listening-preview.generating .generate-title .ico-lottie-generate {display:inline-block;position:absolute;top:1.4rem;left:0;width:2.4rem;height:2.4rem;}
.listening-preview.generating .generate-title .ico-lottie-generate svg {position:absolute;top:0;left:0;}
.listening-preview.generating .listening-area .preview-play {visibility:hidden;opacity:0;transition:opacity .33s cubic-bezier(0, 0, 0, 1), visibility .33s cubic-bezier(0, 0, 0, 1);}
.listening-preview.generating .listening-area .title {visibility:hidden;opacity:0;transition:opacity .33s cubic-bezier(0, 0, 0, 1), visibility .33s cubic-bezier(0, 0, 0, 1);}
@keyframes generateDown {
    0% {
        -webkit-transform: translate(0, -100%) translateZ(0);
        transform: translate(0, -100%) translateZ(0);
    }
    80% {
        -webkit-transform: translate(0, 10%) translateZ(0);
        transform: translate(0, 10%) translateZ(0);
    }
    100% {
        -webkit-transform: translate(0, 0) translateZ(0);
        transform: translate(0, 0) translateZ(0);
    }
}

.listening-preview .preview-play {display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/ico-play-preview-w.svg') no-repeat 50%/100% auto;opacity:1;visibility:visible;transition:opacity .23s cubic-bezier(0.3, 0, 1, 1), visibility .33s cubic-bezier(0.3, 0, 1, 1);}
.listening-preview .title {padding-top:0.2rem;margin-left:0.6rem;font-size:1.6rem;font-weight:600;color:#fff;opacity:1;visibility:visible;transition:opacity .23s cubic-bezier(0.3, 0, 1, 1), visibility .33s cubic-bezier(0.3, 0, 1, 1);}
.listening-preview .preview-count {position:absolute;top:1rem;right:1.6rem;margin-left:auto;padding:0 1rem;height:3.2rem;border-radius:0.8rem;background-color:#FFFFFF;}
.listening-preview .preview-count .txt-count {font-size:1.2rem;font-weight:600;color:#7F8A94;line-height:3.2rem;}
.listening-preview .preview-count .txt-count em {font-size:1.2rem;font-weight:600;color:#E30084;}
.listening-preview + .info-desc {margin-top:0.8rem;}

/* Ringback Tone */
.sub-content.ringback-tone {padding-bottom:0;}
.sub-content.ringback-tone.not-chk {padding-bottom:0;}
.ringback-tone .purchase-info {padding-bottom:2.4rem;}
.ringback-tone .purchase-info .music-item {display:flex;align-items:center;padding:1.4rem 0;}
.ringback-tone .purchase-info .music-item .thumbnail {width:6.8rem;height:6.8rem;border-radius:1rem;overflow:hidden;}
.ringback-tone .purchase-info .music-item .thumbnail img {width:100%;height:100%;object-fit:cover;}
.ringback-tone .purchase-info .music-item .music-info {display:flex;flex-direction:column;justify-content:center;padding:0 0 0 1.2rem;width:calc(100% - 6.8rem);}
.ringback-tone .purchase-info .music-item .music-info .ring-type {font-size:1.2rem;font-weight:600;color:#E6007E;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ringback-tone .purchase-info .music-item .music-info .music-title {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ringback-tone .purchase-info .music-item .music-info .artist-name {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ringback-tone .purchase-info .price-wrap {display:flex;align-items:center;margin-top:2rem;padding:0 1.2rem;height:5.4rem;border:1px solid #E30084;border-radius:1rem;}
.ringback-tone .purchase-info .price-wrap .title {font-size:1.4rem;font-weight:600;color:#181A1B;}
.ringback-tone .purchase-info .price-wrap .price-item {margin-left:auto;font-size:1.6rem;font-weight:600;color:#E6007E;text-align:right;}
.ringback-tone .purchase-info .price-wrap .vat-item {margin-left:0.8rem;padding:0 1.2rem;height:2.8rem;line-height:2.8rem;font-size:1.1rem;font-weight:600;color:#E6007E;text-align:center;background-color:#FDEDF6;border-radius:0.6rem;}
.ringback-tone .purchase-info .info-box {margin-top:0.8rem;}
.ringback-tone .purchase-setting {margin:0 -2rem;padding:3.2rem 2rem;border-top:1.2rem solid #F3F5F6;}
.ringback-tone .purchase-setting .title {font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}
.ringback-tone .purchase-setting .info1 {display:block;margin-top:0.4rem;font-size:1.6rem;font-weight:500;color:#66707A;line-height:2.4rem;}
.ringback-tone .purchase-setting .info2 {display:block;margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#A8B3BD;line-height:1.8rem;}
.ringback-tone .voicering-info {display:flex;padding:1.4rem 0 3.1rem;}
.ringback-tone .voicering-info .thumbnail {width:6.8rem;height:6.8rem;border-radius:50%;overflow:hidden;}
.ringback-tone .voicering-info .thumbnail img {width:100%;height:100%;object-fit:cover;}
.ringback-tone .voicering-info .text-wrap {padding-left:1.2rem;width:calc(100% - 6.8rem);}
.ringback-tone .voicering-info .text-wrap .chr-name {display:block;font-size:1.4rem;font-weight:700;color:#181A1B;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ringback-tone .voicering-info .text-wrap p {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.ring-select-list {margin-top:0.7rem;text-align:left;}
.ring-select-list.layer-show li .bottom-layer {display:block;}
.ring-select-list.layer-show li input[type="radio"] + label::after {display:none;}
.ring-select-list li {margin-top:0.4rem;}
.ring-select-list li:first-of-type {margin-top:0;}
.ring-select-list li.not-layer input[type="radio"] + label {padding-right:0;}
.ring-select-list li.not-layer input[type="radio"] + label::after {display:none;}
.ring-select-list li input[type="radio"] + label {position:relative;display:block;padding-top:1.6rem;padding-bottom:1.6rem;padding-right:3.6rem;}
.ring-select-list li input[type="radio"] + label::before {top:1.5rem;}
.ring-select-list li input[type="radio"] + label::after {content:'';display:inline-block;position:absolute;top:1.6rem;right:0;width:2.4rem;height:2.4rem;background:url('../images/ico-arrow-right3.svg') no-repeat 50%/100% auto;}
.ring-select-list li .bottom-layer {display:none;margin-top:0.4rem;font-size:1.4rem;font-weight:500;color:#E6007E;line-height:1.7rem;}
.ring-select-list li .bottom-layer li {margin-top:0.4rem;}
.ring-select-list li .bottom-layer li:first-of-type {margin-top:0;}
.ring-select-list li input[type="radio"]:checked + label .bottom-layer {display:block;}
/* .ringback-tone .btn-box.fixed {padding-top:0;height:auto;} */
/* .ringback-tone .btn-box.fixed::before {display:none;} */
.ringback-tone .btn-box.fixed .chk-agree {position:relative;height:4rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 31%);}
.ringback-tone .btn-box.fixed .chk-agree input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.ringback-tone .btn-box.fixed .chk-agree input[type="checkbox"] + label {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.ringback-tone .btn-box.fixed .chk-agree input[type="checkbox"] + label::before {content:'';display:inline-block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-chk-off2.svg');}
.ringback-tone .btn-box.fixed .chk-agree input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-chk-on2.svg');}
.ringback-tone .btn-box.fixed .chk-agree input[type="checkbox"] + label span {margin-left:0.8rem;font-size:1.4rem;font-weight:600;color:#3B4044;}
.ringback-tone .btn-box.fixed .chk-agree .info {display:block;font-size:1.4rem;font-weight:600;color:#3B4044;line-height:4rem;text-align:center;}

.sub-content.ringback-tone.voicering-storage {padding-bottom:0;}
.ringback-tone.voicering-storage .btn-box.fixed {height:9.2rem;padding-top:2rem;}
.ringback-tone.voicering-storage .btn-box.fixed::before {display:block;}
.sub-content.ringback-tone .sub-header + .inner {display:flex;flex-direction:column;min-height:calc(100vh - 14.8rem);}

/* Payment ing&Complete */
.sub-content.payment-wrap {position:relative;height:100vh;padding:0 0 9.2rem 0;}
.payment-wrap .payment {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem 18.4rem;}
.payment-wrap .payment img {height:10rem;}
.payment-wrap .payment .ico-lottie-payment {width:16.8rem;height:13rem;}
.payment-wrap .payment .title {font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;text-align:center;}
.payment-wrap .payment .desc {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#66707A;text-align:center;line-height:1.8rem;}
.payment-wrap .payment .desc-result {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#E30084;text-align:center;line-height:1.4rem;}
.payment-wrap .payment .desc-result + .desc {margin-top:1.2rem;}
.music-payinfo {position:fixed;left:50%;bottom:9.2rem;padding:0.6rem 1.2rem;border:1px solid #F3F5F6;background:#fff;border-radius:1rem;box-shadow:0 0.8rem 1.3rem 1px rgba(0,0,0,.04);width:calc(100% - 4rem);max-width:calc(500px - 4rem);transform:translateX(-50%);}
.music-payinfo .music-item {display:flex;align-items:center;padding:0.6rem 0;}
.music-payinfo .music-item .thumbnail {width:6.8rem;height:6.8rem;border-radius:1rem;overflow:hidden;}
.music-payinfo .music-item .thumbnail img {width:100%;height:100%;object-fit:cover;}
.music-payinfo .music-item .music-info {display:flex;flex-direction:column;justify-content:center;padding:0 0 0 1.2rem;width:calc(100% - 6.8rem);}
.music-payinfo .music-item .music-info .ring-type {font-size:1.2rem;font-weight:600;color:#E6007E;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-payinfo .music-item .music-info .music-title {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-payinfo .music-item .music-info .artist-name {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-payinfo.voicering {padding:1.2rem;}
.music-payinfo.voicering .music-item {padding:0;}
.music-payinfo.voicering .thumbnail {width:5.4rem;height:5.4rem;border-radius:50%;}
.music-payinfo.voicering .music-info {padding-left:0.7rem;width:calc(100% - 5.4rem);}
.music-payinfo.voicering .music-info .voicering-title {display:flex;align-items:center;}
.music-payinfo.voicering .music-info .voicering-title .title {font-size:1.2rem;font-weight:500;line-height:2.1rem;color:#E6007E;}
.music-payinfo.voicering .music-info .voicering-title .title + .char-name {margin-left:0.4rem;}
.music-payinfo.voicering .music-info .voicering-title .char-name {font-size:1.4rem;font-weight:700;line-height:2.1rem;color:#181A1B;}
.music-payinfo.voicering .music-info  .voicering-phrase {font-size:1.2rem;font-weight:500;line-height:1.8rem;color:#66707A;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}

/* MY */
.sub-content.my-home {padding-top:0;background-color:#F3F5F6;}
.my-home .sub-header {padding:0 2rem;border-bottom:1px solid #E7EBEE;}
.my-home .sub-header .link-storage {margin-left:auto;width:4rem;height:4rem;background:url('../images/ico-storage.svg') no-repeat 50%/100% auto;}
.my-home .my-top-area {position:relative;padding:0 0 3.2rem;background-color:#fff;}
.my-home .my-top-area .img-flower1 {display:inline-block;position:absolute;top:15.3rem;left:0.5rem;width:7.6rem;height:7.6rem;background:url('../images/img-flower1.svg') no-repeat 50%/100% auto;}
.my-home .my-top-area .img-flower2 {display:inline-block;position:absolute;top:23.4rem;right:0;width:10.1rem;height:17.1rem;background:url('../images/img-flower2.svg') no-repeat 50%/100% auto;}
.my-home .my-top-area .img-flower3 {display:inline-block;position:absolute;top:43.35rem;left:0;width:11rem;height:14.9rem;background:url('../images/img-flower3.svg') no-repeat 50%/100% auto;}
.my-home .my-top-area .my-card-wrap {position:relative;padding:0 2rem;}
.my-home .my-top-area .my-card-wrap .my-card-item {border:2px solid #181A1B;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,.04);}
.my-home .my-play-wrap {padding:2rem 0 0;}
.my-home .my-play-wrap .title-wrap {position:relative;padding-left:2rem;padding-right:5.6rem;}
.my-home .my-play-wrap .title-wrap .title {font-size:2rem;font-weight:700;color:#000;line-height:2.8rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.my-home .my-play-wrap .title-wrap .controls {position:absolute;top:0;right:2rem;}
.my-home .my-play-wrap .title-wrap .btn-control-play {width:3.6rem;height:3.6rem;background:url('../images/ico-play-xl2.svg') no-repeat 50%/100% auto;}
.my-home .my-play-wrap .title-wrap .btn-control-pause {width:3.6rem;height:3.6rem;background:url('../images/ico-pause-xl2.svg') no-repeat 50%/100% auto;}
.my-home .my-play-wrap .play-wrap {position:relative;display:flex;margin-top:0.8rem;padding:3.4rem 0 0;width:calc(100% - 5.7rem);height:10.3rem;}
.my-home .my-play-wrap .ico-lottie-character {z-index:3;content:'';position:absolute;top:7.5rem;right:0;width:8rem;height:12rem;}
.my-home .my-play-wrap .ico-lottie-character svg {width:100%;height:100%;}
.my-home .my-play-wrap .play-wrap .track-wrap .play-track {position:relative;width:100%;height:0.4rem;background-color:#F3F5F6;}
.my-home .my-play-wrap .play-wrap .track-wrap .play-track .progressbar {position:absolute;top:0;left:0;height:100%;background-color:#000;}
.my-home .my-play-wrap .play-wrap .track-wrap .play-track .progressbar .title {z-index:3;content:'';display:inline-block;position:absolute;top:-3.3rem;height:1.8rem;line-height:1.8rem;font-size:1.1rem;font-weight:500;color:#fff;text-align:center;background-color:#000;border-radius:0.4rem;transition:transform .08s cubic-bezier(0, 0, 0, 1);white-space:nowrap;padding:0 0.4rem;}
.my-home .my-play-wrap .play-wrap .track-wrap .play-track .progressbar .title::after {content:'';display:inline-block;position:absolute;left:50%;margin-left:-0.35rem;bottom:-0.25rem;width:0.7rem;height:0.7rem;background:url('../images/ico-bubble-down.svg') no-repeat 50%/100% auto;transition:transform .08s cubic-bezier(0, 0, 0, 1);}
.my-home .my-play-wrap .play-wrap .track-wrap .play-track .progressbar::after {display:none;z-index:3;content:'';width:2.4rem;height:2.4rem;position:absolute;top:50%;right:-1.2rem;margin-top:-1.2rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;transition:transform .08s cubic-bezier(0, 0, 0, 1);}
.my-home .my-play-wrap .play-wrap .track-wrap .play-track .progressbar .ico-lottie-circle {position:absolute;top:50%;right:-1.6rem;margin-top:-1.6rem;width:3.3rem;height:3.3rem;}
.my-home .my-play-wrap .play-wrap .track-wrap.end .play-track .progressbar .ico-lottie-circle {display:none;}

.my-home .my-play-wrap .play-wrap .track-wrap.voice-track {width:33.88%;}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track .play-track::after {z-index:2;content:'';display:inline-block;position:absolute;top:50%;right:-0.3rem;margin-top:-0.3rem;width:0.6rem;height:0.6rem;background-color:#A8B3BD;border-radius:50%;}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track .play-track .title {width:5.7rem;right:-2.85rem;transform:scale(0);}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track .play-track .title::after {transform:scale(0);}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track .play-track .progressbar::after {display:inline-block;background-image:url('../images/ico-progress.svg');transform:scale(0);}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track .play-track .progressbar::after {background-image:url('../images/ico-progress-ringback.svg');}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.start .title {transform:scale(1);}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.start .title::after {transform:scale(1);}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.start .progressbar::after {transform:scale(1);}

.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track.start .title {transform:scale(1);}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track.start .title::after {transform:scale(1);}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track.start .progressbar::after {transform:scale(1);}
/*
.my-home .my-play-wrap .play-wrap .track-wrap .play-track.start .progressbar::after {right:-1.2rem;}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.start .play-track .progressbar .title {right:-2.4rem;}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track.start .play-track .progressbar .title {right:-2.9rem;}
*/
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.end .play-track::after {background-color:#000;}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.end .play-track .progressbar::after {display:none;}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.end .play-track .progressbar .title {display:none;}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.end ~ .track-wrap.ringback-track .play-track .progressbar::after {display:inline-block;}
.my-home .my-play-wrap .play-wrap .track-wrap.voice-track.end ~ .track-wrap.ringback-track .play-track .progressbar .title {display:block;}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track {width:66.11%;}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track .play-track .progressbar .title {display:none;width:5.6rem;right:-2.8rem;}

.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track.end .play-track .title {transform:scale(0);}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track.end .title::after {transform:scale(0);}
.my-home .my-play-wrap .play-wrap .track-wrap.ringback-track.end .play-track .progressbar::after {transform:scale(0);}
.my-home.tab-fixed .tab-style {z-index:11;position:fixed;top:0;left:50%;margin:0;width:100%;max-width:500px;transform:translateX(-50%);}
.my-home.tab-fixed .tab-style2 {z-index:11;position:fixed;top:4.1rem;left:50%;margin:0;padding:2rem 2rem 1rem;background-color:#F3F5F6;width:100%;max-width:500px;transform:translateX(-50%);}
.my-home.tab-fixed .tab-wrap .tab-content {padding-top:5.3rem}
.my-home.tab-fixed .tab-wrap {padding-top:4.1rem;}

.my-card-wrap .my-card-item {margin-top:1.2rem;padding:1.9rem 1.6rem;background-color:#fff;border-radius:1rem;}
.my-card-wrap .my-card-item:first-of-type {margin-top:0;}
.my-card-wrap .my-card-item .card-hd {display:flex;align-items:center;height:2.6rem;}
.my-card-wrap .my-card-item .card-hd .title {position:relative;padding-left:2.6rem;font-size:1.6rem;font-weight:700;color:#181A1B;line-height:2.6rem;}
.my-card-wrap .my-card-item .card-hd .title::before {content:'';display:inline-block;position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:100% auto;}
.my-card-wrap .my-card-item .card-hd .btn-toggle {margin-left:auto;width:4.6rem;height:2.6rem;font-size:1.2rem;font-weight:600;color:#66707A;border:1px solid #DCE0E5;background-color:#fff;border-radius:2rem;}
.my-card-wrap .my-card-item .card-hd .btn-toggle.on {color:#fff;background-color:#E30084;border-color:#E30084;}
.my-card-wrap .my-card-item .card-hd .badge {padding:0 0.8rem;height:2.6rem;line-height:2.6rem;font-size:1.2rem;font-weight:600;border-radius:2rem;}
.my-card-wrap .my-card-item .card-hd .badge.bg-pink {color:#fff;background-color:#E6007E;}
.my-card-wrap .my-card-item .card-hd .badge.bg-pink2 {color:#E6007E;background-color:rgba(227, 0, 132, 0.12);}
.my-card-wrap .my-card-item .card-hd .btn-wrap {display:flex;align-items:center;margin-left:auto;height:2.6rem;}
.my-card-wrap .my-card-item .card-hd .btn-wrap button {margin-left:1.2rem;font-size:1.2rem;font-weight:600;color:#3B4044;}
.my-card-wrap .my-card-item .card-hd .btn-wrap button:first-of-type {margin-left:0;}
.my-card-wrap .my-card-item .card-bd {display:flex;align-items:center;margin-top:1.4rem;min-height:6.1rem;}
.my-card-wrap .my-card-item .card-bd .thumbnail {width:4.8rem;height:4.8rem;overflow:hidden;border-radius:1rem;}
.my-card-wrap .my-card-item .card-bd .thumbnail img {width:100%;height:100%;object-fit:cover;}
.my-card-wrap .my-card-item .card-bd .bd-info {position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:1.2rem;width:calc(100% - 4.8rem);}
.my-card-wrap .my-card-item .card-bd .bd-info .voicering-phrase {font-size:1.2rem;font-weight:500;color:#181A1B;line-height:1.8rem;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.my-card-wrap .my-card-item .card-bd .bd-info .music-title {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.my-card-wrap .my-card-item .card-bd .bd-info .artist-name {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.my-card-wrap .my-card-item .card-bd .bd-info .controls {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;width:2.4rem;height:2.4rem;}
.my-card-wrap .my-card-item .card-bd .bd-info .btn-control-play {width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-play.svg');}
.my-card-wrap .my-card-item .card-bd .bd-info .btn-control-pause {width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-pause.svg');}
.my-card-wrap .my-card-item .card-bd .bd-info .btn-play {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;width:2.4rem;height:2.4rem;background:url('../images/ico-play.svg') no-repeat 50%/100% auto;}
.my-card-wrap .my-card-item.voicering .card-hd .title::before {background-image:url('../images/ico-title-voicering.svg');}
.my-card-wrap .my-card-item.voicering .card-bd .thumbnail {border-radius:50%;}
.my-card-wrap .my-card-item.ringback .card-hd .title::before {background-image:url('../images/ico-title-ringback.svg');}
.my-card-wrap .my-card-item.ringback .card-bd .thumbnail {border-radius:1rem;}

.my-card-wrap .my-card-item .card-ft {position:relative;display:flex;align-items:center;margin-top:1.2rem;padding-left:4.4rem;height:4.5rem;background-color:#F3F5F6;border-radius:1rem;}
.my-card-wrap .my-card-item .card-ft::before {content:'';display:inline-block;position:absolute;top:1.25rem;left:2rem;width:1.8rem;height:1.8rem;background-repeat:no-repeat;background-size:100% auto;}
.my-card-wrap .my-card-item .card-ft.ico-none {padding-left:2rem;}
.my-card-wrap .my-card-item .card-ft.ico-clock::before {background-image:url('../images/ico-clock.svg');}
.my-card-wrap .my-card-item .card-ft.ico-phone::before {background-image:url('../images/ico-phone.svg');}
.my-card-wrap .my-card-item .card-ft.ico-calendar::before {background-image:url('../images/ico-calendar.svg');}
.my-card-wrap .my-card-item .card-ft .ft-item {font-size:1.4rem;font-weight:500;color:#66707A;line-height:2.1rem;}
.my-card-wrap .my-card-item .card-ft .ft-dot {margin:0 0.6rem;width:0.3rem;height:0.3rem;background-color:#181A1B;border-radius:50%;}
.my-home .my-top-area .my-card-wrap .my-card-item.disabled {border-color:rgba(24, 26, 27, 0.3);}
.my-card-wrap .my-card-item.disabled .card-hd .title,
.my-card-wrap .my-card-item.disabled .card-hd .badge,
.my-card-wrap .my-card-item.disabled .card-bd,
.my-card-wrap .my-card-item.disabled .card-ft {opacity:.3}
.my-home .my-top-area .my-card-wrap .my-card-item .none-box {display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0.9rem 0 0.4rem;}
.my-home .my-top-area .my-card-wrap .my-card-item .none-box img {height:5.6rem;}
.my-home .my-top-area .my-card-wrap .my-card-item .none-box .title {margin-top:1rem;font-size:1.4rem;font-weight:600;color:#181A1B;line-height:2rem;}

.my-home .tab-wrap {z-index:1;position:relative;background-color:#F3F5F6;}
.my-home .tab-wrap .tab-style {margin:0;background-color:#fff;}
.my-home .tab-wrap .tab-content {padding:2rem 2rem 0;}
.my-home .tab-wrap .tab-content.disabled .my-card-item .card-hd .title,
.my-home .tab-wrap .tab-content.disabled .my-card-item .card-hd .badge,
.my-home .tab-wrap .tab-content.disabled .my-card-item .card-bd,
.my-home .tab-wrap .tab-content.disabled .my-card-item .card-ft {opacity:0.3;}
.my-home .tab-wrap .tab-content.tab-voicering .card-bd .thumbnail {border-radius:50%;}
.my-home .category-wrap .cate-item {margin-top:3.2rem;}
.my-home .category-wrap .cate-item .title-wrap {display:flex;align-items:center;}
.my-home .category-wrap .cate-item .title-wrap .cate-title {font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}
.my-home .category-wrap .cate-item .title-wrap .cate-num {margin-left:0.8rem;font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}
.my-home .category-wrap .cate-item .title-wrap .btn-add {margin-left:auto;display:flex;align-items:center;height:1.6rem;}
.my-home .category-wrap .cate-item .title-wrap .btn-add::before {content:'';width:1.6rem;height:1.6rem;background:url('../images/ico-plus2.svg') no-repeat 50%/100% auto;}
.my-home .category-wrap .cate-item .title-wrap .btn-add span {margin-left:0.2rem;font-size:1.2rem;font-weight:600;color:#3B4044;}
.my-home .category-wrap .cate-item .my-card-wrap {margin-top:1.2rem;}
.my-home .category-wrap .cate-item .my-card-wrap .my-card-item .card-bd .bd-info {padding-right:3.6rem;}
.my-home .category-wrap .cate-item .none-box {display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.2rem;padding:0 2rem;min-height:19.8rem;background-color:#fff;border-radius:1rem;border:1px solid #E7EBEE;}
.my-home .category-wrap .cate-item .none-box img {height:4rem;}
.my-home .category-wrap .cate-item .none-box .title {margin-top:1rem;font-size:1.4rem;font-weight:600;color:#181A1B;line-height:2rem;text-align:center;}
.my-home .category-wrap .cate-item .none-box .desc {margin-top:0.4rem;font-size:1.4rem;font-weight:500;color:#66707A;line-height:2rem;text-align:center;}
.my-home .none-box .btn-add {display:flex;align-items:center;margin-top:2rem;padding:0 1.2rem;height:3.4rem;background-color:#F3F5F6;border-radius:1rem;}
.my-home .none-box .btn-add::before {content:'';width:1.6rem;height:1.6rem;background:url('../images/ico-plus-g.svg') no-repeat 50%/100% auto;}
.my-home .none-box .btn-add span {margin-left:0.2rem;font-size:1.2rem;font-weight:600;color:#66707A;}
.my-home.disabled .my-play-wrap .play-wrap {opacity:0.3;}
.my-home.disabled .my-play-wrap .play-wrap .track-wrap .play-track .progressbar {display:none;}
.my-home.disabled .my-play-wrap .play-wrap .track-wrap.voice-track .play-track::after {display:none;}
.my-home.disabled .my-play-wrap .title-wrap .controls {opacity:0.3;}

.my-home.my-not {height:100vh;background-color:#fff;}
.my-home.my-not .not-content {display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:5.6rem;left:0;right:0;bottom:5.7rem;overflow-x:hidden;overflow-y:auto;padding-bottom:11.8rem;min-height:34.2rem;}
.my-home.my-not .not-content img {height:10rem;}
.my-home.my-not .not-content .title {font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;text-align:center;}
.my-home.my-not .not-content .btn-box {margin-top:2.8rem;}
.my-home.my-not .not-content .btn-box button {padding:0 2rem;}

/* MenuAll - Identity */
.sub-content.menuall-identity {position:relative;padding-top:7.5rem;padding-bottom:10.2rem;padding-left:2rem;padding-right:2rem;}
.menuall-identity h2.title {font-size:2.2rem;font-weight:700;color:#000;line-height:3.1rem;}
.menuall-identity .form-group {margin-top:4.8rem;}
.menuall-identity .form-group .form-item {margin-top:3.2rem;}
.menuall-identity .form-group .form-item:first-of-type {margin-top:0;}
.menuall-identity .form-group .form-item .form-title {display:block;font-size:1.2rem;font-weight:600;color:#66707A;line-height:1.4rem;}
.menuall-identity .form-group .form-item .form-cont {margin-top:0.8rem;}
.menuall-identity .form-group .form-item .form-cont .ip-box {position:relative;}
.menuall-identity .form-group .form-item .form-cont .ip-box input {padding:0 1.6rem 0 1.6rem;height:5.2rem;line-height:5.2rem;font-size:1.6rem;font-weight:500;}
.menuall-identity .form-group .form-item .form-cont .ip-box input:focus {font-weight:600;border-color:#181A1B;}
.menuall-identity .form-group .form-item .form-cont .ip-box input::placeholder {font-weight:500;}
.menuall-identity .form-group .form-item .form-cont .ip-box input.ip-sp {padding-right:5.2rem;}
.menuall-identity .form-group .form-item .form-cont .ip-box .txt-clear {top:1.4rem;right:1.6rem;width:2.4rem;height:2.4rem;background:url('../images/ico-txt-clear2.svg') no-repeat 50%/100% auto;}
.menuall-identity .form-group .form-item .form-cont .ip-box .time-limit {font-size:1.6rem;font-weight:600;line-height:2.2rem;color:#000;}
.menuall-identity .form-group .form-item .form-cont .ip-box .btn-verify {position:absolute;top:1.1rem;right:1.6rem;padding:0 1.2rem;height:3rem;font-size:1.2rem;font-weight:600;text-align:center;border-radius:0.8rem;}
.menuall-identity .form-group .form-item .form-cont .info-desc {margin-top:0.8rem;font-size:1.2rem;}
.menuall-identity .form-group .form-item.form-verify .form-cont .ip-box input {padding-right:7.3rem;font-size:1.8rem;font-weight:600;}
.menuall-identity .form-group .form-item.form-verify .form-cont .ip-box input::placeholder {font-weight:500;font-size:1.6rem;}
.menuall-identity .form-group .form-item.form-verify .form-cont .ip-box input.ip-sp {padding-right:10.9rem;}
.menuall-identity .form-group .form-item.form-verify .form-cont .ip-box .txt-clear {right:7.3rem;}
.menuall-identity .form-group .form-item.form-verify .form-cont .ip-box .time-limit {position:absolute;top:1.6rem;right:1.6rem;}
.menuall-identity .form-group .form-item.form-verify .form-cont .resend-wrap {display:flex;justify-content:center;margin-top:1.8rem;text-align:center;}
.menuall-identity .form-group .form-item.form-verify .form-cont .resend-wrap .btn-resend {display:flex;align-items:center;justify-content:center;}
.menuall-identity .form-group .form-item.form-verify .form-cont .resend-wrap .btn-resend::before {content:'';width:2rem;height:2rem;background:url('../images/ico-refresh.svg') no-repeat 50%/100% auto;}
.menuall-identity .form-group .form-item.form-verify .form-cont .resend-wrap .btn-resend span {margin-left:0.4rem;font-size:1.4rem;font-weight:500;color:#181A1B;line-height:2rem;}
.menuall-identity .btn-box.fixed {padding-top:0;height:7.2rem;}
.menuall-identity .btn-box.fixed::before {display:none;}

/* Bell&Ringback Purchase */
.ringback-tone.purchase .inner {display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 14.8rem);}

/* My Setting - Storage - Ringback */
.sub-content.storage-ringback {padding-top:10.8rem;}
.sub-content.storage-ringback .btn-genre-wrap {z-index:10;position:fixed;top:5.5rem;left:50%;right:0;padding:1rem 0 0 1.2rem;width:100%;height:5.3rem;background-color:#fff;transition:box-shadow .15s ease;max-width:500px;transform:translateX(-50%);}
#header.fixed ~ #container .sub-content.storage-ringback .btn-genre-wrap {box-shadow:0 0.4rem 0.6rem 0 rgba(0,0,0,0.04);}
.sub-content.storage-ringback .btn-genre-wrap::after {display:none;}
.sub-content.storage-ringback .btn-genre-wrap .btn-genre {margin:0;padding:0;overflow:hidden;}
.sub-content.storage-ringback .music-rank-wrap li {margin-top:0.4rem;}
.sub-content.storage-ringback .music-rank-wrap li:first-of-type {margin-top:1.2rem;}
.sub-content.storage-ringback .music-rank-wrap li .controls.basic-controls {position:absolute;top:50%;margin-top:-1.2rem;right:0;}
.storage-ringback .result-none {display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:8.6rem;height:calc(100vh - 12.1rem);}
.storage-ringback .result-none img {height:10rem;}
.storage-ringback .result-none .title {font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;text-align:center;}

.sub-content.menuall {padding-top:0;}
.sub-content.menuall .sub-header {padding:0 2rem;}
.sub-content.menuall .my-info-wrap .membership-box {margin-top:2rem;border-radius:1rem;border:1px solid #E7EBEE;overflow:hidden;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);}
.sub-content.menuall .my-info-wrap .membership-box .phone-info {display:flex;align-items:center;justify-content:space-between;padding:0 1.7rem 0 1.9rem;height:3.8rem;background-color:#181A1B}
.sub-content.menuall .my-info-wrap .membership-box .phone-info .title {font-size:1.2rem;font-weight:700;color:#fff;}
.sub-content.menuall .my-info-wrap .membership-box .phone-info .num {position:relative;width:2rem;height:2rem;background:url('../images/ico-exchange-arrow.svg') no-repeat 50%/100% auto;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info {position:relative;padding:2rem 2rem 2rem 10.4rem;min-height:11.8rem;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .mb-status {display:block;position:absolute;top:2rem;left:2rem;width:7.2rem;height:7.3rem;background-repeat:no-repeat;background-size:100% auto;background-image:url('../images/img-membership-y.png');}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .usage-list li {margin-top:0.8rem;padding-top:0.8rem;border-top:1px solid #E7EBEE;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .usage-list li:first-of-type {margin-top:0;padding-top:0;border-top:0;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .usage-list li .title {position:relative;display:block;padding-right:2rem;font-size:1.2rem;font-weight:600;color:#181A1B;line-height:1.4rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .usage-list li .title::after {content:'';display:inline-block;position:absolute;top:50%;right:0;margin-top:-1rem;width:2rem;height:2rem;background:url('../images/ico-menuall-arrow-b.svg') no-repeat 50%/100% auto;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .usage-list li .detail a {position:relative;display:inline-block;padding-right:2rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .usage-list li .detail a::after {content:'';display:inline-block;position:absolute;top:0;right:0;width:2rem;height:2rem;background:url('../images/ico-menuall-arrow-g.svg') no-repeat 50%/100% auto;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info .usage-list.one li .title {font-size:1.6rem;font-weight:600;line-height:1.9rem;}

.sub-content.menuall .my-info-wrap .membership-box .usage-info.not-used {display:flex;align-items:center;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info.not-used .title {position:relative;padding-right:2rem;max-width:100%;line-height:3.1rem;font-size:1.6rem;font-weight:600;line-height:1.9rem;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info.not-used .title::after {content:'';display:inline-block;position:absolute;top:0;right:0;width:2rem;height:2rem;background:url('../images/ico-arrow-usage.svg') no-repeat 50%/100% auto;}
.sub-content.menuall .my-info-wrap .membership-box .usage-info.not-used .mb-status {background-image:url('../images/img-membership-n.png');}
.sub-content.menuall .my-info-wrap .membership-box .identity-verify {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:15.7rem;}
.sub-content.menuall .my-info-wrap .membership-box .identity-verify .title {font-size:1.4rem;font-weight:600;line-height:2rem;text-align:center;color:#181A1B;}
.sub-content.menuall .my-info-wrap .membership-box .identity-verify button {margin-top:1.2rem;width:6.6rem;height:3.4rem;font-size:1.2rem;font-weight:600;color:#66707A;background-color:#F3F5F6;border-radius:0.8rem;}
.sub-content.menuall .my-info-wrap .other-links {display:flex;align-items:center;margin-top:1.2rem;height:8rem;}
.sub-content.menuall .my-info-wrap .other-links .link-item {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:33.3%;height:100%;}
.sub-content.menuall .my-info-wrap .other-links .link-item::before {content:'';width:2rem;height:2rem;background-repeat:no-repeat;background-size:100% auto;}
.sub-content.menuall .my-info-wrap .other-links .link-item::after {content:'';position:absolute;top:50%;margin-top:-1.15rem;left:0;width:1px;height:2.3rem;background:#EFEFEF;}
.sub-content.menuall .my-info-wrap .other-links .link-item:first-of-type::after {display:none;}
.sub-content.menuall .my-info-wrap .other-links .link-item.link-storage::before {background-image:url('../images/ico-link-storage.svg');}
.sub-content.menuall .my-info-wrap .other-links .link-item.link-gift::before {background-image:url('../images/ico-link-gift.svg');}
.sub-content.menuall .my-info-wrap .other-links .link-item.link-event::before {background-image:url('../images/ico-link-event.svg');}
.sub-content.menuall .my-info-wrap .other-links .link-item span {margin-top:0.2rem;padding:0 0.8rem;font-size:1.2rem;font-weight:500;line-height:1.8rem;color:#181A1B;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}
.sub-content.menuall .menuall-box {margin:0 -2rem;padding:3.2rem 2rem 0;border-top:1.2rem solid #F3F5F6;}
.sub-content.menuall .menuall-box .box-item {margin-top:3.2rem;}
.sub-content.menuall .menuall-box .box-item:first-of-type {margin-top:0;}
.sub-content.menuall .menuall-box .box-item .title {display:block;font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}
.sub-content.menuall .menuall-box .box-item ul {margin-top:1.2rem;}
.sub-content.menuall .menuall-box .box-item ul li {height:5.6rem;}
.sub-content.menuall .menuall-box .box-item ul li.link-pw a::before {background-image:url('../images/ico-link-pw.svg');}
.sub-content.menuall .menuall-box .box-item ul li.link-rec a::before {background-image:url('../images/ico-link-rec.svg');}
.sub-content.menuall .menuall-box .box-item ul li.link-noti a::before {background-image:url('../images/ico-link-noti.svg');}
.sub-content.menuall .menuall-box .box-item ul li.link-info a::before {background-image:url('../images/ico-link-info.svg');}
.sub-content.menuall .menuall-box .box-item ul li.link-cs a::before {background-image:url('../images/ico-link-cs.svg');}
.sub-content.menuall .menuall-box .box-item ul li.link-reqs a::before {background-image:url('../images/ico-link-reqs.svg');}
.sub-content.menuall .menuall-box .box-item ul li.link-alarm a::before {background-image:url('../images/ico-link-alarm.svg');}
.sub-content.menuall .menuall-box .box-item ul li a {display:flex;align-items:center;width:100%;height:100%;}
.sub-content.menuall .menuall-box .box-item ul li a::before {content:'';flex-shrink:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:100% auto;}
.sub-content.menuall .menuall-box .box-item ul li a span {margin-left:1.2rem;max-width:calc(100% - 3.6rem);font-size:1.6rem;font-weight:500;color:#181A1B;line-height:2.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sub-content.menuall .menuall-terms {margin:3.2rem -2rem 0;}
.sub-content.menuall .menuall-terms .terms-item {display:block;padding:0 2rem 0 2rem;height:4.8rem;line-height:4.8rem;font-size:1.4rem;font-weight:500;color:#525960;/*background:url('../images/ico-arrow-terms.svg') no-repeat right 2rem top 50%/2.4rem;*/white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sub-content.menuall .menuall-terms .terms-item b {font-weight:500;}

/* Gift Send */
.gift-list.ringback-tone .purchase-setting {padding-bottom:2.4rem;}
.gift-list .purchase-setting  .ip-contact-wrap {display:flex;margin-top:auto;}
.gift-list .purchase-setting  .ip-contact-wrap .ip-box {flex:1;}
.gift-list .purchase-setting  .ip-contact-wrap .ip-box input {background-color:#F9FAFB;border:0;}
.gift-list .purchase-setting  .ip-contact-wrap button {margin-left:1.2rem;padding:0 2rem;height:4.4rem;font-size:1.4rem;font-weight:600;border-radius:0.8rem;}
.gift-list .purchase-setting .ip-contact-wrap + .terms-chk-box .terms-chk {margin-top:5.6rem;}
.gift-list .purchase-setting .terms-chk-box .terms-chk {margin-top:1rem;}
.gift-list .purchase-setting .terms-chk-box .terms-chk input[type="checkbox"] + label {padding-left:2rem;border:1px solid #E7EBEE;background-color:#F3F5F6;border-radius:1.2rem;}
.gift-list .btn-box-contact {display:none;}
.gift-list.contact-focus .btn-box-pay {display:none;}
.gift-list.contact-focus .btn-box-contact {display:block;}

/* Event List */
.sub-content.sub-content-event {padding-top:9.9rem;}
.sub-content.sub-content-event .tab-style {z-index:10;position:fixed;top:5.6rem;left:50%;right:0;margin:0;background-color:#fff;height:4.3rem;width:100%;max-width:500px;transform:translateX(-50%);}
.sub-content-event .event-list li {margin-top:1.2rem;}
.sub-content-event .event-list li:first-of-type {margin-top:2rem;}
.sub-content-event .event-list li a {position:relative;display:block;border-radius:1rem;overflow:hidden;}
/*
.sub-content-event .event-list li a {position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:1.6rem 16rem 1.6rem 1.6rem;min-height:13.2rem;border-radius:1rem;background:#F3F5F6;overflow:hidden;}
.sub-content-event .event-list li a::after {content:'';display:inline-block;position:absolute;top:1.6rem;right:1.2rem;width:13.2rem;height:10rem;background:url('../images/img-event.png') no-repeat 50%/100% auto;}
.sub-content-event .event-list li .title {font-size:1.6rem;font-weight:700;color:#181A1B;line-height:1.9rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;}
.sub-content-event .event-list li .title2 {margin-top:0.8rem;font-size:1.2rem;font-weight:500;color:#525960;line-height:1.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}
.sub-content-event .event-list li .event-badge {margin-top:auto;padding:0 0.8rem;height:2rem;line-height:2rem;font-size:1.1rem;font-weight:600;color:#E6007E;border:1px solid #E30084;border-radius:0.6rem;background-color:transparent;}
*/
.sub-content-event .event-list li .end-event {z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;font-size:1.4rem;font-weight:600;color:#fff;background-color:rgba(24, 26, 27, 0.78);}

/* Recommended List */
.recommended-music .sub-header {border-bottom:1px solid #E7EBEE;}
.recommended-list li {margin-top:4.2rem;}
.recommended-list li:first-of-type {margin-top:2rem;}
.recommended-list li a {display:block;}
.recommended-list li a .thumbnail {position:relative;display:block;padding-top:56.25%;border-radius:1rem;overflow:hidden;}
.recommended-list li a .thumbnail img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.recommended-list li a .text-wrap {margin-top:1.2rem;}
.recommended-list li a .text-wrap .title {display:block;font-size:1.6rem;font-weight:700;color:#181A1B;line-height:2.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.recommended-list li a .text-wrap .desc {display:block;margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#181A1B;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* Gift Box */
.sub-content.gift-box {padding-top:15.2rem;}
.sub-content.gift-box .tab-style {z-index:10;position:fixed;top:5.6rem;left:50%;right:0;margin:0;background-color:#fff;height:4.3rem;width:100%;max-width:500px;transform:translateX(-50%);}
.sub-content.gift-box .btn-genre-wrap {z-index:10;position:fixed;top:9.9rem;left:50%;right:0;padding:1rem 2rem;background-color:#fff;width:100%;max-width:500px;transform:translateX(-50%);}
.sub-content.gift-box .gift-wrap {display:flex;flex-wrap:wrap;margin-top:2rem;padding:0 2rem;}
.sub-content.gift-box .gift-wrap .gift-item {display:flex;flex-direction:column;margin-bottom:2.4rem;width:48.125%;}
.sub-content.gift-box .gift-wrap .gift-item:nth-child(even) {margin-left:3.75%;}
.sub-content.gift-box .gift-wrap .gift-item .thumbnail {position:relative;padding-top:100%;border-radius:1rem;overflow:hidden;}
.sub-content.gift-box .gift-wrap .gift-item .thumbnail a {position:absolute;top:0;left:0;width:100%;height:100%;}
.sub-content.gift-box .gift-wrap .gift-item .thumbnail img {width:100%;height:100%;object-fit:cover;}
.sub-content.gift-box .gift-wrap .gift-item .controls {position:absolute;bottom:1.2rem;right:1.2rem;width:4rem;height:4rem;}
.sub-content.gift-box .gift-wrap .gift-item .btn-control-play {z-index:1;display:inline-block;width:4rem;height:4rem;background:url('../images/ico-play-gift.svg') no-repeat 50%/100% auto;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);}
.sub-content.gift-box .gift-wrap .gift-item .btn-control-pause {z-index:1;display:inline-block;width:4rem;height:4rem;background:url('../images/ico-pause-gift.svg') no-repeat 50%/100% auto;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);border-radius:50%;}
.sub-content.gift-box .gift-wrap .gift-item .info-wrap {margin-top:1.2rem;display:flex;flex-direction:column;align-items:flex-start;}
.sub-content.gift-box .gift-wrap .gift-item .info-wrap .user-info {padding:0 0.8rem;height:2rem;line-height:2rem;font-size:1.1rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:0.6rem;max-width:100%;}
.sub-content.gift-box .gift-wrap .gift-item .info-wrap .music-title {margin-top:0.4rem;line-height:2.1rem;font-size:1.4rem;font-weight:700;color:#181A1B;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}
.sub-content.gift-box .gift-wrap .gift-item .info-wrap .artist-name {line-height:1.8rem;font-size:1.2rem;font-weight:500;color:#66707A;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}
.sub-content.gift-box .gift-wrap .gift-item .info-wrap .music-info {margin-top:0.4rem;line-height:1.8rem;font-size:1.2rem;font-weight:500;color:#66707A;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}
.sub-content.gift-box .received .gift-wrap .gift-item .user-info {color:#E6007E;background-color:#FDEDF6;}
.sub-content.gift-box .sent .gift-wrap .gift-item .user-info {color:#F86800;background-color:#FFE7D6;}
.sub-content.gift-box .result-none {display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:18.6rem;height:calc(100vh - 16.4rem);}
.sub-content.gift-box .result-none img {height:10rem;}
.sub-content.gift-box .result-none .title {font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;text-align:center;}

/* Music Request */
.music-request {padding-bottom:0;}
.music-request .sub-header + .inner {display:flex;flex-direction:column;min-height:calc(100vh - 14.8rem);}
.music-request .request-info {padding-bottom:2.4rem;}
.music-request .request-info .music-item {display:flex;align-items:center;padding:1.4rem 0;}
.music-request .request-info .music-item .thumbnail {width:6.8rem;height:6.8rem;border-radius:1rem;overflow:hidden;}
.music-request .request-info .music-item .thumbnail img {width:100%;height:100%;object-fit:cover;}
.music-request .request-info .music-item .music-info {display:flex;flex-direction:column;justify-content:center;padding:0 0 0 1.2rem;width:calc(100% - 6.8rem);}
.music-request .request-info .music-item .music-info .ring-type {font-size:1.2rem;font-weight:600;color:#E6007E;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-request .request-info .music-item .music-info .music-title {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-request .request-info .music-item .music-info .artist-name {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-request .request-segment {margin-top:3.2rem;}
.music-request .request-segment .title {font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}
.music-request .request-segment .ring-select-list li input[type="radio"] + label::after {display:none;}
.music-request .request-segment .ring-select-list li input[type="radio"]:checked + label + .layer-box {display:block;}
.music-request .request-segment .layer-box {display:none;position:relative;padding:1.5rem 1.9rem 2.3rem;border:1px solid #E7EBEE;border-radius:1rem;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);}
.music-request .request-segment .layer-box .box-title {display:block;font-size:1.4rem;font-weight:600;color:#181A1B;line-height:2rem;}
.music-request .request-segment .layer-box .desc {display:block;margin-top:0.2rem;font-size:1.2rem;font-weight:500;color:#A8B3BD;line-height:1.8rem;}
.music-request .request-segment .layer-box .tab-style2 {margin-top:1rem;}
.music-request .request-segment .layer-box .tab-style2 .tab-btn li .tab-item {padding:0 1.2rem;}
.music-request .request-segment .layer-box .btn-chg {position:absolute;top:1.6rem;right:2rem;font-size:1.2rem;font-weight:600;color:#3B4044;line-height:2rem;}
.music-request .request-segment .layer-box .time-set-wrap {display:flex;margin-top:1.8rem;padding-top:2rem;border-top:1px solid #E7EBEE;}
.music-request .request-segment .layer-box .time-set-wrap .set-item.set-start .ip-box input {color:#181A1B;background-color:#F3F5F6;}
.music-request .request-segment .layer-box .time-set-wrap .set-item.set-end .ip-box input {color:#525960;background-color:rgba(24, 26, 27, 0.42);}
.music-request .request-segment .layer-box .time-set-wrap .set-item .set-title {display:block;margin-bottom:0.6rem;font-size:1.2rem;font-weight:600;line-height:1.8rem;color:#181A1B;text-align:center;}
.music-request .request-segment .layer-box .time-set-wrap .set-item .ip-box {display:flex;align-items:center;}
.music-request .request-segment .layer-box .time-set-wrap .set-item .ip-box input {padding:0;width:3.4rem;height:3.4rem;line-height:3.4rem;font-size:1.4rem;font-weight:600;text-align:center;border:0;border-radius:0.4rem;}
.music-request .request-segment .layer-box .time-set-wrap .set-item .ip-box .unit {margin-left:0.4rem;min-width:1.8rem;font-size:1.2rem;font-weight:500;color:#181A1B;line-height:3.4rem;}
.music-request .request-segment .layer-box .time-set-wrap .set-item .ip-box .unit + input {margin-left:1rem;}
.music-request .request-segment .layer-box .time-set-wrap .tilde {margin-top:2.4rem;width:3.6rem;line-height:3.4rem;font-size:1.2rem;font-weight:600;color:#7F8A94;text-align:center;}
.music-request .textarea-wrap {margin-top:0.8rem;}
.section-box {margin:0 -2rem;padding:3.2rem 2rem;border-top:1.2rem solid #F3F5F6;}
.section-box .title {font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}

/* Music Request Status */
.music-request-status .status-wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem;height:17.2rem;background-color:#F3F5F6;}
.music-request-status .status-wrap .desc {font-size:1.2rem;font-weight:500;color:#7F8A94;line-height:1.8rem;text-align:center;}
.music-request-status .status-wrap .status-dp {display:flex;justify-content:space-between;align-items:center;margin-top:1.8rem;padding:0 1.1rem;width:100%;}
.music-request-status .status-wrap .status-dp .dp-item {position:relative;width:4rem;height:4rem;line-height:4rem;font-size:1.1rem;font-weight:600;color:#fff;text-align:center;border-radius:50%;background-color:#A8B3BD;}
.music-request-status .status-wrap .status-dp .dp-item.on {background-color:#181A1B;}
.music-request-status .status-wrap .status-dp .dp-item.on::before {background-color:#181A1B;}
.music-request-status .status-wrap .status-dp .dp-item::before {content:'';display:inline-block;height:1px;position:absolute;top:calc(50% - 1px);right:4rem;background-color:#DCE0E5;width:calc((100vw - 18.2rem) / 2);max-width:calc((500px - 18.2rem) / 2);}
.music-request-status .status-wrap .status-dp .dp-item:first-of-type::before {display:none;}
.music-request-status .status-wrap2 {padding:2.8rem 2rem;background-color:#F3F5F6;}
.music-request-status .status-wrap2 .title {font-size:1.4rem;font-weight:600;color:#181A1B;line-height:2.1rem;text-align:center;}
.music-request-status .status-wrap2 .desc {margin-top:0.8rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;text-align:center;}
.music-request-status .status-wrap2 .title + .desc {margin-top:0.4rem;}
.music-request-status .receipt-wrap {padding:2rem 2rem;}
.music-request-status .receipt-wrap .receipt-box {position:relative;margin-top:1.2rem;padding:2rem 1.5rem 2rem;border:1px solid #DCE0E5;border-radius:1rem;}
.music-request-status .receipt-wrap .receipt-box:first-of-type {margin-top:0;}
.music-request-status .receipt-wrap .receipt-box .receipt-badge {display:inline-block;margin:0.3rem 0;padding:0 0.8rem;height:2rem;line-height:2rem;font-size:1.1rem;font-weight:600;color:#fff;text-align:center;border-radius:0.6rem;background-color:#A8B3BD;}
.music-request-status .receipt-wrap .receipt-box .btn-receipt-toggle {position:absolute;top:2.3rem;right:1.6rem;width:2.1rem;height:2rem;background-repeat:no-repeat;background-size:100% auto;background-image:url('../images/ico-arrow-receipt.svg');}
.music-request-status .receipt-wrap .receipt-box .music-item {display:flex;align-items:center;margin-top:1.4rem;height:6.1rem;}
.music-request-status .receipt-wrap .receipt-box .music-item .thumbnail {width:4.8rem;height:4.8rem;border-radius:1rem;overflow:hidden;}
.music-request-status .receipt-wrap .receipt-box .music-item .thumbnail img {width:100%;height:100%;object-fit:cover;}
.music-request-status .receipt-wrap .receipt-box .music-item .text-wrap {display:flex;flex-direction:column;margin-left:1.2rem;width:calc(100% - 6rem);}
.music-request-status .receipt-wrap .receipt-box .music-item .text-wrap .music-title {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-request-status .receipt-wrap .receipt-box .music-item .text-wrap .artist-name {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-request-status .receipt-wrap .receipt-box .music-item .text-wrap .receipt-info {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-request-status .receipt-wrap .receipt-box .receipt-detail {margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid #E7EBEE;}
.music-request-status .receipt-wrap .receipt-box .receipt-detail .segment-info {display:block;padding:0 0.4rem;font-size:1.4rem;font-weight:700;color:#E30084;line-height:2.1rem;}
.music-request-status .receipt-wrap .receipt-box .receipt-detail .receipt-q {display:block;margin-top:0.8rem;padding:0 0.4rem;font-size:1.4rem;font-weight:500;color:#525960;line-height:2.1rem;}
.music-request-status .receipt-wrap .receipt-box .receipt-detail .receipt-a {display:block;margin-top:2rem;padding:1.6rem;font-size:1.4rem;font-weight:500;color:#3B4044;line-height:2.1rem;border-radius:0.8rem;background:#F3F5F6;}
.music-request-status .receipt-wrap .receipt-box .receipt-detail .receipt-a .date {display:block;margin-top:0.6rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.4rem;}
.music-request-status .receipt-wrap .receipt-box.on .receipt-badge {background-color:#181A1B;}
.music-request-status .receipt-wrap .receipt-box.show .btn-receipt-toggle {transform:rotate(180deg);}
.music-request-status .not-content {display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:22.8rem;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;padding-bottom:8.8rem;height:calc(100vh - 22.8rem);}
.music-request-status .not-content img {height:10rem;}
.music-request-status .not-content .title {font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;text-align:center;}
.music-request-status .not-content .desc {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;text-align:center;}
.music-request-status .not-content .btn-box {margin-top:2.8rem;}
.music-request-status .not-content .btn-box button {padding:0 2rem;}
.music-request-status .not-content-pause {top:5.6rem;height:calc(100vh - 5.6rem);padding-bottom:8.8rem;}

/* Auto Change Playelist */
.sub-content.auto-playlist {padding-bottom:9.2rem;}
.auto-playlist .gray-desc-box {padding:1.4rem 2rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;background:#F9FAFB;text-align:center;}
.music-form {position:relative;display:flex;align-items:center;height:6rem;padding-right:3.6rem;}
.music-form .music-item {position:relative;display:flex;align-items:center;width:100%;height:100%;}
.music-form .music-item .music-thumb {width:4.8rem;height:4.8rem;border-radius:0.8rem;overflow:hidden;}
.music-form .music-item .music-thumb img {width:100%;height:100%;object-fit:cover;}
.music-form .music-item .music-info {margin-left:1.2rem;width:calc(100% - 6rem);}
.music-form .music-item .music-info .music-title {display:block;font-size:1.4rem;font-weight:700;color:#181a1b;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-form .music-item .music-info .artist-name {display:block;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.music-form .btn-play {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;width:2.4rem;height:2.4rem;background:url('../images/ico-play.svg') no-repeat 50%/100% auto;}
.music-form .controls.basic-controls {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;}

.auto-playlist .ring-select-list li input[type="radio"] + label::after {display:none;}
.auto-playlist .ring-select-list li .radio-box .btn-toggle {content:'';display:inline-block;position:absolute;top:1.6rem;right:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:100% auto;background-image:url('../images/ico-arrow-radio-down.svg');transition:transform .25s linear;}

.auto-playlist .ring-select-list li .btn-toggle.on {transform:rotate(180deg);}
/*
.auto-playlist .ring-select-list li input[type="radio"]:checked ~ .layer-box-wrap {display:block;}
*/
.auto-playlist .layer-box-wrap {display:none;}
.auto-playlist .layer-box-wrap.on {display:block;}
.auto-playlist .layer-box-wrap .layer-box {margin-top:1.2rem;padding:1.9rem 1.5rem;border:1px solid #E7EBEE;border-radius:1rem;box-shadow:0 0.8rem 1.3rem 0 rgba(0,0,0,0.04);}
.auto-playlist .layer-box-wrap .layer-box:first-of-type {margin-top:0;}
.auto-playlist .layer-box-wrap .layer-box .title-wrap {display:inline-block;}
.auto-playlist .layer-box-wrap .layer-box .box-title {display:flex;align-items:center;padding:0 0.8rem;width:auto;height:2.8rem;border-radius:2.1rem;background-color:rgba(227, 0, 132, 0.12);}
.auto-playlist .layer-box-wrap .layer-box .box-title::before {content:'';width:1.6rem;height:1.6rem;background:url('../images/ico-clock2.svg') no-repeat 50%/100% auto;}
.auto-playlist .layer-box-wrap .layer-box .box-title span {margin-left:0.4rem;font-size:1.2rem;font-weight:600;color:#E30084;}
.auto-playlist .layer-box-wrap .layer-box .music-form {margin-top:1.4rem;}
.auto-playlist .layer-box-wrap .layer-box .music-form .music-item.usetap.active::after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(24, 26, 27, 0.12);}

/* Password Setting */
.sub-content.password-chg {padding-bottom:0;}
.setting-form-wrap {display:flex;flex-direction:column;height:calc(100vh - 5.6rem);}
.setting-form ul {border-top:0;}
.setting-form ul li {border-bottom:1px solid #E7EBEE;}
.setting-form ul li .setting-box {position:relative;display:flex;flex-direction:column;justify-content:center;min-height:5.6rem;padding:0 7.6rem 0 2rem;}
.setting-form ul li a.setting-box {width:100%;height:100%;}
.setting-form ul li .setting-box .title {font-size:1.6rem;font-weight:500;color:#181A1B;line-height:2.4rem;}
.setting-form ul li .setting-box .check_wrap {position:absolute;top:1.6rem;right:2rem;}
.setting-desc {margin-top:auto;padding:3.2rem 2rem 4.8rem;height:auto;font-size:1.4rem;font-weight:500;color:#66707A;line-height:2.1rem;background-color:#F3F5F6;}

/* Alarm for AOS */
.alarm-aos .setting-form ul {border-top:0;}
.alarm-aos .setting-form ul li {border:0;}
.alarm-aos .setting-form ul li .setting-box {padding-top:1.2rem;padding-bottom:1.2rem;}
.alarm-aos .setting-form ul li .setting-box .modal-desc {margin-top:0.2rem;font-size:1.4rem;font-weight:500;color:#66707A;text-decoration:underline;text-align:left;}
.alarm-aos .setting-form ul li .setting-box .modal-desc.usetap.active {text-decoration:none;}
.alarm-aos .setting-form ul li > ul li .setting-box {padding-left:4rem;}
.alarm-aos .setting-form ul li.disabled .setting-box .title {color:#DCE0E5;}
.alarm-aos .setting-form ul li.disabled .setting-box .modal-desc {color:#DCE0E5;}

/* Checkbox Setting style */
.check_wrap {position:relative;width:4.4rem;height:2.4rem;}
.check_wrap .checkbox {position:absolute;top:0;left:0;width:4.4rem;height:2.4rem;padding:0;margin:0;z-index:1;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;outline:none;background-color:transparent;border:0;outline:0;cursor:pointer;}
.check_wrap .checkbox:disabled + .check_bg {background-color:#DCE0E5;}
.check_wrap .check_bg {position:absolute;left:0;right:0;bottom:0;top:0;width:4.4rem;height:2.4rem;margin:auto;border-radius:1.6rem;background-color:#A8B3BD;}
.check_wrap .check_bg_theme {position:absolute;background-color:#E6007E;border-radius:1.6rem;bottom:0rem;height:0rem;left:0rem;margin:auto;right:0rem;top:0rem;width:0rem;-webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.check_wrap .check_dot {position:absolute;top:50%;bottom:0;left:0.2rem;width:2rem;height:2rem;margin-top:-1rem;border-radius:50%;background-color:#ffffff;-webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.check_wrap input[type="checkbox"]:checked.checkbox + .check_bg .check_bg_theme {width:100%;height:100%;}
.check_wrap input[type="checkbox"]:checked.checkbox ~ .check_dot {left:2.2rem;}

/* accordion */
.accordion-box .accordion-item .accordion-hd {position:relative;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 4.4rem 1.5rem 2rem;width:100%;border-top:1px solid #E7EBEE;text-align:left;}
.accordion-box .accordion-item .accordion-hd::after {content:'';display:inline-block;position:absolute;top:1.6rem;right:2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-arrow-accordion.svg') no-repeat 50% 50%/3.3rem auto;transition:transform .25s linear;}
.accordion-box .accordion-item:first-of-type .accordion-hd {border-top:0;}
.accordion-box .accordion-item .accordion-hd .noti-badge {align-self:flex-start;padding:0 0.8rem;height:2rem;line-height:2rem;font-size:1.1rem;font-weight:600;color:#fff;border-radius:0.6rem;background-color:#181A1B;}
.accordion-box .accordion-item .accordion-hd .noti-badge + .title {margin-top:0.9rem;}
.accordion-box .accordion-item .accordion-hd .title {font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.accordion-box .accordion-item .accordion-hd .date {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;}
.accordion-box .accordion-item .accordion-bd {display:none;position:relative;transition-timing-function:linear;}
.accordion-box .accordion-item .accordion-bd .accordion-cont {padding:1.6rem 2rem;font-size:1.4rem;color:#7F8A94;line-height:2.1rem;background-color:#F9FAFB;border-top:1px solid #E7EBEE;}
.accordion-box .accordion-item.show .accordion-hd::after {transform:rotate(180deg);}

.sub-content.notice-list .accordion-box .accordion-item .accordion-hd {min-height:10.1rem;}
.sub-content.notice-list .accordion-box .accordion-item .accordion-hd::after {top:1.6rem;}
.sub-content.notice-list .accordion-box .accordion-item .accordion-hd .title {display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;white-space:wrap;}

.sub-content.user-guide {padding-top:10.8rem;}
.sub-content.user-guide .accordion-box {margin-top:1rem;}
.sub-content.user-guide .accordion-box .accordion-item:first-of-type .accordion-hd {border-top:0;}
.sub-content.user-guide .accordion-box .accordion-item .accordion-hd {padding-top:2.1rem;padding-bottom:2.1rem;}
.sub-content.user-guide .accordion-box .accordion-item .accordion-hd::after {top:50%;margin-top:-1.2rem;}
.sub-content.user-guide .accordion-box .accordion-item .accordion-hd .title {display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;white-space:wrap;}
.sub-content.user-guide .btn-genre-wrap {z-index:10;position:fixed;top:5.5rem;left:50%;right:0;padding:1rem 0 0 2rem;width:100%;height:5.3rem;background-color:#fff;transition:box-shadow .15s ease;border-top:0;max-width:500px;transform:translateX(-50%);}
#header.fixed ~ #container .sub-content.user-guide .btn-genre-wrap {box-shadow:0 0.4rem 0.6rem 0 rgba(0,0,0,0.04);}
.sub-content.user-guide .btn-genre-wrap::after {display:none;}
.sub-content.user-guide .btn-genre-wrap .btn-genre {margin:0;padding:0;overflow:hidden;}

/* Terms */
.sub-content.sub-content-terms.not-gnb {padding-bottom:3rem;}
.sub-content.sub-content-terms .sub-header {border-bottom:1px solid #E7EBEE;}
.terms-form {padding:2.4rem 0 0;}
.terms-form h3 {font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}
.terms-form .terms-item {margin-top:3.2rem;}
.terms-form .terms-item h4 {font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;}
.terms-form .terms-item p {margin-top:1.2rem;font-size:1.4rem;font-weight:500;color:#7F8A94;line-height:2.1rem;}

/* Filter */
.filter-wrap.sel-style {position:relative;}
.filter-wrap.sel-style .btn-filter {position:relative;padding-left:1.2rem;padding-right:3rem;height:3.5rem;line-height:3.5rem;font-size:1.4rem;font-weight:500;color:#181A1B;border:1px solid #E7EBEE;border-radius:1.75rem;white-space:nowrap;}
.filter-wrap.sel-style .btn-filter::after {content:'';display:inline-block;position:absolute;top:0.85rem;right:1.2rem;width:1.6rem;height:1.6rem;background-repeat:no-repeat;background-size:100% auto;background-image:url('../images/ico-dropdown-down.svg');}
.filter-wrap.sel-style .btn-filter.on {border-color:#181A1B;}
.filter-wrap.sel-style .btn-filter.on::after {background-image:url('../images/ico-dropdown-up.svg');}
.filter-wrap.sel-style .filter-dropdown {top:4.35rem;left:0;right:auto;border:1px solid #E7EBEE;}
.filter-dropdown {z-index:12;display:none;position:absolute;top:2.5rem;right:0;width:16.6rem;border-radius:0.8rem;background-color:#fff;overflow:hidden;box-shadow:0.3rem 0.6rem 2.8rem 0 rgba(0,0,0,0.08);}
.filter-dropdown li {height:5.7rem;border-top:1px solid #e7ebee;}
.filter-dropdown li:first-of-type {border-top:0;}
.filter-dropdown li input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.filter-dropdown li input[type="radio"] + label {position:relative;display:flex;align-items:center;padding:0 1.6rem;width:100%;height:100%;font-size:1.6rem;font-weight:500;color:#181a1b;}
.filter-dropdown li input[type="radio"] + label .label-txt {font-size:1.6rem;font-weight:500;color:#181a1b;}
.filter-dropdown li input[type="radio"] + label .label-tag {margin-top:-0.2rem;margin-left:0.6rem;padding:0 0.6rem;height:2rem;line-height:2.1rem;font-size:1.1rem;font-weight:800;color:#FCFCFD;background-color:#181A1B;border-radius:0.4rem;}
.filter-dropdown li input[type="radio"] + label.usetap.active {background-color:rgba(0,0,0,.12);}
.filter-dropdown li input[type="radio"]:checked + label::before {content:'';display:inline-block;position:absolute;top:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;background:url('../images/ico-chk-dropdown.svg') no-repeat 50%/100% auto;}
.filter-dropdown li input[type="radio"]:checked + label {font-weight:700;}

.result-detail-album .music-rank-wrap.no-thumb {margin-top:1.2rem;}

/* Search - Result None */
.srh-result-none {padding:0;}
.srh-result-none .result-none {display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:8.2rem;height:calc(100vh - 8.2rem);}
.srh-result-none .result-none img {height:10rem;}
.srh-result-none .result-none .title {margin-top:0;font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;}
.srh-result-none .result-none .desc {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;}

/* Tab Style */
.tab-style {margin:0 -2rem;}
.tab-style .tab-btn {display:flex;border-bottom:1px solid #E7EBEE;}
.tab-style .tab-btn li {position:relative;flex:1;}
.tab-style .tab-btn li a {display:block;height:4.1rem;line-height:4.1rem;font-size:1.4rem;font-weight:600;color:#181A1B;text-align:center;}
.tab-style .tab-btn li.on a {color:#E30084;}
.tab-style .tab-btn li.on::after {content:'';display:inline-block;position:absolute;bottom:0;left:0;right:0;width:100%;height:0.2rem;background-color:#E30084;}

.tab-style2 .tab-btn {display:flex;align-items:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin:0 -2rem;padding:0 2rem;}
.tab-style2 .tab-btn::-webkit-scrollbar {display:none;}
.tab-style2 .tab-btn li {margin-left:0.6rem;}
.tab-style2 .tab-btn li:first-of-type {margin-left:0;}
.tab-style2 .tab-btn li .tab-item {padding:0 1.6rem;height:3.3rem;line-height:3.3rem;font-size:1.4rem;font-weight:500;color:#66707A;border-radius:1.65rem;background-color:#F3F5F6;}
.tab-style2 .tab-btn li.on .tab-item {font-weight:600;color:#FFFFFF;background-color:#181A1B;}

/* Swiper */
.slider-wrap {position:relative;}
.swiper-container {position:relative;overflow:hidden;}
.swiper-wrapper {display:flex;position:relative;width:100%;height:100%;transition-property:transform;box-sizing:content-box;}
.swiper-slide {position:relative;margin:0;padding:0;flex-shrink:0;width:100%;height:100%;transition-property:transform;}
.swiper-pagination {display:flex;align-items:center;justify-content:center;position:absolute;bottom:2.8rem;width:100%;height:0.6rem;}
.swiper-pagination .swiper-pagination-bullet {margin:0 0.3rem;width:0.6rem;height:0.6rem;background-color:rgba(255,255,255,.6);border-radius:50%;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.8rem;border-radius:2.1rem;background-color:rgba(255,255,255,1);}
.swiper-pagination.bg-black .swiper-pagination-bullet {background-color:#d9d9d9;}
.swiper-pagination.bg-black .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#181a1b;}
.swiper-pagination.swiper-pagination-fraction {padding:0 1.2rem;width:4.3rem;height:2.2rem;font-size:1.2rem;font-weight:500;color:#fff;background-color:rgba(0,0,0,.24);border-radius:1rem 0 1rem 0;}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {margin-right:1px;}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {font-size:1.2rem;font-weight:500;color:#fff;line-height:2.2rem;}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {margin-left:1px;}
.swiper-container .swiper-scrollbar {z-index:1;position:absolute;left:2rem;right:2rem;bottom:var(--swiper-scrollbar-bottom,0.8rem);width:calc(100% - 4rem);height:0.4rem;background-color:#575A5D;}
.swiper-container .swiper-scrollbar .swiper-scrollbar-drag {height:0.4rem;background-color:#A8B3BD;border-radius:0.2rem;}
.fraction-wrap {display:flex;align-items:center;justify-content:center;margin-top:1.2rem;}
.fraction-wrap .slider-genre-prev {width:2.4rem;height:2.4rem;background:url('../images/ico-swiper-prev.svg') no-repeat 50%/100% auto;cursor:pointer;}
.fraction-wrap .slider-genre-next {width:2.4rem;height:2.4rem;background:url('../images/ico-swiper-next.svg') no-repeat 50%/100% auto;cursor:pointer;}
.fraction-wrap .slider-genre-prev.swiper-button-disabled {background:url('../images/ico-swiper-prev-disabled.svg') no-repeat 50%/100% auto;cursor:not-allowed;}
.fraction-wrap .slider-genre-next.swiper-button-disabled {background:url('../images/ico-swiper-next-disabled.svg') no-repeat 50%/100% auto;cursor:not-allowed;}
.fraction-wrap .swiper-pagination.swiper-pagination-fraction {position:static;margin:0 1.85rem;height:2.4rem;line-height:2.4rem;color:#b5b5b5;background-color:#000000;border-radius:1.2rem;}
.fraction-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.fraction-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {line-height:2.4rem;}
.fraction-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {color:#b5b5b5;}
.swiper-button-next:after, .swiper-button-prev:after {display:none;}


/* Modal */
.noscroll {position:fixed;}
.modal {z-index:200;display:none;position:fixed;left:50%;right:0;top:0;bottom:0;width:100%;height:100%;font-size:0;white-space:nowrap;overflow:hidden;text-align:center;max-width:500px;transform:translateX(-50%);}
.modal > .dim {display:block;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(24, 26, 27, 0.42);opacity:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;}
.modal.visible > .dim {opacity:1;}
.modal:after {content:"";position:relative;display:inline-block;height:100%;vertical-align:middle;}
.modal .modal-inner {position:relative;text-align:left;display:inline-block;vertical-align:middle;white-space:normal;}

.fadeInUp .modal-inner {position:absolute;bottom:0;left:0;right:0;height:auto;overflow-y:auto;overflow-x:hidden;height:calc(100% - 5rem);-webkit-transition:transform 0.3s;transition:transform 0.3s;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);border-radius:2rem 2rem 0 0;}
.fadeInUp.visible .modal-inner {-webkit-transform:translate(0, 0) translateZ(0);transform:translate(0, 0) translateZ(0);}
.fadeInUp .modal-inner + .btn_box.fixed {-webkit-transition:bottom 0.3s;transition:bottom 0.3s;bottom:-100%;}
.fadeInUp.full .modal-inner {height:100%;border-radius:0;}
.fadeInUp.visible .modal-inner + .btn_box.fixed {bottom:0;}
.modal.fadeInUp.auto-h .modal-inner {height:auto;padding-bottom:0;}
.modal.fadeInUp .modal-inner {background-color:#fff;padding-bottom:9.2rem;}
.modal.fadeInUp .modal-hd {z-index:11;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding-top:0;height:8rem;text-align:left;background-color:#fff;}
.modal.fadeInUp .modal-hd + .modal-bd {padding-top:1.2rem;}
.modal.fadeInUp .modal-hd .title + .desc {margin-top:0.4rem;}
.modal.fadeInUp .modal-hd .desc {font-size:1.4rem;font-weight:500;line-height:2.1rem;color:#66707A;}
.modal.fadeInUp .modal-bd {text-align:left;max-height:none;height:auto;overflow:auto;}
.modal.fadeInUp .modal-content {padding-bottom:0;width:100%;border-radius:2rem 2rem 0 0;}
.modal.fadeInUp .modal-content.not-btn {padding-bottom:0;}
.modal.fadeInUp .modal-content .btn-box {padding:0 2rem;}
.modal.fadeInUp .modal-content .btn-box.fixed {padding:2rem 0 0;}
.modal.fadeInUp .btn-box.fixed {-webkit-transition:transform 0.3s;transition:transform 0.3s;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%);}
.modal.visible.fadeInUp .btn-box.fixed {-webkit-transform:translate(-50%, 0) translateZ(0);transform:translate(-50%, 0) translateZ(0);}
/*
.modal.fadeInUp .btn-box.fixed {bottom:-9.2rem;transition:opacity .3s ease-in-out, visibility .3s ease-in-out, top .3s ease-in-out;}
.modal.visible.fadeInUp .btn-box.fixed {bottom:0;}
*/
/*
.modal.fadeInUp .btn-box.fixed {opacity:0;visibility:hidden;transition:opacity .3s ease-in-out, visibility .3s ease-in-out;}
.modal.visible.fadeInUp .btn-box.fixed {opacity:1;visibility:visible;}
*/
.fadeIn .modal-inner {-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0;}
.fadeIn.visible .modal-inner {opacity:1;}

.modal-arrow-close {position:absolute;top:2rem;right:2rem;width:4rem;height:4rem;background:url('../images/ico-modal-down.svg') no-repeat 0/100% auto;}

/* Modal - alert */
.modal .modal-content {display:flex;flex-direction:column;justify-content:center;position:relative;margin:0 auto;width:31rem;background-color:#fff;border-radius:2rem;overflow:hidden;}
.modal .modal-hd {padding:3.2rem 2rem 0;font-size:2rem;font-weight:700;color:#181a1b;line-height:2.8rem;text-align:center;}
.modal .modal-hd + .modal-bd {padding-top:1.2rem;}
.modal .modal-bd {padding:2.8rem 2rem 2.4rem;max-height:calc(100vh - 17.2rem);text-align:center;overflow-x:hidden;overflow-y:auto;}
.modal .modal-bd > p {font-size:1.6rem;font-weight:500;color:#66707a;line-height:2.4rem;text-align:center;}
.modal .modal-bd > p em {font-weight:700;}
.modal .modal-bd .chk-display-none {margin-top:2rem;margin-bottom:0.4rem;}
.modal .modal-bd .modal-link {display:flex;justify-content:center;align-items:center;}
.modal .modal-bd .modal-link span {font-size:1.6rem;font-weight:600;color:#E6007E;}
.modal .modal-bd .modal-link::after {content:'';margin-left:0.4rem;width:2.4rem;height:2.4rem;background:url('../images/ico-modal-link.svg') no-repeat 50%/0.7rem 1.2rem;}
.modal .modal-ft {display:flex;height:7.2rem;padding:0 2rem 2rem;}
.modal .modal-ft .btn {flex:1;height:5.2rem;border-radius:1rem;}
.modal .modal-ft .btn span {font-size:1.4rem;font-weight:600;text-align:center;}
.modal .modal-ft .btn + .btn {margin-left:0.8rem;}
.modal .modal-ft.btn-xl .btn span {font-size:1.6rem;}
/*
.modal .modal-ft .btn-half {display:inline-block;margin-left:0;width:50%;height:100%;}
.modal .modal-ft .btn-half span {font-size:1.6rem;font-weight:600;color:#fff;text-align:center;}
.modal .modal-ft .btn-half + .btn-half span {color:#737378;}
*/

/* Modal - Charts by year */
.fadeInUp .modal-inner.modal-year {padding-bottom:0;max-height:40rem;height:40rem;background-color:#fff;border-radius:2rem 2rem 0 0;overflow:hidden;}
.modal-year .title {display:block;padding:2.8rem 0.8rem 0 2rem;height:7.2rem;font-size:2rem;font-weight:700;color:#181a1b;}
.modal-year .year-container {display:flex;padding:0 2rem;height:calc(100% - 16.4rem);overflow:hidden;}
.modal-year .year-container ol {width:50%;height:23.6rem;overflow-x:hidden;overflow-y:auto;}
.modal-year .year-container ol::-webkit-scrollbar {display:none;}
.modal-year .year-container ol.decades-list {padding-right:2rem;}
.modal-year .year-container ol.year-list {padding-left:2rem;border-left:1px solid #e7ebee;}
.modal-year .year-container li {position:relative;margin-top:0.4rem;}
.modal-year .year-container li:first-of-type {margin-top:0;}
.modal-year .year-container li input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.modal-year .year-container li input[type="radio"] + label {position:relative;display:block;padding:0;width:100%;height:100%;font-size:1.6rem;font-weight:500;color:#181a1b;line-height:4.4rem;cursor:pointer;}
/*.modal-year .year-container li input[type="radio"] + label.usetap.active {background-color:rgba(0,0,0,.12);}*/
.modal-year .year-container li input[type="radio"]:checked + label {font-weight:700;color:#e30084;}
.modal-year .year-container li input[type="radio"]:checked + label::before {content:'';display:inline-block;position:absolute;top:1rem;right:0;width:2.4rem;height:2.4rem;background:url('../images/ico-chk-dropdown.svg') no-repeat 50%/100% auto;}
.modal-year .btn-box {padding:2rem 2rem 0;height:9.2rem;}

/* Modal - Voice Ring Chr */
.modal.modal-voicering {z-index:10;}
.modal.modal-voicering.visible .modal-inner {transform:translate(0, -13.1rem) translateZ(0);}
.modal .modal-inner.modal-chr .modal-content {width:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.modal .modal-inner.modal-chr .voice-dropdown {margin-top:2.25rem;margin-bottom:2rem;padding:0 2rem;}
.modal .modal-inner.modal-chr .voice-char .swiper-container {padding:0 5.6rem 3.2rem;}
.modal .modal-inner.modal-chr .voice-char .swiper-container .swiper-button-prev {margin-top:-4rem;left:4rem;}
.modal .modal-inner.modal-chr .voice-char .swiper-container .swiper-button-next {margin-top:-4rem;right:4rem;}
.modal .modal-inner.modal-chr .voice-char .swiper-container .swiper-pagination {bottom:0.7rem;}
.modal .modal-inner.modal-chr .result-none {padding-top:8rem;padding-bottom:12.1rem;}
.modal .modal-inner.modal-chr .result-none img {margin-left:auto;margin-right:auto;height:13rem;}
.modal .modal-inner.modal-chr .result-none .title {display:block;margin-top:0.8rem;font-size:1.6rem;font-weight:600;color:#181A1B;line-height:2.2rem;text-align:center;}

/* Modal - Voice Ring Set */
.modal .modal-inner.modal-voicering-set {padding-bottom:0;height:auto;max-height:calc(100% - 5rem);}
.modal .modal-inner.modal-voicering-set .modal-content .modal-hd {padding-top:0.2rem;padding-bottom:0;text-align:left;}
.modal .modal-inner.modal-voicering-set .modal-content .title {display:block;font-size:2rem;font-weight:700;line-height:2.8rem;color:#181A1B;}
.modal .modal-inner.modal-voicering-set .modal-content img {margin-top:3.1rem;margin-left:auto;margin-right:auto;height:12.8rem;}
.modal .modal-inner.modal-voicering-set .modal-content .msg-wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2.4rem;min-height:4.8rem;}
.modal .modal-inner.modal-voicering-set .modal-content .msg-wrap p {font-size:1.6rem;font-weight:500;line-height:2.4rem;color:#7F8A94;text-align:center;}
.modal .modal-inner.modal-voicering-set .modal-content .btn-box {margin-top:3.6rem;padding-bottom:2rem;}

/* Modal - Ringback Time */
.modal .modal-ringback-time {text-align:left;}
.ringback-set-music {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;margin:0 -2rem;padding:0 2rem;border-bottom:1px solid #E7EBEE;}
.ringback-set-music .btn-set {position:relative;padding-left:6rem;font-size:1.4rem;font-weight:700;color:#181A1B;line-height:4.8rem;width:100%;text-align:left;}
.ringback-set-music .btn-set::before {content:'';position:absolute;left:0;width:4.8rem;height:4.8rem;background:url('../images/btn-add.svg') no-repeat 50%/100% auto;}
.ringback-chg-music  {position:relative;}
.ringback-chg-music .music-item {display:flex;align-items:center;padding:1.4rem 0;}
.ringback-chg-music .music-item .thumbnail {width:4.8rem;height:4.8rem;border-radius:1rem;overflow:hidden;}
.ringback-chg-music .music-item .thumbnail img {width:100%;height:100%;object-fit:cover;}
.ringback-chg-music .music-item .thumbnail + .music-info {padding:0 0 0 1.2rem;width:calc(100% - 4.8rem);}
.ringback-chg-music .music-item .music-info {display:flex;flex-direction:column;justify-content:center;width:100%;padding-right:7.2rem;}
.ringback-chg-music .music-info .music-title {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ringback-chg-music .music-info .artist-name {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ringback-chg-music .btn-chg {position:absolute;top:50%;right:0;margin-top:-1.7rem;padding:0 1.2rem;height:3.4rem;line-height:3.4rem;font-size:1.2rem;font-weight:600;color:#66707A;border-radius:0.8rem;border:1px solid #DCE0E5;}
.modal .modal-hd.modal-hd-contact .ringback-chg-music {margin-top:0.65rem;}
.modal .modal-hd.modal-hd-contact .ringback-chg-music .music-item {padding:0;}
.modal .modal-ringback-time .apply-time-box {margin:0 -2rem;padding:3.2rem 2rem 0;border-top:1px solid #E7EBEE;}
.modal .modal-ringback-time .apply-time-box .title {display:block;font-size:1.8rem;font-weight:700;color:#181A1B;line-height:2.5rem;}
.modal .modal-ringback-time .apply-time-box .desc {margin-top:0.4rem;font-size:1.6rem;font-weight:500;color:#66707A;line-height:2.4rem;}
.modal .modal-ringback-time .apply-time-box .ring-select-list li .bottom-layer {color:#66707A;}

.modal .modal-time .ringback-set-music {border-bottom:0;}
.modal .modal-time .time-picker-container {padding-top:5.1rem;padding-bottom:10.2rem;}

/* Modal - Ringback Friend */
.modal .modal-hd.modal-hd-contact {padding-top:1.35rem !important;padding-bottom:1.2rem;height:13.6rem;}
.modal .modal-hd.modal-hd-contact.friend-voicering {padding-top:0.1rem;}
.modal .modal-hd.modal-hd-contact.friend-voicering .ringback-set-music {border-bottom:0;}
.modal .modal-hd.modal-hd-contact .ringback-set-music {justify-content:flex-start;padding-top:0.2rem;border-bottom:0;}
.modal .modal-hd.modal-hd-contact .ip-contact-wrap {display:flex;margin-top:auto;}
.modal .modal-hd.modal-hd-contact .ip-contact-wrap .ip-box {flex:1;}
.modal .modal-hd.modal-hd-contact .ip-contact-wrap .ip-box input {background-color:#F9FAFB;border:0;}
.modal .modal-hd.modal-hd-contact .ip-contact-wrap button {margin-left:1.2rem;padding:0 2rem;height:4.4rem;font-size:1.4rem;font-weight:600;border-radius:0.8rem;}
.modal .modal-hd .chg-voicering {display:flex;align-items:center;padding:0.3rem 0;}
.modal .modal-hd .chg-voicering p {padding-right:1.2rem;width:calc(100% - 9.2rem);font-size:1.4rem;font-weight:700;line-height:2.1rem;color:#181A1B;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.modal .modal-hd .chg-voicering .btn-chg {width:9.2rem;height:3.4rem;line-height:3.4rem;font-size:1.2rem;font-weight:600;color:#66707A;text-align:center;border-radius:0.8rem;border:1px solid #DCE0E5;}
.modal .modal-hd.modal-hd-contact + .modal-bd {padding-top:0;}
.contact-list li {position:relative;margin-top:0;}
.contact-list li:first-of-type {margin-top:0;}
.contact-list li input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.contact-list li input[type="checkbox"] + label {position:relative;display:block;padding:1.6rem 3.6rem 1.6rem 3.2rem;}
.contact-list li input[type="checkbox"] + label::before {content:'';display:inline-block;position:absolute;top:1.6rem;left:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-chk-off2.svg');}
.contact-list li input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-chk-on2.svg');}
.contact-list li input[type="checkbox"] + label .contact-info .contact-num {display:block;font-size:1.6rem;font-weight:500;color:#181A1B;line-height:2.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.contact-list li input[type="checkbox"] + label .contact-info .sub-title {display:block;margin-top:0.4rem;font-size:1.4rem;font-weight:400;color:#66707A;line-height:1.7rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.contact-list li .btn-del-contact {display:inline-block;position:absolute;top:1.6rem;right:0;width:2.4rem;height:2.4rem;background:url('../images/ico-del-g.svg') no-repeat 50%/100% auto;}
.contact-list.contact-voicering-list li input[type="checkbox"] + label {padding-left:3.6rem;}
.contact-voicering-list .voicering-phrase {display:flex;justify-content:flex-end;}
.contact-voicering-list .voicering-phrase .chr-item {display:flex;flex-direction:column;align-items:center;}
.contact-voicering-list .voicering-phrase .chr-item .thumbnail {display:block;width:4rem;height:4rem;border-radius:50%;overflow:hidden;}
.contact-voicering-list .voicering-phrase .chr-item .thumbnail img {width:100%;height:100%;object-fit:cover;}
.contact-voicering-list .voicering-phrase .chr-item .crh-name {display:block;margin-top:0.4rem;width:4rem;height:1.6rem;line-height:1.6rem;font-size:1.1rem;font-weight:500;color:#fff;border-radius:0.6rem;background-color:#181A1B;text-align:center;}
.contact-voicering-list .voicering-phrase .phrase-item {margin-left:0.8rem;padding:0.8rem;width:calc(100% - 8.4rem);background-color:#F3F5F6;border-radius:0 1.2rem 1.2rem 1.2rem;}
.contact-voicering-list .voicering-phrase .phrase-item p {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}

.modal .modal-inner.modal-ringback-friend {padding-bottom:17rem;}
.modal .modal-ringback-friend .modal-bd {padding-bottom:0;}
.modal .modal-ringback-friend.modal-list-none .terms-chk-box {position:absolute;bottom:9.2rem;left:2rem;right:2rem;}
.modal .modal-ringback-friend .list-none {position:absolute;top:0;left:0;right:0;bottom:0;}
.modal .modal-ringback-friend .list-none .title {margin-top:0.2rem;}
.modal .modal-ringback-friend .list-none img {/*margin-top:5.6rem;*/}
.modal .modal-ringback-friend ~ .terms-chk-box {position:fixed;left:2rem;right:2rem;bottom:9.2rem;}
.modal .modal-ringback-friend ~ .terms-chk-box .terms-chk {}
.modal .modal-ringback-friend ~ .terms-chk-box .terms-chk input[type="checkbox"] + label {padding-left:2rem;border:1px solid #E7EBEE;background-color:#F3F5F6;border-radius:1.2rem;}
.terms-chk-box .terms-chk {position:relative;}
.terms-chk-box .terms-chk input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.terms-chk-box .terms-chk input[type="checkbox"] + label {display:flex;align-items:center;padding:0 5.6rem 0 0;height:4.8rem;cursor:pointer;}
.terms-chk-box .terms-chk input[type="checkbox"] + label::before {content:'';flex-shrink:0;align-self:flex-start;margin-top:1.2rem;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-chk-off2.svg');}
.terms-chk-box .terms-chk input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-chk-on2.svg');}
.terms-chk-box .terms-chk input[type="checkbox"] + label span {margin-left:0.8rem;font-size:1.4rem;font-weight:500;color:#181A1B;}
.terms-chk-box .terms-chk input[type="checkbox"] + label span b {font-weight:700;}
.terms-chk-box .terms-chk input[type="checkbox"]:disabled + label::before {background-image:url('../images/ico-chk-off2-disabled.svg');}
.terms-chk-box .terms-chk input[type="checkbox"]:disabled + label span {color:#A8B3BD;}
.terms-chk-box {position:relative;}
.terms-chk-box .terms-link {position:absolute;bottom:1.2rem;right:2rem;display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/ico-terms-link.svg') no-repeat 50%/100% auto;}

/* Modal - Ringback Anniversary */
.modal .modal-hd.modal-hd-anniversary {padding-top:1.35rem;height:13.2rem;}
.modal .modal-hd.modal-hd-anniversary2 {padding-top:1.55rem;height:13.2rem;}
.modal .modal-hd.modal-hd-anniversary2 .ringback-set-music {height:4.8rem;border-bottom:0;}
.modal .modal-hd.modal-hd-anniversary2 .ringback-chg-music .music-item {padding:0;}
.modal .modal-ringback-anniversary .btn-anniversary {display:flex;justify-content:center;align-items:center;margin-top:auto;height:5.2rem;color:#181A1B;background-color:#f3f5f6;border-radius:1rem;}
.modal .modal-ringback-anniversary .btn-anniversary::before {content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/ico-plus.svg') no-repeat 50%/100% auto;}
.modal .modal-ringback-anniversary .btn-anniversary span {margin-left:0.4rem;font-size:1.6rem;font-weight:600;color:#181A1B;}
.modal .modal-ringback-anniversary .btn-anniversary.active:disabled {background-color:#f3f5f6;}
.modal .modal-ringback-anniversary .list-none {position:absolute;top:0;left:0;right:0;bottom:0;}
.modal .modal-ringback-anniversary .list-none .title {margin-top:0.2rem;}
.modal .modal-ringback-anniversary .list-none img {margin-top:4.8rem;}
.anniversary-list li {position:relative;margin-top:0.4rem;}
.anniversary-list li:first-of-type {margin-top:0;}
.anniversary-list li input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.anniversary-list li input[type="checkbox"] + label {position:relative;display:block;padding:1.6rem 11.5rem 1.6rem 3.2rem;}
.anniversary-list li input[type="checkbox"] + label::before {content:'';display:inline-block;position:absolute;top:1.6rem;left:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-chk-off2.svg');}
.anniversary-list li input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-chk-on2.svg');}
.anniversary-list li input[type="checkbox"] + label .contact-info .contact-num {display:block;font-size:1.6rem;font-weight:500;color:#181A1B;line-height:2.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.anniversary-list li input[type="checkbox"] + label .contact-info .sub-title {display:block;margin-top:0.4rem;font-size:1.4rem;font-weight:400;color:#66707A;line-height:1.7rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.anniversary-list li .i-tag {display:inline-block;position:absolute;top:1.6rem;right:3.6rem;padding:0 0.8rem;height:2.5rem;line-height:2.5rem;font-size:1.1rem;font-weight:600;color:#E6007E;text-align:center;background-color:#FDEDF6;border-radius:0.6rem;}
.anniversary-list li .btn-del-contact {display:inline-block;position:absolute;top:1.6rem;right:0;width:2.4rem;height:2.4rem;background:url('../images/ico-del-g.svg') no-repeat 50%/100% auto;}

/* Modal - Ringback Change */
.modal .modal-chg-ringback .modal-hd {position:static;justify-content:flex-start;padding-top:4.4rem;height:10.4rem;}
.modal .modal-chg-ringback .modal-hd .title {font-size:2.2rem;font-weight:700;line-height:3.1rem;color:#000;}
.modal .modal-chg-ringback .modal-hd .desc {margin-top:0.8rem;}
.modal .modal-chg-ringback .modal-bd {overflow:hidden;}
.modal .modal-chg-ringback .ring-set-wrap {margin-top:2rem;}
.modal .modal-chg-ringback .ring-set-wrap li {position:relative;margin-top:0.2rem;}
.modal .modal-chg-ringback .ring-set-wrap li:first-of-type {margin-top:0;}
.modal .modal-chg-ringback .ring-set-wrap li input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.modal .modal-chg-ringback .ring-set-wrap li input + label {position:relative;display:flex;align-items:center;min-height:6rem;cursor:pointer;}
.modal .modal-chg-ringback .ring-set-wrap li input + label.usetap.active::after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(24, 26, 27, 0.12);}
.modal .modal-chg-ringback .ring-set-wrap li input + label::before {content:'';display:inline-block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-radio-off.svg');}
.modal .modal-chg-ringback .ring-set-wrap li input:checked + label::before {background-image:url('../images/ico-radio-on.svg');}
.modal .modal-chg-ringback .ring-set-wrap li input + label .ring-thumb {margin-left:1.2rem;width:4.8rem;height:4.8rem;border-radius:1rem;overflow:hidden;}
.modal .modal-chg-ringback .ring-set-wrap li input + label .ring-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.modal .modal-chg-ringback .ring-set-wrap li input + label .ring-info {display:flex;flex-direction:column;justify-content:center;margin-left:1.2rem;width:calc(100% - 13.2rem);}
.modal .modal-chg-ringback .ring-set-wrap li input + label .ring-info .ring-title {font-size:1.4rem;font-weight:700;color:#181A1B;line-height:2.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.modal .modal-chg-ringback .ring-set-wrap li input + label .ring-info .ring-name {font-size:1.2rem;font-weight:500;color:#66707A;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.modal .modal-chg-ringback .ring-set-wrap li input + label .ring-info .purchase-info {font-size:1.2rem;font-weight:500;color:#E6007E;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.modal .modal-chg-ringback .ring-set-wrap li input + label .ring-info .voicering-phrase {font-size:1.2rem;font-weight:500;color:#181a1b;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.modal .modal-chg-ringback .ring-set-wrap li .btn-play {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;width:2.4rem;height:2.4rem;background:url('../images/ico-play.svg') no-repeat 50%/100% auto;}
.modal .modal-chg-ringback .ring-set-wrap li .controls.basic-controls {position:absolute;top:50%;margin-top:-1.2rem;right:0;margin-left:auto;}
.modal .modal-chg-ringback .ring-set-wrap.voicering-set li {margin-top:0.4rem;}
.modal .modal-chg-ringback .ring-set-wrap.voicering-set li input + label {min-height:7rem;}
.modal .modal-chg-ringback .ring-set-wrap.voicering-set li input + label .ring-thumb {border-radius:50%;}
.modal .modal-chg-ringback .list-none {position:absolute;top:0;left:0;right:0;bottom:0;}
.modal .modal-chg-ringback .list-none .title {margin-top:0.2rem;}
/* Link Banner */
.modal.fadeInUp .modal-inner.modal-chg-ringback.bottom-link {padding-bottom:13.2rem;}
.modal-chg-ringback.bottom-link ~ .fixed-link {z-index:9;position:fixed;left:2rem;right:2rem;bottom:8.4rem;padding:1.25rem 5.6rem 1.25rem 2rem;width:calc(100% - 4rem);max-width:500px;font-size:1.4rem;font-weight:500;color:#292929;text-align:left;border:1px solid #E7EBEE;border-radius:1.2rem;background-color:#F3F5F6;-webkit-transition:transform 0.3s;transition:transform 0.3s;-webkit-transform:translate(0, 13.2rem);transform:translate(0, 13.2rem);}
.modal-chg-ringback.bottom-link ~ .fixed-link::after {content:'';display:inline-block;position:absolute;top:50%;right:2rem;margin-top:-1.2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-arrow-fixed-link.svg') no-repeat 50%/100% auto;}
.modal.fadeInUp.visible .modal-chg-ringback.bottom-link ~ .fixed-link {-webkit-transform:translate(0, 0) translateZ(0);transform:translate(0, 0) translateZ(0);}

/* Modal - Terms Agree */
.modal.fadeInUp .modal-inner.modal-terms-agree {padding-bottom:8.6rem;}
.modal .modal-terms-agree .modal-hd {border-bottom:1px solid #e7ebee;}
.modal .modal-terms-agree .modal-hd .chk-box input[type="checkbox"] + label {font-size:2rem;font-weight:700;}
.modal .modal-terms-agree .terms-chk-box .terms-chk input[type="checkbox"] + label {height:5.6rem;}
.modal .modal-terms-agree .terms-chk-box .terms-chk input[type="checkbox"] + label::before {margin-top:0;align-self:center;}
.modal .modal-terms-agree .terms-chk-box .terms-link {right:0;bottom:1.6rem;}
.modal .modal-terms-agree .modal-bd {padding-bottom:0;}
.modal .modal-terms-agree .modal-bd .terms-chk-box .terms-chk input[type="checkbox"] + label span {font-size:1.6rem;font-weight:600;}
.modal .modal-terms-agree .modal-bd .terms-chk-box .terms-chk input[type="checkbox"] + label span b {font-size:1.6rem;font-weight:700;}
.modal .modal-terms-agree + .btn-box {height:7.2rem;padding-top:0;}
.modal .modal-terms-agree + .btn-box::before {display:none;}

/* Modal - Datepicker */
.modal.fadeInUp.auto-h .modal-calendar {padding-bottom:9.2rem;min-height:54.4rem;}
.modal.fadeInUp.auto-h .modal-calendar .modal-bd {padding-bottom:0;overflow:hidden;}
.calendar-box .datepicker-inline .datepicker {position:relative;border:0;border-radius:0;}
.calendar-box .datepicker {width:100%;}
.calendar-box .datepicker .datepicker--nav {position:relative;justify-content:flex-start;padding:0;min-height:3.5rem;border-bottom:0;}
.calendar-box .datepicker .datepicker--nav .datepicker--nav-action {position:absolute;top:0.55rem;width:2.4rem;height:2.4rem;border-radius:0;background-repeat:no-repeat;background-size:100% auto;}
.calendar-box .datepicker .datepicker--nav .datepicker--nav-action svg {display:none;}
.calendar-box .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {right:6rem;background-image:url('../images/ico-calendar-prev.svg');}
.calendar-box .datepicker .datepicker--nav .datepicker--nav-action[data-action="next"] {right:2rem;background-image:url('../images/ico-calendar-next.svg');}
.calendar-box .datepicker .datepicker--nav-title {position:relative;flex-direction:row-reverse;padding:0 2.4rem 0 0;font-size:1.8rem;font-weight:700;color:#3B4044;border-radius:0;}
.calendar-box .datepicker .datepicker--nav-title::after {content:'';display:inline-block;position:absolute;top:0.55rem;right:0;width:2.4rem;height:2.4rem;background:url('../images/ico-calendar-nav.svg') no-repeat 50%/100% auto;}
.calendar-box .datepicker .datepicker--nav-title i {margin-left:0;margin-right:0.5rem;font-size:1.8rem;font-weight:700;color:#3B4044;}
.calendar-box .datepicker .datepicker--days-names {margin:0.8rem 0 0;}
.calendar-box .datepicker .datepicker--day-name {height:3.3rem;line-height:3.3rem;font-size:1.4rem;font-weight:500;color:#7F8A94;}
.calendar-box .datepicker .datepicker--cell {height:4.6rem;line-height:4.6rem;border-radius:1rem;font-size:1.6rem;font-weight:500;color:#3B4044;}
.calendar-box .datepicker .datepicker--cell.-focus- {color:#3B4044;background:#fff;}
.calendar-box .datepicker .datepicker--cell.-current- {color:#3B4044;background:#fff;}
.calendar-box .datepicker .datepicker--cell.-selected-,
.calendar-box .datepicker .datepicker--cell.-selected-.-focus- {color:#fff;background:#E30084;}
.calendar-box .datepicker .datepicker--cell-day.-other-month- {color:#DCE0E5 !important;}
.calendar-box .datepicker .datepicker--cell.-disabled- {color:#DCE0E5 !important;}
.calendar-box .datepicker .datepicker--cell.datepicker--cell-month.-current- {color:#3B4044;background:#fff;}
.calendar-box .datepicker .datepicker--cell.datepicker--cell-month.-selected-,
.calendar-box .datepicker .datepicker--cell.datepicker--cell-month.-selected-.-focus- {font-weight:700;color:#E30084;background:#fff;}
.calendar-box .datepicker .datepicker--cell.datepicker--cell-month.-focus- {color:#3B4044;background:#fff;}
.calendar-box .datepicker .datepicker--cell.datepicker--cell-year.-current- {color:#3B4044;background:#fff;}
.calendar-box .datepicker .datepicker--cell.datepicker--cell-year.-selected-,
.calendar-box .datepicker .datepicker--cell.datepicker--cell-year.-selected-.-focus- {font-weight:700;color:#E30084;background:#fff;}
.calendar-box .datepicker .datepicker--cell.datepicker--cell-year.-focus- {color:#3B4044;background:#fff;}
.calendar-box .datepicker .datepicker--cells-months {height:auto;}
/* Modal - Time Set */
.modal .modal-time-set .modal-hd {padding-top:3.2rem;}
.modal .modal-time-set .modal-bd {padding-bottom:2.3rem;}
.modal .modal-time-set .modal-content {border-radius:2rem;}
.modal .modal-time-set .ip-box {display:flex;align-items:center;justify-content:center;height:11.5rem;}
.modal .modal-time-set .ip-box input {padding:0;width:5.2rem;height:5.2rem;line-height:3.4rem;font-size:1.6rem;font-weight:600;text-align:center;}
.modal .modal-time-set .ip-box .unit {margin-left:0.8rem;font-size:2rem;font-weight:600;color:#181A1B;line-height:5.2rem;}
.modal .modal-time-set .ip-box .unit + input {margin-left:3rem;}

/* Modal - Usim */
.modal .modal-usim .ring-select-list {margin-top:0.1rem;height:16.8rem;overflow-x:hidden;overflow-y:auto;}
.modal .modal-usim .ring-select-list li {margin-top:0;}

.modal .modal-aos-alarm .modal-hd + .modal-bd {padding-top:0.8rem;padding-bottom:2.2rem;}
/* Time Picker */
.picker{background-color:#fff;direction:ltr;display:none;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-transition:opacity .15s;transition:opacity .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.picker-fixed{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1986}
.picker-fixed>.picker-dialog{bottom:-100%;left:0;max-height:100%;position:absolute;right:0;-webkit-transition:bottom .3s;transition:bottom .3s}
.picker-fixed .picker-header{display:block}
.picker-fixed .picker-footer{display:table;padding-bottom:2rem;}
.picker-open{display:block;opacity:0}
.picker-opened{opacity:1}
.picker-opened>.picker-dialog{bottom:0}
.picker-dialog{background-color:#fff;border-radius:0;}
.picker-header{display:none;padding:2rem 2rem 1rem;position:relative}
.picker-title{height:2.7rem;line-height:2.7rem;font-size:1.8rem;font-weight:bold;margin:0}
.picker-close {display:block;position:absolute;top:2.2rem;right:2rem;width:2.4rem;height:2.4rem;font-size:0;text-indent:-999em;background-repeat:no-repeat;background-size:100% auto;background-image:url('../images/btn-header-close-@3x.png');background-position:0 0%}
.picker-close.active {background-position:0 50%;}
.picker-close:disabled {background-position:0 100%;}
.picker-body{position:relative;padding:0;overflow:hidden}
.picker-body:after {content:'';z-index:1;position:absolute;top:50%;margin-top:-2.25rem;left:0;right:0;height:4.5rem;background:rgba(227, 0, 132, .1);}
.picker-grid{display:table;table-layout:fixed;width:100%}
.picker-cell{display:table-cell;position:relative}
.picker-cell:after,.picker-cell:before{content:"";display:block;left:0;position:absolute;right:0;z-index:3;height:4.5rem;}
.picker-cell:before{top:0;background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0.1) 155%);}
.picker-cell:after{bottom:0;background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0.1) 155%);}
.picker-headers .picker-cell:before{margin-bottom:0}
.picker-headers .picker-cell:after{margin-top:2rem}
.picker-cell__header{color:#999;color:var(--gray);font-size:.875rem;font-weight:500;line-height:1.5rem;margin:0;overflow:hidden;padding:.25rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.picker-cell__control{cursor:pointer;height:2rem;padding:.25rem .5rem;position:relative;z-index:4}
.picker-cell__control:before{border:0 solid #ccc;content:"";display:block;height:.5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:.5rem}
.picker-cell__control:hover:before{border-color:var(--primary)}
.picker-cell__control--prev:before{border-right-width:1px;border-top-width:1px;margin-top:2px}
.picker-cell__control--next:before{border-bottom-width:1px;border-left-width:1px;margin-bottom:2px}
.picker-cell__body{overflow:hidden;position:relative}.picker-cell__body:after,
                                                     .picker-cell__body:before{content:"";height:2rem;left:0;position:absolute;right:0;z-index:1}
.picker-cell__body:before{background-image:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,0)),to(#fff));background-image:linear-gradient(0deg,hsla(0,0%,100%,0),#fff);top:0}
.picker-cell__body:after{background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0}
.picker-single .picker-cell__body:after,
.picker-single .picker-cell__body:before{display:none}
.picker-list{list-style:none;padding:0;position:relative}
.picker-item{position:relative;z-index:2;height:4.5rem;line-height:4.5rem;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:1.8rem;font-weight:600;color:#A8B3BD;text-align:left;white-space:nowrap;}
.picker-picked{font-size:2rem;font-weight:600;color:#E30084;}
.picker-footer{display:none;padding:0 2rem;width:100%}
.picker-confirm{margin-top:1rem;background-color:#6a40c0;border-width:0;cursor:pointer;display:table-cell;font-size:1.6rem;font-weight:bold;color:#ffffff;width:100%;height:5rem;text-align:center;border-radius:0.4rem;}
.picker-confirm.active {background-color:#291257;}
.picker-cancel {display:none;}
.picker-hours .picker-picked:after {content:'시';position:absolute;top:50%;margin-top:-2.35rem;left:9rem;height:4.5rem;line-height:4.5rem;font-family: 'Noto Sans KR';font-size:2rem;font-weight:600;color:#E30084;}
.picker-minutes .picker-picked:after {content:'시';margin-left:0.4rem;height:4.5rem;line-height:4.5rem;font-family: 'Noto Sans KR';font-size:2rem;font-weight:600;color:#E30084;}
.time-picker-container {display:flex;align-items:center;padding-bottom:3rem;}
.time-picker-container .tilde {flex-shrink:0;width:1.3rem;height:4.5rem;line-height:4.5rem;font-size:2rem;font-weight:600;color:#E30084;text-align:center;background:rgba(227, 0, 132, .1);}
.time-start .picker-body:after {border-radius:1rem 0 0 1rem;}
.time-start .picker-hours .picker-item {padding-left:6.2rem;}
.time-end .picker-body:after {border-radius:0 1rem 1rem 0;}
.time-end .picker-hours .picker-item {padding-right:8.4rem;text-align:right;}
.time-end .picker-hours .picker-picked:after {left:auto;right:6.2rem;}

/* Toast Popup */
#toast {z-index:99;position:fixed;bottom:9.6rem;left:50%;width:calc(100% - 4rem);transform:translate(-50%, 1rem);transition:opacity .5s, visibility .5s, transform .5s;opacity:0;visibility:hidden;overflow:hidden;user-select:none;width:calc(100% - 4rem);max-width:calc(500px - 4rem);}
#toast #toast-cont {position:relative;display:block;padding:1.35rem 4rem 1.35rem 4.4rem;min-height:4.8rem;line-height:2.1rem;font-size:1.4rem;font-weight:500;color:#fff;background:#3b4044;border-radius:0.8rem;}
#toast #toast-cont::before {content:'';display:inline-block;position:absolute;top:1.2rem;left:1.2rem;width:2.4rem;height:2.4rem;background:url('../images/ico-exclamation.svg') no-repeat 50%/100% auto;}
#toast.reveal {opacity:1;visibility:visible;transform:translate(-50%, 0);}

.toast2 {z-index:99;position:fixed;bottom:9.6rem;left:50%;padding:0 1.2rem;height:4.5rem;transform:translate(-50%, 1rem);transition:opacity .5s, visibility .5s, transform .5s;opacity:0;visibility:hidden;overflow:hidden;user-select:none;text-align:center;background-color:#3B4044;border-radius:0.8rem;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 4rem);max-width:calc(500px - 4rem);}
.toast2 .toast-msg {font-size:1.4rem;font-weight:500;color:#fff;line-height:2.1rem;}
.toast2 .toast-link {font-size:1.4rem;font-weight:500;color:#fff;line-height:2.1rem;}
.toast2.reveal {opacity:1;visibility:visible;transform:translate(-50%, 0);}

/* Button style */
.btn-box {display:flex;}
/*
.btn-box.fixed {position:fixed;bottom:0;left:0;padding:2rem 2rem 0;width:100%;height:9.2rem;font-weight:600;background-color:#fff;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 100%);}
*/
.btn-box.fixed {z-index:9;position:fixed;display:block;bottom:0;left:50%;padding:2rem 0 0;width:100%;height:9.2rem;font-weight:600;max-width:500px;transform:translateX(-50%);}
.btn-box.fixed::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:2rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.btn-box.fixed .btn-wrap {display:flex;padding-left:2rem;padding-right:2rem;height:7.2rem;background-color:#fff;}
.btn-box button {flex:1;border-radius:1rem;}
.btn-box button + button {margin-left:0.8rem;}
.btn-box button.btn-xl {height:5.2rem;font-size:1.6rem;font-weight:600;}
.btn-box button.btn-lg {height:4.8rem;font-size:1.4rem;}
.btn-box.devide37 button {flex:auto}
.btn-box.devide37 button:nth-child(1) {width:31.25%;}
.btn-box.devide37 button:nth-child(2) {width:66.25%;}
.btn-box button:disabled {opacity:0.2;}
button:disabled {opacity:0.6;}
.btn-primary {color:#fff;background-color:#e6007e;}
.btn-primary.usetap.active {background-color:#cd0372;}
.btn-primary.usetap:disabled {color:rgba(255,255,255,.6);}
.btn-primary.usetap.active:disabled {background-color:#e6007e;color:rgba(255,255,255,.6);}
.btn-black {color:#fff;background-color:#181a1b;}
.btn-black.usetap.active:disabled {background-color:#181a1b;}
.btn-black2 {color:#fff;background-color:#3B4044;}
.btn-black2.usetap.active:disabled {background-color:#181a1b;}
.btn-gray {color:#66707a;background-color:#f3f5f6;}
.btn-gray.usetap.active:disabled {background-color:#f3f5f6;}
.btn-gray-line {color:#66707a;background-color:#fff;border:1px solid #e7ebee;}
.btn-gray-line.usetap.active:disabled {background-color:#fff;}

/* Input Style */
input::-ms-clear {display:none;}
input::-ms-reveal {display:none;}
input::placeholder {color:#7f8a94;line-height:100%;}
/*input:focus::placeholder {opacity:0;transition:opacity 0.15s ease-in-out;}*/
.ip-box {position:relative;}
.ip-box input {padding:0 1.2rem;width:100%;height:4.4rem;line-height:4.4rem;font-size:1.4rem;font-weight:500;color:#181a1b;background-color:#fff;border:1px solid #ddd;border-radius:1rem;-webkit-appearance:none;caret-color:#E6007E;}
.ip-box input:focus {}
.ip-box input[readonly] {background-color:#fafafb;cursor:default;pointer-events:none;}
.ip-box input[readonly]:focus {cursor:default;border-color:#eaebef;}
.ip-box input[readonly][type="number"]:focus {text-align:center;}
.ip-box input[type="number"] {text-align:center;}
.ip-box input[type="number"]:focus {text-align:center;}
.ip-box input[readonly][type="number"] {text-align:center;}
.ip-box input[disabled] {color:#ccc;background:#f5f5f5;}
.ip-box.error input {border-color:#E22A21 !important;}
.ip-box.error input:focus {border-color:#E22A21 !important;}
/* Text clear */
.txt-clear {z-index:21;position:absolute;top:0;right:0;width:2rem;height:2rem;background-image:url('../images/ico-txt-clear.svg');background-repeat:no-repeat;background-size:100% auto;cursor:pointer;}
.txt-clear.hidden {display:none;}
.txt-clear.on {display:block;}

/* Input Radio Style */
.radio-box {position:relative;}
.radio-box input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.radio-box input[type="radio"] + label {position:relative;display:inline-block;padding-left:3.2rem;height:100%;min-height:2.4rem;line-height:2.4rem;font-size:1.6rem;font-weight:500;color:#181A1B;text-align:left;cursor:pointer;vertical-align:top;}
.radio-box input[type="radio"] + label::before {content:'';display:inline-block;position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-radio-off.svg');}
.radio-box input[type="radio"]:checked + label::before {background-image:url('../images/ico-radio-on.svg');}
.radio-box input[type="radio"]:disabled + label {cursor:default;}
.radio-box input[type="radio"] + label .sub-desc {display:block;margin-top:0.4rem;font-size:1.4rem;font-weight:500;color:#66707A;line-height:1.7rem;}

/* Input Radio Style */
.chk-box {position:relative;}
.chk-box input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.chk-box input[type="checkbox"] + label {position:relative;display:inline-block;padding-left:3.2rem;height:100%;min-height:2.4rem;line-height:2.4rem;font-size:1.6rem;font-weight:500;color:#181A1B;text-align:left;cursor:pointer;vertical-align:top;}
.chk-box input[type="checkbox"] + label::before {content:'';display:inline-block;position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;background-image:url('../images/ico-chk-off2.svg');}
.chk-box input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-chk-on2.svg');}
.chk-box input[type="checkbox"]:disabled + label {cursor:default;}

/* Checkbox - Weekday  */
.modal .modal-bd > p.weekday-desc {font-size:1.8rem;font-weight:700;color:#181a1b;text-align:left;line-height:2.5rem;}
.modal .modal-bd > p.weekday-desc ~ .chk-weekday {margin-top:0.8rem;}
.chk-weekday {display:flex;align-items:center;padding:1.2rem 0;}
.chk-weekday .chk-box {position:relative;flex:1;margin-right:0.7rem;}
.chk-weekday .chk-box:last-of-type {margin-right:0;}
.chk-weekday .chk-box input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.chk-weekday .chk-box input[type="checkbox"] + label {position:relative;display:block;padding-left:0;width:auto;height:4rem;line-height:4rem;font-size:1.6rem;font-weight:500;color:#3B4044;text-align:center;border-radius:1rem;cursor:pointer;background-color:#F3F5F6;}
.chk-weekday .chk-box input[type="checkbox"] + label::before {display:none;}
.chk-weekday .chk-box input[type="checkbox"]:checked + label {color:#fff;background-color:#E30084;}
.chk-weekday .chk-box input[type="checkbox"]:disabled + label {color:#222;border-color:#ddd;cursor:default;}
.chk-weekday .chk-box input[type="checkbox"]:disabled:checked + label {color:#222;background-color:#f6f6f6;border-color:#ddd;}
.chk-weekday ~ .time-picker-container {margin-top:1.2rem;}

/* Textarea Style */
textarea::placeholder {color:#A8B3BD;}
/*textarea:focus::placeholder {opacity:0;transition:opacity 0.15s ease-in-out;}*/
.textarea-wrap {position:relative;padding:1.2rem 1.2rem 4rem;height:14rem;background:#fff;border:1px solid #E7EBEE;border-radius:1rem;transition:border .25s ease-in-out;}
.textarea-wrap.disabled {background-color:#f5f5f5;}
.textarea-wrap .textarea-box {height:100%;}
.textarea-wrap.focus {border-color:#181A1B;}
.textarea-wrap .textarea-box textarea {width:100%;height:100%;font-size:1.6rem;font-weight:500;color:#181A1B;line-height:2.4rem;overflow-x:hidden;overflow-y:auto;caret-color:#E6007E;}
.textarea-wrap .txt-count {position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem;font-size:1.2rem;font-weight:500;color:#7F8A94;height:2.4rem;line-height:2.4rem;text-align:right;}
.textarea-wrap .txt-count .exptCont-byte {font-style:normal;font-size:1.2rem;font-weight:500;color:#E6007E;}
.textarea-wrap .textarea-view {width:100%;height:100%;font-size:1.6rem;font-weight:500;color:#181A1B;line-height:2.4rem;overflow-x:hidden;overflow-y:auto;}

/* img */
.img-pass {height:10rem !important;}

/* Loaidng Json */
.bellring-loading {z-index:99;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;}
.bellring-loading .ico-lottie-loading {position:absolute;top:50%;left:50%;margin:-4.1rem 0 0 -4.1rem;width:8.2rem;height:8.2rem;}
.bellring-loading .ico-lottie-loading svg {position:absolute;top:0;left:0;width:100%;height:100%;}

.lottie-loading-black,
.lottie-loading-white {border-radius:50%;opacity:0;visibility:hidden;transition:visiblity .33s cubic-bezier(0, 0, 0, 1), opacity .33s cubic-bezier(0, 0, 0, 1);}
.play-load .lottie-loading-black,
.play-load .lottie-loading-white {opacity:1;visibility:visible;}

/* Voicering - character */
.voice-char .swiper-container .swiper-slide .lottie-loading-black {z-index:3;position:absolute;right:8.2rem;bottom:7.3rem;width:4.2rem;height:4.2rem;background-color:#fff;}

/* Voicering - [일반형] 인사말 */
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item.play-load::after {display:none;}
.sec-container2 .sec-item .voice-type-phrase .swiper-slide .phrase-item.play-load .lottie-loading-black {display:inline-block;position:absolute;top:2.2rem;right:2rem;width:2.4rem;height:2.4rem;}

/* Voicering - [이미지형] 인사말 */
.sec-container2 .sec-item .voice-type-img .img-item.play-load::after {display:none;}
.sec-container2 .sec-item .voice-type-img .img-item.play-load .lottie-loading-white {display:inline-block;position:absolute;bottom:2rem;left:2rem;width:3.6rem;height:3.6rem;background-color:#181a1b;}

/* Voicering - [카드형] 인사말 */
.sec-container2 .sec-item .voice-type-card .card-item.play-load::after {display:none;}
.sec-container2 .sec-item .voice-type-card .card-item.play-load .lottie-loading-black {z-index:3;display:inline-block;position:absolute;bottom:2rem;right:2rem;width:3.6rem;height:3.6rem;background-color:#fff;}