header{z-index:30;background-color:#fff;align-items:center;width:100%;height:52px;padding:0 6px 0 16px;display:flex;position:sticky;top:0}header.back,header.sub{padding:4px}header.back .title,header.sub .title{z-index:1;letter-spacing:-.3px;pointer-events:none;color:#202020;font-size:18px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .title{color:#202020;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;height:100%;font-size:24px;font-weight:700;display:flex;overflow:hidden}header .buttonGroup{align-items:center;gap:8px;display:flex}header .buttonGroup.left{margin-right:auto}header .buttonGroup.right{margin-left:auto}header .buttonGroup button{position:relative}header .buttonGroup button.rank{background:url(https://image.dallalive.com/common/header/icoRank-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.chat{background:url(https://image.dallalive.com/common/header/icoMail-h-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.chat.new:after{content:"";background-color:#ff3c7b;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;right:3px}header .buttonGroup button.alarm{background:url(https://image.dallalive.com/common/header/icoAlarm-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.alarm.new:after{content:"";background-color:#ff3c7b;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;right:3px}header .buttonGroup button.store{background:url(https://image.dallalive.com/common/header/icoStore-h-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.search{background:url(https://image.dallalive.com/common/header/icoSearch-h-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.back{background:url(https://image.dallalive.com/common/header/icoBack-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.admin{background:url(https://image.dallalive.com/common/header/icoAdmin.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.play{background:url(https://image.dallalive.com/common/header/icoPlay-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.shuffle{background:url(https://image.dallalive.com/common/header/icoShuffle-b.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.menu{background:url(https://image.dallalive.com/common/header/icoSlideMenu.png) 50%/cover no-repeat;width:40px;height:40px}header .buttonGroup button.more{background:url(https://image.dallalive.com/common/header/icoMore-b.png) 50%/cover no-repeat;width:40px;height:40px}.submit-black-outline{color:#f2125d;background:#fff;border-width:1px;border-color:#f2125d;border-radius:16px;width:100%;height:48px;font-size:24px;font-weight:500}.submit-black-outline:disabled{color:#ffb8cf;background:#e6e6e6;border-color:#ffb8cf}.button-pink-md{color:#fff;border-radius:16px;width:64px;height:48px}.button-pink{color:#fff}.button-pink.md{border-radius:16px;width:64px;height:48px}#myPageSlide.slideLayer{max-height:100%;padding:32px 0}#myPageSlide .menuWrap{flex-direction:column;width:100%;display:flex}#myPageSlide .menuWrap .menuList{cursor:pointer;align-items:center;width:100%;height:52px;padding:0 24px;display:flex}#myPageSlide .menuWrap .menuList .menuIcon{width:36px;height:36px;margin-right:16px;display:inline-block}#myPageSlide .menuWrap .menuList .menuIcon.clipManage{background:url(https://image.dallalive.com/mypage/menu/icon_clipManage.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.customer{background:url(https://image.dallalive.com/mypage/menu/icon_customer.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.dallaPay{background:url(https://image.dallalive.com/mypage/menu/icon_payment.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.item{background:url(https://image.dallalive.com/mypage/menu/icon_item.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.logout{background:url(https://image.dallalive.com/mypage/menu/icon_logout.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.myWallet{background:url(https://image.dallalive.com/mypage/menu/icon_myWallet.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.dallaticon{background:url(https://image.dallalive.com/mypage/menu/icon_dallaticon.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.uniqueItem{background:url(https://image.dallalive.com/mypage/menu/icon_uniqueItem.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.setting{background:url(https://image.dallalive.com/mypage/menu/icon_setting.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.storyBox{background:url(https://image.dallalive.com/mypage/menu/icon_storyBox.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.subManage{background:url(https://image.dallalive.com/mypage/menu/icon_subManage.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.subPlan{background:url(https://image.dallalive.com/mypage/menu/icon_subPlan.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuIcon.account{background:url(https://image.dallalive.com/mypage/menu/icon_accont.png) 50%/cover no-repeat}#myPageSlide .menuWrap .menuList .menuName{color:#101010;align-items:center;gap:6px;font-size:16px;font-weight:500;display:flex}#myPageSlide .menuWrap .menuList.hidden{display:none}#myPageSlide .menuWrap .menuList .benefit{margin-left:auto}#myPageSlide~.slideClose{display:none!important}