@charset "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{min-width:320px;background-color:#fff;-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕', system-ui, sans-serif;color:#000}
a{color:#005a96;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {border: 0 none;}
img {width:100%; vertical-align: top;}
div:focus,
button:focus,
a:focus {outline: none;-webkit-tap-highlight-color :rgba(0,0,0,0);}

.accessibility button:focus,
.accessibility div:focus,
.accessibility a:focus {outline: auto;}
.accessibility section button.apply-btn:focus {outline: 2px dashed;}
.accessibility nav ul li a:focus {box-sizing: border-box; border: 2px solid #000; border-radius: 3px;}

button, a {-webkit-tap-highlight-color : transparent !important;}

html, body {
    height: 100%;
}

body {overflow: hidden; font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif}
body.on {overflow: visible;}
::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.ir {display:block; font-size:0; text-indent: -99999px; height:0;}
.is-app {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

/* section */
main {width:100%; overflow: hidden; background-color:#F3F3F3;}
section {position:relative; width:100%; overflow:hidden;}
section.fixed {position:fixed; top:0; left:0; width:100%; height:100%;}
section .inner {max-width:375px; width:100%; padding:0 30px; text-align: center; margin:0 auto; box-sizing: border-box;}
section .innerWidth100 {max-width:100%; padding:0 25px; text-align: center;}

/* apply button */
.apply-btn {width: 100%; height: 64px; padding: 19px 0; border-radius: 10px; background: #00F55F; line-height: 1;}
a.apply-btn {display: inline-block;padding: 23px 0; box-sizing: border-box;}
.apply-btn:disabled,
.apply-btn.disabled {background: #A9A9A9;}
.apply-btn img {vertical-align: top;}

a img,
a svg,
button img,
button svg {pointer-events: none;}

/* top rolling */
.top-rolling {position: absolute;top: 28px;left: 0;z-index: 1;width: 100%;overflow: hidden;}
.top-rolling .rolling {width: 3102px;height: 16px;background: url('https://og.kakaobank.io/view/8de82d98-70a6-42d7-98b9-c1f28bc06e67');}
.top-rolling ul {display: flex;flex-direction: row;top: 28px;left: 0px;transform: translate3d(0, 0, 0);}
.top-rolling ul > li{width: 500px;height: 16px;margin-left: 17px;flex-shrink: 0;}
.top-rolling ul > li img {width: 100%;}

/* main visual */
.main-visual {display: flex;width: 100%;height: 100vh;background: #000;justify-content: center;align-items: center;transition: height 0.3s;}
.main-visual .inner {position: relative;flex-shrink: 0;width: 813px;height: 727px;max-width: none;margin: 0;padding: 0;background: url("https://og.kakaobank.io/view/00d9aa20-4777-4203-8bdf-2129d8d43ff2") center /375px 624px no-repeat, url("https://og.kakaobank.io/view/2ab785af-3244-4466-acbc-5d293bc4b7dc") center /813px 727px no-repeat;}
.main-visual ul.visual {width: 100%;height: 100%;}
.main-visual ul.visual {width: 100%;height: 100%;}
.main-visual ul.visual>li {position: absolute;}
.main-visual .visual .rocket {width: 159px;height: 162px;top: 130px;left: 456px;animation-delay: 3.0s;}
.main-visual .visual .mic {width: 135px;height: 135px;top: 351px;left: 293px;animation-delay: 0.5s;}
.main-visual .visual .plus {width: 72px;height: 65px;top: 232px;left: 233px;animation-delay: 1s;}
.main-visual .visual .aurora {width: 247px;height: 256px;top: 47px;left: 408px;animation-delay: 1.5s;}
.main-visual .visual .note {width: 111px;height: 111px;top: 356px;left: 261px;opacity: 1;animation-delay: 2s;}
.main-visual .visual .play {width: 149px;height: 146px;top: 349px;left: 433px;animation-delay: 2.5s;}
.main-visual .visual .dollar {width: 126px;height: 114px;top: 78px;left: 258px;animation-delay: 0s;}
.main-visual .visual .kb {width: 253px;height: 232px;top: 153px;left: 300px;}
.main-visual .visual .text1 {width: 228px; height: 151px; top: 504px;left: 252px;}
.main-visual .visual .character {width: 215px;height: 304px;top: 143px;left: 310px; overflow: hidden; background: url('https://og.kakaobankcontent.com/event/with_mma2022/main-visual-sequence.png') 0 0 / 6665px 304px no-repeat;}
.main-visual .visual .character.dev {background-image: url('https://fin.test.kakaobankcontent.com/event/with_mma2022/main-visual-sequence.png');}
.main-visual .visual .character.play {animation: sequence 2.1s infinite steps(31); -webkit-animation: sequence 2.1s infinite steps(31);}
.main-visual .visual .text2 {top: 516px;left: 251px;width: 285px;height: 124px;}

/* nav */
nav {position: fixed; width: 100%; top:-60px;background: #000 url("https://og.kakaobank.io/view/a4c060b2-fd12-4920-a4ca-71b930a81423") left bottom repeat-x; z-index: 11; transition:all 0.3s;transform: translateY(0)}
nav {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

nav.on {transform: translateY(60px)}
nav ul {margin: 0 auto; max-width: 375px; overflow: auto; white-space: nowrap; font-size: 0; text-align: center;}
nav ul li{position: relative; width: 125px;height: 60px; display: inline-block;font-size: 0; margin: 0; vertical-align: top; box-sizing: border-box; border-bottom: 1px solid #262626; background: url("https://og.kakaobank.io/view/4d673b0c-76fa-467c-8d8f-a041daa3172d") top left /260px 150px no-repeat;}
nav ul li a {display: inline-block; width: 100%; height: 100%; text-indent: -9999px; }
nav ul li.on{border-bottom: 4px solid #00F55F;}
/*nav ul li.on:after {content:''; display: block; position: absolute; bottom:0px; width: 100%; height: 4px; background: #00F55F;}*/
nav ul li.nav-ticket {background-position: -132px -45px;}
nav ul li.nav-vote {background-position: -2px -95px;}
nav ul li.nav-transfer {background-position: -2px 5px;}
nav ul li.on.nav-ticket {background-position:  -132px 5px;}
nav ul li.on.nav-vote {background-position: -132px -95px;}
nav ul li.on.nav-transfer {background-position:  -2px -45px;}

nav ul:after {content: ""; display: block; clear: both;}
nav ul.smooth{scroll-behavior: smooth;}

nav + section {padding-top: 20px !important;}

/* 단독 선예매 */
.ticketing {padding: 76px 0 40px; background: #000;}
.ticketing .ticketing-copy1{max-width: 287px; height: 107px;}
.ticketing .ticketing-guide{/*width: 315px; */height: 669px; margin-top: 49px;}
.ticketing .ticketing-apply-btn{margin-top: 49px;}

/* 특별상 투표 */
.vote {padding: 76px 0 40px; background: #000;}
.vote .vote-copy1{max-width: 288px; height: 148px;}
.vote .vote-opendate{/*width: 315px; */height: 504px; margin-top: 15px; display: none;}
.vote .vote-apply-btn{margin-top: 16px;}
.vote .vote-apply-btn .apply-btn {margin: 0 auto;}
.vote .vote-guide{height: 594px; margin-top: 56px;}
.vote .vote-list {margin-top: 40px}
.vote .vote-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.vote .vote-list input[type="radio"] {display: none;/*visibility: hidden;*/}
.vote .vote-list li { position: relative; overflow: hidden; width: 150px; height: 216px; margin-bottom: 15px; border-radius: 10px; color: #fff; background: #212121; box-sizing: border-box;}
.vote .vote-list label { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.vote .vote-list label::after {content: ''; position: absolute;
    width: 35px; height: 35px; top:8px; right:5px; background: url("https://og.kakaobank.io/view/3a9211f9-146a-435a-b3ba-081163fe2322") no-repeat top left / 35px 35px; }
.vote .vote-list input[type="radio"]:checked + label::before {content: ''; position: absolute; width: 100%;
    height: 100%; top:0; left: 0; border: 3px solid #00F55F; border-radius: 10px; box-sizing: border-box;}
.vote .vote-list input[type="radio"]:checked + label::after {width: 25px; height: 25px; top:10px; right:10px; background: url("https://og.kakaobank.io/view/6d88fe45-a117-4a0a-aaf3-0d92aac254a8") no-repeat top left / 25px 25px; }
.vote .vote-list .vote-text {padding: 10px 11px 19px; text-align: left;}
.vote .vote-list .vote-text span {vertical-align: middle;}
.vote .vote-list .vote-rank {margin-right: 6px; font-size: 18px; line-height: 1; color: #00F55F;}
.vote .vote-list .vote-name {font-size: 15px; font-weight: 600; line-height: 24px; vertical-align: middle; overflow: hidden; white-space: nowrap;}
.vote .vote-list .vote-number {font-size: 11px; font-weight: 600; color: #888888;}
.vote .vote-list .vote-progress {width: 100%;height: 4px;margin-top: 4px; background: #303030;}
.vote .vote-list .vote-progress-bar{width: 0%;height: 100%;background: #00F55F; text-indent: -9999px;}

.vote .vote-title {overflow: hidden;display: flex;align-items: center;}
.vote .vote-title .static-text {overflow: hidden;}
.vote .vote-title .flow-container {display: none;}
.vote .flow .vote-title .static-text{display: none;}
.vote .flow .vote-title .flow-container{display: block;}
.vote .vote-list .flow-text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;font-size: 15px;font-weight:600;color: #fff;}
.vote .vote-list .flow-text:hover {color: #fff;}
.vote .vote-list .flow-text:hover .flow-wrap {animation-play-state: paused;cursor: pointer;}
.vote .vote-list .flow-wrap {animation: textLoop 10s linear infinite;padding-right: 1.4881vw;}


/* 투표이전 */
.vote.comming .vote-opendate{display: block;}
.vote.comming .vote-list{display: none;}

/* 투표완료 */
.vote.complete .vote-list label::after{display: none;}
/*
.vote.complete .inmotion .vote-list li { height: 216px; transition: all 0s; transition-delay: 0s; }
.vote.complete .vote-list li::after {content: ''; display: none;}
.vote.complete .vote-list .vote-rank {display: inline-block;}
.vote.complete .vote-list .vote-number {display: block;}
.vote.complete .vote-list .vote-progress {display: block;}
*/

/* 웹 */
.vote.web .inmotion .vote-list li { height: 179px; transition: all 0s; transition-delay: 0s; }
.vote.web .vote-list .vote-text {padding: 10px 11px; text-align: left;}
.vote.web .vote-list .vote-rank {display: none;}
.vote.web .vote-list .vote-number {display: none;}
.vote.web .vote-list .vote-progress {display: none;}
.vote.web .vote-list label::after{display: none;}

/* 투표버튼 */
.vote .comming-btn {display: none;}
.vote .complete-btn{display: none;}
.vote .vote-btn {display: block;}
.vote.comming .vote-btn {display: none;}
.vote.comming .complete-btn {display: none;}
.vote.comming .comming-btn {display: block;}
.vote.complete .comming-btn {display: none;}

/* 이체하기 이벤트 */
.transfer {padding: 76px 0 40px; background: #000;}
.transfer .transfer-visual{position: relative; height: 427px; margin: 0 -30px;}
.transfer .transfer-copy1{position: absolute; max-width: 279px; height: 175px; padding: 0 30px; text-align: left;}
.transfer .transfer-ticket1{position: absolute; width: 330px; height: 164px; top: 164px; left: 25px;}
.transfer .transfer-ticket2{position: absolute; width: 352px; height: 206px; top: 23px; left: 123px;}
.transfer .transfer-dollar{position: absolute; width: 100px;height: 206px;top: 13px;left: 251px;}
.transfer .transfer-won{position: absolute; width: 110px;height: 106px;top: 270px;left: 105px;}
.transfer .transfer-copy2{max-width: 184px; height: 69px; margin-top: 76px;}
.transfer .transfer-step1{margin-top: 31px;}
.transfer .transfer-step2{margin-top: 36px;}
.transfer .share-btn {margin-top: 60px;}
.transfer .share-btn button {width: 188px; height: 75px; padding: 25px 40px; background: #fff;border-radius: 40px;}
.transfer .transfer-apply-btn {margin-top: 40px;}
/*.transfer .transfer-btn {background: #8200FF;}*/
.transfer .comming-btn {display: none;}

.transfer.comming .transfer-btn {display: none;}
.transfer.comming .comming-btn {display: block;}

.share {padding: 20px 0 40px; background: #000;}
.share .share-btn button {width: 188px; height: 75px; padding: 25px 40px; background: #fff;border-radius: 40px;}
.share .share-btn .share-icon {width: 25px; height: 25px;margin-right: 10px; vertical-align: middle;}
.share .share-btn .share-text {width: 71px; height: 19px; vertical-align: middle;}

.info {padding:60px 0 130px 0; background-color:#444444; color: #F1F1F1}
.info .tit {display: block; font-size: 24px; line-height: 38px; font-weight: 700; text-align: left}
.info dl {margin-top:40px; text-align: left; margin-bottom:40px;}
.info dl:last-child {margin-bottom:0;}
.info dl dt {font-size:19px; line-height: 23px; font-weight: 700; margin-bottom:20px;}
.info dl dd {position:relative; font-size:15px; line-height: 26px; font-weight: 400; padding-left:11px;}
.info dl dd:before {content:"·"; position:absolute; top:0; left:0;}

.info .toggle {position: relative; border-top: 2px solid #f1f1f1;}
.info .toggle:last-child {margin-bottom:0;}
.info .toggle button {position:relative; display: block;box-sizing: border-box;font-weight: 700;font-size: 18px;line-height: 21px;width: 100%;text-align: left;border: none; padding:21px 30px 20px 0; color: #f1f1f1}
.info .toggle button:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.info .toggle .plus-icon {position:absolute; top:50%; right:0; margin-top:-12px;}
.info .toggle .plus-icon svg {width:25px; height:25px; transform:rotate(0deg); transition:transform 0.3s;}
.info .toggle .detail {position:relative; display:none; overflow: hidden; font-size:16px; line-height: 28px; text-align: left;}
.info .toggle .detail ul {position:relative; padding-bottom:40px; font-size:16px; line-height: 26px; font-weight: 400;}
.info .toggle .detail ul li {position:relative; padding-left:11px; box-sizing: border-box;}
.info .toggle .detail ul li:before {content:"·"; position:absolute; top:0; left:0;}

.info .toggle.on .plus-icon svg {transform:rotate(225deg);}
/*.info .toggle.on .detail {display:block;}*/


.info .serial {display: block; font-size:16px; line-height: 28px; font-weight: 700; text-align: left;}

/* 일반 모션 */
.inmotion > li {transform:translate(0,50px); opacity:0; transition:transform 0.6s, opacity 0.6s; }
.inmotion > li:nth-of-type(1) {transition-delay: 0s;}
.inmotion > li:nth-of-type(2) {transition-delay: 0.1s;}
.inmotion > li:nth-of-type(3) {transition-delay: 0.2s;}
.inmotion > li:nth-of-type(4) {transition-delay: 0.3s;}
.inmotion > li:nth-of-type(5) {transition-delay: 0.4s;}
.inmotion > li:nth-of-type(6) {transition-delay: 0.5s;}
.inmotion > li:nth-of-type(7) {transition-delay: 0.6s;}
.inmotion > li:nth-of-type(8) {transition-delay: 0.7s;}
.inmotion > li:nth-of-type(9) {transition-delay: 0.8s;}
.play-inmotion .inmotion li {transform:translate(0,0); opacity:1;}

.inmotion .rotate{transform:rotate(-45deg); opacity:0; transition:all 0.6s;}
.play-inmotion .inmotion .rotate{transform:rotate(0); opacity:1;}

/* 투표 모션 */
.vote-list li{transform:translate(0,0); opacity:1; transition:all 0s;}
/*.vote.play-inmotion li.vote-list {transform:translate(0,0px); opacity:1; transition:none;}
.vote-list li{transform:translate(0,50px); opacity:0; transition:all 0.6s;}
.play-inmotion .vote-list li{transform:translate(0,0); opacity:1;}
.inmotion .vote-list li:nth-of-type(1) {transition-delay: 0s;}
.inmotion .vote-list li:nth-of-type(2) {transition-delay: 0.1s;}
.inmotion .vote-list li:nth-of-type(3) {transition-delay: 0.2s;}
.inmotion .vote-list li:nth-of-type(4) {transition-delay: 0.3s;}
.inmotion .vote-list li:nth-of-type(5) {transition-delay: 0.4s;}
.inmotion .vote-list li:nth-of-type(6) {transition-delay: 0.5s;}
.inmotion .vote-list li:nth-of-type(7) {transition-delay: 0.6s;}
.inmotion .vote-list li:nth-of-type(8) {transition-delay: 0.7s;}
.inmotion .vote-list li:nth-of-type(9) {transition-delay: 0.8s;}
.inmotion .vote-list li:nth-of-type(10) {transition-delay: 0.9s;}
.inmotion .vote-list li:nth-of-type(11) {transition-delay: 1.0s;}
.inmotion .vote-list li:nth-of-type(12) {transition-delay: 1.1s;}
.inmotion .vote-list li:nth-of-type(13) {transition-delay: 1.2s;}
.inmotion .vote-list li:nth-of-type(14) {transition-delay: 1.3s;}
.inmotion .vote-list li:nth-of-type(15) {transition-delay: 1.4s;}
.inmotion .vote-list li:nth-of-type(16) {transition-delay: 1.5s;}
.inmotion .vote-list li:nth-of-type(17) {transition-delay: 1.6s;}
.inmotion .vote-list li:nth-of-type(18) {transition-delay: 1.7s;}
.inmotion .vote-list li:nth-of-type(19) {transition-delay: 1.8s;}
.inmotion .vote-list li:nth-of-type(20) {transition-delay: 1.9s;}*/

/* 이체 이벤트 모션 */
.transfer.play-inmotion li.transfer-visual {transform:translate(0,0px); opacity:1; transition:none;}
.inmotion .transfer-visual > div {transition:all 0.6s; opacity: 0;}
.inmotion .transfer-copy1{transform: translate(0, 50px);}
.inmotion .transfer-ticket1{transform: translate(0, 150px) rotate(25deg); transform-origin: center;}
.inmotion .transfer-ticket2{transform: translate(0, 100px) rotate(-25deg); transform-origin: center;}
.inmotion .transfer-won{transform: translate(0, 50px);}
.inmotion .transfer-dollar{transform: translate(0, -30px);}
.play-inmotion .transfer-visual > div{transform:translate(0,0) rotate(0) ; opacity:1;}
.inmotion .transfer-visual .transfer-ticket1{transition-delay: 0.4s;}
.inmotion .transfer-visual .transfer-ticket2{transition-delay: 0.6s;}
.inmotion .transfer-visual .transfer-won{transition-delay: 0.8s;}
.inmotion .transfer-visual .transfer-dollar{transition-delay: 1.0s;}


.popups {display: none; position:fixed; top:0;right:0;bottom:0;left:0; z-index:999;}
.popups .modal-table {display:table;width:100%;height:100%;table-layout:fixed;}
.popups .modal-cell {display:table-cell; width:100%;height:100%;vertical-align:middle;text-align:center;}
.popups.on {display: block;}
.popups .dimmed {position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.6;}
.popups .modal-content{position: relative; max-width: 330px; margin: 0 auto; padding: 30px; background: #292929; border-radius: 15px; box-sizing: border-box;}
.popups .btn-group {display: flex;}

.popups.alert .modal-content{max-width: 330px; padding: 22px 20px; position: relative; }
.popups.alert .close-btn{position: absolute; top:-45px; right:0px; width: 23px; height: 23px;}
.popups.alert .apply-btn {width: 100%; height: 60px; padding: 0; background: #BFBFBF; border-radius: 10px;}
.popups.alert .apply-btn a{display: inline-block; width: 100%; padding: 22px 0 22px;  box-sizing: border-box;}
.popups.alert .apply-btn.green{background: #00F55F;}

.popups .copy{text-align: center;}
.popups.popup-end .copy{margin: 25px auto 22px;}
.popups.popup-end .copy2{margin: 0 auto 38px;}
.popups.popup-app .copy{margin: 28px auto 38px;}
.popups.popup-already .copy {margin-top: 31px;}
.popups.popup-already .copy1{margin-top: 11px;}
.popups.popup-already .apply-btn{margin-top: 41px;}
.popups.popup-nocstno .copy{margin-top: 26px;}
.popups.popup-nocstno .apply-btn{margin-top: 38px;}
.popups.popup-vote .icon{margin-top: 19px;}
.popups.popup-vote .copy{font-size: 25px; line-height: 30px; margin-top: 27px; color: #fff;}
.popups.popup-vote .btn-group {margin-top: 47px;}
.popups.popup-vote .retry{width: 168px; flex-shrink: 0; margin-right: 12px;}
.popups.popup-vote .submit{background: #00F55F;}
.popups.popup-complete .icon,
.popups.popup-complete-final .icon,
.popups.popup-not-checked .icon{margin-top: 19px;}
.popups.popup-complete .copy,
.popups.popup-complete-final .copy{margin-top: 22px;}
.popups.popup-complete .copy1,
.popups.popup-complete-final .copy1{margin-top: 16px;}
.popups.popup-complete .apply-btn,
.popups.popup-complete-final .apply-btn{margin-top: 26px;}

.popups.popup-not-checked .copy {margin-top: 32px;}
.popups.popup-not-checked .apply-btn{margin-top: 42px;}

.popups.popup-delay .copy{margin-top: 25px;}
.popups.popup-delay .copy2{margin-top: 24px;}
.popups.popup-delay .apply-btn{margin-top: 33px; height: 42px;}
.popups.popup-delay .apply-btn a {padding: 13px 0;}

.popup-share {bottom: 0;padding: 0;}
.popup-share .pop-content {position: absolute; width:100%; left:0;bottom: -500px;transition:bottom 0.3s;}
.popup-share .bg {opacity: 0;transition:opacity 0.3s;}
.popup-share.show .bg {opacity: 1;}
.popup-share.popups .pop-content-inner {max-width: 375px;margin: 0 auto;padding: 10px 18px 81px 17px;border-radius: 30px 30px 0 0;background: #fff;text-align: center;}
.popup-share .btn-close {position: relative;width: 35px;height: 5px;border-radius: 20px;text-indent: -9999px;background: #EAECEF;}
.popup-share .pop-share-btn-list {margin-top: 35px;}
.popup-share .pop-share-btn-list button {display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 60px;border-radius: 15px;background: #F1F1F1;}
.popup-share li + li {margin-top: 10px;}
.popup-share .pop-share-btn-icon {margin-right: 7px;width: 22px;height: 26px;}
.popup-share .share-btns button:after {content: none;}
.popup-share .pop-share-btn-list .kakaotalk {background: #FAE200;}
.popup-share .pop-share-btn-list .facebook {background: #1877F2;}

.ani-floating {
    animation: floating 5s infinite;
}

.ani-rolling {
    animation: rolling 10s linear infinite;
}

/*animation: bounce 2s infinite 2s;*/
@keyframes floating {
    50%{
        transform: translateY(20px);
    }
}

@keyframes rolling {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: -517px 0;
    }
}

@media only screen and (max-width : 600px) {
    /*    */
}

@media only screen and (max-width: 375px) {
    .ticketing .ticketing-copy1{height: auto;}
    .ticketing .ticketing-guide{height: auto;}
    .vote .vote-list li {width: 48%; height: auto;}
    .vote.web .inmotion .vote-list li { height: auto; }
    .vote .vote-opendate {height: auto;}
    .vote .vote-guide {height: auto;}
}

@media only screen and (max-width : 320px) {
    /*    */
}

@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}



section.debug {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background: green;
    z-index: 99999;
    padding: 0;
}
.debug > div {
    color: #212121;
    z-index: 99999;
    margin: 0;
}


@keyframes sequence {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -6665px 0;
    }
}

@-webkit-keyframes sequence {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -6665px 0;
    }
}