@charset "UTF-8";

/* font */
@font-face {
  font-family:'pretendard';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Black.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Black.woff') format('woff'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Black.ttf') format('truetype');
}
@font-face {
  font-family:'pretendard';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Bold.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Bold.woff') format('woff'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Bold.ttf') format('truetype');
}
@font-face {
  font-family:'Pretendard';
  font-style: normal;
  font-weight: 600;
  font-display:swap;
  src: local(''),
    url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-SemiBold.woff2') format('woff2'),
    url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-SemiBold.woff') format('woff'),
    url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-SemiBold.ttf') format('truetype');
  }
@font-face {
  font-family:'pretendard';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Regular.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/Pretendard-Regular.woff') format('woff');
}
@font-face{
  font-family:'notosanskr';
  font-style: normal;
  font-weight:700;
  font-display:swap;
  src:url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/NotoSansKR-Bold.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/NotoSansKR-Bold.woff') format('woff'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/NotoSansKR-Bold.ttf') format('truetype')
}
@font-face{
  font-family:'RiaSans';
  font-style: normal;
  font-weight:800;
  font-display:swap;
  src:url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/RiaSans-ExtraBold.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/RiaSans-ExtraBold.woff') format('woff'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/RiaSans-ExtraBold.otf') format('opentype'),
  url('https://hangame-images.toastoven.net/hangame/hangamestore/css/font/RiaSans-ExtraBold.ttf') format('truetype')
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,input,select,textarea,button,article,aside,dialog,header,section,footer,nav,figure,main{margin:0;padding:0}
body,input,select,textarea,button,a{font-family:'pretendard','notosanskr',-apple-system, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif}
article,aside,dialog,header,section,footer,nav,figure,main{display:block}
html,body{height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body{min-height:100%;background:#000}
div{box-sizing:border-box}
ul,ol,li{list-style:none}
table{border-spacing:0;table-layout:fixed}
input,button,select{border:0;border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input::-ms-clear{display:none}
input:focus{outline:0}
input::-webkit-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::-moz-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input:-ms-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::-ms-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::-webkit-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input:-ms-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
img,fieldset{border:0;vertical-align:top}
img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
em,address{font-style:normal}
a{color:#242424;text-decoration:none;cursor:pointer}
a,button,input,label,img{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}
button{white-space:nowrap;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
::-webkit-file-upload-button{cursor:pointer}
hr{display:none}
button,button:active,button:focus,button:hover,
a,a:active,a:focus,a:hover{text-decoration:none;-webkit-tap-highlight-color:transparent}
.blind,caption span,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}
:root{--scrollbar-width: 0px}

/* common */
/* 사이트 공통 CSS(hangamestore.css)의 .wrap과 클래스 이름이 겹치는 부분 방어 */
.wrap.wrap_event_chuseok{overflow-x:hidden;position:relative;z-index:auto;width:100%;min-width:360px;min-width:100%;max-width:1024px;height:auto;min-height:100vh;margin:0 auto;background:#fff;scrollbar-width:auto;scrollbar-gutter:auto;-ms-overflow-style:auto}
.wrap.wrap_event_chuseok::-webkit-scrollbar{display:block;width:auto;height:auto}
.wrap_event_chuseok .ico{display:inline-block;overflow:hidden;line-height:9999px}
.section{position:relative}
.section .section_inner{max-width:390px;margin:0 auto;padding:0 16px}
.motion_obj{display:block;position:absolute;left:50%;background-repeat:no-repeat;background-position:center;background-size:100% auto;transform:translateX(-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.text_bold{font-weight:700 !important}
/* ==================== header ==================== */
.wrap_event_chuseok .ico_logo{width:28px;height:28px;background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28ZM7 14.4278V14.4687C7 18.7158 10.1405 21.8554 14.7047 21.8554C16.903 21.8554 18.6409 21.1371 19.8342 20.419C20.6089 19.9676 20.965 19.3314 20.965 18.4081V14.9203C20.965 14.0378 20.2529 13.3403 19.3529 13.3403H15.6679C14.8932 13.3403 14.2651 13.9559 14.2651 14.7151C14.2651 15.474 14.8932 16.0693 15.6679 16.0693H17.8455V18.1211C17.0286 18.6955 15.982 18.9828 14.8094 18.9828C12.2131 18.9828 10.3709 17.0541 10.3709 14.4278V14.3865C10.3709 11.945 12.2341 9.91349 14.5792 9.91349C15.961 9.91349 16.903 10.2832 17.7825 10.8988C18.0127 11.0629 18.3058 11.2269 18.7665 11.2269C19.646 11.2269 20.3578 10.5291 20.3578 9.6676C20.3578 9.05202 20.0018 8.62116 19.6877 8.39533C18.3687 7.49276 16.903 7 14.6838 7C10.2453 7 7 10.3446 7 14.4278Z' fill='%23FA6E00'/%3E%3C/svg%3E%0A")}

.wrap_event_chuseok .header{position:absolute;top:0;right:0;left:0;z-index:100}
.wrap_event_chuseok .header.is_stuck{position:fixed;animation:headerSlideIn .25s ease-out both}
.wrap_event_chuseok .header_inner{max-width:1024px;margin:0 auto}
@keyframes headerSlideIn{
  from{transform:translateY(-100%)}
  to{transform:translateY(0)}
}

/*  main  */
.wrap_event_chuseok .main{padding-top:64px}

/*  main > 탭  */
.wrap_event_chuseok .event_tab_wrap .event_tab_inner{max-width:1024px;margin:0 auto}
/* GNB dimmed 가 헤더와 탭을 함께 덮어야 하므로 탭을 공통 .dimmed(150) 아래에 둔다(가이드 원본은 190). */
.wrap_event_chuseok .event_tab_wrap.is_stuck{position:fixed;top:0;right:0;left:0;z-index:90}
.wrap_event_chuseok .header.is_stuck ~ .main .event_tab_wrap.is_stuck{transform:translateY(64px);transition:transform .25s ease-out}
.wrap_event_chuseok .event_tab_wrap.is_stuck::before{position:absolute;top:-1px;right:0;left:0;height:1px;content:''}
.wrap_event_chuseok .event_tab_wrap.is_stuck ~ .tab_panel{margin-top:56px}
.tab_theme_lottery .event_tab_wrap{background:linear-gradient(0deg, #2D2E91, #2D2E91),linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}
.tab_theme_lottery .event_tab_wrap.is_stuck::before{background:#2D2E91}
.tab_theme_mission .event_tab_wrap{background: linear-gradient(0deg, #46036C, #46036C),linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}
.tab_theme_mission .event_tab_wrap.is_stuck::before{background:#46036C}
.event_tab_wrap .tab_list{display:flex;max-width:1024px;height:56px;margin:0 auto;padding:0 24px}
.event_tab_wrap .tab_item{display:flex;justify-content:center;align-items:center;width:50%;text-align:center}
.event_tab_wrap .tab_item + .tab_item{margin-left:12px}
.event_tab_wrap .tab_item.is_active .btn_event_tab::after{position:absolute;right:0;bottom:0;left:0;width:100%;height:4px;background-color:#fff;content:''}
.event_tab_wrap .tab_item .btn_event_tab{display:block;position:relative;;box-sizing:border-box;width:100%;height:100%;padding-top:8px;font-size:0}
.event_tab_wrap .tab_item .tab_title{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:100% auto;line-height:9999px}
.event_tab_wrap .tab_item .tab_title.type_lottery{width:108px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_title_event1_disabled.svg)}
.event_tab_wrap .tab_item .tab_title.type_mission{width:95px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_title_event2_disabled.svg)}
.event_tab_wrap .tab_item.is_active .tab_title.type_lottery{width:108px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_title_event1.svg)}
.event_tab_wrap .tab_item.is_active .tab_title.type_mission{width:95px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_title_event2.svg)}
.event_tab_wrap .tab_item:not(.is_active) .tab_title{opacity:.5}
.event_tab_wrap .tab_title_label{display:inline-block;position:relative;height:24px;margin-left:4px;padding:0 6px;border-radius:99px;background:rgba(255, 255, 255, 0.5)}
.event_tab_wrap .tab_title_label .text_label{overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:100% auto;line-height:9999px}
.event_tab_wrap .tab_title_label.type_lottery .text_label{display:inline-block;width:50px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_title_event1_label_disabled.svg)}
.event_tab_wrap .tab_item.is_active .tab_title_label{background:#FF6618}
.event_tab_wrap .tab_item.is_active .tab_title_label.type_lottery .text_label{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_title_event1_label.svg)}
.tab_panel{display:none}
.tab_panel.is_active{display:block}
/*  탭1 > section_visual */
.section_visual{padding-bottom:20px}
.section_visual.type_lottery{background: linear-gradient(180deg, #2D2E91 49.04%, #CA7071 61.78%, #FF882F 69.23%)}
.section_visual .motion_obj.obj_moon{top:59px;width:390px;height:355px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_moon.png)}

/* 모션 진입 공통 */
.js .motion_title,
.js .motion_envelope,
.js .motion_deco{visibility:hidden}
.js .motion_title.is_play,
.js .motion_envelope.is_play,
.js .motion_deco.is_play{visibility:visible}
.js .motion_title .motion_obj{opacity:0}

/* title motion */
.section_visual .motion_title{position:relative;margin:0 auto}
.section_visual .motion_title .motion_obj{left:auto;transform-origin:50% 50%}
.section_visual.type_lottery .motion_title{width:325px;height:101px}
.section_visual.type_lottery .motion_title .motion_obj.obj_title1{top:36px;left:4px;width:170px;height:26px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_theme_lottery_title1.png)}
.section_visual.type_lottery .motion_title .motion_obj.obj_title2{top:36px;left:174px;width:147px;height:26px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_theme_lottery_title2.png)}
.section_visual.type_lottery .motion_title .motion_obj.obj_title3{top:58px;left:-5px;width:219px;height:65px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_theme_lottery_title3.png)}
.section_visual.type_lottery .motion_title .motion_obj.obj_title4{top:67px;left:215px;width:106px;height:45px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/tab_theme_lottery_title4.png)}

.motion_title.is_play .motion_obj{will-change:transform,opacity}
.motion_title.is_play .obj_title1{-webkit-animation:titleStamp .65s both;animation:titleStamp .65s both}
.motion_title.is_play .obj_title2{-webkit-animation:titleStamp .65s .25s both;animation:titleStamp .65s .25s both}
.motion_title.is_play .obj_title3{-webkit-animation:titleStamp .65s .5s both;animation:titleStamp .65s .5s both}
.motion_title.is_play .obj_title4{-webkit-animation:titleStamp .65s .75s both;animation:titleStamp .65s .75s both}

@-webkit-keyframes titleStamp{
  0%{opacity:0;transform:scale(1.6);-webkit-animation-timing-function:cubic-bezier(.2,.85,.25,1);animation-timing-function:cubic-bezier(.2,.85,.25,1)}
  50%{opacity:1;transform:scale(.96);-webkit-animation-timing-function:cubic-bezier(.3,1.15,.5,1);animation-timing-function:cubic-bezier(.3,1.15,.5,1)}
  72%{transform:scale(1.02);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  100%{opacity:1;transform:scale(1)}
}
@keyframes titleStamp{
  0%{opacity:0;transform:scale(1.6);-webkit-animation-timing-function:cubic-bezier(.2,.85,.25,1);animation-timing-function:cubic-bezier(.2,.85,.25,1)}
  50%{opacity:1;transform:scale(.96);-webkit-animation-timing-function:cubic-bezier(.3,1.15,.5,1);animation-timing-function:cubic-bezier(.3,1.15,.5,1)}
  72%{transform:scale(1.02);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  100%{opacity:1;transform:scale(1)}
}

/* card motion */
.motion_envelope{position:relative;width:278px;height:300px;margin:0 auto}
.motion_envelope .motion_obj.envelope_close{bottom:22px;z-index:4;width:222px;height:157px;margin-left:4px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/img_envelope_close.png)}
.motion_envelope .gift_card_clip{display:block;overflow:hidden;position:absolute;right:0;bottom:112px;left:0;z-index:2;height:188px}
.motion_envelope .motion_obj.gift_card{bottom:-117px;z-index:2;width:188px;height:105px;margin-left:-99px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/img_gift_card.png);transform:translateY(0);transform-origin:50% 100%}
.motion_envelope .motion_obj.envelope_cover{bottom:29px;z-index:3;width:217px;height:137px;margin-left:4px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/img_envelope_cover.png);opacity:0}
.motion_envelope .motion_obj.envelope_open{bottom:16px;z-index:1;width:278px;height:225px;margin-left:0;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/img_envelope_open.png);opacity:0}

.motion_envelope.is_play{-webkit-animation:mainFloat 3.6s .8s ease-in-out infinite;animation:mainFloat 3.6s 1.5s ease-in-out infinite}
.motion_envelope.is_play .motion_obj{will-change:transform,opacity}
.motion_envelope.is_play .envelope_close{-webkit-animation:cardEnvClose 2s linear both;animation:cardEnvClose 2s linear both}
.motion_envelope.is_play .envelope_open{-webkit-animation:cardEnvOpen 2s linear both;animation:cardEnvOpen 2s linear both}
.motion_envelope.is_play .envelope_cover{-webkit-animation:cardEnvCover 2s linear both;animation:cardEnvCover 2s linear both}
.motion_envelope.is_play .gift_card{-webkit-animation:cardGiftUp 2s linear both;animation:cardGiftUp 2s linear both}

@-webkit-keyframes mainFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@keyframes mainFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@-webkit-keyframes cardEnvClose{
  0%,24%{opacity:1}
  31%,100%{opacity:0}
}
@keyframes cardEnvClose{
  0%,24%{opacity:1}
  31%,100%{opacity:0}
}
@-webkit-keyframes cardEnvOpen{
  0%,24%{opacity:0}
  31%,100%{opacity:1}
}
@keyframes cardEnvOpen{
  0%,24%{opacity:0}
  31%,100%{opacity:1}
}
@-webkit-keyframes cardEnvCover{
  0%,14%{opacity:0}
  20%,100%{opacity:1}
}
@keyframes cardEnvCover{
  0%,14%{opacity:0}
  20%,100%{opacity:1}
}
@keyframes cardGiftUp{
  0%,32%{transform:translateY(0);animation-timing-function:cubic-bezier(.35,.15,.3,1)}
  44%{transform:translateY(-113px) scaleY(1.03);animation-timing-function:ease-out}
  56%,100%{transform:translateY(-105px) scaleY(1)}
}

/* deco motion */
.section_visual.type_lottery .motion_deco .obj_deco1{top:315px;width:75px;height:55px;margin-left:-151px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_1.png)}
.section_visual.type_lottery .motion_deco .obj_deco2{top:153px;width:75px;height:55px;margin-left:150px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_2.png)}
.section_visual.type_lottery .motion_deco .obj_deco3{top:295px;width:33px;height:36px;margin-left:-245px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_3.png)}
.section_visual.type_lottery .motion_deco .obj_deco4{top:58px;width:55px;height:50px;margin-left:-250px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_4.png)}
.section_visual.type_lottery .motion_deco .obj_deco5{top:164px;z-index:1;width:66px;height:65px;margin-left:-146px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_5.png)}
.section_visual.type_lottery .motion_deco .obj_deco6{top:243px;z-index:1;width:46px;height:45px;margin-left:158px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_6.png)}
.section_visual.type_lottery .motion_deco .obj_deco7{top:71px;width:42px;height:40px;margin-left:267px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/obj_7.png)}
.section_visual.type_lottery .motion_deco.is_play .motion_obj{will-change:transform,opacity}
.section_visual.type_lottery .motion_deco.is_play .obj_deco1{animation:decoPop1 .62s .64s linear both,decoFloat1 3s 1.26s ease-in-out infinite}
.section_visual.type_lottery .motion_deco.is_play .obj_deco2{animation:decoPop2 .66s .64s linear both,decoFloat2 3.4s 1.3s ease-in-out infinite}
.section_visual.type_lottery .motion_deco.is_play .obj_deco3{animation:decoPop3 .56s .64s linear both,decoFloat3 2.8s 1.2s ease-in-out infinite}
.section_visual.type_lottery .motion_deco.is_play .obj_deco4{animation:decoPop4 .68s .64s linear both,decoFloat4 3.2s 1.32s ease-in-out infinite}
.section_visual.type_lottery .motion_deco.is_play .obj_deco5{animation:decoPop5 .6s .64s linear both,decoFloat5 2.9s 1.24s ease-in-out infinite}
.section_visual.type_lottery .motion_deco.is_play .obj_deco6{animation:decoPop6 .64s .64s linear both,decoFloat6 3.3s 1.28s ease-in-out infinite}
.section_visual.type_lottery .motion_deco.is_play .obj_deco7{animation:decoPop7 .52s .64s linear both,decoFloat7 3.1s 1.16s ease-in-out infinite}

