@charset "UTF-8";
/* 공통 */
/* 기본 레이아웃 */
#wrapper { padding-bottom: 48px !important; }

#event-content * { box-sizing: border-box; }

#event-content section { width: 100%; min-width: 320px; background-repeat: no-repeat; background-position: 50% 0; position: relative; }

#event-content section img { display: block; width: 100%; }

*, *::before, *::after { box-sizing: border-box; word-spacing: 0 !important; }

html, body { min-width: 320px; }

.promotion { font-family: Pretendard; background-color: #000; }

.promotion img { width: 100%; }

.promotion .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.promotion .promotion__section.is-keyvisual { background-color: #000; position: relative; }

.promotion .promotion__section.is-keyvisual .max-mobile { padding: 15px 60px 40px; position: relative; }

.promotion .promotion__section.is-keyvisual .min-tablet { padding: 20px 0 48px 0; position: relative; max-width: 420px; margin: 0 auto; }

.promotion .promotion__section.is-keyvisual .inner__label { position: absolute; right: 20px; top: 0; }

.promotion .promotion__section.is-keyvisual .inner__label img { width: 100px; height: 73px; }

.promotion .promotion__section.is-keyvisual .keyvisual__inner { max-width: 420px; margin: 0 auto; padding-top: 16px; position: relative; background-image: url("/images/event/luckydrow/mo/kvimgbg.png?ts=2502181135"); background-size: 100%; background-repeat: no-repeat; }

.promotion .promotion__section.is-keyvisual .keyvisual__inner .inner__txet { height: 38px; padding-top: 8px; color: #FFF; text-align: center; font-size: 16px; font-weight: 700; line-height: 140%; /* 22.4px */ background-image: url("/images/event/luckydrow/mo/inner-txt-bg.png?ts=2502181135"); background-size: 100%; background-repeat: no-repeat; }

.promotion .promotion__section.is-keyvisual .keyvisual__inner .inner__txet .color-primary { color: #FFFF6E; }

.promotion .promotion__section.is-present { max-width: 420px; margin: 0 auto; position: relative; padding: 30px 41px; border-radius: 30px 30px 0px 0px; background: linear-gradient(180deg, rgba(170, 160, 254, 0.8) 0%, rgba(192, 161, 218, 0.8) 100%); }

.promotion .promotion__section.is-present .present__inner .present__mark { position: absolute; top: -20px; left: 50%; transform: translate(-50%); width: 178px; height: 40px; color: #FFF; text-align: center; font-size: 14px; font-weight: 700; letter-spacing: -0.14px; padding-top: 8px; background-image: url("data:image/svg+xml,%3Csvg width='178' height='40' viewBox='0 0 178 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M161.5 0C170.613 0 178 7.3873 178 16.5C178 25.6127 170.613 33 161.5 33H95.0527L90.7803 38.4219C89.9631 39.4584 88.4079 39.4585 87.5908 38.4219L83.3184 33H16.5C7.3873 33 0 25.6127 0 16.5C0 7.3873 7.3873 2.41597e-08 16.5 0H161.5Z' fill='url(%23paint0_linear_44754_328)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_44754_328' x1='89' y1='-22.2216' x2='161.87' y2='72.0816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234812A6'/%3E%3Cstop offset='1' stop-color='%23502789'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }

.promotion .promotion__section.is-present .present__inner .inner__button { width: 100%; position: relative; }

.promotion .promotion__section.is-present .present__inner .inner__button .button__item { display: block; width: 100%; height: 56px; margin-top: 18px; color: #FFF; text-align: center; font-size: 21px; font-weight: 800; font-family: Pretendard; line-height: 140%; /* 29.4px */ border-radius: 16px; background: linear-gradient(90deg, #5100C3 0%, #5C3199 100%); box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.25); margin-bottom: 50px; }

.promotion .promotion__section.is-present .present__inner .inner__button .button__item:disabled { background: #666 !important; color: #999; box-shadow: none; opacity: 1; }

.promotion .promotion__section.is-info { max-width: 420px; margin: -15px auto 0; position: relative; }

.promotion .promotion__section.is-info .event__info { position: relative; border-radius: 16px; background: #FFF; padding: 32px 25px 54px; }

.promotion .promotion__section.is-info .event__info::before { content: ''; position: absolute; top: -5px; left: 50%; transform: translate(-50%); width: 93%; height: 5px; background-image: url("/images/event/luckydrow/mo/border.png?ts=2502181135"); background-size: 100%; background-repeat: no-repeat; }

.promotion .promotion__section.is-info .event__info .info__list { display: flex; align-items: center; }

.promotion .promotion__section.is-info .event__info .info__list .info__title { border-radius: 50px; background: #353535; padding: 2px 15px; width: 93px; box-sizing: border-box; color: #FFF; text-align: center; font-size: 13px; font-weight: 600; line-height: 250%; /* 32.5px */ margin-bottom: 5px; }

.promotion .promotion__section.is-info .event__info .info__list .info__cont { padding-left: 10px; color: #171717; font-size: 13px; font-weight: 600; line-height: 250%; /* 32.5px */ }

.promotion .promotion__section.is-info .event__info .info__text { margin-top: 34px; color: #171717; text-align: center; font-size: 10px; font-weight: 500; line-height: 140%; /* 14px */ position: relative; }

.promotion .promotion__section.is-info .event__info .info__text::before { content: ''; position: absolute; top: -14px; left: 0; width: 100%; height: 1px; background-color: #d7d7d7; }

.promotion .promotion__section.is-bonus { padding: 0px 30px 93px; }

.promotion .promotion__section.is-bonus .bonus__cont { text-align: center; }

.promotion .promotion__section.is-bonus .bonus__cont .bonus__text { color: #FFF; font-size: 26px; font-weight: 700; line-height: 140%; /* 36.4px */ letter-spacing: -0.26px; }

.promotion .promotion__section.is-bonus .bonus__cont .bonus__text .text__small { display: block; margin-top: 15px; color: #FFF; font-size: 17px; font-weight: 700; line-height: 140%; /* 23.8px */ letter-spacing: -0.17px; }

.promotion .promotion__section.is-bonus .bonus__cont .bonus__text strong { color: #A564FF; font-size: 30px; }

.promotion .promotion__section.is-bonus .bonus__body .bouns__top { border-radius: 20px 20px 0px 0px; background: linear-gradient(180deg, #ACA1FF 0%, #D1B0FB 100%); height: 132px; text-align: center; padding: 30px 0; position: relative; margin-top: 64px; }

.promotion .promotion__section.is-bonus .bonus__body .bouns__top::before { content: ''; position: absolute; top: -20px; left: 50%; transform: translate(-50%); width: 47px; height: 47px; background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_44754_320)'%3E%3Ccircle cx='23.5' cy='19.5' r='19.5' fill='%23F6EFFF' fill-opacity='0.5'/%3E%3Ccircle cx='23.5' cy='19.5' r='17.5' fill='white'/%3E%3Cpath d='M21.3171 28.4325L21.3221 22.0996L14.9892 22.0946L14.993 17.3208L21.3259 17.3258L21.3309 11.005L26.0927 11.0088L26.0876 17.3296L32.4205 17.3346L32.4167 22.1084L26.0838 22.1034L26.0788 28.4363L21.3171 28.4325Z' fill='%235D03B2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_44754_320' x='0' y='0' width='47' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_44754_320'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_44754_320' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); }

.promotion .promotion__section.is-bonus .bonus__body .bouns__top .user__name { color: #5100C3; text-align: center; font-size: 20px; font-weight: 800; line-height: 140%; /* 28px */ }

.promotion .promotion__section.is-bonus .bonus__body .bouns__top .subtext__desc { color: #FFF; font-size: 16px; font-weight: 400; line-height: 140%; }

.promotion .promotion__section.is-bonus .bonus__body .bouns__top .text__unit { display: inline-block; color: #171717; text-align: center; font-size: 16px; font-weight: 900; line-height: 140%; /* 22.4px */ width: 98px; height: 35px; background-image: url("/images/event/luckydrow/mo/bg-cloud.png?ts=2502181135"); background-size: 100%; background-repeat: no-repeat; padding-top: 8px; margin-left: 4px; }

.promotion .promotion__section.is-bonus .bonus__body .bouns__top .text__desc { color: #FFF; text-align: center; text-shadow: 0px 0px 13.6px rgba(0, 0, 0, 0.25); font-size: 20px; font-weight: 800; line-height: 140%; /* 28px */ }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list { position: relative; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease, transform 0.6s ease; margin-top: -10px; padding: 28px 0px 35px 40px; border-radius: 16px; background: #FFF; box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.1); }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list:last-child { padding: 28px 40px 31px; }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list:before { content: ''; position: absolute; top: 30px; left: 19px; 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%3Cg clip-path='url(%23clip0_44754_289)'%3E%3Cpath d='M7.99974 0C3.58899 0 0 3.58859 0 7.99949C0 12.4104 3.58899 15.9995 7.99974 15.9995C12.4105 15.9995 15.9995 12.4104 15.9995 7.99949C15.9995 3.58859 12.411 0 7.99974 0Z' fill='%23A564FF'/%3E%3Cpath d='M11.6062 5.16663C11.3181 4.96054 10.9183 5.02718 10.7122 5.31478L7.61173 8.68704L5.22077 7.27979C4.96958 7.03064 4.56357 7.03269 4.31443 7.28441C4.06528 7.53561 4.06733 7.94163 4.31904 8.19078L7.24467 11.0883L7.77885 11.6179L8.21664 11.0063L11.7549 6.0607C11.961 5.77259 11.8943 5.37271 11.6067 5.16663H11.6062Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_44754_289'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list.is-primary { box-shadow: 0px -7px 6px 0px rgba(0, 0, 0, 0.1); transform: translateY(0px) !important; }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list.active { opacity: 1; transform: translateY(0px); }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list .list_title { display: block; color: #171717; font-size: 15px; font-weight: 700; line-height: 140%; /* 21px */ letter-spacing: -0.3px; }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list .list_title .list__label { display: inline-block; margin-left: 4px; border-radius: 50px; background: #3A008C; color: #FFF; text-align: center; font-size: 10px; font-weight: 600; letter-spacing: -0.1px; padding: 3px 5px; vertical-align: 2px; }

.promotion .promotion__section.is-bonus .bonus__body .bonus__list .list__cont { color: #171717; font-size: 12px; font-weight: 500; line-height: 150%; /* 18px */ letter-spacing: -0.24px; margin-top: 2px; }

.promotion .promotion__section.is-bonus .bonus__body .button__wrap { display: block; width: 100%; margin-top: 27px; }

.promotion .promotion__section.is-bonus .bonus__body .button__wrap .button__apply { display: block; width: 100%; height: 56px; padding: 10px; border-radius: 16px; background: linear-gradient(90deg, #5100C3 0%, #5C3199 100%); box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.25); color: #FFF; text-align: center; font-family: Pretendard; font-size: 21px; font-weight: 800; line-height: 140%; /* 29.4px */ position: relative; }

.promotion .promotion__section.is-bonus .bonus__body .button__wrap .button__apply::before { content: ''; width: 59px; height: 39px; position: absolute; top: -19px; left: 26px; background-image: url("/images/event/luckydrow/mo/is-free.png?ts=2502181135"); background-size: 100%; background-repeat: no-repeat; }

.promotion .promotion__section.is-bonus .bonus__body .button__wrap .button__apply:disabled { background: #666 !important; color: #999; box-shadow: none; opacity: 1; }

.promotion .promotion__section.is-bonus .bonus__body .button__wrap .button__apply:disabled::before { content: ''; width: 59px; height: 39px; position: absolute; top: -19px; left: 26px; background-image: url("/images/event/luckydrow/mo/is-freedis.png?ts=2502181135"); background-size: 100%; background-repeat: no-repeat; }

.promotion .promotion__section.is-note { padding: 60px 15px; background-color: #fff; }

.promotion .promotion__section.is-note .note__body .note__title { padding-left: 10px; color: #585858; font-size: 16px; font-weight: 800; line-height: 160%; /* 25.6px */ margin-bottom: 11px; }

.promotion .promotion__section.is-note .note__body .note__desc { color: #585858; font-size: 12px; font-weight: 400; line-height: 160%; /* 19.2px */ position: relative; padding-left: 10px; }

.promotion .promotion__section.is-note .note__body .note__desc::before { content: ''; width: 2px; height: 2px; position: absolute; top: 8px; left: 2px; background-color: #585858; }

.appstmodalpopup .layer-popup-content { width: 312px; border-radius: 15px; background-color: #fff; }

.appstmodalpopup .layer-popup-content .body { padding: 0 !important; }

.appstmodalpopup .layer-popup-content .modal__contents { display: inline-flex; flex-direction: column; align-items: center; width: 312px; padding: 40px 16px 20px; border-radius: 10px; background-color: #FFF; position: relative; font-family: Pretendard; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body { padding-bottom: 10px; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .modal__title { display: block; color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .modal__title strong { font-weight: 500; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .modal__text { margin-top: 10px; color: #8E8E8E; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .text__blue { color: #197EDF; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .confirm__title, .appstmodalpopup .layer-popup-content .modal__contents .modal__body .confirm__text { color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .confirm__title .text-decoration, .appstmodalpopup .layer-popup-content .modal__contents .modal__body .confirm__text .text-decoration { border-bottom: 1px solid #000; padding: 0px; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .confirm__title { display: block; margin-bottom: 30px; font-size: 18px; font-weight: 700; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .confirm__text { padding-bottom: 20px; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .confirm__text .small__text { margin-top: 10px; display: block; color: #A9A9A9; text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .modal__smalText { margin-top: 10px; color: #A9A9A9; text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__body .text-underline { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__footer { width: 100%; }

.appstmodalpopup .layer-popup-content .modal__contents .modal__footer > div { width: 100%; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .footer__primary, .appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .footer__secondary { width: 100%; height: 46px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; font-family: Pretendard; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .footer__primary:last-of-type, .appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .footer__secondary:last-of-type { margin-top: 10px; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .footer__primary { color: #197EDF; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .footer__secondary { color: #A9A9A9; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .has-bgPrimary { border-radius: 10px; background-color: #197EDF; color: #fff; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .has-bgSecondary { border-radius: 10px; background-color: #DBDBDB; color: #fff; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .modal__footer .underlineBtn { width: 100%; margin-top: 10px; color: #A9A9A9; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ text-decoration-line: underline; text-underline-offset: 2px; }

.appstmodalpopup .layer-popup-content .modal__contents:not(.has-outer) .footer__tertiay { display: flex; justify-content: center; align-items: center; margin-top: 4px; width: 100%; height: 46px; color: #333 !important; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; }

.appstmodalpopup .layer-popup-content .modal__contents.has-outer { padding: 0; background-color: transparent; }

.appstmodalpopup .layer-popup-content .modal__contents.has-outer .modal__body { padding-bottom: 0; }

.appstmodalpopup .layer-popup-content .modal__contents.has-outer .modal__body .modal__landing { display: block; }

.appstmodalpopup .layer-popup-content .modal__contents.has-outer .modal__body .modal__landing img { vertical-align: top; }

.appstmodalpopup .layer-popup-content .modal__contents.has-outer .modal__footer { align-items: normal; justify-content: normal; padding-top: 15px; border-top: 0; }

.appstmodalpopup .layer-popup-content .modal__contents.has-outer .modal__footer .footer__secondary { color: #FFF; text-align: center; font-size: 13px; font-style: normal; font-weight: 500; line-height: 140%; /* 18.2px */ }

.appstmodalpopup .layer-popup-content .modal__contents.has-outer .modal__footer .footer__secondary:not(:first-child) { margin-left: auto; }

.min-tablet, .min-pc, .only-tablet { display: none; }

@media (min-width: 720px) { .promotion .promotionDim { padding: 130px 0; }
  .promotion .keyvisual .keyvisual__inner { max-width: 420px; margin: 0 auto; }
  .promotion .promotion__inner { max-width: 420px; margin: 0 auto; position: relative; }
  .only-tablet, .min-tablet { display: block; }
  .max-mobile { display: none; } }

@media screen and (min-width: 1240px) { .only-tablet, .max-tablet { display: none; }
  .min-pc { display: block; } }

/*# sourceMappingURL=default.css.map */