@charset "UTF-8";

.join_benefit { position: relative; text-align: center; overflow: hidden; min-width: 1400px; }
.join_benefit .inner { position: relative; width: 1200px; margin: 0 auto; padding: 120px 0; }
.join_benefit .abs { position: absolute; }
.flash {animation: flash 0.8s infinite alternate;}
.join_benefit .visual { height:950px; background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinBenefit_0416/visual_bg.png) no-repeat center bottom #e1e1e1; background-size:cover;} /* 25-10-02 */
.join_benefit .visual .toptx { top:144px; left:50%; margin-left: -230px; animation:line 0.5s 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; overflow: hidden;}
.join_benefit .visual .heart { top: 90px; left:445px; animation: updown 0.6s ease-in-out infinite alternate;}
.join_benefit .visual .visual_title { margin-top: 140px;}
.join_benefit .visual .visual_title .mtx01 { animation: scale02 0.3s 0.8s both;}
.join_benefit .visual .visual_title .mtx02 { animation: up02 0.4s 1.1s both; margin-top: 20px;}
.join_benefit .visual .visual_title .mtx03 { animation: up02 0.4s 1.3s both; margin-top: 50px;}
.join_benefit .visual .tx_wrap { margin-top: 60px; margin-left: 240px;}
.join_benefit .visual .tx_wrap li { float: left; margin-left: 40px; }
.join_benefit .visual .tx_wrap li:first-child { margin: 0;}

.join_benefit .con01 {height:1677px; background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinBenefit_0416/con01_bg.png) no-repeat #e1e1e1; background-size:cover;}
.join_benefit .con01 .con01_title { margin-top: 28px; }
.join_benefit .con01 .con01_coupon { margin-top: 90px;}
.join_benefit .con01 .lec_btn { display: inline-block; width: 120px; height: 40px; border-radius: 20px; background-color: #464548; color: #fff; font-size: 20px; line-height: 40px; margin-top: 30px; margin-left: -570px; }
.join_benefit .con01 .lec_btn:hover { background-color: #2d2c2e;}
.join_benefit .con01 .lec_btn::after { content: url("https://s3.unistudy.co.kr/images/pc/event/2025/joinBenefit_0416/arrow.png"); margin-left: 8px;}
.join_benefit .con01 .con01_btn { display: inline-block; margin-top: 90px; width: 670px; height: 90px; border-radius: 10px; background-color: #1c1f77; color: #fff; font-size: 32px; line-height: 90px; font-weight: 600;}
.join_benefit .con01 .con01_btn:hover {background-color: #000;}
.join_benefit .con01 .con01_btn::after { content: url("https://s3.unistudy.co.kr/images/pc/event/2025/joinBenefit_0416/down.png"); margin-left: 20px; }

.join_benefit .con02 { background-color: #fef2ca; }
.join_benefit .con02 .con02_btn { display: inline-block; width: 670px; height: 90px; border-radius: 10px; background-color: #ff9900; color: #fff; font-size: 32px; line-height: 90px; font-weight: 600;}
.join_benefit .con02 .con02_btn:hover {background-color: #ff7e00;}
.join_benefit .con02 .alarm { top: 147px; left: 0; animation: alarm 1.8s ease-in infinite alternate }

.join_benefit .con03 {height:1675px; background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinBenefit_0416/con03_bg.png) no-repeat center bottom #DBE6EB; background-size:cover;}

/* 25-10-02 수정 시작 */
.join_benefit .con03 .con03_wrap {display: flex; align-items: center; border-radius: 15px;border: 1px solid #dbe6ec;background-color : rgb(255,255,255,0.5);padding: 30px 20px;margin-top: 50px;}
.join_benefit .con03_wrap ul {flex: 1;display:flex;flex-wrap:wrap;justify-content:space-between;}
.join_benefit .con03 .con03_wrap h3 {width: 260px;}
.join_benefit .con03 .con03_pk ul {margin-top:-20px;}
.join_benefit .con03 .con03_pk li {margin-top:20px;}
/* 25-10-02 수정 끝 */
/* 25-10-02 삭제 */
/*.join_benefit .con03_wrap li { float: left; margin-left: 20px;}
.join_benefit .con03 .con03_pass { grid-template-columns: 238px 1fr; margin-top: 90px;}
.join_benefit .con03 .con03_wrap h3 { padding-top:50px;}
.join_benefit .con03 .con03_pk { grid-template-columns: 258px 1fr;}
.join_benefit .con03 .con03_pk h3 { width: 238px; padding-top:150px;}
.join_benefit .con03 .con03_pk ul { width: 920px;}
.join_benefit .con03 .con03_pk li { margin-top: 20px; }
.join_benefit .con03 .con03_pk li:nth-child(-n+2) { margin-top: 0;}
.join_benefit .con03 .con03_pk li:nth-child(1),.con03_pk li:nth-child(3) { margin-left: 0;}
.join_benefit .con03 .con03_benefit { grid-template-columns: 258px 1fr;}
.join_benefit .con03 .con03_benefit li:first-child {margin: 0;}*/

.join_benefit .con04 { background-color: #555555;}
.join_benefit .con04 .inner { padding: 70px 0;}
.join_benefit .con04 .notice {display: grid; grid-template-columns: 238px 1fr; gap: 80px }
.join_benefit .con04 .notice p { margin-top: 80px; }
.join_benefit .con04 .notice_Tx li { color: #fff; text-align: left; font-size: 15px; font-weight: 200; line-height: 26px;}
.join_benefit .con04 .notice_Tx li::before { content: "- ";}

@keyframes line {
    0% {
        width:0;
    }
    100% {
        width:463px;}
}
@keyframes updown {
    0% { transform: translateY(5px); }
    100% { transform: translateY(0); }
}
@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 alarm {
    0%, 50% {
        transform: rotate(0deg);
    }

    5%, 15%, 25%, 35%, 45% {
        transform: rotate(5deg);
    }

    10%, 20%, 30%, 40% {
        transform: rotate(-5deg);
    }
}