@keyframes decoPop1{
  0%{opacity:0;transform:translateX(-50%) translate(151px,-106px) scale(.16) rotate(-120deg)}
  10%{opacity:1}
  14%{transform:translateX(-50%) translate(91px,-106px) scale(.5) rotate(-74deg)}
  28%{transform:translateX(-50%) translate(57px,-82px) scale(.72) rotate(-50deg)}
  48%{transform:translateX(-50%) translate(30px,-49px) scale(.88) rotate(-29deg)}
  70%{transform:translateX(-50%) translate(12px,-21px) scale(1.1) rotate(-11deg)}
  100%{opacity:1;transform:translateX(-50%) translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoPop2{
  0%{opacity:0;transform:translateX(-50%) translate(-150px,56px) scale(.16) rotate(110deg)}
  10%{opacity:1}
  14%{transform:translateX(-50%) translate(-90px,-12px) scale(.5) rotate(68deg)}
  28%{transform:translateX(-50%) translate(-57px,-24px) scale(.72) rotate(46deg)}
  48%{transform:translateX(-50%) translate(-30px,-20px) scale(.88) rotate(26deg)}
  70%{transform:translateX(-50%) translate(-12px,-10px) scale(1.1) rotate(10deg)}
  100%{opacity:1;transform:translateX(-50%) translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoPop3{
  0%{opacity:0;transform:translateX(-50%) translate(245px,-76px) scale(.16) rotate(-150deg)}
  10%{opacity:1}
  14%{transform:translateX(-50%) translate(147px,-84px) scale(.5) rotate(-93deg)}
  28%{transform:translateX(-50%) translate(93px,-67px) scale(.72) rotate(-63deg)}
  48%{transform:translateX(-50%) translate(49px,-41px) scale(.88) rotate(-36deg)}
  70%{transform:translateX(-50%) translate(20px,-18px) scale(1.1) rotate(-14deg)}
  100%{opacity:1;transform:translateX(-50%) translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoPop4{
  0%{opacity:0;transform:translateX(-50%) translate(250px,154px) scale(.16) rotate(-100deg)}
  10%{opacity:1}
  14%{transform:translateX(-50%) translate(150px,42px) scale(.5) rotate(-62deg)}
  28%{transform:translateX(-50%) translate(95px,10px) scale(.72) rotate(-42deg)}
  48%{transform:translateX(-50%) translate(50px,-2px) scale(.88) rotate(-24deg)}
  70%{transform:translateX(-50%) translate(20px,-3px) scale(1.1) rotate(-9deg)}
  100%{opacity:1;transform:translateX(-50%) translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoPop5{
  0%{opacity:0;transform:translateX(-50%) translate(146px,40px) scale(.16) rotate(130deg)}
  10%{opacity:1}
  14%{transform:translateX(-50%) translate(88px,-16px) scale(.5) rotate(81deg)}
  28%{transform:translateX(-50%) translate(55px,-24px) scale(.72) rotate(55deg)}
  48%{transform:translateX(-50%) translate(29px,-19px) scale(.88) rotate(31deg)}
  70%{transform:translateX(-50%) translate(12px,-9px) scale(1.1) rotate(12deg)}
  100%{opacity:1;transform:translateX(-50%) translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoPop6{
  0%{opacity:0;transform:translateX(-50%) translate(-158px,-29px) scale(.16) rotate(95deg)}
  10%{opacity:1}
  14%{transform:translateX(-50%) translate(-95px,-62px) scale(.5) rotate(59deg)}
  28%{transform:translateX(-50%) translate(-60px,-54px) scale(.72) rotate(40deg)}
  48%{transform:translateX(-50%) translate(-32px,-35px) scale(.88) rotate(23deg)}
  70%{transform:translateX(-50%) translate(-13px,-16px) scale(1.1) rotate(9deg)}
  100%{opacity:1;transform:translateX(-50%) translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoPop7{
  0%{opacity:0;transform:translateX(-50%) translate(-267px,146px) scale(.16) rotate(140deg)}
  10%{opacity:1}
  14%{transform:translateX(-50%) translate(-160px,40px) scale(.5) rotate(87deg)}
  28%{transform:translateX(-50%) translate(-101px,8px) scale(.72) rotate(59deg)}
  48%{transform:translateX(-50%) translate(-53px,-3px) scale(.88) rotate(34deg)}
  70%{transform:translateX(-50%) translate(-21px,-3px) scale(1.1) rotate(13deg)}
  100%{opacity:1;transform:translateX(-50%) translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoFloat1{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  50%{transform:translateX(-50%) translateY(-9px) rotate(-3deg)}
}
@keyframes decoFloat2{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  45%{transform:translateX(-50%) translateY(-12px) rotate(3deg)}
}
@keyframes decoFloat3{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  50%{transform:translateX(-50%) translateY(-7px) rotate(-4.5deg)}
}
@keyframes decoFloat4{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  55%{transform:translateX(-50%) translateY(-11px) rotate(2.5deg)}
}
/* 5번만 두 번 튀는 리듬 */
@keyframes decoFloat5{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  38%{transform:translateX(-50%) translateY(-8px) rotate(4deg)}
  68%{transform:translateX(-50%) translateY(-3px) rotate(1deg)}
}
@keyframes decoFloat6{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  50%{transform:translateX(-50%) translateY(-13px) rotate(-2deg)}
}
@keyframes decoFloat7{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  48%{transform:translateX(-50%) translateY(-6px) rotate(5deg)}
}

/* cloud motion */
.section_visual .motion_cloud .obj_cloud1{top:218px;width:92px;height:33px;margin-left:-311px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/bg_deco_cloud_01.png)}
.section_visual .motion_cloud .obj_cloud2{top:138px;width:138px;height:80px;margin-left:-181px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/bg_deco_cloud_02.png)}
.section_visual .motion_cloud .obj_cloud3{top:264px;width:105px;height:62px;margin-left:218px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/bg_deco_cloud_03.png)}
.section_visual .motion_cloud .obj_cloud4{top:123px;width:89px;height:32px;margin-left:311px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/bg_deco_cloud_04.png)}
.section_visual .motion_cloud .motion_obj{will-change:transform}
.section_visual .motion_cloud .obj_cloud1{-webkit-animation:cloudDrift1 10.5s -3.4s ease-in-out infinite;animation:cloudDrift1 10.5s -3.4s ease-in-out infinite}
.section_visual .motion_cloud .obj_cloud2{-webkit-animation:cloudDrift2 14s -9.5s ease-in-out infinite;animation:cloudDrift2 14s -9.5s ease-in-out infinite}
.section_visual .motion_cloud .obj_cloud3{-webkit-animation:cloudDrift3 12s -6.2s ease-in-out infinite;animation:cloudDrift3 12s -6.2s ease-in-out infinite}
.section_visual .motion_cloud .obj_cloud4{-webkit-animation:cloudDrift4 9.5s -8.1s ease-in-out infinite;animation:cloudDrift4 9.5s -8.1s ease-in-out infinite}

@-webkit-keyframes cloudDrift1{
  0%,100%{transform:translateX(-50%) translateX(-6px)}
  50%{transform:translateX(-50%) translateX(6px)}
}
@keyframes cloudDrift1{
  0%,100%{transform:translateX(-50%) translateX(-6px)}
  50%{transform:translateX(-50%) translateX(6px)}
}
@-webkit-keyframes cloudDrift2{
  0%,100%{transform:translateX(-50%) translateX(8px)}
  50%{transform:translateX(-50%) translateX(-8px)}
}
@keyframes cloudDrift2{
  0%,100%{transform:translateX(-50%) translateX(8px)}
  50%{transform:translateX(-50%) translateX(-8px)}
}
@-webkit-keyframes cloudDrift3{
  0%,100%{transform:translateX(-50%) translateX(-7px)}
  50%{transform:translateX(-50%) translateX(7px)}
}
@keyframes cloudDrift3{
  0%,100%{transform:translateX(-50%) translateX(-7px)}
  50%{transform:translateX(-50%) translateX(7px)}
}
@-webkit-keyframes cloudDrift4{
  0%,100%{transform:translateX(-50%) translateX(5px)}
  50%{transform:translateX(-50%) translateX(-5px)}
}
@keyframes cloudDrift4{
  0%,100%{transform:translateX(-50%) translateX(5px)}
  50%{transform:translateX(-50%) translateX(-5px)}
}
.section_visual.type_mission .motion_cloud .obj_cloud1{top:45px;width:92px;height:33px;margin-left:-288px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_deco_cloud_01.png)}
.section_visual.type_mission .motion_cloud .obj_cloud2{top:111px;width:108px;height:74px;margin-left:-171px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_deco_cloud_02.png)}
.section_visual.type_mission .motion_cloud .obj_cloud3{top:134px;width:105px;height:62px;margin-left:178px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_deco_cloud_03.png)}
.section_visual.type_mission .motion_cloud .obj_cloud4{top:64px;width:89px;height:32px;margin-left:285px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_deco_cloud_04.png)}
.section_visual.type_mission{z-index:0}
.section_visual.type_mission .motion_cloud .motion_obj{z-index:-1}
.section_visual.type_mission .motion_deco .obj_deco1{top:92px;width:73px;height:42px;margin-left:-314px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/obj_1.png);transform:none}
.section_visual.type_mission .motion_deco .obj_deco2{top:160px;width:34px;height:24px;margin-left:-242px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/obj_2.png);transform:none}
.section_visual.type_mission .motion_deco .obj_deco3{top:172px;width:34px;height:24px;margin-left:209px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/obj_3.png);transform:none}
.section_visual.type_mission .motion_deco .obj_deco4{top:86px;width:88px;height:48px;margin-left:209px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/obj_4.png);transform:none}
.section_visual.type_mission .motion_deco .obj_deco5{top:132px;width:53px;height:29px;margin-left:284px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/obj_5.png);transform:none}
.section_visual.type_mission .motion_deco .obj_deco6{top:34px;width:66px;height:65px;margin-left:-170px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/obj_6.png);transform:none}
.section_visual.type_mission .motion_deco .obj_deco7{top:59px;width:50px;height:52px;margin-left:118px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/obj_7.png);transform:none}

