@charset "UTF-8";

@-webkit-keyframes subway1 {0% {top:5px;} 5% {top: 7px;} 10% {top: 5px;} 20% {top: 6px;} 40% {top: 5px;} 50% {top: 6px;} 55% {top: 5px;} 60% {top: 8px;} 80% {top: 5px;} 90% {top: 6px;} 100% {top: 5px;} }
@keyframes subway1 {0% {top: 5px;} 5% {top: 7px;} 10% {top: 5px;} 20% {top: 6px;} 40% {top: 5px;} 50% {top: 6px;} 55% {top: 5px;} 60% {top: 8px;} 80% {top: 5px;} 90% {top: 6px;} 100% {top: 5px;} }
@-webkit-keyframes subway2 {0% {left: 50%;} 60% {left: 20%;} 100% {left: 50%;} }
@keyframes subway2 {0% {left: 50%;} 60% {left: 20%;} 100% {left: 50%;} }
@-webkit-keyframes subway3 { 100% {transform: scale(1.05);}  }
@keyframes subway3 { 100% {transform: scale(1.05);}  }
@-webkit-keyframes door1 {100% {left: -40%;} }
@keyframes door1 {100% {left: -40%;} }
@-webkit-keyframes door2 {100% {left: 90%;} }
@keyframes door2 {100% {left: 90%;} }
@-webkit-keyframes door1_hidden {100% {left: -100%;} }
@keyframes door1_hidden {100% {left: -100%;} }
@-webkit-keyframes door2_hidden {100% {left: 100%;} }
@keyframes door2_hidden {100% {left: 100%;} }
@-webkit-keyframes title {100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 0;} }
@keyframes title {100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 0;} }
@-webkit-keyframes hidetitle {100% {opacity: 0;} }
@keyframes hidetitle {100% {opacity: 0;} }
@-webkit-keyframes hide {100% {-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity: 0;} }
@keyframes hide {100% {-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity: 0;} }
@-webkit-keyframes hideright {100% {-webkit-transform:translateX(100px);transform:translateX(100px);opacity: 0;} }
@keyframes hideright {100% {-webkit-transform:translateX(100px);transform:translateX(100px);opacity: 0;} }
@-webkit-keyframes show {100% {opacity: 1;} }
@keyframes show {100% {opacity: 1;} }
@-webkit-keyframes throwup {100% {-webkit-transform: translateY(-100px);transform: translateY(-100px)} }
@keyframes throwup {100% {-webkit-transform: translateY(-100px);transform: translateY(-100px);} }
@-webkit-keyframes throwtitle {100% {-webkit-transform: translateY(0);transform: translateY(0)} }
@keyframes throwtitle {100% {-webkit-transform: translateY(0);transform: translateY(0);} }
@-webkit-keyframes busyjourdy { 100% {-webkit-transform: translateX(0px);transform: translateX(0px);} }
@keyframes busyjourdy { 100% {-webkit-transform: translateX(0px);transform: translateX(0px);} }
@-webkit-keyframes scale {0% {opacity: 0; scale: 0.8;} 50% {opacity: 1;scale: 1.2;} 100% {opacity: 0;scale: 1.4;} }
@keyframes scale {0% {opacity: 0; scale: 0.8;} 50% {opacity: 1;scale: 1.2;} 100% {opacity: 0;scale: 1.4;} }
@-webkit-keyframes closedeyes { 60% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} 70% {background-image: url(https://og.kakaobank.io/view/e70c963d-f0ec-46c3-9da8-7165e55a4e93);background-repeat: no-repeat} 80% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} }
@keyframes closedeyes { 60% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} 70% {background-image: url(https://og.kakaobank.io/view/e70c963d-f0ec-46c3-9da8-7165e55a4e93);background-repeat: no-repeat} 80% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} }
@-webkit-keyframes closedrighteyes { 60% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} 70% {background-image: url(https://og.kakaobank.io/view/23b300be-9aef-4a57-96a1-1acd7060e8cb);} 80% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} }
@keyframes closedrighteyes { 60% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} 70% {background-image: url(https://og.kakaobank.io/view/23b300be-9aef-4a57-96a1-1acd7060e8cb);} 80% {background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60)} }
@-webkit-keyframes rolling {0% {background-position: -841px 0;} 100% {background-position: 0 0;} }
@keyframes rolling {0% {background-position: -859px 0;} 100% {background-position: 0 0;} }
@-webkit-keyframes rolling-rouder {0% {background-position: 0 0;} 100% {background-position: -1372px 0;}  }
@keyframes rolling-rouder {0% {background-position: 0 0;} 100% {background-position: -1372px 0;}  }

body {height: 100vh;position: relative;overflow: hidden;}
body.on {overflow-y: auto;}
.main {width: 100%;position: relative;overflow-x: hidden;}
.section {width: 100%;background-color: #eee;position: relative }
.inner {max-width: 375px;width: 100%;text-align: left;margin: 0 auto;box-sizing: border-box;}
.inner .ir {text-indent: -999em;}
.inner h1, .inner h2 {font-weight: 700;font-size: 35px;color: #000000;line-height: 44px;position: relative;}
.inner h2 {text-align: center;margin-bottom: 32px;}
.inner h3 {font-style: normal;font-weight: 700;font-size: 20px;line-height: 24px;text-align: center;}
#section1 {background-color: #eee;}
#section1 .inner {padding: 43px;height:282px; position: relative;}
.main-visual {position: relative;width: 100%;margin: 0 auto;height: 409px;max-width: 808px;background-color: #edebe7;}
.main-visual::after {    position: absolute; top: 0; content: ''; display: block; width: 808px; height: 408px;background-image: url(https://og.kakaobank.io/view/e3f7e090-ef08-45a0-b090-d56a0e363bcc); background-repeat: no-repeat; background-size: 808px 408px;left: 50%;margin-left: -404px; }
.main-visual .subway, .main-visual .door-after {position: relative;margin: 0px auto;width: 375px;height: 409px;background-size: contain;}
.main-visual.play .subway {-webkit-animation: none;animation: none;}
.main-visual .subway {width: 100%;overflow: hidden;padding-top: 2px;}
.main-visual .door {display: inline-block;width: 170.5px;background-image: url(https://og.kakaobank.io/view/d3450197-d250-4435-9f06-bf91be88fdc5);background-repeat: no-repeat;background-size: auto 409px;height: 409px;left: 0;position: absolute;}
.main-visual .door-right {background-image: url(https://og.kakaobank.io/view/1f246a12-a465-4997-b4f3-561fc4cbe455);left: initial;right: 0;}
.main-visual .door-after {height: 407px;position: relative;max-width: 338px;}
.door-after-left, .door-after-right {position: absolute; left: -407px;height: 409px; width: 407px;background-color: #A9A9A9;}
.door-after-right {left: initial;right: -407px;}
.door-after-left::after {content: '';display: block;background-image: url(https://og.kakaobank.io/view/d990d472-0fda-44e6-a127-26eb94edbd20);background-repeat: no-repeat;background-size: 222px 411px;width: 222px;height: 411px;position: absolute;right: -2px;}
.door-after-right::before {content: '';display: block;background-image: url(https://og.kakaobank.io/view/d990d472-0fda-44e6-a127-26eb94edbd20);background-repeat: no-repeat;-webkit-transform: rotate(180deg);transform: rotate(180deg);background-size: 222px 411px;width: 222px;height: 411px;position: absolute;left: -2px;}
.main-visual .subway-inner .inarea:before {content: '';position: absolute;background-image: url(https://og.kakaobank.io/view/8970ca10-4f99-40b6-83ae-0dbf017e5888);background-repeat: no-repeat;background-size: 810px 412px;height: 412px;width: 810px;left: 50%;margin-left: -405px;}
.main-visual .eyes::before,.main-visual .eyes::after {content: '';position: absolute;background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60);background-repeat: no-repeat;background-size: 3.5px ;height:  3.5px;width:  3.5px}
.main-visual .jordy {    position: absolute; top: 219px; left: 363px;}
.main-visual .jordy::after {left:11px}
.main-visual .scap {       position: absolute; top: 210px; left: 464px;}
.main-visual .scap:before {background-size: 5px ;height:  5px;width:  5px;}
.main-visual .scap:after {content: '';position: absolute;background-image: url(https://og.kakaobank.io/view/7ccdbd76-490c-4dd2-8a28-fdf80698be60);background-repeat: no-repeat;background-size: 5px ;height:  5px;width:  5px;left:18px}
.main-visual .subway-inner .inarea {position: relative;height: 412px;width: 810px;left: 50%;margin-left: -405px;}
.main-visual .char-duck {position: relative;background-image: url(@@duck.png);background-repeat: no-repeat;background-size: contain;height: 70px;width: 60px;display: block;position: absolute;bottom: 77px;left: 272px;}
.main-visual .river {position: relative;background-image: url(https://og.kakaobank.io/view/e94ad68f-6f4b-41c5-ad35-5964c4ce76a5);background-size: 859px 115px; height: 115px;width: 841px;display: block;position: absolute;top: 48px;-webkit-animation: rolling 30s infinite linear;animation: rolling 30s infinite linear;}
.main-visual .river::before{ content: ''; background-color: #d9edfa; width: 100%; height: 30px; display: block; top: -30px; position: absolute;}
.main-visual .river::after{ content: ''; background-color: #9ed0e5; width: 100%; height: 30px; display: block; bottom: -30px; position: absolute;}
.main-visual .subway-inner .inarea {-webkit-animation: subway1 2s 1s infinite;animation:  subway1 2s 1s infinite;}
.scenestop  .main-visual .subway-inner .inarea,.scene1  .main-visual .subway-inner .inarea{ -webkit-animation: none; animation: none; }
.scene1  .main-visual .eyes::before {-webkit-animation: closedeyes 1s 1s infinite linear alternate;animation: closedeyes 1s 1s infinite linear alternate;}
.scene1  .main-visual .eyes::after {-webkit-animation: closedrighteyes 1s 1s infinite linear alternate;animation: closedrighteyes 1s 1s infinite linear alternate;}
.scene1  .main-visual .jordy::before {-webkit-animation: closedeyes 1.5s 1.4s infinite  alternate;animation: closedeyes 1.5s 1.4s infinite  alternate;}
.scene1  .main-visual .jordy::after {-webkit-animation: closedrighteyes 1.5s 1.4s infinite  alternate;animation: closedrighteyes 1.5s 1.4s infinite  alternate;}
.scene0 .main-visual .subway-inner .inarea { -webkit-animation-play-state: paused; animation-play-state: paused;}
.scenestop .main-visual .river, .scene0 .main-visual .river { -webkit-animation-play-state: paused; animation-play-state: paused;}
.scene1 .main-visual .river {-webkit-animation-play-state:running;animation-play-state:running;}
.door-after-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 409px;}
.subway-inner {position: relative;width: 375px;height: 409px;margin: 0 auto;}
.scene0 .main-visual .door-left {position: absolute;left: 0;-webkit-animation: door1 .3s linear forwards;animation: door1 .3s linear forwards;}
.scene0 .main-visual .door-right {position: absolute;left: 50%;-webkit-animation: door2 .3s linear forwards;animation: door2 .3s linear forwards;}
.scene1 .main-visual .door-left-wrapper {-webkit-animation: hide .3s .3s forwards;animation: hide .3s .3s forwards;}
.scene1 .main-visual .door-right-wrapper {-webkit-animation: hideright .3s .3s forwards;animation: hideright .3s .3s forwards;}
#section1.scene0 .title {-webkit-animation:  hidetitle .6s forwards;animation:  hidetitle .6s forwards;}
#section1.scene0 .sub-title {-webkit-animation:  show .5s  forwards, throwup .5s  forwards;animation:  show .5s  forwards, throwup .5s  forwards;}
#section1 .sub {display: block;font-weight: 700;font-size: 22px;line-height: 27px;margin-bottom: 13px;font-weight: 700;font-size: 25px;line-height: 30px;color: #B3B3B3;}
#section1 .sub-title {opacity: 0;height: 0; -webkit-transform: translateY(0); transform: translateY(0);}
#section1 .inner h2 {text-align: left;}
#section1 .show-sub .sub-title {display: block;height: auto; }
#section1 .sub-script {font-weight: 700;font-size: 16px;line-height: 19px;color: #000000;position: absolute; bottom: 42px; }
#section2 {height: auto;background-color: #eee;padding: 124px 0 0;}
.article .animation-wrapper {margin-bottom: 30px;}
#section2 .louder {display: block;width: 300px;height: 213px;padding-top: 65px;box-sizing: border-box;text-align: center;margin: 0 auto 0;}
.louder::before {content: '';position: absolute;top: -40px; left:-22px;background-image: url(https://og.kakaobank.io/view/5a6482a6-00ce-4548-a048-e7d1b36db471);background-repeat: no-repeat;display: block;background-size: 1372px 291px;width: 343px;height: 291px;-webkit-animation: rolling-rouder .6s infinite steps(4) ;animation: rolling-rouder .6s infinite  steps(4);}
#section2 .animation-wrapper {position: relative;margin: 100px auto 35px;width: 305px;overflow: hidden;}
#section2 .line {position: absolute;bottom: 0;background-image: url(https://og.kakaobank.io/view/d40a5ce2-8004-489f-b4b1-0506f593ab0f);display: block;background-size: contain;width: 305px;height: 2px;}
#section2 .convenience-store+.line {bottom: 15px;}
.animation-wrapper .convenience-store {display: block;background-image: url(https://og.kakaobank.io/view/d1fd3e10-3a8d-41c0-912b-5d63dfdd545c);background-repeat: no-repeat;background-size: contain;width: 305px;height: 190px;}
.animation-wrapper .password-display {display: block;background-image: url(https://og.kakaobank.io/view/4ee0c2c3-7c72-4f84-b0ff-910e982b1f2f);background-repeat: no-repeat;background-size: contain;width: 189px;height: 201px;margin: 0 auto;-webkit-transform: translateY(200px);transform: translateY(200px);}
.animation-wrapper .showmetmoney {display: block;position: absolute;top: 20px;background-image: url(https://og.kakaobank.io/view/68c582ab-8d7e-45ed-8a43-bf933210449c);background-repeat: no-repeat;background-size: contain;width: 156px;height: 130px;-webkit-transform: scale(0);transform: scale(0);}
.animation-wrapper .sofa {display: block;background-image: url(https://og.kakaobank.io/view/31111683-e444-4b5f-9905-d1b13276f392); -webkit-transform: scale(1); transform: scale(1);background-repeat: no-repeat;background-size: contain;width: 245px;height: 111px;margin: 100px auto 0; z-index: 1;}
.play-inmotion .animation-wrapper .password-display {-webkit-transform: translateY(0px);transform: translateY(0px);transition: -webkit-transform .3s linear;transition: transform .3s linear;transition: transform .3s linear, -webkit-transform .3s linear;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}
.play-inmotion .animation-wrapper .showmetmoney {-webkit-transform: scale(1) translateX(70px) translateY(-20px);transform: scale(1) translateX(70px) translateY(-20px);transition: -webkit-transform .3s linear;transition: -webkit-transform .3s  linear;transition: transform .3s  linear;transition: transform .3s  linear, -webkit-transform .3s  linear;transition: transform .3s linear, -webkit-transform .3s  linear;-webkit-transform-origin: 70% 90%;transform-origin: 70% 90%;}
.animation-wrapper .jordy {display: block;background-image: url(https://og.kakaobank.io/view/d398232e-0985-49c4-9c5d-4f0a44a6f8f5);background-repeat: no-repeat;background-size: contain;width: 93px;height: 100px;position: absolute;bottom: -3px;-webkit-transform: translateX(200px);transform: translateX(200px);}
.play-inmotion .animation-wrapper .jordy {-webkit-animation: busyjourdy 25s 1s infinite;animation: busyjourdy 25s 1s infinite;}
#section2 h3 span {display: block;margin-top: 16px;font-weight: 600;font-size: 14px;line-height: 17px;color: #898989;text-align: center;}
#section2 .inner {padding-bottom: 105px;}
#section3 {background-color: #fff;}
#section3 h2 {opacity: 0;-webkit-transform: translateY(30px);transform: translateY(30px);margin-bottom:56px}
#section3 h2.play-inmotion {-webkit-animation: show .5s forwards, throwtitle .5s forwards;animation: show .5s forwards, throwtitle .5s forwards;}
#section3 .inner {max-width: 305px;padding: 92px 0;margin: 0 atuo;}
#section3 .link-qna {display: block;width: 172px;height: 39px;background: #F7F7F7;border-radius: 19.5px;font-style: normal;font-weight: 700;font-size: 13px;line-height: 39px;text-align: center;color: #808080;margin: 0 auto;}
#section3 .link-qna::after {content:'';display: inline-block; background-image: url(https://og.kakaobank.io/view/7aace57a-6028-41a6-829e-795c7fed62b0);width: 6px;height:8px;background-size: contain;margin-left:9px}
.inner h1 {-webkit-transform: translateY(30px);transform: translateY(30px);transition: -webkit-transform 1s;transition: transform 1s;transition: transform 1s, -webkit-transform 1s;}
.inner h3 {font-weight: 600;font-size: 18px;line-height: 22px;text-align: center;}
.swiper {width: 100%;height: 412px;box-sizing: border-box;}
.swiper .swiper-button-next {width: 30px;height: 17px;background: #FFFFFF;border-radius: 8.5px;top: 32px;right: 14px;}
.swiper .swiper-button-next::after {content: '';width: 11px;height: 6px;background-image: url(https://og.kakaobank.io/view/27094a45-d591-4b61-bd7d-3ace71905acf);background-size: contain;-webkit-animation: rolling 40s linear infinite;animation: rolling 40s linear infinite;}
.swiper-button-next.swiper-button-disabled {display: none;}
.swiper-slide {max-width: 100%;text-indent: -999em;}
.swiper {overflow: visible;}
.slide1 {background-image: url(https://og.kakaobank.io/view/be4908a2-5efb-4002-a10d-02b270e0d42e);background-size: contain;background-repeat: no-repeat;}
.slide2 {background-image: url(https://og.kakaobank.io/view/ff64a81a-2bd9-46e0-97af-220492bed058);background-size: contain;background-repeat: no-repeat;}
.slide3 {background-image: url(https://og.kakaobank.io/view/42d747cb-c063-4314-be90-57e7f8c8a63e);background-size: contain;background-repeat: no-repeat;}
.slide4 {background-image: url(https://og.kakaobank.io/view/07ad6cfd-3ae5-4fad-9234-296c3e8bdbe5);background-size: contain;background-repeat: no-repeat;}
#section4 .inner {padding-top: 107px;}
#section4 h2 {margin:0;opacity: 0;-webkit-transform: translateY(30px);transform: translateY(30px);}
#section4 h2.play-inmotion {-webkit-animation: show .5s forwards, throwtitle .5s forwards;animation: show .5s forwards, throwtitle .5s forwards;}
#section4 .sub {display: block;font-weight: 600;font-size: 16px;line-height: 19px;text-align: center;margin: 39px auto 46px;color: #808080;}
#section4 .top {color: #799FAD;margin : 0 0 19px }
#section4 .date {margin:20px 0 23px;}
#section4 .gift1-image {display: block;margin: 0 auto 0;background-image: url(https://og.kakaobank.io/view/f9ad9da9-94e3-4d70-8d6d-52ed3804b2e6);background-repeat: no-repeat;background-size: contain;width: 246px;height: 193px;}
#section4 .gift2-image {display: block;margin: 34px auto 0;background-image: url(https://og.kakaobank.io/view/5a7231d7-fad8-4fd8-b2bc-fc78f9f0f4ba);background-repeat: no-repeat;background-size: contain;width: 246px;height: 220px;}
#section4 .article + .article{margin-top:106px}
.notice .inner {max-width: 375px;width: 100%;padding: 0 30px;text-align: center;margin: 0 auto;box-sizing: border-box;}
/* 공통 */ .btn-apply {position: fixed;bottom: 0;padding: 20px 15px;width: 100%;z-index: 9;box-sizing: border-box; -webkit-transform: translateY(90px); transform: translateY(90px);}
.btn-apply.show {-webkit-transform: translateY(0px);transform: translateY(0px);transition: -webkit-transform .3s linear;transition: transform .3s linear;transition: transform .3s linear, -webkit-transform .3s linear;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}
.btn-apply .btn {display: block;position: relative;width: 100%;margin: 0 auto;max-width: 315px;height: 70px;font-weight: 700;font-size: 20px;line-height: 70px;text-align: center;color: #FFFFFF;background: #799FAD;border-radius: 10px;}
.share {padding: 60px 0;}
.share-btn {width: 266px;height: 75px;margin: 0 auto;}
.share-btn .share-icon {width: 266px;height: 75px;}
.share .share-icon {width: 266px;height: 75px;margin: 0 auto;}
.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: #fff;  box-sizing: border-box;}
.popups .btn-group {display: flex;}
.popups .copy{text-align: center;}
.popups.popup-single .copy{margin: 28px auto 34px;  font-weight: 800; font-size: 23px; line-height: 30px; align-items: center; text-align: center; color: #000000;}
.popups.popup-single .copy .desc{ display: block; font-weight: 700; font-size: 13px; line-height: 16px;color: #6A6A6A; margin-top: 15px;}
.popups.popup-single .copy2{margin: 0 auto 38px;}
.popups.popup-single .modal-content{max-width: 330px; padding: 12px; position: relative; border-radius: 20px; }
.popups.popup-single .close-btn{position: absolute; top:-45px; right:0px; width: 23px; height: 23px;}
.popups.popup-single .apply-btn {width: 100%; padding: 0; background: #799FAD; border-radius: 10px;}
.popups.popup-single .apply-btn a{display: inline-block; width: 100%; padding: 22px 0 22px;  box-sizing: border-box; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: #FFFFFF;}
.popups.popup-single .apply-btn.green{background: #00F55F;}

.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: #799FAD;}
.popup-share .pop-share-btn-list {margin-top: 35px;}
.popup-share .pop-share-btn-list a {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;}
.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;-webkit-transform: rotate(0deg);transform: rotate(0deg);transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-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 {-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.info .serial {display: block;font-size: 16px;line-height: 28px;font-weight: 700;text-align: left;}
@media screen and (max-width: 430px) { .scene1  .main-visual .subway-inner .inarea {-webkit-animation: subway1 4s 2s infinite, subway2 50s 1s infinite,subway3 0.4s 0.3s forwards;animation: subway1 4s 2s infinite, subway2 50s 1s infinite,subway3 0.4s 0.3s forwards; }
}


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  top:-26px;
  bottom:initial
}
.swiper-pagination-bullet{
  background-color: #B1B1B1;
}
.swiper-pagination-bullet{
  background-color: #EDEDED;
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background-color: #B1B1B1;
}