@charset "UTF-8";/* 신규가입 이벤트 20250203 */
.joinEvent_2502 { position: relative; text-align: center; overflow: hidden; }
.joinEvent_2502 .inner { position: relative; width: 1200px; margin: 0 auto; padding: 120px 0; }
.joinEvent_2502 .quickBn { position: fixed; right: 0; bottom: 250px; z-index: 100; display: block; }
.joinEvent_2502 .quickBn a { display: block; }
.joinEvent_2502 .headShake { animation: headShake 1s infinite; }
.joinEvent_2502 .dungdung { animation: updown 0.6s ease-in-out infinite alternate; }
.joinEvent_2502 .mainTop { position: relative; width: 100%; height: 1922px; overflow: hidden; background: #714739 url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2502/mainTop_bg.jpg) bottom center no-repeat;}
.joinEvent_2502 .mainTop .topDeco { position: relative; }
.joinEvent_2502 .mainTop .topDeco li { position: absolute; }
.joinEvent_2502 .mainTop .topDeco li:nth-of-type(1) { left: 47%; transform: translateX(-50%); top: 85px; mix-blend-mode: multiply; }
.joinEvent_2502 .mainTop .topDeco li:nth-of-type(2) { left: 0; top: 1200px; mix-blend-mode: color-burn; }
.joinEvent_2502 .mainTop .topDeco li:nth-of-type(3) { right: 0; top: 60px; mix-blend-mode: color-burn; }
.joinEvent_2502 .mainTop .inner { padding: 0; }
.joinEvent_2502 .mainTop .inner .topFloBn { position: absolute; top: 320px; right: -50px; }
.joinEvent_2502 .mainTop .inner h2 { position: relative; }
.joinEvent_2502 .mainTop .inner h2 div:nth-of-type(1) { margin-top: 140px; animation: up02 0.4s 1.1s both; }
.joinEvent_2502 .mainTop .inner h2 div:nth-of-type(2) { margin-top: 30px; animation: scale02 0.3s 0.8s ease-out both; }
.joinEvent_2502 .mainTop .inner h2 div:nth-of-type(3) { margin-top: 38px; font-size: 22px; color: #fff; }
.joinEvent_2502 .mainTop .inner h2 p { margin-top: 40px; display: inline-block; font-size: 24px; color: #fff; font-weight: 700; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 584px; padding: 10px; }
.joinEvent_2502 .mainTop .inner .title_deco { position: absolute; top: 170px; left: 170px; width: 786px; height: 324px; }
.joinEvent_2502 .mainTop .inner .title_deco li { position: absolute; animation: fadeIn infinite 2s linear both; }
.joinEvent_2502 .mainTop .inner .title_deco li:nth-of-type(1) { top: 0; left: 0; width: 60px; height: 60px; animation-delay: 0.7s; }
.joinEvent_2502 .mainTop .inner .title_deco li:nth-of-type(2) { top: 210px; left: 120px; width: 30px; height: 30px; animation-delay: 1.5s; }
.joinEvent_2502 .mainTop .inner .title_deco li:nth-of-type(3) { top: -60px; right: -5px; width: 60px; height: 60px; animation-delay: 1.3s; }
.joinEvent_2502 .mainTop .inner .title_deco li:nth-of-type(4) { top: -80px; right: -20px; width: 30px; height: 30px; animation-delay: 0.9s; }
.joinEvent_2502 .mainTop .inner p.topPresent { margin-top: 120px; }
.joinEvent_2502 .mainTop .inner i { position: absolute; top: 990px; right: -130px; }
.joinEvent_2502 .stn01 { background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2502/stn01_bg.png) repeat center;  width: 100%; }
.joinEvent_2502 .stn01 .stn01_deco { position: relative; }
.joinEvent_2502 .stn01 .stn01_deco li { z-index: 1; position: absolute; }
.joinEvent_2502 .stn01 .stn01_deco li:nth-of-type(1) { top: 0; left: 0; }
.joinEvent_2502 .stn01 .stn01_deco li:nth-of-type(2) { top: 0; right: 0; }
.joinEvent_2502 .stn01 .stn01_deco li:nth-of-type(3) { top: 640px; left: 50%; transform: translateX(-50%); }
.joinEvent_2502 .stn01 .inner { z-index: 2; }
.joinEvent_2502 .stn01 .inner h2 { margin: 20px auto 80px; }
.joinEvent_2502 .stn01 .inner .stn01_way { display: flex; justify-content: space-between; width: 830px; }
.joinEvent_2502 .stn01 .inner .stn01_way li { position: relative; }
.joinEvent_2502 .stn01 .inner .stn01_way li a { position: absolute; top: 211px; left: 30px; line-height: 68px; display: block; width: 308px; height: 68px; background: #f42e3e; color: #fff; font-size: 22px; border-radius: 5px; transition: all 0.2s; }
.joinEvent_2502 .stn01 .inner .stn01_way li a:hover { background: #00861c; }
.joinEvent_2502 .stn01 .inner .event_section { position: relative; top: 150px; }
.joinEvent_2502 .stn01 .inner .event_section .chocoBox { position: relative; z-index: 2; width: 1200px; margin: 0 auto; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap { position: absolute; width: 550px; height: 500px; left: 330px; top: 170px; z-index: 5; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li { position: absolute; cursor: pointer; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li:nth-of-type(1) { top: 0; left: 0; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li:nth-of-type(2) { top: 210px; left: 40px; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li:nth-of-type(3) { top: 360px; left: 210px; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li:nth-of-type(4) { top: 90px; left: 210px; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li:nth-of-type(5) { top: 230px; left: 370px; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li:nth-of-type(6) { top: 0px; left: 420px; }
.joinEvent_2502 .stn01 .inner .event_section .choco_wrap li:hover { animation: headShake 1s both; }
.joinEvent_2502 .stn01 .inner .event_section span { position: absolute; left: 20px; top: 100px; }
.joinEvent_2502 .stn01 .inner .event_deco { position: relative; z-index: 1; }
.joinEvent_2502 .stn01 .inner .event_deco li { position: absolute; }
.joinEvent_2502 .stn01 .inner .event_deco li:nth-of-type(1) { left: -40px; top: -200px; }
.joinEvent_2502 .stn01 .inner .event_deco li:nth-of-type(2) { right: -10px; top: -266px; }
.joinEvent_2502 .stn01 .inner .btn_section { position: relative; margin: 320px auto 100px; width: 840px; z-index: 3; text-align: center; }
.joinEvent_2502 .stn01 .inner .btn_section li { float: left; padding-right: 20px; }
.joinEvent_2502 .stn01 .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_2502 .stn01 .inner .btn_section li a:hover { background: #00219e; }
.joinEvent_2502 .stn01 .inner .btn_section li:nth-child(2) { padding-right: 0; }
.joinEvent_2502 .stn01 .inner .btn_section li:nth-child(2) a { background: #fff; color: #111; border: 3px solid #111; }
.joinEvent_2502 .stn01 .inner .btn_section li:nth-child(2) a:hover { background: #00219e; color: #fff; border: 3px solid #00219e; }
.joinEvent_2502 .stn01 .inner .btn_section .txt_small { font-size: 16px; text-align: right; clear: both; display: block; padding: 10px 10px 0 0; color: #111; }
.joinEvent_2502 .welcome { background: #222; margin: 0 auto; text-align: center; display: block; position: relative; }
.joinEvent_2502 .guide { position: relative; width: 1200px; margin: 50px auto 0; border-radius: 10px; border: 1px solid #000; text-align: left; }
.joinEvent_2502 .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: #333; }
.joinEvent_2502 .guide summary::-webkit-details-marker { display: none; }
.joinEvent_2502 .guide summary .arrow { position: absolute; top: 13px; right: 455px; }
.joinEvent_2502 .guide summary .arrow::after { position: absolute; top: 5px; left: 10px; content: ""; width: 12px; height: 12px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(135deg); }
.joinEvent_2502 .guide[open] summary { border-bottom: 1px solid #000; padding: 15px 0; }
.joinEvent_2502 .guide[open] summary .arrow::after { position: absolute; top: 12px; left: 10px; content: ""; width: 12px; height: 12px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(-45deg); }
.joinEvent_2502 .guide div.inner { margin: 0 50px; padding: 10px; font-size: 18px; font-weight: 700; width: 1100px; padding: 40px; text-align: left; border-radius: 20px; }
.joinEvent_2502 .guide div.inner ol { margin: 20px 0 0 20px; }
.joinEvent_2502 .guide div.inner ol > li { list-style: decimal; margin-bottom: 20px; }
.joinEvent_2502 .guide div.inner ol > li > strong { display: block; font-size: 18px; font-weight: 600; padding-bottom: 5px; }
.joinEvent_2502 .guide div.inner ol > li ul li { margin-bottom: 5px; }
.joinEvent_2502 .guide div.inner ol > li ul li a { padding: 3px 20px; font-size: 14px; border: 1px solid #333; border-radius: 3px; margin-left: 5px; }
.joinEvent_2502 .guide div.inner ol > li ul li a:hover { background: #333; color: #fff; }
.joinEvent_2502 .guide div.inner ol > li ul li:before { content: "- "; }
.joinEvent_2502 .modal_layerBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; }
.joinEvent_2502 .layer_result, .joinEvent_2502 .layer_myPrize, .joinEvent_2502 .layer_remain { position: fixed; display: none; bottom: 410px; left: 48%; margin: 0 0 0 -240px; z-index: 1000; }
.joinEvent_2502 .layer_result h3, .joinEvent_2502 .layer_myPrize h3, .joinEvent_2502 .layer_remain h3 { background: #f42e3e; height: 55px; font-size: 25px; padding: 10px 0 0 20px; color: #fff; border-radius: 20px 20px 0 0; font-weight: 600; }
.joinEvent_2502 .layer_result { bottom: 220px; left: 50%; margin: 0 0 0 -420px; }
.joinEvent_2502 .layer_result .pop_conts { position: relative; background: url("https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2502/popup.png") no-repeat; width: 844px; height: 546px; margin: 0 auto; text-align: center; border-radius: 20px; border: 5px solid #f42e3e; }
.joinEvent_2502 .layer_result .pop_conts .popup_deco { position: absolute; top: 242px; left: -210px; }
.joinEvent_2502 .layer_result .pop_conts .pop_prize .pop_txt { font-size: 33px; text-align: center; font-weight: 700; padding-top: 160px; color: #000; line-height: 47px; }
.joinEvent_2502 .layer_result button { right: 30px; top: 30px; background: #333; border-radius: 50%; width: 50px; height: 50px; }
.joinEvent_2502 .layer_myPrize { width: 550px; }
.joinEvent_2502 .layer_myPrize ul { position: relative; background: #fff; box-sizing: border-box; padding: 5px 25px 10px; border-radius: 0 0 20px 20px; }
.joinEvent_2502 .layer_myPrize ul li { font-size: 18px; text-align: left; padding: 30px 0; border-bottom: 1px dashed #ccc; }
.joinEvent_2502 .layer_myPrize ul li:last-child { border-bottom: none; }
.joinEvent_2502 .layer_myPrize ul li > span { color: #888; padding-right: 10px; }
.joinEvent_2502 .layer_myPrize ul li strong { color: #f42e3e; font-weight: 700; }
.joinEvent_2502 .btn_layerClose { position: absolute; right: 5px; top: 5px; z-index: 110; animation: fadeIn 0.3s 0.3s ease-out both; }
.joinEvent_2502 .layer_remain { left: 50%; margin: 0 0 0 -400px; z-index: 1000; width: 800px; bottom: 100px; }
.joinEvent_2502 .layer_remain .layer_content { position: relative; width: 800px; height: 716px; background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2502/layer_gift.png) no-repeat; padding: 0; border-radius: 0 0 20px 20px; }
.joinEvent_2502 .layer_remain .layer_content ul { display: flex; flex-wrap: wrap; position: relative; top: -8px; }
.joinEvent_2502 .layer_remain .layer_content ul li { width: 25%; text-align: center; margin-top: 200px; }
.joinEvent_2502 .layer_remain .layer_content ul li strong { font-size: 28px; font-weight: 800; color: #f42e3e; }
.joinEvent_2502 .layer_remain .layer_content ul li strong small { font-size: 24px; vertical-align: 1px; color: #f42e3e; }
.joinEvent_2502 .layer_remain .layer_content ul::after { content: ""; display: block; clear: both; }
@keyframes up02 {
    0% { transform: translateY(50%); opacity: 0; }
    100% { transform: translateY(0%); opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; scale: 0.5; }
    100% { opacity: 1; scale: 1; }
}
@keyframes headShake {
    0% { transform: translateX(0); }
    6.5% { transform: translateX(-6px) rotateY(-9deg); }
    18.5% { transform: translateX(5px) rotateY(7deg); }
    31.5% { transform: translateX(-3px) rotateY(-5deg); }
    43.5% { transform: translateX(2px) rotateY(3deg); }
    50% { transform: translateX(0); }
}
@keyframes scale01 {
    0% { transform: scale(0.9); }
    50% { transform: scale(1.2); }
    100% { transform: scale(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 transY {
    0% { transform: translateY(0); scale: 0.7; }
    100% { transform: translateY(350px); scale: 0.8; }
}
@media (max-width:1600px) {
    .joinEvent_2502 .quickBn { display: none; }
    .joinEvent_2502 .stn01 .stn01_deco { display: none; }
}