/* event_date / event_desc */
.event_date{position:absolute;top:121px;left:50%;transform:translateX(-50%)}
.event_date .text_date{font-size:16px;line-height:1;color:#fff;text-align:center}
.section_visual .event_desc{margin-top:-12px;font-size:13px;line-height:16px;color:#fff;text-align:center;white-space:nowrap}

/* btn_draw */
.btn_draw{display:flex;justify-content:center;align-items:center;width:100%;height:52px;margin-top:16px;padding:0 16px;border-radius:12px;box-shadow:0px 2px 10px 0px #C56832;background: linear-gradient(0deg, #FFFCBA 0%, #FFF874 100%)}

.btn_draw .text{display:inline-block;overflow:hidden;width:86px;height:19px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/btn_draw_text_v2.png);background-repeat:no-repeat;background-size:100% auto;line-height:9999px}
.section_visual .btn_draw .ico_lucky_pouch{display:inline-block;width:40px;height:42px;margin-left:8px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/ico_lucky_pouch.png);background-repeat:no-repeat;background-size:100% auto;transform-origin:center 60%;-webkit-animation:wiggle 3s ease-in-out infinite;animation:wiggle 3s ease-in-out infinite}

.section_visual .btn_draw .ico_label{display:inline-block;overflow:hidden;width:74px;height:24px;margin-right:8px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/btn_draw_label.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;line-height:9999px}
.section_visual .btn_draw.is_disabled .ico_label{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/btn_draw_label_disabled.png)}

.section_visual .btn_draw.is_disabled{box-shadow: 0px 2px 10px 0px #C56832;background:linear-gradient(180deg, #FBECE1 -10.58%, #FFCEA9 113.46%);pointer-events:none}
.section_visual .btn_draw.is_disabled .text{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/btn_draw_text_disabled_v2.png)}
.section_visual .btn_draw.is_disabled .ico_lucky_pouch{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/ico_lucky_pouch_disabled.png);-webkit-animation:none;animation:none}

.section_visual .btn_draw.is_disabled.is_complete .text{width:149px;height:29px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/btn_draw_text_complete.png)}

@-webkit-keyframes wiggle{
  0%,20%,100%{transform:rotate(0deg)}
  3.333%{transform:rotate(-5deg)}
  6.667%{transform:rotate(5deg)}
  10%{transform:rotate(-5deg)}
  13.333%{transform:rotate(5deg)}
  16.667%{transform:rotate(-5deg)}
}
@keyframes wiggle{
  0%,20%,100%{transform:rotate(0deg)}
  3.333%{transform:rotate(-5deg)}
  6.667%{transform:rotate(5deg)}
  10%{transform:rotate(-5deg)}
  13.333%{transform:rotate(5deg)}
  16.667%{transform:rotate(-5deg)}
}
@media (prefers-reduced-motion:reduce){
  .motion_title .motion_obj,
  .motion_title.is_play .motion_obj{opacity:1;transform:none;-webkit-animation:none;animation:none}
  .motion_deco .motion_obj,
  .motion_deco.is_play .motion_obj{opacity:1;transform:translateX(-50%);-webkit-animation:none;animation:none}
  .section_visual .motion_cloud .motion_obj{transform:translateX(-50%);-webkit-animation:none;animation:none}
  .section_visual .btn_draw .ico_lucky_pouch{transform:none;-webkit-animation:none;animation:none}
  .motion_envelope.is_play{transform:none;-webkit-animation:none;animation:none}
  .motion_envelope.is_play .motion_obj{-webkit-animation:none;animation:none}
  .motion_envelope.is_play .envelope_close{opacity:0}
  .motion_envelope.is_play .envelope_open,
  .motion_envelope.is_play .envelope_cover{opacity:1}
  .motion_envelope.is_play .gift_card{transform:translateY(-105px)}
  .section_visual.type_mission .ico_step_marker{transform:translateX(-50%);-webkit-animation:none;animation:none}
  .section_visual.type_mission .ico_step_marker .ico_marker_pin{opacity:1;transform:none;-webkit-animation:none;animation:none}
  .section_visual.type_mission .ico_step_marker .ico_marker_bubble{opacity:0;-webkit-animation:none;animation:none}
}

