@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 {overflow: hidden;font-size: 0px;}
.app {overflow: hidden;}
strong {font-weight: bold;}
.nav {box-sizing: border-box;}
.img {display: block;}
.section {padding: 0 16px;text-align: center;}
ul.shares {font-size: 0px;line-height:22px;text-align: center;}
ul.shares li {display: inline-block;font-size: 14px;}
ul.shares li+li {margin-left: 15px;}
ul.notices {padding-left:8px;}
ul.notices li:before {content:"·";margin-left: -10px;margin-right: 6px;}
ul.notices li {}
.gifts {box-sizing: border-box;max-width: 343px;margin: 0 auto 70px;padding: 30px 12px 40px;background-color: #fff;border-radius: 30px;}
.nav {padding: 18px 25px;background-color: #c2db32;font-size: 0;}
.nav-logo {width:118px;height:17px;display: inline-block;vertical-align: top;background: url(https://og.kakaobank.io/view/046e67b2-4087-45ed-8586-0bd76ebf585d);background-size: 118px 17px;}
.nav-date {width: 114px;height:17px;float:right;display: inline-block;vertical-align: top;background: url(https://og.kakaobank.io/view/5d6cba69-ea4b-4ffa-9e55-00fcffa10c7c);background-size: 114px 17px;}
.section--lime {padding-top:62px;padding-bottom:62px;background-color: #d3eb48;overflow: hidden;}
.img-title {width:240px;height:141px;background: url(https://og.kakaobank.io/view/ffcc3f76-a3d1-45ac-aaf3-d54d30e254f5);background-size: 240px 141px;margin:0 auto 27px;}
.img-title-sub {width:249px;height:55px;background: url(https://og.kakaobank.io/view/18908c8b-1aa0-4380-8763-459ecc61ae03);background-size: 249px 55px;margin:0 auto 75px;}
.slider-wrapper {display: inline-block; max-width: 500px;overflow: hidden;margin:0 -16px 87px;}
.slider {height:210px;margin: 0 -16px 0px;font-size:0;white-space: nowrap;
  -webkit-animation: slider 10s linear infinite;
  animation: slider 10s linear infinite;}

@-webkit-keyframes slider {0% {transform: translateX(0px)}100% {transform: translateX(-840px)}}
@keyframes slider {0% {transform: translateX(0px)}100% {transform: translateX(-840px)}}

.button-wrapper {display: block;max-width:343px;height:80px;margin: 0 auto 6px;vertical-align:middle;line-height: 80px;text-align: center;background-color: #5989f6;border-radius: 30px;}
.button-wrapper.button-wrapper--float {position: fixed; left: 16px; right: 16px; bottom: 24px;margin: auto;}
button.button-wrapper {width: 100%;}
.button-wrapper__txt {width: 141px;height: 25px;background:url(https://og.kakaobank.io/view/cb9d5342-5193-4da6-a87d-d60a2e73927b);background-size:141px 25px;display: inline-block;vertical-align: middle;overflow: hidden;}
.button-wrapper__txt:before {content:"지금 응모하기";}
.button-wrapper.is-done,.button-wrapper.is-already {background: #38445f;}
.is-done .button-wrapper__txt {width: 96px;height: 25px;background:url(https://og.kakaobank.io/view/b6108c19-b113-4d9f-bfaa-16daec11d740);background-size:96px 25px;display: inline-block;vertical-align: middle;overflow: hidden;}
.is-done .button-wrapper__txt:before {content:"응모완료";}
.is-already .button-wrapper__txt {width: 164px;height:25px; background: url(https://og.kakaobank.io/view/954f41d3-eba0-4354-a34a-8eb179b63c33);background-size: 164px 25px; display: inline-block;vertical-align: middle;overflow: hidden;}
.is-already .button-wrapper__txt:before {content:"이미 응모했어요";}
.button-wrapper.button-wrapper--lime {background-color: #d3eb48;height: 70px;line-height: 70px;max-width: 303px;}
.img--07 {width:163px;height:64px;background:url(https://og.kakaobank.io/view/8ffb70db-0f8c-4f14-91e7-564ee3da2fee);background-size: 163px 64px;margin:0 auto 29px;}
.img--arrow-down {width:24px; height:16px;background:url(https://og.kakaobank.io/view/c49870ce-7c66-447f-9328-7bf7b7ac22c8);background-size:24px 16px;margin: 0 auto 20px;}
.img--09 {width:204px;height:88px;background:url(https://og.kakaobank.io/view/f1d34557-80d3-42cf-b246-66e6ba182e1f);background-size:204px 88px;margin: 0 auto 45px;}
.img--gift {max-width:320px;height:320px;background:url(https://og.kakaobank.io/view/e57eed31-9bd7-4a32-9b1a-dc6d5dba4769);background-size:320px 320px;margin: 0 auto 25px;}
.img--gift-desc {width:243px;height:104px;background: url(https://og.kakaobank.io/view/081706c3-6675-4eec-9101-e501e44cb1d0);background-size: 243px 104px;margin: 0 0 40px 12px;}
.gift-border {border-top:1.5px solid #d8d8d8; opacity: 0.3;margin: 0 12px;}
.img--10 {width:270px;height:17px;background:url(https://og.kakaobank.io/view/ee314db5-00f1-422e-97c2-c214e24f508b);background-size:270px 17px;margin: 30px auto 25px;}
.img--11{width:220px;height:40px;background:url(https://og.kakaobank.io/view/8ad23d2f-12b5-4489-a5b8-30dc7d217656);background-size: 220px 40px;margin: 0 auto}
.img--12 {width:157px;height:64px;background:url(https://og.kakaobank.io/view/9a8f7fae-7bce-4ea0-980e-eab1e783d293);background-size:157px 64px;margin: 0 auto 24px;}
.img--13 {width: 120px;height:120px;background:url(https://og.kakaobank.io/view/929f6fa1-d6ea-4fc6-a76f-eb85acf9f97f);background-size:120px 120px;margin: 0 auto 12px;}
.img--14 {width: 208px; height: 66px;background:url(https://og.kakaobank.io/view/1ee95cea-18a9-4bcc-90d1-601ac0fe2c1f);background-size: 208px 66px;margin: 0 auto 35px;}
.img-share-01 {width:60px;height:60px;background: url(https://og.kakaobank.io/view/e60a3023-81e0-4dcd-8f43-ed206844d3f7);background-size: 60px 60px;}
.img-share-02 {width:60px;height:60px;background: url(https://og.kakaobank.io/view/1d3434fe-a65c-4379-90fe-1fe41db6b396);background-size: 60px 60px;}
.img-share-03 {width:60px;height:60px;background: url(https://og.kakaobank.io/view/6744a178-693f-4b68-a954-0139514bd6a2);background-size: 60px 60px;}
.img-share-04 {width:60px;height:60px;background: url(https://og.kakaobank.io/view/01a9dd36-80eb-4549-879a-943066c62d19);background-size: 60px 60px;}
.section--blue {background-color: #4a79e5;padding:70px 24px 100px;color:#fff;}
.img--15 {width:243px;height:123px;background: url(https://og.kakaobank.io/view/830fca11-cefc-45e1-8206-fc3e32298905);background-size: 243px 123px;margin: 0 auto 45px;}
.img--16 {width:180px;height:213px;background: url(https://og.kakaobank.io/view/11dd8eb2-147e-4e7d-825f-534360e09195);background-size: 180px 213px;margin: 0 auto;}
.img--17 {width: 151px;height: 21px;background: url(https://og.kakaobank.io/view/2ea3e6fc-71ee-452a-af06-f53f65b7be6f);background-size: 151px 21px;display: inline-block;vertical-align: middle;overflow: hidden;}
.notice-box {padding-top: 60px;max-width: 314px;margin: auto;text-align: left;padding-bottom: 104px;}

@-webkit-media screen and (max-width: 320px) {
  .gifts {
    border-radius: 0px;
    margin: 0px -18px 70px;
    padding: 30px 0px 40px;
  }
}
@media screen and (max-width: 320px) {
  .gifts {
    border-radius: 0px;
    margin: 0px -18px 70px;
    padding: 30px 0px 40px;
  }
}
.img--jordy {
  display: inline-block;
  width: 210px;
  height: 210px;
  background: url(https://og.kakaobank.io/view/bdc327b6-78dd-4e55-8585-df2a17f30892);
  background-size: 1890px 210px;
  -webkit-animation: frame_9 1s infinite steps(9);
  animation: frame_9 1s infinite steps(9);
}
.img--angmond {
  display: inline-block;
  width: 210px;
  height: 210px;
  background: url(https://og.kakaobank.io/view/5156abeb-cf73-4d1c-8444-5632bd5e9e6c);
  background-size: 1890px 210px;
  -webkit-animation: frame_9 1s infinite steps(9);
  animation: frame_9 1s infinite steps(9);}
.img--keroberony {
  display: inline-block;
  width: 210px;
  height: 210px;
  background: url(https://og.kakaobank.io/view/87d77508-bde6-4654-99bf-7af98bbb0d7e);
  background-size: 2520px 210px;
  -webkit-animation: frame_12 1.3s infinite steps(12);
  animation: frame_12 1.3s infinite steps(12);}
.img--scappy {
  display: inline-block;
  width: 210px;
  height: 210px;
  background: url(https://og.kakaobank.io/view/50e21310-eca3-4639-92df-48757a340322);
  background-size: 2520px 210px;
  -webkit-animation: frame_12 1.3s infinite steps(12);
  animation: frame_12 1.3s infinite steps(12);}
@-webkit-keyframes frame_9 {
  0% {background-position: 0px 0px;}
  100% {background-position: 1890px 0px;}
}
@keyframes frame_9 {
  0% {background-position: 0px 0px;}
  100% {background-position: 1890px 0px;}
}
@-webkit-keyframes frame_12 {
  0% {background-position: 0px 0px;}
  100% {background-position: 2520px 0px;}
}
@keyframes frame_12 {
  0% {background-position: 0px 0px;}
  100% {background-position: 2520px 0px;}
}
.popup {position: fixed; left:0;right:0;top:0;bottom:0;width:100%;height:100%;background: rgba(0,0,0,0.3);display: none;}
.popup__box {background: #fff;border-radius: 30px;padding: 40px 20px 20px;max-width: 330px;box-sizing: border-box;}
.img--popup01 {width:36px;height:28px;background: url(https://og.kakaobank.io/view/88ea8817-3a52-450e-9096-e6b50b721f0a);background-size: 36px 28px;margin: auto;}
.img--popup02 {width:149px;height:56px;background: url(https://og.kakaobank.io/view/d6a38da1-de03-438a-856a-e9cd5a9e2b63);background-size: 149px 56px;margin: auto;}
.img--popup03 {width:173px;height:28px;background: url(https://og.kakaobank.io/view/da087ca8-49d9-4769-8a54-163e5cbd8550);background-size: 173px 28px;margin: auto;}
.popup__btn {display: block;width: 100%;background: #5989f6;padding: 19px 0px;border-radius: 20px;margin-top: 40px;}
.popup__box {left: 10px;position: absolute;right: 10px;margin: auto;height: 222px;top: 0;bottom: 0;width: 330px;}
.popup--expired .popup__box {height: 199px;}

@media screen and (max-width: 375px) {
  .popup__box {width: auto; max-width: 330px;}
}
@-webkit-media screen and (max-width: 375px) {
  .popup__box {width: auto; max-width: 330px;}
}