.joinEvent_2505 { position: relative; text-align: center; overflow: hidden; }
.joinEvent_2505 .inner { position: relative; max-width: 1200px; margin: 0 auto; padding: 120px 0; }
.joinEvent_2505 .quickBn { position: fixed; right: 0; bottom: 300px; z-index: 100; display: block; animation: up02 0.4s 1.3s both; }
.joinEvent_2505 .quickBn a { display: block; }
.joinEvent_2505 .headShake { animation: headShake 1s infinite; }
.joinEvent_2505 .dungdung { animation: updown 0.6s ease-in-out infinite alternate; }
.joinEvent_2505 .flash { animation: flash 0.6s ease-in-out infinite alternate; }
.joinEvent_2505 .abs { position: absolute; }
.joinEvent_2505 h2 { margin-bottom: 80px; }
.joinEvent_2505 .mainTop { position: relative; width: 100%; height: 1651px; background: #fff15e url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/mainTop_bg.png) center center no-repeat; margin: 0 auto; }
.joinEvent_2505 .mainTop .inner .topFloBn { position: absolute; top: 660px; left: 50px; z-index: 9; animation: updown 0.6s ease-in-out infinite alternate; }
.joinEvent_2505 .mainTop .inner .topDeco { position: absolute; width: 100%; height: 100%; }
.joinEvent_2505 .mainTop .inner .topDeco li:nth-of-type(1) { position: absolute; top: 200px; left: 50px; }
.joinEvent_2505 .mainTop .inner .topDeco li:nth-of-type(2) { position: absolute; top: 50px; right: 50px; animation-delay: 0.3s; }
.joinEvent_2505 .mainTop .inner .topDeco li:nth-of-type(3) { position: absolute; top: 310px; left: -80px; }
.joinEvent_2505 .mainTop .inner .topDeco li:nth-of-type(4) { position: absolute; top: 120px; right: -120px; }
.joinEvent_2505 .mainTop .inner h2 { position: relative; z-index: 10; }
.joinEvent_2505 .mainTop .inner h2 div:nth-of-type(1) { margin-top: 90px; animation: up02 0.4s 1.1s both; }
.joinEvent_2505 .mainTop .inner h2 div:nth-of-type(2) { margin-top: 30px; animation: scale02 0.3s 0.8s ease-out both; }
.joinEvent_2505 .mainTop .inner h2 div:nth-of-type(3) { margin-top: 80px; font-size: 24px; color: #111; }
.joinEvent_2505 .mainTop .inner h2 p { margin-top: 40px; display: inline-block; font-size: 28px; color: #003275; font-weight: 700; border-top: 2px solid #003275; border-bottom: 2px solid #003275; width: 50%; padding: 10px; }
.joinEvent_2505 .mainTop .inner p.topPresent { margin-top: 100px; }
.joinEvent_2505 .event_wrap { background: linear-gradient(to bottom, #51ba66, #c6de5a); width: 100%; }
.joinEvent_2505 .event_wrap .inner { z-index: 2; padding: 120px 0; }
.joinEvent_2505 .event_wrap .inner .event_way { position: relative; }
.joinEvent_2505 .event_wrap .inner .event_way a { position: absolute; line-height: 68px; display: block; width: 308px; height: 68px; background: #003275; color: #fff; font-size: 22px; border-radius: 5px; transition: all 0.2s; }
.joinEvent_2505 .event_wrap .inner .event_way a:nth-of-type(1) { top: 230px; left: 45px; }
.joinEvent_2505 .event_wrap .inner .event_way a:nth-of-type(2) { top: 230px; right: 45px; }
.joinEvent_2505 .event_wrap .inner .event_way a:hover { background: #0558c5; }
.joinEvent_2505 .event_wrap .inner .event_way span { position: absolute; right: -60px; top: -70px; }
.joinEvent_2505 .event_wrap .inner .event_section { position: relative; top: 100px;}
.joinEvent_2505 .event_wrap .inner .event_section::before { content: ""; position: absolute; top: 0; left: -360px; width: 252px; height: 1913px; background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/event_deco01.png) no-repeat center center; overflow: hidden; z-index: 1; }
.joinEvent_2505 .event_wrap .inner .event_section::after { content: ""; position: absolute; top: 0; right: -360px; width: 246px; height: 1998px; background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/event_deco02.png) no-repeat center center; overflow: hidden; z-index: 1; }
.joinEvent_2505 .event_wrap .inner .event_section ul { display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-between; width: 900px; margin: 50px auto 0; }
.joinEvent_2505 .event_wrap .inner .event_section ul li { height: 380px; width: 254px; perspective: 1000px; }
.joinEvent_2505 .event_wrap .inner .event_section .event_btn { top: 80px; position: relative; }
.joinEvent_2505 .event_wrap .inner .event_section .event_btn p.click { position: absolute; top: -40px; right: 320px; }
.joinEvent_2505 .event_wrap .inner .event_section .card { position: relative; width: 254px; height: 380px; transform-style: preserve-3d; transition: transform 0.6s ease-in-out; }
.joinEvent_2505 .event_wrap .inner .event_section .front, .joinEvent_2505 .event_wrap .inner .event_section .back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
.joinEvent_2505 .event_wrap .inner .event_section .front { background: url("https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/card_back.png") no-repeat center center; }
.joinEvent_2505 .event_wrap .inner .event_section .back { transform: rotateY(180deg); background-size: cover; background-position: center; background: url("https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/card_front.png") no-repeat center center; }
.joinEvent_2505 .event_wrap .inner .event_section .img_box.flip .card { transform: rotateY(180deg); }
.joinEvent_2505 .event_wrap .inner .btn_section { margin-top: 240px; position: relative; z-index: 3; text-align: center; display: flex; justify-content: center; gap: 20px; }
.joinEvent_2505 .event_wrap .inner .btn_section .txt_small { font-size: 16px; display: block; padding: 10px 10px 0 0; color: #111; width: 100%; text-align: right; }
.joinEvent_2505 .event_wrap .inner .btn_section li a { display: block; border-radius: 10px; width: 406px; height: 118px; background: #111; color: #fff; transition: all 0.2s; font-weight: 700; font-size: 26px; line-height: 118px; }
.joinEvent_2505 .event_wrap .inner .btn_section li a:hover { background: #f42e3e; }
.joinEvent_2505 .event_wrap .inner .btn_section li:nth-child(2) { padding-right: 0; }
.joinEvent_2505 .event_wrap .inner .btn_section li:nth-child(2) a { background: #fff; color: #111; border: 3px solid #111; }
.joinEvent_2505 .event_wrap .inner .btn_section li:nth-child(2) a:hover { background: #f42e3e; color: #fff; border: 3px solid #f42e3e; }
.joinEvent_2505 .withUni { background: #edeef4; z-index: 3; position: relative; }
.joinEvent_2505 .withUni .box_wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); grid-gap: 15px; }
.joinEvent_2505 .withUni .box_wrap a { width: 100%; height: 174px; border-radius: 20px; position: relative; overflow: hidden; }
.joinEvent_2505 .withUni .box_wrap a h3 { position: absolute; top: 36px; left: 40px; }
.joinEvent_2505 .withUni .box_wrap a p { position: absolute; bottom: 0; right: 20px; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(1) { background: #7181fe; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(1):hover { background: #4d5fe9; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(2) { background: #ff8b63; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(2):hover { background: #ff6d3d; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(3) { background: #fdb321; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(3):hover { background: #f5a507; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(4) { background: #90db00; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(4) p { right: 34px; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(4):hover { background: #85cc00; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(5) { background: #ae90ff; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(5):hover { background: #926ff1; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(6) { background: #fb83c7; }
.joinEvent_2505 .withUni .box_wrap a:nth-of-type(6):hover { background: #f86cbc; }
.joinEvent_2505 .withUni .box_wrap a:hover p { transform: translateY(10px); transition: all 0.2s; }
.joinEvent_2505 .withUni .box_wrap2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(592px, 1fr)); gap: 15px; margin: 40px auto 0; }
.joinEvent_2505 .withUni .box_wrap2 a { width: 100%; position: relative; border-radius: 20px; height: 140px; overflow: hidden; }
.joinEvent_2505 .withUni .box_wrap2 a h3 { position: absolute; top: 36px; left: 40px; z-index: 2; }
.joinEvent_2505 .withUni .box_wrap2 a:nth-child(1) { background: #251810 url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/box07_img.png) no-repeat right center; }
.joinEvent_2505 .withUni .box_wrap2 a:nth-child(2) { background: #181818 url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/box08_img.png) no-repeat right center; }
.joinEvent_2505 .guide { position: relative; width: 1200px; margin: 50px auto 0; border-radius: 10px; border: 1px solid #222; text-align: left; }
.joinEvent_2505 .guide summary { font-size: 22px; font-weight: 700; width: 1100px; margin: 0 auto; padding: 15px 0; cursor: pointer; list-style-type: none; text-align: center; color: #222; }
.joinEvent_2505 .guide summary::-webkit-details-marker { display: none; }
.joinEvent_2505 .guide summary .arrow { position: absolute; top: 13px; right: 455px; width: 36px; height: 36px; }
.joinEvent_2505 .guide summary .arrow::after { position: absolute; top: 5px; left: 10px; content: ""; width: 12px; height: 12px; border-top: 3px solid #222; border-right: 3px solid #222; transform: rotate(135deg); }
.joinEvent_2505 .guide[open] summary { border-bottom: 1px solid #222; padding: 15px 0; }
.joinEvent_2505 .guide[open] summary .arrow::after { position: absolute; top: 12px; left: 10px; content: ""; width: 12px; height: 12px; border-top: 3px solid #222; border-right: 3px solid #222; transform: rotate(-45deg); }
.joinEvent_2505 .guide .inner { margin: 0 50px; padding: 10px; font-size: 18px; font-weight: 700; width: 1100px; padding: 40px; text-align: left; border-radius: 20px; }
.joinEvent_2505 .guide .inner ol { margin: 20px 0 0 20px; }
.joinEvent_2505 .guide .inner ol > li { list-style: decimal; margin-bottom: 20px; font-size: 18px; }
.joinEvent_2505 .guide .inner ol > li > strong { display: block; font-size: 18px; font-weight: 800; padding-bottom: 5px; color: #111; }
.joinEvent_2505 .guide .inner ol > li ul li { line-height: 28px; font-size: 16px; }
.joinEvent_2505 .guide .inner ol > li ul li a { padding: 3px 20px; font-size: 14px; border: 1px solid #222; border-radius: 3px; margin-left: 5px; }
.joinEvent_2505 .guide .inner ol > li ul li a:hover { background: #222; color: #fff; }
.joinEvent_2505 .guide .inner ol > li ul li:before { content: "- "; }
.joinEvent_2505 .popup-wrap { background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; padding: 15px; z-index: 99; }
.joinEvent_2505 .popup-wrap .popup { width: 100%; background-color: #ffffff; border-radius: 10px; overflow: hidden; background-color: #f42e3e; box-shadow: 5px 10px 10px 1px rgba(0, 0, 0, 0.2); }
.joinEvent_2505 .popup-wrap .popup .popup-head { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; }
.joinEvent_2505 .popup-wrap .popup .popup-head h3 { font-size: 24px; font-weight: 600; letter-spacing: -1px; text-align: center; color: #fff; }
.joinEvent_2505 .popup-wrap .popup-body { width: 100%; background-color: #ffffff; }
.joinEvent_2505 .popup-wrap .popup-body .body-content { width: 100%; padding: 40px 30px; }
.joinEvent_2505 .popup-wrap .popup-foot { width: 100%; height: 44px; background-color: #ececec; }
.joinEvent_2505 .popup-wrap .popup-foot .pop-btn { display: inline-flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #444; cursor: pointer; font-size: 16px; }
.joinEvent_2505 .popup-wrap button.close { position: absolute; right: 10px; top: 4px; cursor: pointer; z-index: 1000; }
.joinEvent_2505 .popup-wrap button.close img { width: 40px; height: 40px; }
.joinEvent_2505 .popup-wrap.result .pop_conts { position: relative; background: url("https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/popup.png") no-repeat; width: 844px; height: 546px; margin: 0 auto; text-align: center; border-radius: 20px; border: 5px solid #ff7e00; }
.joinEvent_2505 .popup-wrap.result .pop_conts:has(.pop_prize.noJoin) { background: #fff; }
.joinEvent_2505 .popup-wrap.result .pop_conts:has(.pop_prize.noJoin) .pop_txt { padding-top: 240px; }
.joinEvent_2505 .popup-wrap.result .pop_conts .popup_deco { position: absolute; top: -159px; left: -157px; }
.joinEvent_2505 .popup-wrap.result .pop_conts .pop_prize .pop_txt { font-size: 32px; text-align: center; padding-top: 160px; line-height: 32px; margin-bottom: 15px; }
.joinEvent_2505 .popup-wrap.result .pop_conts .pop_prize .pop_txt strong { font-size: 24px; font-weight: 600; color: #555; }
.joinEvent_2505 .popup-wrap.result .pop_conts .pop_prize .pop_txt p { color: #111; font-size: 30px; font-weight: 700; }
.joinEvent_2505 .popup-wrap.result button.close { position: absolute; right: 30px; top: 30px; background: #333; border-radius: 50%; width: 50px; height: 50px; cursor: pointer; z-index: 1000; }
.joinEvent_2505 .popup-wrap.result button.close img { width: 40px; height: 40px; }
.joinEvent_2505 .popup-wrap.result .popup-foot { display: none; }
.joinEvent_2505 .popup-wrap.myPrize .popup { width: 500px; }
.joinEvent_2505 .popup-wrap.myPrize .popup .popup-body ul li { font-size: 18px; border-bottom: 1px dashed #ccc; font-weight: 700; color: #222; display: flex; flex-wrap: wrap; padding: 10px 0; }
.joinEvent_2505 .popup-wrap.myPrize .popup .popup-body ul li.txtC { justify-content: center; }
.joinEvent_2505 .popup-wrap.myPrize .popup .popup-body ul li:last-child { border-bottom: none; }
.joinEvent_2505 .popup-wrap.myPrize .popup .popup-body ul li > span { color: #888; padding-right: 10px; font-weight: 500; font-size: 16px; }
.joinEvent_2505 .popup-wrap.myPrize .popup .popup-body ul li strong { color: #f42e3e; font-weight: 700; }
.joinEvent_2505 .popup-wrap.remain .popup { width: 850px; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body .body-content { width: 100%; padding: 0 30px; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item { text-align: center; padding: 10px 0; border-right: 1px dashed #ccc; border-bottom: 1px dashed #ccc; height: 240px; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item:nth-of-type(n + 5) { border-bottom: none; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item:nth-of-type(4n) { border-right: none; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item img { width: 100%; margin-bottom: 10px; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info strong { font-size: 16px; font-weight: 700; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p { font-size: 15px; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p.font14 { font-size: 14px; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p:last-of-type { font-size: 24px; font-weight: 800; color: #f42e3e; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p:last-of-type small { font-size: 22px; vertical-align: 1px; color: #f42e3e; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info.twoLine { margin-top: -20px; }
.joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .noImage { display: none; align-items: center; }
@media screen and (max-device-width:1600px) {
  .joinEvent_2505 .quickBn { display: none; }
  .joinEvent_2505 .mainTop .inner .topFloBn { position: absolute; top: 810px; left: -100px; z-index: 9; animation: updown 0.6s ease-in-out infinite alternate; }
  .joinEvent_2505 .mainTop .inner h2 div:nth-of-type(3) { margin-top: 60px; font-size: 2.5vw; color: #111; }
  .joinEvent_2505 .mainTop .inner h2 p { font-size: 2.8vw; width: 80%; padding: 1vw; }
  .joinEvent_2505 .event_wrap .inner .btn_section { margin-top: 16vw; position: relative; z-index: 3; text-align: center; display: flex; justify-content: center; gap: 3vw; }
  .joinEvent_2505 .event_wrap .inner .btn_section .txt_small { font-size: 2vw; padding: 10px 10px 0 0; }
  .joinEvent_2505 .event_wrap .inner .btn_section li a { border-radius: 0.5vw; width: 32vw; height: 10vw; font-size: 3vw; line-height: 10vw; }
  .joinEvent_2505 .withUni .box_wrap { max-width: 90%; justify-content: space-around; margin: 0 auto; }
  .joinEvent_2505 .withUni .box_wrap2 { max-width: 90%; }
  .joinEvent_2505 .guide { width: 100%; margin: 5vw auto 0; }
  .joinEvent_2505 .guide summary { font-size: 3vw; width: 100%; padding: 2.5vw 0; }
  .joinEvent_2505 .guide summary .arrow { top: 2vw; right: 21vw; width: 4vw; height: 4vw; }
  .joinEvent_2505 .guide summary .arrow::after { position: absolute; top: 0.5vw; left: 10px; content: ""; width: 2vw; height: 2vw; border-top: 0.4vw solid #222; border-right: 0.4vw solid #222; transform: rotate(135deg); }
  .joinEvent_2505 .guide[open] summary { padding: 2.5vw 0; }
  .joinEvent_2505 .guide[open] summary .arrow::after { position: absolute; top: 2vw; left: 10px; content: ""; width: 2vw; height: 2vw; border-top: 0.4vw solid #222; border-right: 0.4vw solid #222; transform: rotate(-45deg); }
  .joinEvent_2505 .guide .inner { padding: 5vw 2vw 5vw 5vw; width: 90%; }
  .joinEvent_2505 .guide .inner ol { margin: 0; }
  .joinEvent_2505 .guide .inner ol > li { list-style: decimal; margin-bottom: 20px; font-size: 2.5vw; }
  .joinEvent_2505 .guide .inner ol > li > strong { display: block; font-size: 2.5vw; font-weight: 800; padding-bottom: 5px; color: #111; }
  .joinEvent_2505 .guide .inner ol > li ul { list-style-position: inside; text-indent: 0vw; padding-left: 3vw; }
  .joinEvent_2505 .guide .inner ol > li ul li { line-height: 4vw; font-size: 2.5vw; margin-bottom: 1vw; }
  .joinEvent_2505 .guide .inner ol > li ul li a { padding: 0.5vw 2vw; font-size: 2.2vw; border: 1px solid #444; background: #444; color: #fff; margin-left: 1vw; }
  .joinEvent_2505 .guide .inner ol > li ul li:before { content: "- "; position: absolute; left: 6vw; }
  .joinEvent_2505 .popup-wrap .popup .popup-head { height: 6vw; }
  .joinEvent_2505 .popup-wrap .popup .popup-head h3 { font-size: 3vw; }
  .joinEvent_2505 .popup-wrap .popup-foot { height: 8vw; }
  .joinEvent_2505 .popup-wrap .popup-foot .pop-btn { font-size: 3vw; }
  .joinEvent_2505 .popup-wrap button.close { right: 1vw; top: 0.7vw; }
  .joinEvent_2505 .popup-wrap button.close img { width: 5vw; height: 5vw; }
  .joinEvent_2505 .popup-wrap.result .pop_conts { position: relative; background: #fff url("https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2505/popup.png") no-repeat center top; width: 60vw; height: 59vw; margin: 0 auto; text-align: center; border-radius: 20px; border: 5px solid #d92d39; overflow: hidden; }
  .joinEvent_2505 .popup-wrap.result .pop_conts .popup_deco { display: none; }
  .joinEvent_2505 .popup-wrap.result .pop_conts .pop_prize .pop_txt { font-size: 32px; text-align: center; padding-top: 160px; line-height: 4vw; margin-bottom: 2vw; }
  .joinEvent_2505 .popup-wrap.result .pop_conts .pop_prize .pop_txt strong { font-size: 2.5vw; font-weight: 600; color: #555; }
  .joinEvent_2505 .popup-wrap.result .pop_conts .pop_prize .pop_txt p { color: #111; font-size: 3vw; font-weight: 700; }
  .joinEvent_2505 .popup-wrap.result .pop_conts .pop_prize img { width: 35vw; margin-bottom: 2vw; }
  .joinEvent_2505 .popup-wrap.result .pop_conts:has(.pop_prize.noJoin) { background: #fff; height: 55vw; }
  .joinEvent_2505 .popup-wrap.result .pop_conts:has(.pop_prize.noJoin) .pop_txt { padding: 18vw; }
  .joinEvent_2505 .popup-wrap.result button.close { position: absolute; right: 1.5vw; top: 1.5vw; background: #333; border-radius: 50%; width: 5vw; height: 5vw; cursor: pointer; z-index: 1000; }
  .joinEvent_2505 .popup-wrap.result button.close img { width: 4vw; height: 4vw; }
  .joinEvent_2505 .popup-wrap.result .popup-foot { display: block; }
  .joinEvent_2505 .popup-wrap.myPrize .popup { width: 80vw; }
  .joinEvent_2505 .popup-wrap.myPrize .popup .popup-body ul li { font-size: 3.2vw; padding: 3vw 0; }
  .joinEvent_2505 .popup-wrap.myPrize .popup .popup-body ul li > span { font-size: 3vw; }
  .joinEvent_2505 .popup-wrap.remain .popup { width: 90vw; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 0; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item { text-align: center; padding: 10px 0; border-right: 1px dashed #ccc; border-bottom: 1px dashed #ccc; height: 34vw; position: relative; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item:nth-of-type(n + 5) { border-bottom: 1px dashed #ccc; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item:nth-of-type(4n) { border-right: 1px dashed #ccc; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item:nth-of-type(n + 7) { border-bottom: none; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item:nth-of-type(3n) { border-right: none; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item img { width: 100%; margin-bottom: 10px; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info { width: 100%; position: absolute; bottom: 3vw; left: 50%; transform: translateX(-50%); }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info strong { font-size: 2vw; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p { font-size: 2vw; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p.font14 { font-size: 2vw; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p:last-of-type { font-size: 3vw; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info p:last-of-type small { font-size: 2.5vw; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .gift-item .gift-info.twoLine { bottom: 1vw; }
  .joinEvent_2505 .popup-wrap.remain .popup .popup-body ul .noImage { display: flex; align-items: center; }
}
@keyframes up02 {
  0% { transform: translateY(50%); opacity: 0; }
  100% { transform: translateY(0%); opacity: 1; }
}
@keyframes scale02 {
  0% { opacity: 0; transform: scale(2); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes updown {
  0% { transform: translateY(5px); }
  100% { transform: translateY(0); }
}
@keyframes flash {
  0% { opacity: 0.2; }
  100% { opacity: 1; }
}

@font-face {
  font-family: 'Pretendard Variable';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src:url("https://www.megastudy.net/Common/fonts/PretendardVariable.woff2") format('woff2-variations');
}

body{font-family: "Pretendard Variable", "Pretendard" "Malgun Gothic", "맑은 고딕", sans-serif;}
.topArea{background:#0e073e url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2506/bg_top_ver2.jpg) 50% 0 no-repeat;height: 839px;}
/* .topArea .tx101{position: absolute;left:249px;top:210px;opacity: 0;transform: translateY(-10%) scale(0.95);transition: all .4s cubic-bezier(0.3, 0.6, 0.6, 1);}
.topArea .tx102{position: absolute;left:118px;top:330px;opacity: 0;transform: translateY(-10%) scale(0.95);transition: 1.3s all .4s cubic-bezier(0.3, 0.6, 0.6, 1);}
.topArea .tx103{position: absolute;left:398px;top:535px;opacity: 0;transform: translateY(-10%);transition: .4s all .9s ease-out;}
.topArea .tx104{position: absolute;left:367px;top:754px;opacity: 0;transform: translateY(-10%);transition: .4s all 1.1s ease-out;}
.topArea .tx105{position: absolute;left:75px;top:275px;} */
/* .topArea .ship{position: relative;transition: all .7s cubic-bezier(0.3, 0.6, 0.6, 1);width:10px;height:10px;overflow:hidden;transform: rotate(90deg) translateX(20%) translateY(-20%) scale(0.01);opacity: 0;background:url(img_ship.png) 100% 0 no-repeat;height:249px;transform-origin: 10% 1%;overflow: hidden;} */
.topArea .tx101{position: absolute;left:249px;top:210px;}
.topArea .tx102{position: absolute;left:118px;top:330px;}
.topArea .tx103{position: absolute;left:398px;top:535px;}
.topArea .tx104{position: absolute;left:367px;top:754px;}
.topArea .tx105{position: absolute;left:75px;top:275px;}
.topArea .ship{position: relative;background:url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2506/img_ship.png) 100% 0 no-repeat;}

.topArea02{background:#0f0743 url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2506/bg_top2.jpg) 50% 0 no-repeat;height: 719px;}
.cont01{background:#0c0737 url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2506/bg_cont01.jpg) 50% 0 no-repeat;height: 951px;}
.cont01 .inner{padding:0}
.cont02{background:#5c0cff url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2506/bg_cont02.jpg) 50% 0 no-repeat;}
.cont02 .inner{padding:119px 0 136px 0}
.cont02 h2{display:block;margin-bottom: 81px;}
.cont02 .eventArea{width:720px;height:720px;position: relative;margin:0 auto 48px}
.cont02 .eventArea:after{content:url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2506/img_cont0201.png);position: absolute;left:50%;top:0;transform: translateX(-50%) translateY(-50px);}
.cont02 .wheel{transition: transform 0s;position: relative;display: block;}

.cont02 .bt_click{position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);cursor: pointer;}
.cont02 .bt_register{display: inline-block;cursor: pointer;}
.cont02 .cont02_tx{font-size: 16px;color:#fff;line-height: 2;padding:5px 0 87px;}

.event-notice-container{border: 1px solid #ceb7ff;border-radius: 5px;padding:0 50px;color:#bd9cff}
.event-notice-container ul {padding-bottom:35px}
.event-notice-container a {color:#fff;font-size: 13px;font-weight: normal;border: 1px solid #fff;border-radius: 2px;padding:0 10px;margin-left: 10px;display: inline-block;vertical-align: middle;}
.event-notice-container li {font-size: 16px;line-height: 1.6;position: relative;padding-left: 34px; color:#bd9cff;font-weight: 600;}
.event-notice-container li::before {content: '-'; position: absolute;left: 24px;color: #bd9cff; font-weight: bold;}
.event-notice-container .b {color:#fff}
.event-notice-container h3{font-size:20px;color:#fff;font-weight: 600;margin:0}
.event-notice-container .section-title{font-size: 22px;font-weight: 600;margin:0;line-height: 58px;color:#fff;cursor: pointer;position: relative;}

.event-notice-content {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out, opacity 0.5s ease-out; opacity: 0;text-align: left;}
.event-notice-content.active {max-height: fit-content; opacity: 1; border-top: 1px solid #ceb7ff;padding:50px 0}
.toggle-icon {margin-left: 10px; transition: transform 0.3s ease; display: inline-block;}
.toggle-trigger.active .toggle-icon { transform: rotate(180deg); top:9px}
.toggle-trigger .toggle-icon {position: absolute;top: 11px;right: 427px;width: 36px;height: 36px;}
.toggle-trigger .toggle-icon::after {position: absolute;top: 5px;left: 10px;content: "";width: 12px;height: 12px;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(135deg);}

.po_r {position: relative;}
.pageDone {position: absolute; right:0; top:142px;}

.topBg {background: #280351 url('https://devs3.unistudy.co.kr/images/pc/event/2025/joinEvent_2507/bg_top.jpg') no-repeat 50% 0;}
.topBg .inner {padding: 0 0 112px;}

.cont1Bg {background: #c92bfd url('https://devs3.unistudy.co.kr/images/pc/event/2025/joinEvent_2507/bg_cont01.jpg') no-repeat 50% 0;}
.cont1Bg .inner {padding: 130px 0 110px;}

.cont2Bg {background: #ad1ee8}
.cont2Bg .inner {}

.cont3Bg {background: #8618c1}
.cont3Bg .inner {}

/* quickBn : 퀵메뉴 */
.quickBn {bottom: 200px !important;}
.quickBn__item {text-align: right;}
.quickBn__item--top {width: 140px; margin: 0 0 20px 24px; text-align: center;}

/* footNote : 각주 */
.footNote {font-weight: 500; font-size: 20px; color: #fff; text-align: center;}
.cont1Bg .footNote {position: absolute; left: 0; top: 896px; z-index: 1; width: 100%;}

/* randomBox : 랜덤 박스 */
.randomBox {position: relative;}
.randomBox__bubble {position: absolute; right: 65px; top: 494px; z-index: 1;}
.randomBox__btnArea {display: flex; flex-flow: column wrap; align-items: center; text-align: center;}
.randomBox__click--done {cursor: default; pointer-events: none;}
.randomBox__click + .randomBox__history {margin-top: 25px;}
.randomBox__img {position: absolute; left: 0; top: 0; z-index: 1;}
.randomBox__img.active {
  transform-origin: 50% 100%;
  animation: giftSwing 500ms ease-in-out 2 alternate;
  animation-fill-mode: both;
}
@keyframes giftSwing {
  20% {transform: scale(1.1) rotate3d(0, 0, 1, 5deg);}
  40% {transform: scale(1.1) rotate3d(0, 0, 1, -10deg);}
  60% {transform: scale(1.1) rotate3d(0, 0, 1, 5deg);}
  80% {transform: scale(1.1) rotate3d(0, 0, 1, -10deg);}
  100% {transform: scale(1.1) rotate3d(0, 0, 1, 0deg);}
}

/* inputArea : ID 등록 */
.inputArea {width: 870px; margin: 75px auto 0; border: none;}
.inputArea__fx {display: flex; justify-content: space-between;}
.inputArea__label {flex: 0 0 420px; display: flex; height: 64px;}
.inputArea__label > strong {flex: 1; background: #000; font-size: 28px; line-height: 64px; color: #fff; border-radius: 12px 0 0 12px;}
.inputArea__label > input[type="text"] {flex: 0 0 323px; width: 323px; height: auto; padding: 0; border: none; font-weight: 700; font-size: 28px; color: #000; text-align: center; border-radius: 0 12px 12px 0;}
.inputArea__Note {width: 870px; margin: 15px auto 0; font-weight: 500; font-size: 20px; color: #fff; text-align: left;}
.inputArea__btnArea {display: flex; flex-flow: column wrap; margin: 65px 0 0; align-items: center; text-align: center;}
.inputArea__click--done {cursor: default; pointer-events: none;}

/* noticeWrap : 유의사항 */
.noticeWrap {margin: 88px 0 0; padding:0 50px; border: 1px solid #ceb7ff; border-radius: 5px;}
.noticeWrap__title {position: relative; margin-bottom: 0 !important; font-weight: 600; font-size: 22px; line-height: 58px; color:#fff; text-align: center; cursor: pointer;}
.noticeWrap__title--sub {font-size: 20px; line-height: 1.4; text-align: left;}
.noticeWrap__arrow {display: inline-block; position: absolute; top: 11px; right: 427px; width: 36px; height: 36px; transition: transform 0.3s ease;}
.noticeWrap__arrow:after {content: ''; position: absolute; top: 5px; left: 10px;  width: 12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(135deg);}
.noticeWrap__title--trigger.active .noticeWrap__arrow {top: 9px; transform: rotate(180deg);}
.noticeWrap__inner {overflow: hidden; max-height: 0; transition: max-height 0.5s ease-out, opacity 0.5s ease-out; opacity: 0; text-align: left;}
.noticeWrap__inner.active {max-height: fit-content; opacity: 1; padding:50px 0; border-top: 1px solid #ceb7ff;}
.noticeWrap__list {margin: 0 0 35px}
.noticeWrap__item {position: relative; padding: 0 0 0 30px; font-weight: 600; font-size: 16px; line-height: 1.6; color:#d7a3ff; text-align: left;}
.noticeWrap__item:before {content: '-'; position: absolute; left: 20px;}
.noticeWrap__item--impact {color: #fff !important;}
.noticeWrap__link {display: inline-block; margin: 0 0 0 10px; padding:0 10px; border: 1px solid #fff; border-radius: 2px; font-weight: 400; font-size: 13px; color: #fff !important; vertical-align: middle;}
.noticeWrap__link > span {font-family: Dotum;}

/* winner-popup-overlay : 당첨 레이어 팝업 */
.winner-popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;z-index: 1000;visibility: hidden; /* 초기에는 숨김 */opacity: 0;transition: visibility 0s 0.5s, opacity 0.5s ease-out;}
.winner-popup-overlay.active {visibility: visible;opacity: 1;transition: visibility 0s, opacity 0.5s ease-out;}
.winner-popup-content {padding: 161px 0 0;text-align: center;transform: scale(0.8);transition: transform 0.3s ease-out;background:url('https://devs3.unistudy.co.kr/images/pc/event/2025/joinEvent_2507/bg_layer.png') 50% 0 no-repeat;width:1200px;height:661px}
.winner-popup-overlay.active .winner-popup-content {transform: scale(1);}
.winner-popup-content h2 {margin-bottom: 72px;}
.winner-popup-content .winning-prize h3{font-size: 32px;font-weight: bold;color: #333;margin-bottom: 30px;}
.winner-popup-content .item-img {width:100%;height:240px;display: flex;align-items: center;justify-content: center;margin-top:20px;display: flex;}
.close-popup-button {padding:0;position: absolute;right:200px;top:126px;cursor: pointer;}