@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@font-face  {
  font-family: "SavetheChildren";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/SavetheChildrenL.eot");
  src: url("../fonts/SavetheChildrenL.woff2") format("woff2"), url("../fonts/SavetheChildrenL.woff") format("woff"), url("../fonts/SavetheChildrenL.ttf") format("truetype"), url("../fonts/SavetheChildrenL.svg#SavetheChildrenL") format("svg"), url("../fonts/SavetheChildrenL.eot?#iefix") format("embedded-opentype");
}
@font-face  {
  font-family: "SavetheChildren";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/SavetheChildrenM.eot");
  src: url("../fonts/SavetheChildrenM.woff2") format("woff2"), url("../fonts/SavetheChildrenM.woff") format("woff"), url("../fonts/SavetheChildrenM.ttf") format("truetype"), url("../fonts/SavetheChildrenM.svg#SavetheChildrenM") format("svg"), url("../fonts/SavetheChildrenM.eot?#iefix") format("embedded-opentype");
}
@font-face  {
  font-family: "SavetheChildren";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/SavetheChildrenB.eot");
  src: url("../fonts/SavetheChildrenB.woff2") format("woff2"), url("../fonts/SavetheChildrenB.woff") format("woff"), url("../fonts/SavetheChildrenB.ttf") format("truetype"), url("../fonts/SavetheChildrenB.svg#SavetheChildrenB") format("svg"), url("../fonts/SavetheChildrenB.eot?#iefix") format("embedded-opentype");
}
@font-face  {
  font-family: "Seongang";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/SOGANGUNIVERSITYTTF.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* mixin */
section html, .popup html, section body, .popup body, section div, .popup div, section span, .popup span, section object, .popup object, section iframe, .popup iframe,
section h1,
.popup h1, section h2, .popup h2, section h3, .popup h3, section h4, .popup h4, section h5, .popup h5, section h6, .popup h6, section p, .popup p, section blockquote, .popup blockquote, section pre, .popup pre,
section abbr,
.popup abbr, section address, .popup address, section cite, .popup cite, section code, .popup code,
section del,
.popup del, section dfn, .popup dfn, section em, .popup em, section img, .popup img, section ins, .popup ins, section kbd, .popup kbd, section q, .popup q, section samp, .popup samp,
section small,
.popup small, section strong, .popup strong, section sub, .popup sub, section sup, .popup sup, section var, .popup var,
section b,
.popup b, section i, .popup i,
section dl,
.popup dl, section dt, .popup dt, section dd, .popup dd, section ol, .popup ol, section ul, .popup ul, section li, .popup li, section a, .popup a,
section fieldset,
.popup fieldset, section form, .popup form, section label, .popup label, section legend, .popup legend,
section table,
.popup table, section caption, .popup caption, section tbody, .popup tbody, section tfoot, .popup tfoot, section thead, .popup thead, section tr, .popup tr, section th, .popup th, section td, .popup td,
section article,
.popup article, section aside, .popup aside, section canvas, .popup canvas, section details, .popup details, section figcaption, .popup figcaption, section figure, .popup figure,
section footer,
.popup footer, section header, .popup header, section hgroup, .popup hgroup, section menu, .popup menu, section nav, .popup nav, section section, .popup section, section summary, .popup summary,
section time,
.popup time, section mark, .popup mark, section audio, .popup audio, section video, .popup video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: middle; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; max-height: 99999px; }
section *:before, .popup *:before, section *:after, .popup *:after { -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; }
section article, .popup article, section aside, .popup aside, section details, .popup details, section figcaption, .popup figcaption, section figure, .popup figure, section footer, .popup footer, section header, .popup header, section hgroup, .popup hgroup, section menu, .popup menu, section nav, .popup nav, section section, .popup section, section a, .popup a { display: block; }
section span, .popup span, section strong, .popup strong, section em, .popup em { vertical-align: baseline; color: inherit; font: inherit; letter-spacing: inherit; }
section em, .popup em, section address, .popup address { font-style: normal; }
section mark, .popup mark { color: inherit; }
section img, .popup img { width: 100%; display: inline-block; vertical-align: middle; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true",sizingMethod="crop"); }
section a, .popup a { color: inherit; vertical-align: baseline; text-decoration: none; background: transparent; }
section a:where(:active, :focus, :hover), .popup a:where(:active, :focus, :hover) { text-decoration: none; outline: none; }
section button, .popup button { color: inherit; font: inherit; letter-spacing: inherit; padding: 0; border: none; border: 0; outline: none; outline: 0; background: none; -webkit-appearance: none; appearance: none; border-radius: 0; cursor: pointer; }
section input:where([type=text], [type=password], [type=tel], [type=email], [type=number]), .popup input:where([type=text], [type=password], [type=tel], [type=email], [type=number]), section textarea, .popup textarea { padding: 0; border: 0; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; letter-spacing: inherit; }
section input:where([type=text], [type=password], [type=tel], [type=email], [type=number], textarea):where(:hover), .popup input:where([type=text], [type=password], [type=tel], [type=email], [type=number], textarea):where(:hover) { outline: 0; }
section input:where([type=button], [type=submit], [type=reset], [type=image]), .popup input:where([type=button], [type=submit], [type=reset], [type=image]) { cursor: pointer; }
section textarea, .popup textarea { resize: none; }
section select, .popup select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
section ol, .popup ol, section ul, .popup ul { list-style: none; }
section li, .popup li { list-style: none; vertical-align: top; line-height: inherit; }
section blockquote, .popup blockquote, section q, .popup q { quotes: none; }
section blockquote:before, .popup blockquote:before, section blockquote:after, .popup blockquote:after, section q:before, .popup q:before, section q:after, .popup q:after { content: ""; content: none; }
section table, .popup table { border-collapse: collapse; border-spacing: 0; }
section fieldset, .popup fieldset { border: 0; }
section legend, .popup legend, section caption, .popup caption, section hr, .popup hr { position: absolute; left: -9999px; top: 0; visibility: hidden; overflow: hidden; line-height: 0.1%; font-size: 0.1%; width: 0.1%; height: 0.1%; }
section .dis_none, .popup .dis_none { display: none !important; }
section .bold, .popup .bold { font-weight: 700; }
section div, .popup div, section ul, .popup ul, section li, .popup li, section dl, .popup dl, section dt, .popup dt, section dd, .popup dd { overflow: unset; }
html { touch-action: none; font-size: 1.5625vw !important; }
.wrap { color: #000; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; font-weight: 400; font-size: 1rem; line-height: 1; word-break: keep-all; padding-top:30px; height: calc(100svh - 30px); }
html.inapp .wrap { --parent-height: calc(var(--vh, 1vh) * 100); height: calc(var(--vh, 1vh) * 100); }
.wrap { --parent-height: 100svh; --section-height: 956; position: relative; z-index: 0; display: flex; flex-direction: column; overflow: hidden; width: 100%; }
.wrap .blind { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; }
.wrap #bt_raside { font-size: 13px; }
.wrap > section { display: none; flex: 1 1 auto; min-height: 1px; position: relative; width: 100%; height: 100%; overflow: hidden; }
.wrap > section .in { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; max-width: 480px; margin: 0 auto; padding: 4.7rem 0 2.3rem; }
.wrap[data-page="0"] .section_visual { display: block; background: #FFB6B6 url("../images/visual_bg@1.5x.jpg") no-repeat center top; background-size: auto 102rem; }
.wrap[data-page="1"] .section_bingo { display: block; }
.wrap[data-page="2"] .section_fin { display: block; }
.wrap[data-page="1"] .section_bingo, .wrap[data-page="2"] .section_fin { background-color: #F8F3E4; background-image: url("../images/bg_graphic@2x.png"), url("../images/bg_graphic@2x.png"); background-repeat: no-repeat, no-repeat; background-position: center top -9rem, center bottom -8rem; background-size: 28.2rem auto, 28.2rem auto; }
.wrap .btn.btn_bingo_gift, .wrap .btn.btn_bingo_start, .wrap .btn.btn_visual { width: 51.4rem; aspect-ratio: 514/142; justify-content: space-between; }
.wrap .btn.btn_bingo_gift::before, .wrap .btn.btn_bingo_start::before, .wrap .btn.btn_visual::before { height: 4.8rem; -webkit-mask-position: left center; margin-left: 4.6rem; }
.wrap .btn.btn_gift_dont, .wrap .btn.btn_gift_start, .wrap .btn.btn_bingo_complete, .wrap .btn.btn_watch_complete { width: 34rem; aspect-ratio: 340/100; }
.wrap .btn.btn_gift_dont::before, .wrap .btn.btn_gift_start::before, .wrap .btn.btn_bingo_complete::before, .wrap .btn.btn_watch_complete::before { height: 4.5rem; }
.wrap .btn.btn_market, .wrap .btn.btn_survey { width: 24.2rem; aspect-ratio: 242/72; outline: 1px solid #fff; outline-offset: -0.7rem; }
.wrap .btn.btn_market::before, .wrap .btn.btn_survey::before { height: 2.8rem; }
.wrap .btn_set { text-align: center; }
.wrap .btn { flex-shrink: 0; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #DF1500; border-radius: 10rem; outline: 0.2rem solid #fff; outline-offset: -0.7rem; padding: 1rem; margin: 0 auto; transition: all 0.3s ease, width 0s, height 0s; }
.wrap .btn::before { content: ""; display: block; flex: 1 1 auto; background-color: #fff; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; }
.wrap .btn.light::after { content: ""; display: block; width: 3.3rem; aspect-ratio: 33/48; background: url("../images/btn_light_img@2x.png") no-repeat center center; background-size: contain; background-position: left center; }
.wrap .btn .gift_box { flex-shrink: 0; position: relative; width: 10.6rem; aspect-ratio: 5/5; background-color: #fff; border-radius: 100%; margin-right: 0.8rem; }
.wrap .btn .gift_box::before, .wrap .btn .gift_box::after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); height: 77%; aspect-ratio: 5/5; background: url("../images/btn_gift_img@2x.png") no-repeat left center; background-size: auto 100%; transition: opacity 0.3s ease; }
.wrap .btn .gift_box::before { z-index: 0; }
.wrap .btn .gift_box::after { z-index: 1; opacity: 0; background-position: right center; }
.wrap .btn:disabled { background-color: #AD8581; outline: 0.2rem solid #DFCACA; }
.wrap .btn:disabled::before { background-color: #DFCACA; }
.wrap .btn:disabled .gift_box::after { opacity: 1; }
.wrap .btn.btn_visual { position: absolute; left: 50%; bottom: 2.3rem; z-index: 1; transform: translateX(-50%); }
.wrap .btn.btn_visual::before { -webkit-mask-image: url("../images/btn_visual@2x.png"); }
.wrap .btn.btn_bingo_start::before { -webkit-mask-image: url("../images/btn_bingo_start@2x.png"); }
.wrap .btn.btn_bingo_gift::before { height: 8.3rem; -webkit-mask-image: url("../images/btn_bingo_gift@2x.png"); }
.wrap .btn.btn_watch_complete::before { flex: 0 0 13.7rem; -webkit-mask-image: url("../images/btn_watch_complete@2x.png"); }
.wrap .btn.btn_bingo_complete::before { flex: 0 0 18.1rem; -webkit-mask-image: url("../images/btn_bingo_complete@2x.png"); }
.wrap .btn.btn_gift_start::before { -webkit-mask-image: url("../images/btn_gift_start@2x.png"); }
.wrap .btn.btn_gift_dont::before { -webkit-mask-image: url("../images/btn_gift_dont@2x.png"); }
.wrap .btn.btn_gift_dont { background-color: #595959; margin-top: 1rem; }
.wrap .btn.btn_survey::before { -webkit-mask-image: url("../images/btn_survey@2x.png"); }
.wrap .btn.btn_market::before { -webkit-mask-image: url("../images/btn_market@2x.png"); }
.wrap .txt_underline { display: inline-block; color: #111; font-size: 2.2rem; font-weight: 700; line-height: 110%; text-align: center; border-bottom: 0.3rem solid #111; padding: 0 0.4rem 0.2rem; }
.wrap .btn_other { margin: 1.5rem 0 0; }
.wrap .video_set { flex-shrink: 0; position: relative; width: 100%; overflow: hidden; margin: 0 auto; }
.wrap .video_set .video { position: relative; width: 100%; aspect-ratio: 16/9; }
.wrap .video_set .video > div { width: 100%; height: 100%; }
.wrap .video_set .video > div iframe { width: 100%; height: 100%; border: 0; outline: 0; }
.wrap .video_set .btn_sound { position: relative; display: block; width: 4.1rem; aspect-ratio: 5/5; margin: 3.6rem auto 0; border: none; outline: 0; border-radius: 0; }
.wrap .video_set .btn_sound::after { content: ""; position: absolute; inset: 0; z-index: 0; display: block; background-color: #111; -webkit-mask: url("../images/sound_sprites@2x.png") no-repeat 11.111% center; -webkit-mask-size: auto 133.8983050848%; pointer-events: none; }
.wrap .video_set .btn_sound.mute::after { -webkit-mask-position: 88% center; }
.wrap .section_visual::before { content: ""; }
.wrap .section_visual .in { background: url("../images/main_bg_content@2x.png") no-repeat center top; background-size: 100% auto; }
@keyframes float_ani {
	0% { transform: translateY(0); }
	50% { transform: translateY(1rem); }
}
@keyframes blink_ani {
	0% { opacity: 0.2; }
	50% { opacity: 1; }
}
.wrap .section_visual .bg_set .cookie { position: absolute; z-index: 2; left: calc(50% + 18.2rem); top: 39.9rem; animation: float_ani 1.2s ease-in-out infinite; }
.wrap .section_visual .bg_set .cookie::after { content: ""; display: block; width: 6.8rem; aspect-ratio: 68/53; background: url("../images/img_cookie.png") no-repeat center center; background-size: contain; transform: rotate(18.14deg); }
.wrap .section_visual .bg_set .candy { position: absolute; z-index: 2; right: calc(50% + 16.4rem); top: 68.3rem; animation: float_ani 1.2s ease-in-out infinite; }
.wrap .section_visual .bg_set .candy::after { content: ""; display: block; width: 8.7rem; aspect-ratio: 87/51; background: url("../images/img_candy.png") no-repeat center center; background-size: contain; transform: rotate(-8.52deg); }
.wrap .section_visual .bg_set .shine { position: absolute; z-index: 2; opacity: 0.2; left: 50%; top: 16.9rem; transform: translateX(-50%); display: block; width: 58rem; aspect-ratio: 580/180; background: url("../images/main_shine1.png") no-repeat center center; background-size: contain; animation: blink_ani 1.2s ease-in-out infinite; }
.wrap .section_visual .bg_set .shine.sh01 { background-image: url("../images/main_shine1.png"); animation-delay: 0.4s; }
.wrap .section_visual .bg_set .shine.sh02 { background-image: url("../images/main_shine2.png"); animation-delay: 0.2s; }
.wrap .section_visual .bg_set .shine.sh03 { background-image: url("../images/main_shine3.png"); animation-delay: 0.1s; }
.wrap .section_visual .bg_set .shine.sh04 { background-image: url("../images/main_shine4.png"); animation-delay: 0.2s; }
.wrap .section_visual .bg_set .shine.sh05 { background-image: url("../images/main_shine5.png"); animation-delay: 0.4s; }
.wrap .section_visual .bg_set .shine.sh06 { background-image: url("../images/main_shine6.png"); animation-delay: 0.3s; }
.wrap .section_bingo .in { padding-top: 3.6rem !important; }
.wrap .section_bingo::after { content: ""; position: absolute; left: 50%; top: 53%; z-index: 0; transform: translateX(-50%); width: 100%; height: 100vh; background: #FFD5D5 url("../images/bingo_bg_wall@2x.jpg") repeat center top; background-size: 64rem auto; pointer-events: none; }
.wrap .section_bingo .btn_present { position: absolute; right: 2.7rem; top: 2rem; z-index: 2; opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0.3s ease; animation: swing 1.5s ease-in-out infinite; }
.wrap .section_bingo .btn_present[data-click=y] { animation: none; }
@keyframes swing {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(8deg); }
	30% { transform: rotate(-7deg); }
	50% { transform: rotate(5deg); }
	70% { transform: rotate(-3deg); }
	85% { transform: rotate(1deg); }
	100% { transform: rotate(0deg); }
}
.wrap .section_bingo .btn_present::before { content: ""; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, calc(-50% + 0.7rem)); width: 11rem; aspect-ratio: 5/5; background: #FFF; filter: blur(0.8rem); pointer-events: none; }
.wrap .section_bingo .btn_present::after { content: ""; display: block; display: block; width: 7rem; aspect-ratio: 70/81; background: url("../images/btn_present@2x.png") no-repeat center center; background-size: contain; }
.wrap .section_bingo .sec_tit { flex-shrink: 0; position: relative; z-index: 0; display: block; width: 100%; height: 12.6rem; background: no-repeat center top; background-size: contain; margin: 0 auto; }
.wrap .section_bingo .sec_tit::before { content: ""; position: absolute; left: 50%; top: -0.8rem; z-index: -1; transform: translateX(-50%); display: block; width: 45.8rem; aspect-ratio: 458/134; background: url("../images/sec_bingo_tit_deco@2x.png") no-repeat center center; background-size: contain; pointer-events: none; }
.wrap .section_bingo .sec_tit.ing { background-image: url("../images/sec_bingo_tit@2x.png"); }
.wrap .section_bingo .sec_tit.end { display: none; background-image: url("../images/sec_bingo_tit_end@2x.png"); }
.wrap .section_bingo[data-complete=y] .sec_tit.ing { display: none; }
.wrap .section_bingo[data-complete=y] .sec_tit.end { display: block; }
.wrap .section_bingo .tip { color: #914E4E; font-size: 2rem; font-weight: 600; line-height: 110%; text-align: center; margin: 0 0 1rem; }
.wrap .section_bingo .bingo_set { flex: 0 1 59rem; min-width: 100%; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; justify-content: center; gap: 1px; padding: 0 2.5rem; margin: 1.1rem auto 1.6rem; }
@keyframes bingo_wave {
	0% { transform: translateY(0); }
	50% { transform: translateY(-3rem); }
	100% { transform: translateY(0); }
}
.wrap .section_bingo .bingo_set .bingo { position: relative; z-index: 0; display: block; width: 100%; height: 19.9rem; cursor: pointer; animation: bingo_wave 0.6s ease-in-out; animation-iteration-count: 1; animation-play-state: paused; }
.wrap .section_bingo .bingo_set .bingo .box { position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); display: block; height: 20.5rem; background: no-repeat center center; background-size: contain; }
.wrap .section_bingo .bingo_set .bingo .box::before { content: ""; position: absolute; inset: 0; z-index: 1; opacity: 0; background: rgba(17, 17, 17, 0.4); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: 100% 100%; transition: opacity 0.3s ease; }
.wrap .section_bingo .bingo_set .bingo .box::after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; opacity: 0; transform: translate(-50%, -41%); display: block; width: 12rem; aspect-ratio: 5/5; background: url("../images/bingo_stamp.png") no-repeat center center; background-size: contain; background-color: #fff; border-radius: 100%; transition: opacity 0.3s ease; }
.wrap .section_bingo .bingo_set .bingo:nth-child(n+4):nth-child(-n+9) { margin-top: -0.6rem; }
.wrap .section_bingo .bingo_set .bingo.b1 { animation-delay: 0.25s; }
.wrap .section_bingo .bingo_set .bingo.b2 { animation-delay: 0.5s; }
.wrap .section_bingo .bingo_set .bingo.b3 { animation-delay: 0.75s; }
.wrap .section_bingo .bingo_set .bingo.b4 { animation-delay: 1s; }
.wrap .section_bingo .bingo_set .bingo.b5 { animation-delay: 1.25s; }
.wrap .section_bingo .bingo_set .bingo.b6 { animation-delay: 1.5s; }
.wrap .section_bingo .bingo_set .bingo.b7 { animation-delay: 1.75s; }
.wrap .section_bingo .bingo_set .bingo.b8 { animation-delay: 2s; }
.wrap .section_bingo .bingo_set .bingo.b9 { animation-delay: 2.25s; }
.wrap .section_bingo .bingo_set .bingo.b1 .box { width: 20.4rem; background-image: url("../images/bingo1.png"); }
.wrap .section_bingo .bingo_set .bingo.b1[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo1.png"); }
.wrap .section_bingo .bingo_set .bingo.b1 .box { transform: translate(-44%, -50%); }
.wrap .section_bingo .bingo_set .bingo.b2 { z-index: 1; }
.wrap .section_bingo .bingo_set .bingo.b2 .box { width: 20.4rem; background-image: url("../images/bingo2.png"); }
.wrap .section_bingo .bingo_set .bingo.b2[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo2.png"); }
.wrap .section_bingo .bingo_set .bingo.b3 .box { width: 20.4rem; background-image: url("../images/bingo3.png"); }
.wrap .section_bingo .bingo_set .bingo.b3[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo3.png"); }
.wrap .section_bingo .bingo_set .bingo.b3 .box { transform: translate(-55%, -50%); }
.wrap .section_bingo .bingo_set .bingo.b4 { z-index: 2; }
.wrap .section_bingo .bingo_set .bingo.b4 .box { width: 20.4rem; background-image: url("../images/bingo4.png"); }
.wrap .section_bingo .bingo_set .bingo.b4[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo4.png"); }
.wrap .section_bingo .bingo_set .bingo.b4 .box { transform: translate(-44%, -50%); }
.wrap .section_bingo .bingo_set .bingo.b5 { z-index: 3; }
.wrap .section_bingo .bingo_set .bingo.b5 .box { width: 20.4rem; background-image: url("../images/bingo5.png"); }
.wrap .section_bingo .bingo_set .bingo.b5[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo5.png"); }
.wrap .section_bingo .bingo_set .bingo.b6 { z-index: 2; }
.wrap .section_bingo .bingo_set .bingo.b6 .box { width: 20.4rem; background-image: url("../images/bingo6.png"); }
.wrap .section_bingo .bingo_set .bingo.b6[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo6.png"); }
.wrap .section_bingo .bingo_set .bingo.b6 .box { transform: translate(-57%, -50%); }
.wrap .section_bingo .bingo_set .bingo.b7 { z-index: 3; }
.wrap .section_bingo .bingo_set .bingo.b7 .box { width: 20.9rem; background-image: url("../images/bingo7.png"); }
.wrap .section_bingo .bingo_set .bingo.b7[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo7.png"); }
.wrap .section_bingo .bingo_set .bingo.b7 .box { transform: translate(-46%, -50%); }
.wrap .section_bingo .bingo_set .bingo.b8 { z-index: 4; }
.wrap .section_bingo .bingo_set .bingo.b8 .box { width: 19.5rem; background-image: url("../images/bingo8.png"); }
.wrap .section_bingo .bingo_set .bingo.b8[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo8.png"); }
.wrap .section_bingo .bingo_set .bingo.b9 { z-index: 5; }
.wrap .section_bingo .bingo_set .bingo.b9 .box { width: 21rem; background-image: url("../images/bingo9.png"); }
.wrap .section_bingo .bingo_set .bingo.b9[data-bingo=y] .box::before { -webkit-mask-image: url("../images/bingo9.png"); }
.wrap .section_bingo .bingo_set .bingo.b9 .box { transform: translate(-55%, -50%); }
.wrap .section_bingo .bingo_set .bingo[data-bingo=y] .box::before { opacity: 1; }
.wrap .section_bingo .bingo_set .bingo[data-bingo=y] .box::after { opacity: 1; }
.wrap .section_bingo .bingo_set .line_set li { position: absolute; left: 50%; top: 51%; z-index: 5; opacity: 0;
  /*background: #fff;*/ transform-origin: center center; transition: opacity 0.3s ease; pointer-events: none; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+1):nth-child(-n+3) { width: 26rem; height: 1.1rem; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+4):nth-child(-n+6) { height: 28rem; width: 1.1rem; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+7):nth-child(-n+8) { width: 43.6rem; height: 1.1rem; }
.wrap .section_bingo .bingo_set .line_set li:after, .wrap .section_bingo .bingo_set .line_set li:before { content: ""; position: absolute; background: #fff; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+1):nth-child(-n+3)::before { left: 0; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+1):nth-child(-n+3)::after { right: 0; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+1):nth-child(-n+3)::before, .wrap .section_bingo .bingo_set .line_set li:nth-child(n+1):nth-child(-n+3)::after { top: 0; width: 30%; height: 100%; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+4):nth-child(-n+6)::before { top: 0; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+4):nth-child(-n+6)::after { bottom: 0; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+4):nth-child(-n+6)::before, .wrap .section_bingo .bingo_set .line_set li:nth-child(n+4):nth-child(-n+6)::after { width: 100%; height: 32%; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+7):nth-child(-n+8)::before { left: 0; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+7):nth-child(-n+8)::after { right: 0; }
.wrap .section_bingo .bingo_set .line_set li:nth-child(n+7):nth-child(-n+8)::before, .wrap .section_bingo .bingo_set .line_set li:nth-child(n+7):nth-child(-n+8)::after { top: 0; width: 38%; height: 100%; }
.wrap .section_bingo .bingo_set .line_set .line1 { transform: translate(-50%, calc(-50% - 19rem)); }
.wrap .section_bingo .bingo_set .line_set .line2 { transform: translate(-50%, 0); }
.wrap .section_bingo .bingo_set .line_set .line3 { transform: translate(-50%, calc(-50% + 20rem)); }
.wrap .section_bingo .bingo_set .line_set .line4 { transform: translate(calc(-50% - 18.5rem), -48.4%); }
.wrap .section_bingo .bingo_set .line_set .line5 { transform: translate(-50%, -48.4%); }
.wrap .section_bingo .bingo_set .line_set .line6 { transform: translate(calc(-50% + 18.5rem), -48.4%); }
.wrap .section_bingo .bingo_set .line_set .line7 { transform: translate(-50%, -50%) rotate(45deg); }
.wrap .section_bingo .bingo_set .line_set .line8 { transform: translate(-50%, -50%) rotate(-45deg); }
.wrap .section_bingo .bingo_set.line1 .line1, .wrap .section_bingo .bingo_set.line2 .line2, .wrap .section_bingo .bingo_set.line3 .line3, .wrap .section_bingo .bingo_set.line4 .line4, .wrap .section_bingo .bingo_set.line5 .line5, .wrap .section_bingo .bingo_set.line6 .line6, .wrap .section_bingo .bingo_set.line7 .line7, .wrap .section_bingo .bingo_set.line8 .line8 { opacity: 1; }
.wrap .section_bingo[data-ani=y] .bingo_set .bingo { animation-play-state: running; }
.wrap .section_fin::before { content: ""; top: 5.7rem; transition: opacity 0.3s ease; }
.wrap .section_fin .in { gap: 4rem; padding: 6rem 0 0 !important; }
.wrap .section_fin .btn_return { position: absolute; left: 2rem; top: 2rem; z-index: 10; display: flex; align-items: center; gap: 1rem; }
.wrap .section_fin .btn_return .btn_txt { color: #111; font-size: 2rem; font-weight: 600; line-height: 100%; white-space: nowrap; }
.wrap .section_fin .btn_return .btn_arr { display: block; width: 2rem; aspect-ratio: 29/26; background-color: #111; -webkit-mask: url('data:image/svg+xml,<svg width="29" height="26" viewBox="0 0 29 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4644 0.517074C12.137 -0.172358 13.2272 -0.172358 13.8998 0.517074C14.5723 1.20651 14.5723 2.32403 13.8998 3.01346L5.87967 11.2346H27.2778C28.2289 11.2346 29 12.025 29 13C29 13.975 28.2289 14.7654 27.2778 14.7654H5.87967L13.8998 22.9865C14.5723 23.676 14.5723 24.7935 13.8998 25.4829C13.2272 26.1724 12.137 26.1724 11.4644 25.4829L0.504429 14.2482C-0.168142 13.5588 -0.168143 12.4412 0.504429 11.7518L11.4644 0.517074Z" fill="white"/></svg>') no-repeat center center; -webkit-mask-size: contain; }
.wrap .section_fin .sec_tit { display: block; width: 49.6rem; aspect-ratio: 496/96; background: url("../images/sec_fin_tit@2x.png") no-repeat center center; background-size: contain; margin: 0 auto; }
.wrap .section_fin .input_set { position: relative; display: block; width: 55.2rem; height: 32.6rem; background: #FFF; border-radius: 0.7rem; border: 1px solid #BEBEBE; padding: 3.8rem 3rem; text-align: center; margin-bottom: 4.1rem; }
.wrap .section_fin .input_set ul li { position: relative; display: flex; align-items: center; }
.wrap .section_fin .input_set ul li ~ li { margin-top: 1.5rem; }
.wrap .section_fin .input_set .txt { flex: 0 0 11.2rem; color: #111; font-size: 2.2rem; font-weight: 700; line-height: 140%; text-align: left; }
.wrap .section_fin .input_set .input { flex: 1 1 auto; height: 6rem; color: #111; font-size: 2.2rem; font-weight: 700; line-height: 140%; text-align: left; background: #EEE; border-radius: 1rem; border: 0; outline: 0; padding: 0 2rem; }
.wrap .section_fin .input_set .input::placeholder { font-weight: 500; }
.wrap .section_fin .input_set .chk_set { display: flex; align-items: center; justify-content: center; gap: 1.7rem; margin: 3.2rem 0 2.2rem; }
.wrap .section_fin .input_set .chk_set input[type=checkbox] + span { flex-shrink: 0; position: relative; display: inline-block; width: 2.9rem; aspect-ratio: 5/5; background: #eee; border-radius: 100%; cursor: pointer; }
.wrap .section_fin .input_set .chk_set input[type=checkbox]:checked + span::after { content: ""; position: absolute; inset: 0; z-index: 1; background: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 8L7.5 14.5L16.5 1.5" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; background-size: 62% auto; border-radius: 100%; box-sizing: border-box; }
.wrap .section_fin .input_set .chk_set .agree_txt { color: #111; font-size: 2.2rem; font-weight: 600; line-height: 140%; text-align: center; cursor: pointer; }
.wrap .section_fin .input_set .btn_privacy { font-size: 2rem; }
.wrap html:has(.popup[data-show=y][backdrop]) { overflow: hidden; }
.wrap html:has(.popup[data-show=y][backdrop]) .section_bingo .btn_present { opacity: 0; visibility: hidden; }
.wrap html:has(.popup[data-show=y][backdrop]) body { height: auto !important; padding-right: var(--scrollBarWidth); }
.wrap .popup_quiz .popup_wrap, .wrap .popup_number .popup_wrap, .wrap .popup_writing .popup_wrap, .wrap .popup_vid .popup_wrap { position: relative; padding: 5.6rem 0 0; }
.wrap .popup_quiz .popup_wrap::before, .wrap .popup_number .popup_wrap::before, .wrap .popup_writing .popup_wrap::before, .wrap .popup_vid .popup_wrap::before { content: ""; position: absolute; left: 50%; top: 0; z-index: 10; transform: translateX(-50%); display: block; width: 40.5rem; aspect-ratio: 405/122; background: url("../images/logo_market@2x.png") no-repeat center center; background-size: contain; filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.25)); }
.wrap .popup { position: fixed; inset: 0; z-index: -1; opacity: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; transition: opacity 0.3s ease, z-index 0s 0.3s linear; pointer-events: none; }
.wrap .popup .popup_dimmed { position: fixed; inset: 0; z-index: -1; background: rgba(17, 17, 17, 0.4); }
.wrap .popup[data-show=y] { z-index: 99; opacity: 1; transition: opacity 0.3s ease, z-index 0s linear; pointer-events: auto; }
.wrap .popup .popup_inner { position: relative; display: block; }
.wrap .popup .btn_pop_close { position: absolute; right: 4rem; top: 4rem; z-index: 5; width: 3.7rem; aspect-ratio: 5/5; background-color: #fff; -webkit-mask: url('data:image/svg+xml,<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.3186 0.440775C34.9044 -0.146933 35.8539 -0.146916 36.4397 0.440775C37.0255 1.02849 37.0255 1.98114 36.4397 2.56886L20.6211 18.4393L36.5608 34.4313C37.1463 35.019 37.1465 35.9717 36.5608 36.5594C35.9751 37.1469 35.0255 37.1468 34.4397 36.5594L18.5 20.5674L2.56031 36.5594C1.97449 37.1468 1.02488 37.147 0.439182 36.5594C-0.146487 35.9717 -0.146301 35.019 0.439182 34.4313L16.3789 18.4393L0.560277 2.56886C-0.0254676 1.98116 -0.0254322 1.02849 0.560277 0.440775C1.14606 -0.146933 2.09561 -0.146917 2.6814 0.440775L18.5 16.3112L34.3186 0.440775Z" fill="white"/></svg>') no-repeat center center; -webkit-mask-size: contain; }
.wrap .popup_check_present .popup_dimmed { background: rgba(17, 17, 17, 0.7); }
.wrap .popup_check_present .popup_wrap { width: 100%; height: 100%; }
.wrap .popup_check_present .popup_inner { display: flex; align-items: center; justify-content: center; width: 64rem; height: 100%; padding: 6.5rem 7rem 0; margin: 0 auto; }
.wrap .popup_check_present .popup_inner::before, .wrap .popup_check_present .popup_inner::after { content: ""; position: absolute; inset: 0; background: no-repeat center center; background-size: 100% auto; pointer-events: none; }
.wrap .popup_check_present .popup_inner::before { z-index: 2; background-image: url("../images/popup_cp_top@2x.png"); }
.wrap .popup_check_present .popup_inner::after { z-index: 0; background-image: url("../images/popup_cp_bottom@2x.png"); }
.wrap .popup_check_present .box_set { position: relative; z-index: 1; text-align: center; width: 50rem; background-color: #fff; background-image: url("../images/popup_cp_deco@2x.png"), url("../images/popup_cp_deco@2x.png"); background-repeat: no-repeat, no-repeat; background-position: center top 2rem, center bottom 2rem; background-size: 45rem auto, 45rem auto; padding: 7.6rem 0 8rem; }
.wrap .popup_check_present .box_set .total { position: relative; z-index: 1; width: 15rem; aspect-ratio: 5/5; margin: 0 auto 1.8rem; }
.wrap .popup_check_present .box_set .total::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #FFD155; border-radius: 100%; filter: blur(1.7rem); }
.wrap .popup_check_present .box_set .total::after { content: ""; position: absolute; inset: 0; z-index: 0; background: #CF2E27 url("../images/popup_cp_total@2x.png?v=2") no-repeat center center; background-size: auto 4.6rem; border-radius: 100%; }
.wrap .popup_check_present .box_set ul { display: flex; align-items: flex-start; justify-content: center; gap: 1rem; }
.wrap .popup_check_present .box_set ul li { width: 14rem; }
.wrap .popup_check_present .box_set .img { display: block; width: 100%; aspect-ratio: 140/208; background: url("../images/popup_cp_img01@2x.jpg") no-repeat center center; background-size: cover; border-radius: 1rem; margin: 0 0 1rem; }
.wrap .popup_check_present .box_set .img01 { background-image: url("../images/popup_cp_img01@2x.jpg?v=2"); }
.wrap .popup_check_present .box_set .img02 { background-image: url("../images/popup_cp_img02@2x.jpg?v=2"); }
.wrap .popup_check_present .box_set .img03 { background-image: url("../images/popup_cp_img03@2x.jpg?v=2"); }
.wrap .popup_check_present .box_set dl dt { display: inline-block; color: #FFF; font-size: 2rem; font-weight: 600; line-height: 118%; background: #F60000; border-radius: 5rem; padding: 0.5rem 1.5rem; margin: 0 0 1.3rem; }
.wrap .popup_check_present .box_set dl dd { color: #000; font-size: 2.2rem; font-weight: 700; line-height: 118%; }
.wrap .popup_vid .popup_inner { flex: 1 1 auto; width: 60.9rem; background: url("../images/popup_vid_bg.png") no-repeat center center; background-size: 100% 100%; padding: 8.2rem 0 4.1rem; filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.4)); }
.wrap .popup_vid .pop_tit { display: block; width: 38.3rem; aspect-ratio: 383/116; background: url("../images/popup_vid_tit@2x.png") no-repeat center center; background-size: contain; margin: 0 auto 2.3rem; box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.25); }
.wrap .popup_vid .video_set { margin: 0 auto 2.3rem; }
.wrap .popup_vid .video_set .video_frame { background-image: url("../images/popup_vid_frame@2x.jpg"), url("../images/popup_vid_frame@2x.jpg"); background-repeat: repeat-x, repeat-x; background-position: center top, center bottom; background-size: auto 3.5rem, auto 3.5rem; padding: 3.4rem 0; }
.wrap .popup_vid .video_set .btn_sound { margin-top: 2.5rem; }
.wrap .popup_vid .line { display: block; width: 56.2rem; aspect-ratio: 562/6; background: url("../images/popup_vid_line@2x.png") no-repeat center center; background-size: contain; margin: 2rem auto; }
.wrap .popup_writing .popup_inner { width: 59.6rem; height: 85.5rem; padding: 11rem 6rem 5rem; background: repeating-linear-gradient(50.12deg, #ffffff 0, #ffffff 2.1rem, #ffb3c1 2.1rem, #ffb3c1 4.2rem, #ffffff 4.2rem, #ffffff 6.3rem, #dc143c 6.3rem, #dc143c 8.4rem); clip-path: polygon(2.4rem 0, calc(100% - 2.1rem) 0, 100% 2.4rem, 100% calc(100% - 2.4rem), calc(100% - 2.4rem) 100%, 2.4rem 100%, 0 calc(100% - 2.8rem), 0 2.4rem); }
.wrap .popup_writing .popup_inner::after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 0; transform: translate(-50%, -50%); width: calc(100% - 4rem); height: calc(100% - 4rem); background: linear-gradient(180deg, #FFF 0%, #FFF3F3 128.04%); clip-path: polygon(2.4rem 0, calc(100% - 2.4rem) 0, 100% 2.4rem, 100% calc(100% - 2.4rem), calc(100% - 2.4rem) 100%, 2.4rem 100%, 0 calc(100% - 2.4rem), 0 2.4rem); }
.wrap .popup_writing .popup_inner { box-shadow: 0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.4); }
.wrap .popup_writing .popup_inner > div { position: relative; z-index: 1; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; }
.wrap .popup_writing .pop_tit { position: relative; display: block; width: 48rem; aspect-ratio: 480/96; background: url("../images/popup_writing_me_tit@2x.png") no-repeat center center; background-size: contain; margin: 0 auto; }
.wrap .popup_writing .pop_tit::after { content: ""; position: absolute; right: 0; top: 0.6rem; z-index: 1; display: block; width: 7rem; aspect-ratio: 70/80; background: url("../images/popup_writing_me_stamp@2x.png") no-repeat center center; background-size: contain; transform: rotate(-20.6deg); animation: stamp_ani 1.3s ease-in-out infinite; }
@keyframes stamp_ani {
	0% { transform: rotate(-20.6deg); }
	50% { transform: rotate(-5.6deg); }
}
.wrap .popup_writing .line { display: block; width: 47.2rem; aspect-ratio: 472/6; background: url("../images/popup_writing_line@2x.png") no-repeat center center; background-size: contain; margin: 4.5rem auto 4rem; }
.wrap .popup_writing .icon { display: block; width: 6rem; aspect-ratio: 5/5; background: url("../images/popup_writing_icon01@2x.png") no-repeat center center; background-size: contain; }
.wrap .popup_writing .txt { position: relative; color: #000; font-size: 2rem; font-weight: 500; line-height: 2.8rem; border-radius: 0.7rem; background: linear-gradient(160deg, rgba(255, 255, 255, 0) 8.85%, rgba(238, 235, 215, 0.4) 83.17%), #FBE4E4; filter: drop-shadow(0 0.15rem 0.15rem rgba(0, 0, 0, 0.25)); padding: 1rem 1.7rem; }
.wrap .popup_writing .txt::before { content: ""; position: absolute; top: 1rem; z-index: 1; display: block; width: 1.9rem; height: 3rem; background-color: #FFD09B; -webkit-mask: url('data:image/svg+xml,<svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 29C0 29 19 22.5 19 0V23C12.4422 31.0801 0 29 0 29Z" fill="%23FBE4E4"/></svg>') no-repeat right center; -webkit-mask-size: 100% 100%; }
.wrap .popup_writing .txt_box { position: relative; display: flex; align-items: flex-start; gap: 1.2rem; height: 5rem; }
.wrap .popup_writing .txt_box.left { margin: 0 auto 0 0; }
.wrap .popup_writing .txt_box.left .icon { margin: -1.2rem 0 0; }
.wrap .popup_writing .txt_box.left .txt { font-weight: 600; line-height: 120%; background-color: #FFD09B; padding: 0.8rem 1.8rem; }
.wrap .popup_writing .txt_box.left .txt::before { right: 100%; background-color: #FFD09B; }
.wrap .popup_writing .txt_box.right { flex-direction: row-reverse; gap: 2.2rem; margin: 2.5rem 0 0 auto; }
.wrap .popup_writing .txt_box.right .icon { background-image: url("../images/popup_writing_icon02@2x.png"); margin: 0.5rem 0 0; }
.wrap .popup_writing .txt_box.right .txt { width: 37.2rem; height: 25.7rem; background-color: #FBE4E4; padding: 2rem; }
.wrap .popup_writing .txt_box.right .txt::before { left: 100%; transform: rotateY(180deg); background-color: #FBE4E4; }
.wrap .popup_writing .txt_box textarea { display: block; width: 100%; height: 100%; background: transparent; outline: 0; border: 0; }
.wrap .popup_writing .txt_box textarea + span { position: absolute; left: 50%; top: 50%; z-index: 1; opacity: 1; transform: translate(-50%, -50%); color: #808080; font-size: 2rem; font-weight: 500; line-height: 140%; text-align: center; white-space: nowrap; pointer-events: none; }
.wrap .popup_writing .txt_box textarea:focus + span, .wrap .popup_writing .txt_box textarea[data-input=y] + span { opacity: 0; }
.wrap .popup_writing .btn_set { margin: auto 0 0; }
.wrap .popup_writing.to_me .pop_tit { background-image: url("../images/popup_writing_me_tit@2x.png"); }
.wrap .popup_writing.to_me .pop_tit::after { background-image: url("../images/popup_writing_me_stamp@2x.png"); }
.wrap .popup_writing.to_child .pop_tit { background-image: url("../images/popup_writing_child_tit@2x.png"); }
.wrap .popup_writing.to_child .pop_tit::after { background-image: url("../images/popup_writing_child_stamp@2x.png"); }
.wrap .popup_number .popup_inner { display: flex; flex-direction: column; align-items: center; width: 59.6rem; min-height: 85.5rem; background: #F5B7B6 url("../images/popup_bn_bg.jpg") no-repeat center center; background-size: 100% 100%; padding: 9.4rem 7.5rem 6.5rem; }
.wrap .popup_number .pop_img { display: block; width: 100%; height: 22rem; background: no-repeat center center; background-size: contain; }
.wrap .popup_number .pop_tit { display: block; width: 100%; height: 4.2rem; background: no-repeat center center; background-size: contain; }
.wrap .popup_number .pop_txt { color: #111; font-size: 2.2rem; font-weight: 600; line-height: 140%; text-align: center; margin: auto 0; }
.wrap .popup_number .pop_txt .bold { font-weight: 800; }
.wrap .popup_number .pop_txt span { display: block; }
.wrap .popup_number .pop_txt span ~ span { margin-top: 2.5rem; }
.wrap .popup_number .link { display: inline-block; color: #111; font-size: 2.2rem; font-weight: 700; line-height: 110%; text-align: center; border-bottom: 0.3rem solid #111; padding: 0 0.6rem 0.2rem; margin: 0 0 3.3rem; }
.wrap .popup_number.bn01 .pop_img { background-image: url("../images/popup_bn01_img@2x.png"); }
.wrap .popup_number.bn01 .pop_tit { background-image: url("../images/popup_bn01_tit@2x.png"); }
.wrap .popup_number.bn01 .pop_txt .bold { font-size: 2.5rem; }
.wrap .popup_number.bn02 .pop_img { background-image: url("../images/popup_bn02_img@2x.png"); }
.wrap .popup_number.bn02 .pop_tit { background-image: url("../images/popup_bn02_tit@2x.png"); }
.wrap .popup_number.bn03 .pop_img { background-image: url("../images/popup_bn03_img@2x.png"); }
.wrap .popup_number.bn03 .pop_tit { background-image: url("../images/popup_bn03_tit@2x.png"); }
.wrap .popup_quiz .popup_inner { width: 59.6rem; height: 85rem; background: linear-gradient(180deg, #FFF 0%, #FFF3F3 129%); clip-path: polygon(2.4rem 0, calc(100% - 2.1rem) 0, 100% 2.4rem, 100% calc(100% - 2.4rem), calc(100% - 2.4rem) 100%, 2.4rem 100%, 0 calc(100% - 2.8rem), 0 2.4rem); filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.4)); padding: 1.9rem; }
.wrap .popup_quiz .popup_inner > div { position: relative; width: 100%; height: 100%; border: 0.2rem solid #01A743; padding: 7.7rem 0 3.3rem; }
.wrap .popup_quiz .quiz { position: relative; z-index: 0; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; }
.wrap .popup_quiz .quiz .img { display: block; width: 100%; height: 17rem; background: no-repeat center center; background-size: contain; margin-bottom: 1.5rem; }
.wrap .popup_quiz .quiz .tit { display: block; width: 100%; height: 6.8rem; background: no-repeat center center; background-size: contain; }
.wrap .popup_quiz .quiz .btn_other { margin: 0; }
.wrap .popup_quiz .quiz .hint { display: block; color: #DF1500; font-size: 2.4rem; font-weight: 700; line-height: 110%; text-align: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; margin: 0 0 2.6rem; }
.wrap .popup_quiz .quiz ul { display: flex; flex-direction: column; text-align: center; gap: 0.8rem; width: 100%; margin: auto 0; }
.wrap .popup_quiz .quiz ul li { position: relative; width: 100%; height: 9.7rem; margin: 0 auto; }
.wrap .popup_quiz .quiz ul li .num { position: relative; display: block; background: #fff; border-radius: 100%; }
.wrap .popup_quiz .quiz ul li .num::after { content: ""; display: block; width: 4.4rem; aspect-ratio: 5/5; background-color: #90B98B; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.wrap .popup_quiz .quiz ul li .num01::after { -webkit-mask-image: url("../images/popup_qz_num01@2x.png"); }
.wrap .popup_quiz .quiz ul li .num02::after { -webkit-mask-image: url("../images/popup_qz_num02@2x.png"); }
.wrap .popup_quiz .quiz ul li .num03::after { -webkit-mask-image: url("../images/popup_qz_num03@2x.png"); }
.wrap .popup_quiz .quiz ul li label { position: relative; display: inline-flex; align-items: center; gap: 1.4rem; width: 100%; height: 100%; max-width: 29.2rem; background-color: #90B98B; border-radius: 10rem; outline: 0.2rem solid #fff; outline-offset: -0.8rem; padding: 1rem 1rem 1rem 2.7rem; color: #FFF; font-size: 2.5rem; font-weight: 500; line-height: 140%; text-align: left; transition: all 0.3s ease, width 0s, height 0s; cursor: pointer; }
.wrap .popup_quiz .answer { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; background: linear-gradient(180deg, #FFF 0%, #FFF3F3 129%); padding: 7.7rem 0 3.3rem; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.wrap .popup_quiz .answer .img { display: block; width: 30rem; aspect-ratio: 5/5; background: no-repeat center center; background-size: contain; }
.wrap .popup_quiz .answer .txt { color: #111; font-size: 1.9rem; font-weight: 500; line-height: 140%; text-align: center; margin: auto 0; }
.wrap .popup_quiz .answer .link { display: inline-block; color: #111; font-size: 2.2rem; font-weight: 700; line-height: 110%; text-align: center; border-bottom: 0.3rem solid #111; padding: 0 0.6rem 0.2rem; margin: 0 0 3.3rem; }
.wrap .popup_quiz .quiz[data-answer=n] .hint { opacity: 1; visibility: visible; }
.wrap .popup_quiz .quiz[data-answer=y] + .answer { opacity: 1; visibility: visible; }
.wrap .popup_quiz.qz01 .popup_inner > div { border-color: #01A743; }
.wrap .popup_quiz.qz01 .quiz .num::after { background-color: #90B98B; }
.wrap .popup_quiz.qz01 .quiz .img { background-image: url("../images/popup_qz01_img@2x.png"); }
.wrap .popup_quiz.qz01 .quiz .tit { background-image: url("../images/popup_qz01_tit@2x.png"); }
.wrap .popup_quiz.qz01 .quiz label { gap: 1.8rem; background-color: #90B98B; }
.wrap .popup_quiz.qz01 .quiz label:hover,
.wrap .popup_quiz.qz01 .quiz input[type=radio]:checked + label { background-color: #668162; }
.wrap .popup_quiz.qz01 .quiz label:hover .num::after,
.wrap .popup_quiz.qz01 .quiz input[type=radio]:checked + label .num::after { background-color: #668162; }
.wrap .popup_quiz.qz01 .answer .img { background-image: url("../images/popup_qz01_answer@2x.png"); }
.wrap .popup_quiz.qz02 .popup_inner > div { border-color: #E36E00; }
.wrap .popup_quiz.qz02 .quiz .num::after { background-color: #E8CC2B; }
.wrap .popup_quiz.qz02 .quiz .img { background-image: url("../images/popup_qz02_img@2x.png"); margin-bottom: 0; }
.wrap .popup_quiz.qz02 .quiz .tit { background-image: url("../images/popup_qz02_tit@2x.png"); }
.wrap .popup_quiz.qz02 .quiz label { max-width: 43rem; background-color: #E8CC2B; }
.wrap .popup_quiz.qz02 .quiz label:hover,
.wrap .popup_quiz.qz02 .quiz input[type=radio]:checked + label { background-color: #DF9500; }
.wrap .popup_quiz.qz02 .quiz label:hover .num::after,
.wrap .popup_quiz.qz02 .quiz input[type=radio]:checked + label .num::after { background-color: #DF9500; }
.wrap .popup_quiz.qz02 .quiz label { font-size: 2.1rem; }
.wrap .popup_quiz.qz02 .answer .img { background-image: url("../images/popup_qz02_answer@2x.png"); }
.wrap .popup_quiz.qz03 .popup_inner > div { border-color: #A71F01; }
.wrap .popup_quiz.qz03 .quiz .num::after { background-color: #ED9169; }
.wrap .popup_quiz.qz03 .quiz .img { background-image: url("../images/popup_qz03_img@2x.png"); }
.wrap .popup_quiz.qz03 .quiz .tit { background-image: url("../images/popup_qz03_tit@2x.png"); }
.wrap .popup_quiz.qz03 .quiz label { gap: 1.5rem; background-color: #ED9169; }
.wrap .popup_quiz.qz03 .quiz label:hover,
.wrap .popup_quiz.qz03 .quiz input[type=radio]:checked + label { background-color: #E25F4A; }
.wrap .popup_quiz.qz03 .quiz label:hover .num::after,
.wrap .popup_quiz.qz03 .quiz input[type=radio]:checked + label .num::after { background-color: #E25F4A; }
.wrap .popup_quiz.qz03 .quiz label { font-size: 2.2rem; }
.wrap .popup_quiz.qz03 .answer .img { background-image: url("../images/popup_qz03_answer@2x.png"); }
.wrap .popup_fin .popup_inner { width: 59.6rem; height: 89.9rem; background: linear-gradient(180deg, #FFF 0%, #FFF3F3 58.59%); clip-path: polygon(2.4rem 0, calc(100% - 2.1rem) 0, 100% 2.4rem, 100% calc(100% - 2.4rem), calc(100% - 2.4rem) 100%, 2.4rem 100%, 0 calc(100% - 2.8rem), 0 2.4rem); filter: drop-shadow(0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.4)); padding: 1.9rem; }
.wrap .popup_fin .popup_inner > div { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 5.4rem; width: 100%; height: 100%; border: 0.2rem solid #A70105; padding: 7.7rem 0 3.3rem; }
.wrap .popup_fin .popup_inner::before { content: ""; position: absolute; left: 50%; top: 17.6rem; z-index: 0; transform: translateX(-50%); display: block; width: 46rem; aspect-ratio: 460/450; background: url("../images/popup_fin_deco@2x.png") no-repeat center center; background-size: contain; }
.wrap .popup_fin .logo { display: block; width: 24rem; aspect-ratio: 240/51; background: url("../images/logo@2x.png") no-repeat center center; background-size: contain; }
.wrap .popup_fin .pop_txt { font-family: "Seongang"; color: #111; font-size: 2.4rem; font-weight: 400; line-height: 171%; text-align: center; }
.wrap .popup_fin .pop_txt span { display: block; }
.wrap .popup_fin .pop_txt span ~ span { margin-top: 4rem; }
.wrap .popup_fin .pop_txt .icon { display: block; width: 2.3rem; aspect-ratio: 33/48; background: url("../images/btn_light_img@2x.png") no-repeat center center; background-size: contain; display: inline-block; vertical-align: sub; }
.wrap .popup_fin .line { display: block; width: 47.2rem; aspect-ratio: 472/6; background: url("../images/popup_writing_line@2x.png") no-repeat center center; background-size: contain; }
.wrap .popup_fin .btn_set { display: flex; align-items: center; justify-content: center; gap: 1.6rem; }
.wrap .popup_privacy .popup_inner { width: 59.6rem; background: #FFF; border-radius: 0.7rem; border: 1px solid #BEBEBE; padding: 6rem 4rem 6rem 4.7rem; }
.wrap .popup_privacy .btn_pop_close { right: 2rem; top: 2rem; width: 2.2rem; background-color: #111; }
.wrap .popup_privacy .pop_txt { color: #111; font-size: 2.2rem; font-weight: 500; line-height: 140%; letter-spacing: -0.04em; }
.wrap .popup_privacy .pop_txt li { text-indent: -1.5rem; padding-left: 1.5rem; }
.wrap .popup_privacy .pop_txt .desc { margin-top: 3rem; }
.wrap .popup_deadline .popup_inner { width: 59.6rem; background: #FFF; border-radius: 0.7rem; border: 1px solid #BEBEBE; padding: 6rem 4rem 6rem 4.7rem; }
.wrap .popup_deadline .btn_pop_close { right: 2rem; top: 2rem; width: 2.2rem; background-color: #111; }
.wrap .popup_deadline .pop_txt { color: #111; font-size: 2.2rem; font-weight: 500; line-height: 140%; letter-spacing: -0.04em; }
.wrap .popup_deadline .pop_txt li { text-indent: -1.5rem; padding-left: 1.5rem; }
@media (min-width: 481px){
	html { font-size: 7.5px !important; }
}
@media (min-aspect-ratio: 375/550){
	.wrap .section_fin::before {
    /* aspect-ratio가 375/495보다 큰 경우 */ opacity: 0; }
}

.emergency_relief_cnts_top{position:absolute; top:0; min-width: 1150px; height: 30px; background: #fff; border-bottom-color: #dadada; z-index: 99;}
.emergency_relief_cnts_top ul.util_right .btn {border-radius: 0; outline: none; background-color: transparent;}
.emergency_relief_cnts_top ul.util_right .save_user,
.emergency_relief_cnts_top ul.util_right .save_user strong {color: #000;}
.emergency_relief_cnts_top ul.util_right li a { color: #7f7f7f; }

.CampaignList { left: 47.75%; margin-left: -274px; top: 30px; }

body{position:relative; z-index: -1;}
#footer{position:relative; z-index:-1;}