/* ==================== 탭1 > section_payment_amount ==================== */
.section_payment_amount{background: linear-gradient(180deg, #FC8630 0%, #FCB93C 51.92%, #FFFFFF 96.63%)}
.event_box{padding:16px;border-radius:12px;box-shadow: 0px 0px 15px 0px #FFDF87;background:#fff}
.event_box .event_box_title{font-size:13px;font-weight:600;line-height:16px;color:#242424;text-align:left;letter-spacing:-.5px}
.link_cta{display:block;display:flex;justify-content:center;align-items:center;height:50px;margin-top:20px;padding:0 16px;border-radius:8px;background:#F5F5F5;font-size:16px;font-weight:700;line-height:19px;color:#242424;text-align:center}
.link_cta .ico_link_next{width:12px;height:12px;margin-left:2px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.85553 2.09863L8.35553 5.63752L8.35161 6.34464L4.85161 9.80575L4.14846 9.0947L7.29253 5.98473L4.14453 2.80182L4.85553 2.09863Z' fill='%235C5C5C'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;background-size:100% auto}
.link_cta.type_primary{background:#0051FF;color:#fff}
.link_cta.type_primary .ico_link_next{background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.85553 2.09863L8.35553 5.63752L8.35161 6.34464L4.85161 9.80575L4.14846 9.0947L7.29253 5.98473L4.14453 2.80182L4.85553 2.09863Z' fill='%23F9F9F9'/%3E%3C/svg%3E%0A")}
.bubble_desc{display:inline-block;position:relative;box-sizing:border-box;padding:8px 16px;border-radius:8px;background:#E6F4FF;font-size:13px;line-height:16px;color:#000;text-align:center;white-space:nowrap}
.bubble_desc.type_tail_top::before,
.bubble_desc.type_tail_bottom::before{position:absolute;left:50%;width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;transform:translateX(-50%);content:''}
.bubble_desc.type_tail_top::before{top:-10px;border-bottom:10px solid #E6F4FF}
.bubble_desc.type_tail_bottom::before{bottom:-8px;left:28px;border-top:10px solid #E6F4FF}
.bubble_desc .text_point{color:#0051FF}
.bubble_desc .em{font-weight:700}
.ico_goal_achieved{display:inline-block;width:16px;height:16px;margin-right:8px;background:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/ico_goal_achieved.png) no-repeat;background-size:16px 16px;vertical-align:top}

.box_payment .payment_progress{margin-top:16px}
.box_payment .payment_progress .bubble_desc{margin-top:16px}
.payment_progress_info{display:flex;justify-content:space-between;align-items:center}
.payment_progress_info .payment_progress_amount{font-size:28px;font-weight:900;color:#0051FF}
.payment_progress_info .payment_progress_unit{margin-left:4px;font-size:13px;font-weight:700;vertical-align:middle;color:#242424}
.payment_progress_info .payment_progress_goal{font-size:13px;color:#474747;text-align:right}
.payment_progress_bar{overflow:hidden;position:relative;height:6px;margin-top:16px;border-radius:3px;background-color:#D8DAF0}
.payment_progress_fill{display:block;height:100%;border-radius:3px;background-color:#0051FF;transition:width .4s ease-out}

/* 탭2 미션  */
.payment_progress.type_mission .payment_progress_amount{font-size:22px;color:#3461E1}
.payment_progress.type_mission .payment_progress_unit{font-size:12px}
.payment_progress.type_mission .payment_progress_goal{font-size:13px;font-weight:600;color:#969696}
.payment_progress.type_mission .payment_progress_bar{height:8px;margin-top:12px;background-color:#EDEDED}
.payment_progress.type_mission .payment_progress_fill{border-radius:4px;background-color:#3461E1}

.box_payment.type_progress .payment_progress{text-align:left}
.box_payment.type_progress .payment_progress.is_goal_near{text-align:right}
.box_payment.type_achieved .payment_progress{text-align:right}

.box_payment.type_guest .bubble_desc{width:100%}
.event_box.box_lottery .bubble_desc{width:100%;margin-top:16px}
.box_lottery .lottery_name{display:block;margin-top:16px;font-size:28px;font-weight:900;line-height:34px;color:#0051FF;text-align:center}
.box_lottery .lottery_deadline{margin-top:8px}
.box_lottery .lottery_deadline .text_date{font-weight:700}
.event_box{position:relative}
.event_box .event_end_desc{display:none}
.event_box.is_end .event_end_desc{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:12px;background:rgba(255,255,255,.95);font-size:16px;font-weight:700;line-height:19px;color:#5C5C5C;text-align:center}

/*  탭1 > section_reward  */
.section_reward{margin-top:24px;padding-bottom:28px}
.reward_list{font-size:0}
.reward_list .reward_item{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:171px;height:136px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/reward_panel.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;font-size:13px;vertical-align:top;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center}
.reward_list .reward_item + .reward_item{margin-top:8px}
.reward_list .reward_item:nth-child(odd):not(.type_grand){margin-left:16px}
.reward_list .reward_item.type_grand{width:358px;margin-bottom:6px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/reward_type_core_panel.png)}
.reward_list .reward_item img{width:86px;height:58px}
.reward_list .reward_item .reward_title{display:block;margin-top:8px;font-size:15px;font-weight:700;color:#5D290B}
.reward_list .reward_item .reward_winners{display:block;font-size:15px;font-weight:700;color:#FA6E00}

/*  탭1 > section_notice  */
.section_notice{padding-top:24px}
.section_notice .notice_title{display:inline-block;width:119px;height:15px;background:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/title_notice.svg) no-repeat;background-size:119px 15px}
.section_notice .notice_list{margin-top:14px}
.section_notice .notice_list .notice_item{position:relative;padding-left:11px;font-size:14px;font-weight:400;line-height:22px;color:#242424}
.section_notice .notice_list .notice_item::before{display:inline-block;position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:999px;background-color:#C2C2C2;content:''}
.section_notice .notice_list .notice_item + .notice_item{margin-top:6px}

/*  탭2 > section_visual  */
.section_visual.type_mission{background: linear-gradient(180deg, #430069 0%, #7D3EA2 35%, #EBAC9A 100%)}
.section_visual.type_mission{height:450px}
.section_visual.type_mission .event_date{top:146px}
.section_visual.type_mission .event_date .text_date{font-weight:700}

/* title motion */
.section_visual.type_mission .motion_title{width:212px;height:126px}
.section_visual.type_mission .motion_title .motion_obj.title1{width:45px;height:47px}
.section_visual.type_mission .motion_title .motion_obj.obj_title1{top:4px;left:1px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_01.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title2{top:55px;left:2px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_02.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title2{top:55px;left:2px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_03.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title2{top:55px;left:2px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_04.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title2{top:55px;left:2px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_05.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title2{top:55px;left:2px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_06.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title2{top:55px;left:2px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_07.png)}

/* 탭2 데코 진입 */
@-webkit-keyframes decoBrakeLeft{
  0%{opacity:0;transform:translateX(-300px) rotate(-6deg);-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  14%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  52%{transform:translateX(11px) rotate(3.5deg);-webkit-animation-timing-function:cubic-bezier(.3,.85,.4,1);animation-timing-function:cubic-bezier(.3,.85,.4,1)}
  72%{transform:translateX(-4px) rotate(-1.4deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  88%{transform:translateX(1px) rotate(.4deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  100%{opacity:1;transform:translateX(0) rotate(0deg)}
}
@keyframes decoBrakeLeft{
  0%{opacity:0;transform:translateX(-300px) rotate(-6deg);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  14%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  52%{transform:translateX(11px) rotate(3.5deg);animation-timing-function:cubic-bezier(.3,.85,.4,1)}
  72%{transform:translateX(-4px) rotate(-1.4deg);animation-timing-function:ease-out}
  88%{transform:translateX(1px) rotate(.4deg);animation-timing-function:ease-out}
  100%{opacity:1;transform:translateX(0) rotate(0deg)}
}
@-webkit-keyframes decoBrakeRight{
  0%{opacity:0;transform:translateX(300px) rotate(6deg);-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  14%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  52%{transform:translateX(-11px) rotate(-3.5deg);-webkit-animation-timing-function:cubic-bezier(.3,.85,.4,1);animation-timing-function:cubic-bezier(.3,.85,.4,1)}
  72%{transform:translateX(4px) rotate(1.4deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  88%{transform:translateX(-1px) rotate(-.4deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  100%{opacity:1;transform:translateX(0) rotate(0deg)}
}
@keyframes decoBrakeRight{
  0%{opacity:0;transform:translateX(300px) rotate(6deg);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  14%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  52%{transform:translateX(-11px) rotate(-3.5deg);animation-timing-function:cubic-bezier(.3,.85,.4,1)}
  72%{transform:translateX(4px) rotate(1.4deg);animation-timing-function:ease-out}
  88%{transform:translateX(-1px) rotate(-.4deg);animation-timing-function:ease-out}
  100%{opacity:1;transform:translateX(0) rotate(0deg)}
}
/* 탭2 데코 6~7 진입 */
@-webkit-keyframes decoMissionPop6{
  0%{opacity:0;transform:translate(137px,176px) scale(.16) rotate(130deg)}
  10%{opacity:1}
  14%{transform:translate(82px,48px) scale(.5) rotate(80deg)}
  28%{transform:translate(52px,10px) scale(.72) rotate(55deg)}
  48%{transform:translate(27px,-4px) scale(.88) rotate(31deg)}
  70%{transform:translate(11px,-4px) scale(1.1) rotate(12deg)}
  100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoMissionPop6{
  0%{opacity:0;transform:translate(137px,176px) scale(.16) rotate(130deg)}
  10%{opacity:1}
  14%{transform:translate(82px,48px) scale(.5) rotate(80deg)}
  28%{transform:translate(52px,10px) scale(.72) rotate(55deg)}
  48%{transform:translate(27px,-4px) scale(.88) rotate(31deg)}
  70%{transform:translate(11px,-4px) scale(1.1) rotate(12deg)}
  100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}
}
@-webkit-keyframes decoMissionPop7{
  0%{opacity:0;transform:translate(-143px,151px) scale(.16) rotate(125deg)}
  10%{opacity:1}
  14%{transform:translate(-86px,41px) scale(.5) rotate(77deg)}
  28%{transform:translate(-54px,8px) scale(.72) rotate(52deg)}
  48%{transform:translate(-29px,-4px) scale(.88) rotate(30deg)}
  70%{transform:translate(-11px,-4px) scale(1.1) rotate(11deg)}
  100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoMissionPop7{
  0%{opacity:0;transform:translate(-143px,151px) scale(.16) rotate(125deg)}
  10%{opacity:1}
  14%{transform:translate(-86px,41px) scale(.5) rotate(77deg)}
  28%{transform:translate(-54px,8px) scale(.72) rotate(52deg)}
  48%{transform:translate(-29px,-4px) scale(.88) rotate(30deg)}
  70%{transform:translate(-11px,-4px) scale(1.1) rotate(11deg)}
  100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}
}
@keyframes decoMissionFloat1{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-6px) rotate(-1.5deg)}
}
@keyframes decoMissionFloat2{
  0%,100%{transform:translateY(0) rotate(0deg)}
  46%{transform:translateY(-5px) rotate(2deg)}
}

.section_visual.type_mission .motion_title.is_play{-webkit-animation:none;animation:none}
.section_visual.type_mission .motion_title.is_play .motion_obj{opacity:1;transform:none;-webkit-animation:none;animation:none}
.section_visual.type_mission .motion_deco.is_play .motion_obj{opacity:1;transform:none;-webkit-animation:none;animation:none}
.section_visual.type_mission .motion_main_mission_island.is_play .motion_obj,
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step,
.section_visual.type_mission .motion_main_mission_island.is_play .ico_step_marker{opacity:1;transform:translateX(-50%);-webkit-animation:none;animation:none}
/* [D] 섬과 단계 버튼은 폭이 홀수라 translateX(-50%)가 0.5px을 만든다. 중앙 정렬을 정수 margin으로 옮겼으니 transform은 쓰지 않는다 */
.section_visual.type_mission .motion_main_mission_island.is_play .island,
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step{transform:none}

/* 데코 */
.section_visual.type_mission .motion_deco.is_play .motion_obj{will-change:transform,opacity}
.section_visual.type_mission .motion_deco.is_play .obj_deco1{-webkit-animation:decoBrakeLeft .95s .1s linear both,decoMissionFloat1 3s 1.05s ease-in-out infinite;animation:decoBrakeLeft .95s .1s linear both,decoMissionFloat1 3s 1.05s ease-in-out infinite}
.section_visual.type_mission .motion_deco.is_play .obj_deco2{-webkit-animation:decoBrakeLeft .95s .22s linear both,decoMissionFloat2 2.8s 1.17s ease-in-out infinite;animation:decoBrakeLeft .95s .22s linear both,decoMissionFloat2 2.8s 1.17s ease-in-out infinite}
.section_visual.type_mission .motion_deco.is_play .obj_deco6{-webkit-animation:decoMissionPop6 .64s .16s linear both,decoMissionFloat2 3.2s .8s ease-in-out infinite;animation:decoMissionPop6 .64s .16s linear both,decoMissionFloat2 3.2s .8s ease-in-out infinite}
.section_visual.type_mission .motion_deco.is_play .obj_deco3{-webkit-animation:decoBrakeRight .95s .19s linear both,decoMissionFloat1 2.9s 1.14s ease-in-out infinite;animation:decoBrakeRight .95s .19s linear both,decoMissionFloat1 2.9s 1.14s ease-in-out infinite}
.section_visual.type_mission .motion_deco.is_play .obj_deco4{-webkit-animation:decoBrakeRight .95s .13s linear both,decoMissionFloat2 3.3s 1.08s ease-in-out infinite;animation:decoBrakeRight .95s .13s linear both,decoMissionFloat2 3.3s 1.08s ease-in-out infinite}
.section_visual.type_mission .motion_deco.is_play .obj_deco5{-webkit-animation:decoBrakeRight .95s .25s linear both,decoMissionFloat1 3.1s 1.2s ease-in-out infinite;animation:decoBrakeRight .95s .25s linear both,decoMissionFloat1 3.1s 1.2s ease-in-out infinite}
.section_visual.type_mission .motion_deco.is_play .obj_deco7{-webkit-animation:decoMissionPop7 .56s .07s linear both,decoMissionFloat1 2.7s .63s ease-in-out infinite;animation:decoMissionPop7 .56s .07s linear both,decoMissionFloat1 2.7s .63s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  .section_visual.type_mission .motion_deco.is_play .motion_obj{opacity:1;transform:none;-webkit-animation:none;animation:none}
}

/* 섬 / 오브젝트 */
/* [D] 폭 549(홀수) — 중앙 정렬은 정수 margin으로 (7 - 274.5 → -267). transform은 위에서 none 처리 */
.section_visual.type_mission .motion_main_mission_island .island{bottom:17px;z-index:1;width:549px;height:269px;margin-left:-267px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/island.png);transform:none;-webkit-backface-visibility:visible;backface-visibility:visible}
.section_visual.type_mission .motion_main_mission_island .gift{bottom:145px;z-index:2;width:118px;height:132px;margin-left:7px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/gift.png)}
.section_visual.type_mission .motion_main_mission_island .songpyeon{bottom:129px;z-index:2;width:110px;height:74px;margin-left:-70px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/songpyeon.png)}

.section_visual.type_mission .motion_main_mission_island.is_play .motion_obj{will-change:transform,opacity}
.section_visual.type_mission .motion_main_mission_island.is_play .island{transform-origin:50% 100%;-webkit-animation:missionIslandPunch .6s cubic-bezier(.34, 1.56, .64, 1) both;animation:missionIslandPunch .6s cubic-bezier(.34, 1.56, .64, 1) both;will-change:auto}
.section_visual.type_mission .motion_main_mission_island.is_play .gift{-webkit-animation:missionObjDrop .62s .28s linear both;animation:missionObjDrop .62s .28s linear both}
.section_visual.type_mission .motion_main_mission_island.is_play .songpyeon{-webkit-animation:missionObjDrop .58s .4s linear both;animation:missionObjDrop .58s .4s linear both}

/* 미션 단계 버튼 */
/* [D] left는 아이콘의 왼쪽 좌표(섬 기준). 중심 정렬용 transform/margin은 쓰지 않는다.
       translateX(-50%)나 소수 margin이 끼면 0.5px에 걸려 배경 이미지가 뭉갠다.
       width/height는 원본 이미지의 정확히 1/2(2x 기준)이어야 한다 — 어긋나면 리샘플링되어 깨진다 */
.section_visual.type_mission .island .mark_step{display:block;position:absolute;left:50%;background-repeat:no-repeat;background-position:center;background-size:100% auto}
.section_visual.type_mission .island .mark_step.is_disabled{pointer-events:none}
.section_visual.type_mission .island .mark_step.step1{bottom:161px;left:112px;width:60px;height:46px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_step_01.png)}
.section_visual.type_mission .island .mark_step.step2{bottom:97px;left:77px;width:66px;height:50px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_step_02.png)}
.section_visual.type_mission .island .mark_step.step3{bottom:62px;left:189px;width:77px;height:54px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_step_03.png)}
.section_visual.type_mission .island .mark_step.step4{bottom:99px;left:299px;width:77px;height:54px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_step_04.png)}
.section_visual.type_mission .island .mark_step.step5{bottom:132px;left:389px;width:68px;height:48px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_step_05.png)}
.section_visual.type_mission .island .mark_step.step6{bottom:174px;left:336px;width:60px;height:46px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_step_06.png)}

/* [D] 폭이 홀수(549)라 translateX(-50%)를 쓰면 0.5px에 걸려 배경이 뭉갠다. 중앙 정렬은 정수 margin으로 처리 (7 - 274.5 → -267) */
.section_visual.type_mission .step_marker_layer{display:block;position:absolute;bottom:25px;left:50%;z-index:3;width:549px;height:269px;margin-left:-267px}
.section_visual.type_mission .step_marker_layer{pointer-events:none}
.section_visual.type_mission .step_marker_layer .ico_step_marker{display:none;position:absolute;left:50%;width:40px;height:44px;transform:translateX(-50%);pointer-events:auto}
.section_visual.type_mission .step_marker_layer .ico_step_marker.is_active{display:block}
.section_visual.type_mission .ico_step_marker .ico_marker_pin,
.section_visual.type_mission .ico_step_marker .ico_marker_bubble{display:block;position:absolute;bottom:0;left:50%;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/step_marker.png);background-repeat:no-repeat;background-size:92px auto}
.section_visual.type_mission .ico_step_marker .ico_marker_pin{width:32px;height:44px;margin-left:-16px;background-position:-5px -5px;-webkit-animation:stepMarkerPin 3.2s 1.3s ease-in-out infinite;animation:stepMarkerPin 3.2s 1.3s ease-in-out infinite}
.section_visual.type_mission .ico_step_marker .ico_marker_bubble{width:40px;height:41px;margin-left:-20px;background-position:-47px -5px;opacity:0;-webkit-animation:stepMarkerBubble 3.2s 1.3s ease-in-out infinite;animation:stepMarkerBubble 3.2s 1.3s ease-in-out infinite}

.section_visual.type_mission .step_marker_layer .ico_step_marker.step1{bottom:189px;left:142px}
.section_visual.type_mission .step_marker_layer .ico_step_marker.step2{bottom:126px;left:110px}
.section_visual.type_mission .step_marker_layer .ico_step_marker.step3{bottom:93px;left:228px}
.section_visual.type_mission .step_marker_layer .ico_step_marker.step4{bottom:132px;left:337px}
.section_visual.type_mission .step_marker_layer .ico_step_marker.step5{bottom:158px;left:423px}
.section_visual.type_mission .step_marker_layer .ico_step_marker.step6{bottom:200px;left:366px}
.section_visual.type_mission .island .mark_step.step1.is_disabled{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_locked_01.png)}
.section_visual.type_mission .island .mark_step.step2.is_disabled{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_locked_02.png)}
/* [D] 3·4단계 잠금 이미지는 148x108로 해제/완료(154x108)보다 좁다. 폭과 좌표를 함께 되돌린다 */
.section_visual.type_mission .island .mark_step.step3.is_disabled{bottom:61px;left:190px;width:74px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_locked_03.png)}
.section_visual.type_mission .island .mark_step.step4.is_disabled{left:299px;width:74px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_locked_04.png)}
.section_visual.type_mission .island .mark_step.step5.is_disabled{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_locked_05.png)}
.section_visual.type_mission .island .mark_step.step6.is_disabled{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_locked_06.png)}
/* 달성 완료 단계. 잠금(is_disabled)과 함께 쓰이지 않는다 */
.section_visual.type_mission .island .mark_step.step1.is_clear{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_clear_01.png)}
.section_visual.type_mission .island .mark_step.step2.is_clear{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_clear_02.png)}
.section_visual.type_mission .island .mark_step.step3.is_clear{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_clear_03.png)}
.section_visual.type_mission .island .mark_step.step4.is_clear{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_clear_04.png)}
.section_visual.type_mission .island .mark_step.step5.is_clear{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_clear_05.png)}
.section_visual.type_mission .island .mark_step.step6.is_clear{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mission_clear_06.png)}

.section_visual.type_mission .motion_title{width:212px;height:126px;padding-top:36px}
.section_visual.type_mission .motion_title .motion_obj.title1{top:36px;width:35px;height:47px}
.section_visual.type_mission .motion_title .motion_obj.obj_title1{left:1px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_01.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title2{left:36px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_02.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title3{left:71px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_03.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title4{left:106px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_04.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title5{left:141px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_05.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title6{left:176px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title1_06.png)}
.section_visual.type_mission .motion_title .motion_obj.title2{top:85px;width:52px;height:46px}
.section_visual.type_mission .motion_title .motion_obj.obj_title7{left:3px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title2_01.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title8{left:55px;width:53px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title2_02.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title9{left:108px;width:52px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title2_03.png)}
.section_visual.type_mission .motion_title .motion_obj.obj_title10{left:159px;width:53px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/tab_theme_mission_title2_04.png)}
.section_visual.type_mission .motion_title.is_play .motion_obj{-webkit-animation:titleMissionPop .45s linear both;animation:titleMissionPop .45s linear both}
.section_visual.type_mission .motion_title.is_play .obj_title2{-webkit-animation-delay:.06s;animation-delay:.06s}
.section_visual.type_mission .motion_title.is_play .obj_title3{-webkit-animation-delay:.12s;animation-delay:.12s}
.section_visual.type_mission .motion_title.is_play .obj_title4{-webkit-animation-delay:.18s;animation-delay:.18s}
.section_visual.type_mission .motion_title.is_play .obj_title5{-webkit-animation-delay:.24s;animation-delay:.24s}
.section_visual.type_mission .motion_title.is_play .obj_title6{-webkit-animation-delay:.3s;animation-delay:.3s}
.section_visual.type_mission .motion_title.is_play .obj_title7{-webkit-animation-delay:.36s;animation-delay:.36s}
.section_visual.type_mission .motion_title.is_play .obj_title8{-webkit-animation-delay:.42s;animation-delay:.42s}
.section_visual.type_mission .motion_title.is_play .obj_title9{-webkit-animation-delay:.48s;animation-delay:.48s}
.section_visual.type_mission .motion_title.is_play .obj_title10{-webkit-animation-delay:.54s;animation-delay:.54s}

/* [D] 단계 아이콘은 마커와 달리 translateX(-50%)를 쓰지 않는다.
       fill-mode:both는 마지막 키프레임을 영구히 남기므로(= 위 transform:none보다 우선한다)
       transform이 남지 않는 전용 키프레임을 쓴다. 남으면 합성 레이어로 굳어 상태 전환 때 배경이 다시 뭉갠다 */
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step{-webkit-animation:missionStepStampFixed .25s .55s linear both;animation:missionStepStampFixed .25s .55s linear both}
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step.step2{-webkit-animation-delay:.64s;animation-delay:.64s}
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step.step3{-webkit-animation-delay:.73s;animation-delay:.73s}
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step.step4{-webkit-animation-delay:.82s;animation-delay:.82s}
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step.step5{-webkit-animation-delay:.91s;animation-delay:.91s}
.section_visual.type_mission .motion_main_mission_island.is_play .mark_step.step6{-webkit-animation-delay:1s;animation-delay:1s}

.section_visual.type_mission .motion_main_mission_island.is_play .ico_step_marker{-webkit-animation:missionStepStamp .25s .55s linear both,stepMarkerBounce 1.15s 1.3s ease-in-out infinite;animation:missionStepStamp .25s .55s linear both,stepMarkerBounce 1.15s 1.3s ease-in-out infinite}
.section_visual.type_mission .motion_main_mission_island.is_play .ico_step_marker.step2{-webkit-animation-delay:.64s,1.3s;animation-delay:.64s,1.3s}
.section_visual.type_mission .motion_main_mission_island.is_play .ico_step_marker.step3{-webkit-animation-delay:.73s,1.3s;animation-delay:.73s,1.3s}
.section_visual.type_mission .motion_main_mission_island.is_play .ico_step_marker.step4{-webkit-animation-delay:.82s,1.3s;animation-delay:.82s,1.3s}
.section_visual.type_mission .motion_main_mission_island.is_play .ico_step_marker.step5{-webkit-animation-delay:.91s,1.3s;animation-delay:.91s,1.3s}
.section_visual.type_mission .motion_main_mission_island.is_play .ico_step_marker.step6{-webkit-animation-delay:1s,1.3s;animation-delay:1s,1.3s}


/* 마커 핀 클릭 말풍선 교차 */
@-webkit-keyframes stepMarkerPin{
  0%,44%{opacity:1;transform:scale(1)}
  50%,94%{opacity:0;transform:scale(.85)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes stepMarkerPin{
  0%,44%{opacity:1;transform:scale(1)}
  50%,94%{opacity:0;transform:scale(.85)}
  100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes stepMarkerBubble{
  0%,44%{opacity:0;transform:scale(.85)}
  50%,94%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(.85)}
}
@keyframes stepMarkerBubble{
  0%,44%{opacity:0;transform:scale(.85)}
  50%,94%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(.85)}
}
/* translateX(-50%)는 가로 중앙 정렬값이라 모든 키프레임에 유지해야 함 */
@-webkit-keyframes stepMarkerBounce{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-7px)}
}
@keyframes stepMarkerBounce{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-7px)}
}
/* 풍선 불듯 부풀었다 정착. 작게(.18) → 크게 넘겼다(1.22) → 되돌아 눌리고(.92) → 한 번 더 작게 튀고(1.06) → 제자리
   구간별로 timing-function을 따로 줘야 "훅 부풀고 천천히 잦아드는" 리듬이 난다.
   [D] 이 키프레임을 쓰는 규칙의 timing-function은 반드시 linear일 것 (아니면 구간값이 뭉개짐) */
@-webkit-keyframes titleMissionPop{
  0%{opacity:0;transform:scale(.18);-webkit-animation-timing-function:cubic-bezier(.22,.9,.36,1);animation-timing-function:cubic-bezier(.22,.9,.36,1)}
  30%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.22,.9,.36,1);animation-timing-function:cubic-bezier(.22,.9,.36,1)}
  52%{transform:scale(1.22);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
  70%{transform:scale(.92);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
  86%{transform:scale(1.06);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  100%{opacity:1;transform:scale(1)}
}
@keyframes titleMissionPop{
  0%{opacity:0;transform:scale(.18);animation-timing-function:cubic-bezier(.22,.9,.36,1)}
  30%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.22,.9,.36,1);animation-timing-function:cubic-bezier(.22,.9,.36,1)}
  52%{transform:scale(1.22);animation-timing-function:ease-in-out}
  70%{transform:scale(.92);animation-timing-function:ease-in-out}
  86%{transform:scale(1.06);animation-timing-function:ease-out}
  100%{opacity:1;transform:scale(1)}
}
/* 위에서 크게 떨어져 내려와 눌리며 박히고(55%) 한 번만 되튄 뒤 정착 */
@-webkit-keyframes missionStepStamp{
  0%{opacity:0;transform:translateX(-50%) translateY(-56px) scale(1.3);-webkit-animation-timing-function:cubic-bezier(.4,.05,.35,1);animation-timing-function:cubic-bezier(.4,.05,.35,1)}
  25%{opacity:1}
  55%{transform:translateX(-50%) translateY(4px) scale(.92);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  78%{transform:translateX(-50%) translateY(-2px) scale(1.04);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}
@keyframes missionStepStamp{
  0%{opacity:0;transform:translateX(-50%) translateY(-56px) scale(1.3);animation-timing-function:cubic-bezier(.4,.05,.35,1)}
  25%{opacity:1}
  55%{transform:translateX(-50%) translateY(4px) scale(.92);animation-timing-function:ease-out}
  78%{transform:translateX(-50%) translateY(-2px) scale(1.04);animation-timing-function:ease-in}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}
/* [D] 단계 아이콘용. 위와 동작은 같고 translateX(-50%)만 빠졌으며 끝에서 transform을 지운다 */
@-webkit-keyframes missionStepStampFixed{
  0%{opacity:0;transform:translateY(-56px) scale(1.3);-webkit-animation-timing-function:cubic-bezier(.4,.05,.35,1);animation-timing-function:cubic-bezier(.4,.05,.35,1)}
  25%{opacity:1}
  55%{transform:translateY(4px) scale(.92);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  78%{transform:translateY(-2px) scale(1.04);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
  100%{opacity:1;transform:none}
}
@keyframes missionStepStampFixed{
  0%{opacity:0;transform:translateY(-56px) scale(1.3);animation-timing-function:cubic-bezier(.4,.05,.35,1)}
  25%{opacity:1}
  55%{transform:translateY(4px) scale(.92);animation-timing-function:ease-out}
  78%{transform:translateY(-2px) scale(1.04);animation-timing-function:ease-in}
  100%{opacity:1;transform:none}
}

/* [D] 섬은 margin-left로 중앙 정렬한다. 키프레임에 translateX(-50%)를 넣으면 두 번 밀린다.
       끝을 scale(1)이 아니라 none으로 둬야 fill-mode:both로 transform이 남지 않는다.
       남으면 섬이 합성 레이어로 굳어 안쪽 배경 이미지가 매 리페인트마다 리샘플링된다 */
@-webkit-keyframes missionIslandPunch{
  0%{opacity:0;transform:scale(.2)}
  40%{opacity:1}
  100%{opacity:1;transform:none}
}
@keyframes missionIslandPunch{
  0%{opacity:0;transform:scale(.2)}
  40%{opacity:1}
  100%{opacity:1;transform:none}
}

@-webkit-keyframes missionObjDrop{
  0%{opacity:0;transform:translateX(-50%) translateY(-230px) scale(.94);-webkit-animation-timing-function:cubic-bezier(.55,.06,.68,.19);animation-timing-function:cubic-bezier(.55,.06,.68,.19)}
  14%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  60%{transform:translateX(-50%) translateY(10px) scale(1.05);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  82%{transform:translateX(-50%) translateY(-6px) scale(.99);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}
@keyframes missionObjDrop{
  0%{opacity:0;transform:translateX(-50%) translateY(-230px) scale(.94);animation-timing-function:cubic-bezier(.55,.06,.68,.19)}
  14%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.3,.48,.36,1);animation-timing-function:cubic-bezier(.3,.48,.36,1)}
  60%{transform:translateX(-50%) translateY(10px) scale(1.05);animation-timing-function:ease-out}
  82%{transform:translateX(-50%) translateY(-6px) scale(.99);animation-timing-function:ease-in}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}

/* text_mission_desc */
.section_visual .text_mission_desc{position:absolute;bottom:-1px;left:50%;font-size:13px;font-weight:700;line-height:20px;color:#fff;text-align:center;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);white-space:nowrap;transform:translateX(-50%)}
.section_visual .text_mission_desc .text_highlight{color:#FFFB80}
.section_visual .text_mission_desc .text_highlight .text_emphasis{font-size:16px}
/* [E] section_visual */

/* ==================== 탭2 > section_mission ==================== */
.section_mission{padding:20px 0 40px;background: linear-gradient(180deg, #EAAB9A 56.25%, #FFFFFF 100%)}

/* 게임 선택 */
.game_select_wrap{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;background:#fff}
.game_select_wrap .game_select_title{flex-shrink:0;font-size:12px;font-weight:700;line-height:20px;color:#242424}
/* [D] 좌우 간격은 .game_select에 준다. 버튼(width:100%)에 margin을 주면 그만큼 넘쳐 확인 버튼을 침범 */
.game_select{position:relative;z-index:10;width:100%;min-width:146px;margin-left:16px}
.game_select .btn_game_select{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:40px;padding:0 12px;border:1px solid #EBEBEB;border-radius:8px;background:#F9F9F9}
.game_select .btn_game_select .text_game{font-size:13px;font-weight:700;line-height:14px;color:#242424}
.game_select .btn_game_select .ico_arrow{width:16px;height:16px;margin-left:6px;background:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.09863 4.85553L5.63752 8.35553L6.34464 8.35161L9.80575 4.85161L9.0947 4.14846L5.98473 7.29253L2.80182 4.14453L2.09863 4.85553Z' fill='%235C5C5C'/%3E%3C/svg%3E%0A") no-repeat center;background-size:100% auto;transition:transform .2s ease}
.game_select.is_open .btn_game_select .ico_arrow{transform:rotate(180deg)}
.game_select .game_option_list{display:none;overflow:hidden;position:absolute;top:44px;right:0;left:0;border:1px solid #F5F5F5;border-radius:8px;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);background:#fff}
.game_select.is_open .game_option_list{display:block}
.game_select .game_option{position:relative;padding:12px 14px;font-size:13px;line-height:16px;color:#242424;cursor:pointer}
.game_select .game_option.is_selected{background:#F5F5F5;font-weight:700}
.game_select .game_option.is_selected::after{position:absolute;top:50%;right:14px;width:16px;height:16px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 8.5L6.5 11.5L12.5 4.5' stroke='%23242424' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;background-size:16px 16px;transform:translateY(-50%);content:''}
.game_select_wrap .btn_confirm{box-sizing:border-box;min-width:64px;margin-left:8px;padding:12px 10px;border-radius:8px;background:#FA6E00;font-size:13px;font-weight:700;line-height:16px;color:#fff}
.game_select_wrap .btn_confirm.is_disabled{background:#E0E0E0;pointer-events:none}
/* [D] 로그인 완료 · 플레이 게임 이력 없음 : [확인] 미노출 + 안내 문구 */
.game_select_wrap.is_empty .btn_confirm{display:none}
.game_select_wrap.is_empty .game_select .btn_game_select,.game_select_wrap.is_guest .game_select .btn_game_select{pointer-events:none;cursor:default}
.game_select_wrap.is_empty .game_select .btn_game_select .text_game{color:#969696}
.game_select_wrap.is_empty .game_select .btn_game_select .ico_arrow,.game_select_wrap.is_guest .game_select .btn_game_select .ico_arrow{display:none}
/* 미션 판 */
.mission_board{display:none;margin-top:16px;padding:20px 12px 18px;border-radius:12px;background:#4A4789;font-size:14px;color:#5C5C5C;text-align:center}
.mission_board.is_active{display:block}

/* 미션 판 > 헤더 */
.mission_board .mission_header_wrap{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #595695}
.mission_board .img_reward img{width:58px;height:56px}
.mission_board .mission_desc{margin-left:16px;font-size:13px;font-weight:700;line-height:20px;color:#fff;text-align:left}
.mission_board .mission_desc .text_highlight{color:#FFD1C5}
.mission_board .mission_desc .text_emphasis{font-size:16px}

/* 미션 판 > 완료 단계 접기 (.mission_step_wrap의 is_fold_done)
   [D] 감추는 대상은 달성 완료(.is_clear) 단계. 진행 중·잠금 단계는 남는다 */
.mission_more_wrap{margin-top:16px}
.btn_mission_more{display:inline-flex;justify-content:center;align-items:center;width:100%;padding:16px 4px;border:1px solid #716DB0;border-radius:8px;background:#4A4789;font-size:13px;font-weight:700;line-height:16px;color:#C2C2C2}
.btn_mission_more .ico_more{width:16px;height:16px;margin-right:8px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='8' r='1.5' fill='%23C2C2C2'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%23C2C2C2'/%3E%3Ccircle cx='13' cy='8' r='1.5' fill='%23C2C2C2'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;background-size:100% auto}
.mission_step_wrap.is_fold_done .mission_list > .mission_item.is_clear{display:none}
/* 접힘 상태의 첫 노출 단계는 위쪽으로도 선을 잇는다(아래 방향 선은 ::before가 사용) */
.mission_step_wrap.is_fold_done .mission_list > .mission_item.is_clear + .mission_item::after{position:absolute;top:-10px;left:28px;width:4px;height:38px;margin-left:-1px;border-radius:1px;background:linear-gradient(180deg, #4A4789 0%, #F8C775 100%);content:''}

/* 미션 판 > 단계 목록 */
.mission_step_wrap .mission_list{margin-top:14px}
.mission_step_wrap .mission_list .mission_item{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:6px 0;scroll-margin-top:128px}
.mission_step_wrap .mission_list > .mission_item:focus{outline:none}
.mission_step_wrap .mission_list .mission_item:not(:last-child)::before{position:absolute;top:80px;bottom:-55px;left:27px;width:4px;margin-left:-1px;border-radius:1px;background:#5A56A7;content:''}
.mission_step_wrap .mission_list .mission_item.is_clear:not(:last-child)::before{background:#F8C775}

/* 단계 뱃지 */
.mission_step_wrap .mission_state{display:flex;flex-shrink:0;justify-content:center;align-items:center;z-index:1;width:56px;height:56px;margin-top:18px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mark_mission_step.png);background-repeat:no-repeat;background-position:center;background-size:100% auto}
.mission_step_wrap .mission_state .text_mission_num{font-size:20px;font-weight:700;line-height:40px;color:#FFCE3A}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .mission_step_wrap .mission_state .text_mission_num{display:inline-block;background:linear-gradient(285.31deg,#F9F050 22.58%,#FFCE3A 50.36%,#F9F050 80.36%);-webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent}
}
.mission_step_wrap .mission_item .mission_locked,.mission_step_wrap .mission_item .mission_clear{display:none}
.mission_step_wrap .mission_item.is_clear .mission_state .text_mission_num{display:none}
.mission_step_wrap .mission_item.is_clear .mission_clear{display:inline-block;overflow:hidden;width:17px;height:12px;background:url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.10602L6.93422 10L15 2' stroke='%23FFBD00' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;background-size:17px 12px;line-height:9999px}
.mission_step_wrap .mission_item.is_locked .mission_state{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mark_mission_step_locked.png)}
.mission_step_wrap .mission_item.is_locked .text_mission_num, .mission_step_wrap .mission_item.is_locked .mission_clear{display:none}

/* 단계 카드 */
.mission_step_wrap .mission_contents{position:relative;width:100%;margin-left:16px;padding:16px;border-radius:12px;background:#fff;text-align:left}
.mission_step_wrap .mission_contents .mission_contents_inner{position:relative}
.mission_step_wrap .mission_contents .mission_status_row{display:flex;flex-wrap:wrap;align-items:flex-end}
.mission_step_wrap .mission_contents .text_mission_title{display:block;width:100%;font-size:16px;font-weight:700;line-height:20px;color:#242424}
.mission_step_wrap .mission_contents .text_mission_detail{flex:1 1 0;overflow:hidden;min-width:0;margin-top:8px;padding:4px 0;font-size:12px;font-weight:400;line-height:14px;color:#5C5C5C}
.mission_step_wrap .mission_contents .text_mission_detail.type_locked{color:#D9D9D9;}
.mission_step_wrap .mission_contents .link_pill{position:absolute;top:50%;right:16px;padding:8px 12px;border-radius:999px;background:#FA6E00;font-size:13px;font-weight:700;line-height:16px;color:#fff;transform:translateY(-50%)}

.mission_step_wrap .mission_contents .mark_status_wrap{flex-shrink:0;order:1;margin-top:10px;margin-left:8px;text-align:center}
.mission_step_wrap .mission_contents .mark_status{display:inline-block;min-width:52px;font-size:12px;font-weight:700;line-height:16px;vertical-align:top;color:#AB52C6;text-align:center}
.mission_step_wrap .mission_contents .mark_status.type_progress{box-sizing:border-box;padding:2px 9px;border:1px solid rgba(171, 82, 198, 0.4);border-radius:999px}
.mission_step_wrap .mission_contents .mark_status .check{font-weight:13px}
.mission_step_wrap .mission_item .mark_status.type_clear{display:none;margin-top:-3px}
.mission_step_wrap .mission_item .mark_status.type_lock{display:none}
.mission_step_wrap .mission_item.type_state_text:not(.is_ready):not(.is_clear) .mark_status.type_progress{display:none}
.mission_step_wrap .mission_item .text_mission_detail.type_locked{display:none}

.mission_step_wrap .mission_item .text_mission_detail.type_ready{display:none}
/* .type_state_text : 펼침 상태에서만 상태별로 문구를 갈아끼운다.
   접히면 상태와 무관하게 .type_default(보상명)만 노출
   [D] 받기 가능(.is_ready)과 달성(.is_clear)은 같은 .type_ready 문구를 쓴다 */
.mission_step_wrap .mission_item.type_state_text.is_open .text_mission_detail.type_open.type_ready{display:none}
.mission_step_wrap .mission_item.type_state_text.is_open.is_ready .text_mission_detail.type_open:not(.type_ready),
.mission_step_wrap .mission_item.type_state_text.is_open.is_clear .text_mission_detail.type_open:not(.type_ready){display:none}
.mission_step_wrap .mission_item.type_state_text.is_open.is_ready .text_mission_detail.type_open.type_ready,
.mission_step_wrap .mission_item.type_state_text.is_open.is_clear .text_mission_detail.type_open.type_ready{display:block}

/* 달성 상태 (.is_clear) */
.mission_step_wrap .mission_item.is_clear .mission_contents{background:#F3E5FF}
.mission_step_wrap .mission_item.is_clear .mark_status.type_clear{display:inline-block}
.mission_step_wrap .mission_item.is_clear .mark_status.type_progress{display:none}
.mission_step_wrap .mission_item.is_clear .link_login{display:none}

/* 아코디언 (.type_fold) */
.mission_step_wrap .btn_mission_fold{display:flex;align-items:center;width:100%;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-align:left;white-space:normal}
.mission_step_wrap .btn_mission_fold .ico_fold{flex-shrink:0;width:16px;height:16px;margin-left:auto;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/ico_fold.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;transition:transform .2s ease}
.mission_step_wrap .mission_item.is_open .btn_mission_fold .ico_fold{transform:rotate(180deg)}
.mission_step_wrap .mission_item.type_fold .text_mission_detail.type_open,
.mission_step_wrap .mission_item.type_fold.is_open .text_mission_detail.type_default{display:none}
.mission_step_wrap .mission_item.type_fold.is_open .text_mission_detail.type_open{display:block}
.mission_step_wrap .mission_item.type_fold.is_open .mark_status_wrap{display:none}
.mission_step_wrap .mission_fold_panel{visibility:hidden;overflow:hidden;height:0;transition:height .25s ease,visibility 0s .25s}
.mission_step_wrap .mission_item.is_open .mission_fold_panel{visibility:visible;transition:height .25s ease,visibility 0s}
.mission_step_wrap .mission_fold_inner{margin-top:12px;padding-top:16px;border-top:1px solid #EBEBEB}
.mission_step_wrap .mission_item.is_clear .mission_fold_inner{border-top-color:#E8D9F5}
.mission_step_wrap .mission_fold_desc{margin-top:12px;font-size:12px;font-weight:400;line-height:14px;color:#5C5C5C}
@media (prefers-reduced-motion:reduce){
  .mission_step_wrap .mission_fold_panel,
  .mission_step_wrap .btn_mission_fold .ico_fold{transition:none}
}

/* 삼성 인터넷 (2단계 .mission_item에 is_samsung)
   바로가기 추가가 안 되는 브라우저라 아이콘·[보상받기]를 잠그고 안내 문구를 경고로 바꾼다
   [D] .type_samsung 문구는 is_samsung일 때만 나오고, 짝이 되는 기본 문구는 대신 감춘다 */
.mission_step_wrap .mission_item.type_fold.is_open .text_mission_detail.type_open.type_samsung,
.mission_step_wrap .mission_fold_desc.type_samsung{display:none}
.mission_step_wrap .mission_item.type_fold.is_open.is_samsung .text_mission_detail.type_open:not(.type_samsung){display:none}
.mission_step_wrap .mission_item.type_fold.is_open.is_samsung .text_mission_detail.type_open.type_samsung{display:block}
.mission_step_wrap .mission_item.is_samsung .mission_fold_desc:not(.type_samsung){display:none}
.mission_step_wrap .mission_item.is_samsung .mission_fold_desc.type_samsung{display:block}
.mission_step_wrap .mission_item.is_samsung .mission_detail_box .link_icon{pointer-events:none}

/* 잠금 상태 (.is_locked) */
.mission_step_wrap .mission_item.is_locked .mission_contents{background:#5E5A99}
.mission_step_wrap .mission_item.is_locked .mission_contents .text_mission_title{color:#D9D9D9}
.mission_step_wrap .mission_item.is_locked .mark_status.type_lock{display:inline-block;overflow:hidden;position:absolute;top:50%;right:0;width:24px;min-width:auto;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mark_status_lock.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;;line-height:9999px;transform:translateY(-50%)}
.mission_step_wrap .mission_item.is_locked .mark_status.type_clear,
.mission_step_wrap .mission_item.is_locked .mark_status.type_progress{display:none}
.mission_step_wrap .mission_list .mission_item.is_locked .text_mission_detail:not(.type_locked){display:none}
.mission_step_wrap .mission_item.is_locked .text_mission_detail.type_locked{display:block}
.mission_step_wrap .mission_item.is_locked .btn_mission_fold{pointer-events:none}
.mission_step_wrap .mission_item.is_locked .btn_mission_fold .ico_fold{visibility:hidden}
.mission_step_wrap .mission_item.is_locked .text_mission_detail.type_locked{padding-right:12px}
/* 아코디언 패널 > 상세 항목 */
.mission_step_wrap .mission_detail_box{display:flex;justify-content:space-between;align-items:center}
.mission_step_wrap .mission_fold_inner > .mission_detail_box{padding-bottom:12px;border-bottom:1px solid #EBEBEB}
.mission_step_wrap .mission_item.is_clear .mission_fold_inner > .mission_detail_box{border-bottom-color:#E8D9F5}
.mission_step_wrap .mission_detail_box .link_icon{display:block;position:relative;width:40px;height:100%;height:40px;border:1px solid #EBEBEB;border-radius:8px;background:#fff}
.mission_step_wrap .mission_detail_box .link_icon::before{display:inline-block;position:absolute;top:50%;left:50%;width:24px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/ico_addlink.png);background-repeat:no-repeat;background-size:24px 24px;transform:translate(-50%, -50%);content:''}
.mission_step_wrap .mission_item.is_clear .mission_detail_box .link_icon{background:#F8EFFF}
.mission_step_wrap .mission_detail_box .mission_detail_title{display:flex;justify-content:space-between;align-items:center}
.mission_step_wrap .mission_detail_box .mission_detail_title .text_title{margin-left:8px;font-size:13px;line-height:13px;color:#242424}
/* 아이콘 옆 문구가 두 줄일 때는 제목/부가 문구를 세로로 쌓는다 */
.mission_step_wrap .mission_detail_box .mission_detail_title .mission_detail_text{margin-left:8px}
.mission_step_wrap .mission_detail_box .mission_detail_title .mission_detail_text .text_title{margin-left:0}
.mission_step_wrap .mission_detail_box .mission_detail_title .text_sub{margin-top:4px;font-size:13px;font-weight:700;line-height:16px;color:#FA6E00}
/* 보상 문구가 두 줄로 접힐 수 있어 오른쪽 정렬로 고정 */
.mission_step_wrap .mission_detail_box .mission_detail_desc{font-size:13px;font-weight:700;line-height:16px;color:#242424;text-align:right}

/* 아코디언 패널 > 출석 체크 목록  */
.mission_step_wrap .attendance_item + .attendance_item{margin-top:12px}
.mission_step_wrap .attendance_item .ico_check{display:inline-block;;flex-shrink:0;position:relative;width:22px;height:22px;border-radius:50%;background-color:#C2C2C2}
.mission_step_wrap .attendance_item .ico_check::before{display:inline-block;position:absolute;top:50%;left:50%;width:11px;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.14773 2.35437L3.07866 4.24801L7.34248 0.000776768L8.49441 1.15271L3.07866 6.54774L-6.47306e-05 3.5063L1.14773 2.35437Z' fill='white'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;background-size:100% auto;transform:translate(-50%, -50%);content:''}
.mission_step_wrap .attendance_item.is_checked .ico_check{background-color:#FA6E00}
.mission_step_wrap .attendance_item.is_today .mission_detail_desc{color:#FA6E00}
/* 출석 보상 총합 */
.mission_step_wrap .attendance_total{margin-top:12px;padding-top:12px;border-top:1px solid #EBEBEB;font-size:13px;font-weight:700;line-height:16px;color:#242424;text-align:right}
.mission_step_wrap .attendance_total .reward_name{color:#FA6E00}
.mission_step_wrap .attendance_item .type_checked,
.mission_step_wrap .attendance_item.is_checked .type_default{display:none}

/* 아코디언 패널 > 보상 버튼 */
.mission_step_wrap .btn_mission{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:40px;margin-top:16px;border-radius:4px;background: linear-gradient(180deg, #A046B8 0%, #843998 100%)}
.mission_step_wrap .btn_mission.is_disabled{background:#EAD0F1;pointer-events:none}
.mission_step_wrap .mission_item.type_btn_only .btn_mission{margin-top:0}
.mission_step_wrap .mission_item.type_btn_only .mission_fold_inner{margin-top:6px;padding-top;}
.mission_step_wrap .btn_mission .text_btn{display:inline-block;position:absolute;top:50%;left:50%;font-family:'RiaSans';font-size:14px;font-weight:800;line-height:20px;color:#fff;transform:translate(-50%, -50%)}
.mission_step_wrap .btn_mission.is_disabled .text_btn{color:#CB8CDB}
.mission_step_wrap .mission_item .btn_mission.type_get,
.mission_step_wrap .mission_item .btn_mission.type_done,
.mission_step_wrap .mission_item .btn_mission.type_claimed{display:none}
/* [D] 출석체크 전용. 오늘 출석을 이미 완료한 진행 중 상태 = .is_today_done */
.mission_step_wrap .mission_item.is_today_done .btn_mission.type_ready{display:none}
.mission_step_wrap .mission_item.is_today_done .btn_mission.type_done{display:flex}
.mission_step_wrap .mission_item.is_ready .btn_mission.type_ready,
.mission_step_wrap .mission_item.is_ready .btn_mission.type_done{display:none}
.mission_step_wrap .mission_item.is_ready .btn_mission.type_get{display:flex}
.mission_step_wrap .mission_item.is_clear .btn_mission.type_ready,
.mission_step_wrap .mission_item.is_clear .btn_mission.type_done,
.mission_step_wrap .mission_item.is_clear .btn_mission.type_get{display:none}
.mission_step_wrap .mission_item.is_clear .btn_mission.type_claimed{display:flex}
.btn_mission .ico_btn_gift{display:inline-block;width:29px;height:30px;margin-left:6px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/btn_mission_ico_gift.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;vertical-align:middle}
.btn_mission.type_claimed .ico_btn_gift{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/btn_mission_ico_gift_complete.png)}
.btn_mission .ico_btn_attendance{display:inline-block;width:16px;height:16px;margin-right:6px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/ico_btn_attendance_active.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;vertical-align:middle}
.btn_mission.type_ready .ico_btn_attendance,
.btn_mission.type_done .ico_btn_attendance{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/ico_btn_attendance_disabled.png);}
.btn_mission.type_claimed .ico_btn_attendance{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/ico_btn_attendance.png);}
/* 아코디언 패널 > 6단계 특별 보상 */
.mission_step_wrap .mission_special_wrap{margin-top:12px;padding:12px 8px;border-radius:10px;background:#F3E5FF;text-align:center}
.mission_step_wrap .mission_special_wrap .mission_special_title{font-size:13px;font-weight:700;line-height:16px;color:#242424}
.mission_step_wrap .mission_special_wrap .mission_special_box{padding:10px 0;border-radius:8px;background:#F8EFFF}
.mission_step_wrap .mission_special_wrap .mission_special_list .mission_special_box{margin-top:8px}
.mission_step_wrap .mission_special_wrap .mission_special_list .mission_special_cond{font-size:12px;font-weight:700;color:#AB52C6}
.mission_step_wrap .mission_special_wrap .mission_special_list .mission_special_reward{margin-top:4px;font-size:14px;font-weight:700;color:#242424}

/* 미션 판 > 달성 현황 */
.mission_footer_wrap{margin-top:18px;padding:32px 0 14px;border-top:1px solid #595695}
.mission_progress{display:flex;align-items:center}
.mission_progress::before, .mission_progress::after{display:inline-block;width:26px;height:18px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/ico_ribbon.png);background-repeat:no-repeat;background-position:center;background-size:26px 18px;content:''}
.mission_progress::before{margin-right:16px}
.mission_progress::after{margin-left:16px}
.mission_progress_title{flex-shrink:0;font-size:14px;font-weight:700;line-height:18px;color:#fff}
/* [D] flex-basis는 0%. auto로 두면 바가 줄어들지 않고 양옆 텍스트를 밀어낸다. IE11 때문에 단위 있는 0% */
.mission_progress_bar{flex:1 1 0%;overflow:hidden;position:relative;min-width:0;height:10px;margin:0 12px;border-radius:99px;background-color:#746FBE}
.mission_progress_fill{display:block;height:100%;border-radius:99px;background-color:#FFD854;transition:width .4s ease-out}
.mission_progress_count{flex-shrink:0;font-size:14px;line-height:16px;color:#fff}
.mission_progress_count .num_current{font-size:14px;font-weight:700;color:#fff}
.mission_progress_count .num_total{color:#9E9AE2}

/* 미션 달성 안내 */
.mission_success_wrap{width:358px;height:390px;margin-top:16px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_mission_success_1.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;text-align:center}
.mission_success_wrap .mission_success_inner{padding:48px 20px 24px}
.mission_success_wrap .mission_success_title{display:inline-block;font-family:'RiaSans';font-size:22px;font-weight:800;line-height:32px;color:#fff}
.mission_success_wrap .mission_success_desc{margin-top:4px;font-size:15px;font-weight:700;color:#FFD000}
.mission_success_wrap img{width:310px;height:72px;margin-top:12px}
.mission_success_wrap .mission_success_box{margin-top:12px}
.mission_success_wrap .mission_success_box .text_notice{font-size:12px;line-height:16px;color:#FFE085}
.mission_success_wrap .mission_success_box .text_period{font-size:12px;font-weight:700;line-height:16px;color:#FFFBEB}
.mission_success_wrap .ly_link_wrap{margin-top:12px}
.mission_success_wrap.type_ingame_reward{height:270px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_mission_success_2.png)}

/* ==================== footer ==================== */
.wrap_event_chuseok .footer{margin-top:32px;padding:15px 0;text-align:center}
.wrap_event_chuseok .footer .copy{font-size:12px;font-weight:400;line-height:40px;color:#9E9E9E}

/* ==================== 레이어 팝업 공통 ==================== */
/* ly_wrap */
/* [D] html에 zoom이 걸리므로 vh/dvh 대신 inset으로 늘린다. fixed의 컨테이닝 블록이 뷰포트라 zoom/dvh 지원 여부와 무관하게 화면 전체를 채운다 */
.ly_wrap{display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;min-width:320px;padding:24px 0;background-color:rgba(0, 0, 0, 0.64);font-size:0;text-align:center;-webkit-overflow-scrolling:touch}
/* [D] 세로 중앙은 margin:auto로. align-items:center나 vertical-align:middle은 내용이 화면보다 길 때 윗부분이 잘려 스크롤로 닿을 수 없다 */
.ly_wrap .ly_inner{display:inline-block;flex-shrink:0;overflow:visible;position:relative;box-sizing:border-box;width:calc(100% - 32px);max-width:320px;margin:auto;padding:20px 16px 24px;border:4px solid #FFDA75;border-radius:12px;background: linear-gradient(180deg, #2D2E90 26.3%, #CA7071 52.99%, #FC8630 79.67%);background-color:#fff;font-size:1rem;vertical-align:middle;text-align:center;white-space:normal}
.ly_wrap .ly_body{overflow:visible}
.ly_wrap .ly_title{display:inline-block;margin-top:4px;background-repeat:no-repeat;background-position:center;background-size:100% auto}
.ly_wrap .ly_desc{font-size:14px;font-weight:700;line-height:22px;color:#FFFBEB}
.ly_wrap .text_pill{display:inline-block;padding:0 8px;border-radius:99px;background:#fff;font-size:14px;font-weight:700;line-height:22px;color:#383AE7}
.ly_wrap .btn_ly_confirm{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:50px;margin-top:16px;border-radius:8px;box-shadow: 0px 1px 4px 0px #B38E4F80;background:linear-gradient(180deg, #FFFEDD 0%, #FFFB80 30.42%)}
.ly_wrap .btn_ly_confirm .text{overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:100% auto;line-height:9999px}
.ly_wrap .btn_ly_close{position:absolute;top:-16px;right:-17px;width:36px;height:37px;background:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/btn_layer_close.png) no-repeat;background-size:36px auto}
/* [D] .ly_link은 팝업 밖(탭2 미션 달성 영역)에서도 그대로 쓰므로 .ly_wrap 하위로 한정하지 않는다 */
.ly_link_wrap{margin-top:24px}
.ly_link{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:50px;border:1px solid #fff;border-radius:8px;background:#fff;font-size:16px;font-weight:700;line-height:19px;color:#242424}
.ly_link .ico_link_next{display:inline-block;width:12px;height:12px;margin-left:2px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/link_ico_next_gray.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;vertical-align:middle}
.ly_link.link_type_border{border-color:rgba(255, 255, 255, 0.8);background:rgba(0,0,0,0);color:#fff}
.ly_link.link_type_border .ico_link_next{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/ico_link_point_arrow.svg)}
.ly_link + .ly_link{margin-top:8px}
.ly_wrap .ly_desc_list{font-size:0;text-align:left}
.ly_wrap .ly_desc_list .ly_desc_item{position:relative;padding-left:11px;font-size:13px;font-weight:700;line-height:22px;color:#FFFBEB}
.ly_wrap .ly_desc_list .ly_desc_item::before{display:inline-block;position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:999px;background:#E0E0E0;content:''}

.ly_wrap.ly_mission .btn_ly_close{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/btn_layer_close.png)}
.ly_wrap.ly_mission .ly_inner{border-color:#EBAC9A;background: linear-gradient(180deg, #5F1D84 37.98%, #EAAB9A 100%)}
.ly_wrap.ly_mission.ly_reward_claimed .ly_inner{border-color:#EBAC9A;background: linear-gradient(180deg, #5F1D84 37.98%, #EAAB9A 100%)}
.ly_wrap.ly_mission.ly_reward_claimed .ly_title{width:280px;height:77px;margin-top:0;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/layer_reward_claimed_title.png)}
.ly_wrap.ly_mission.ly_reward_claimed .ly_desc{margin-top:4px}

/* lottery_board */
.lottery_board{position:relative;width:290px;height:163px;margin:18px 0 0 -6px}
.ico_ly_lucky_pouch{display:inline-block;position:absolute;right:-10px;bottom:-25px;z-index:5;width:64px;height:72px;background:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/ico_ly_pouch.png) no-repeat;background-size:64px 72px;pointer-events:none}
.lottery_board .scratch_result{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center}
.lottery_board .scratch_result_title{font-size:32px;font-weight:900;line-height:38px;color:#FA6E00}
.lottery_board .scratch_result_desc{margin-top:4px;font-size:14px;line-height:18px;color:#5D290B}

/* scratch_lottery */
.scratch_lottery .scratch_result{visibility:hidden}
.scratch_lottery.is_cover_ready .scratch_result,
.scratch_lottery.is_revealed .scratch_result{visibility:visible}
.scratch_lottery .scratch_cover{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;transition:opacity .3s ease;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.scratch_lottery.is_revealed .scratch_cover{opacity:0;pointer-events:none}
.scratch_lottery .scratch_guide{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;transition:opacity .3s ease;pointer-events:none}
.scratch_lottery .scratch_guide_motion{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.scratch_lottery .scratch_guide_stroke{-webkit-animation:scratchGuideStroke 3s ease infinite;animation:scratchGuideStroke 3s ease infinite;fill:none;stroke:#fff;stroke-width:61.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100 101;stroke-dashoffset:100}
.scratch_lottery .scratch_guide_reveal{-webkit-animation:scratchGuideFade 3s ease infinite;animation:scratchGuideFade 3s ease infinite}
.scratch_lottery.is_scratching .scratch_guide{opacity:0}
.scratch_lottery.is_scratching .scratch_guide_stroke,
.scratch_lottery.is_scratching .scratch_guide_reveal{-webkit-animation:none;animation:none}
@-webkit-keyframes scratchGuideStroke{
  0%{stroke-dashoffset:100}
  40%,92%{stroke-dashoffset:0}
  94%,100%{stroke-dashoffset:100}
}
@keyframes scratchGuideStroke{
  0%{stroke-dashoffset:100}
  40%,92%{stroke-dashoffset:0}
  94%,100%{stroke-dashoffset:100}
}
@-webkit-keyframes scratchGuideFade{
  0%,72%{opacity:1}
  88%,100%{opacity:0}
}
@keyframes scratchGuideFade{
  0%,72%{opacity:1}
  88%,100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .scratch_lottery .scratch_guide_stroke{-webkit-animation:none;animation:none;stroke-dashoffset:0}
  .scratch_lottery .scratch_guide_reveal{opacity:1;-webkit-animation:none;animation:none}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
  .scratch_lottery .scratch_guide_stroke{stroke-dasharray:none;stroke-dashoffset:0}
}
.scratch_lottery .btn_scratch_all{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}
.scratch_lottery.is_revealed .btn_scratch_all{display:none}

.ly_wrap .img_lottery_win,
.ly_wrap .reward_info_wrap{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s}
.ly_wrap .img_lottery_win{display:block}
.ly_wrap .reward_info_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:0 16px;background:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/ly_lottery_win_panel.png) no-repeat center;background-size:100% 100%;opacity:0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center}
.ly_wrap .reward_info_wrap .img_reward{width:86px;height:58px;margin-top:-4px}
.ly_wrap .reward_info_wrap .text_reward{margin-top:2px;font-size:15px;font-weight:700;line-height:22px;color:#242424}
.ly_wrap .reward_info_wrap .text_reward_desc{font-size:11px;line-height:20px;color:#FA6E00}
.lottery_board.is_reward_shown .img_lottery_win{opacity:0}
.lottery_board.is_reward_shown .reward_info_wrap{opacity:1}

/* ly_lottery */
.ly_wrap.ly_lottery .ly_title{width:241px;height:110px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/layer_lottery_title.png)}
.ly_wrap.ly_lottery .scratch_lottery{margin-top:18px;margin-left:-7px}
.ly_wrap.ly_lottery .ly_desc{margin-top:20px}
.ly_wrap.ly_lottery .text_pill{margin-left:8px}
.ly_wrap.ly_lottery .btn_ly_confirm .text{width:104px;height:23px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/ly_lottery_btn_draw_text.svg)}

/* ly_lottery_win */
.ly_wrap.ly_lottery_win .ly_title{width:241px;height:110px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/layer_title_02.png)}
.ly_wrap.ly_lottery_win .ly_desc_list{margin-top:8px}
.confetti_area{position:fixed;top:50%;left:50%;z-index:2;width:640px;height:640px;margin:-380px 0 0 -320px;pointer-events:none}

/* ly_lottery_locked */
.ly_wrap.ly_lottery_locked .ly_title{width:241px;height:110px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/layer_title_lottery_locked.png)}
.ly_wrap.ly_lottery_locked .img_lottery_locked{position:relative;width:290px;height:163px;margin-top:20px;margin-left:-6px}
.ly_wrap.ly_lottery_locked .img_lottery_locked img{display:block;width:100%}
.ly_wrap.ly_lottery_locked .img_lottery_locked .text_date{position:absolute;bottom:47px;left:50%;width:100%;font-size:14px;font-weight:700;line-height:22px;color:#F9F9F9;text-align:center;transform:translateX(-50%)}
.ly_wrap.ly_lottery_locked .ly_desc{margin-top:8px}

/* ==================== min-width:768px ==================== */
@media screen and (min-width:768px){
  .section .section_inner{max-width:768px}
  .section_visual{padding-bottom:28px}
  .wrap_event_chuseok .footer{margin-top:40px}
  .br_768_none{display:none}

  /* 한가위 결제 이벤트  */
  .event_box{padding:18px}
  .section_reward{margin-top:32px}
  .section_notice{padding-top:16px}
  .link_cta{margin-top:22px}
  .box_payment .payment_progress .bubble_desc{margin-top:18px}
  .box_payment.type_progress .payment_progress,
  .box_payment.type_progress .payment_progress.is_goal_near{text-align:left}
  .box_payment.type_progress .bubble_desc.type_tail_top::before{left:50%;left:var(--desc_tail, 50%)}
  .reward_list .reward_item{width:236px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/reward_panel_wide.png)}
  .reward_list .reward_item.type_grand{width:484px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_payment/img/reward_type_core_panel_wide.png)}
  .reward_list .reward_item + .reward_item{margin-top:4px}
  .reward_list .reward_item:nth-child(2){margin-top:0}
  .reward_list .reward_item:nth-child(odd):not(.type_grand){margin-left:0}
  .reward_list .reward_item:nth-child(2):not(.type_grand),
  .reward_list .reward_item:nth-child(4):not(.type_grand),
  .reward_list .reward_item:nth-child(5):not(.type_grand){margin-left:12px}

  /* 미션 달성 이벤트 */
  .tab_theme_mission .section .section_inner{padding:0 18px}
  .section_mission{padding:24px 0 40px}
  .game_select_wrap{padding:20px 18px}
  .game_select{margin-left:18px}
  .mission_board{margin-top:18px;padding:22px 20px 20px}
  .mission_board .mission_header_wrap{justify-content:center;position:relative;padding-bottom:18px}
  .mission_board .mission_header_wrap::before,.mission_board .mission_header_wrap::after{display:inline-block;position:absolute;top:20px;width:26px;height:18px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/ico_ribbon.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;content:''}
  .mission_board .mission_header_wrap::before{left:3px}
  .mission_board .mission_header_wrap::after{right:1px}
  .mission_board .mission_desc{text-align:center}
  .mission_step_wrap .mission_state{width:48px;height:48px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mark_mission_step_type_sm.png)}
  .mission_step_wrap .mission_item.is_locked .mission_state{background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/mark_mission_step_locked_type_sm.png)}
  .mission_step_wrap .mission_state .text_mission_num{font-weight:900}
  .mission_step_wrap .mission_contents .mission_item.is_open .text_mission_detail{margin-top:12px;padding:0}
  .mission_step_wrap .mission_list{margin-top:12px}
  .mission_step_wrap .mission_list .mission_item{padding:8px 0}
  .mission_step_wrap .mission_list .mission_item:not(:last-child)::before{top:73px;left:22px}
  .mission_step_wrap.is_fold_done .mission_list > .mission_item.is_clear + .mission_item::after{left:25px}
  .mission_step_wrap .mission_contents .mark_status_wrap{margin-top:13px;margin-left:auto}
  .mission_step_wrap .mission_contents .text_mission_detail{margin-top:16px;padding:5px 0}
  .mission_step_wrap .mission_fold_inner{margin-top:20px}
  .mission_step_wrap .mission_item.is_open .mission_contents .text_mission_detail{margin-top:12px;padding:0}
  .mission_step_wrap .mission_item.type_btn_only .mission_fold_inner{margin-top:20px}
  .mission_step_wrap .mission_special_wrap{margin-top:16px;padding:20px 16px}
  .mission_step_wrap .mission_special_wrap .mission_special_list{display:flex;flex-wrap:nowrap}
  .mission_step_wrap .mission_special_wrap .mission_special_list .mission_special_box{width:calc(50% - 4px);margin-top:20px}
  .mission_step_wrap .mission_special_wrap .mission_special_list .mission_special_box + .mission_special_box{margin-left:8px}
  .mission_step_wrap .attendance_item + .attendance_item{margin-top:20px}
  .payment_progress.type_mission .payment_progress_bar{margin-top:20px}
  .mission_footer_wrap{padding:40px 0 20px}
  .mission_progress_bar{margin:0 20px}
  .mission_success_wrap{width:732px;height:350px;margin-top:18px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_mission_success_1_type_wide.png)}
  .mission_success_wrap .mission_success_inner{padding:64px 42px 20px}
  .mission_success_wrap .ly_link_wrap{display:flex;flex-wrap:nowrap;margin-top:20px}
  .mission_success_wrap .ly_link_wrap .ly_link{width:calc(50% - 4px)}
  .mission_success_wrap .ly_link_wrap .ly_link + .ly_link{margin-top:0;margin-left:8px}
  .mission_success_wrap.type_ingame_reward{height:294px;background-image:url(https://hangame-images.toastoven.net/hangame/hangamestore/event/2026_chuseok_mission/img/bg_mission_success_2_type_wide.png)}
  .mission_success_wrap.type_ingame_reward .ly_link_wrap{justify-content:center}
}