서울디지털평생교육원

이벤트

[같이 배우고 같이 받자!] 2025년 2학기 동반수강 상품권 이벤트

관리자 | | 2025-05-14 오후 5:15:35 | 42470회

<link rel="stylesheet" as="style" crossorigin="" href="https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/font-face.css">
    <link rel="stylesheet" as="style" crossorigin="" href="https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/font-family.css">
    <style>
        .event_wrap {max-width: 900px; margin: 0 auto; box-sizing: border-box; font-family: 'GmarketSansMedium';}
        .event_wrap img { display: block; width: 100%; line-height: 0;}
        /* 02 */
        .event_content_num02 {background: #A9E0FB; color: #2C2C2C; padding: 20px 0 50px; font-weight: 400;}
        .event_content_num02 .content {max-width: 800px; margin: 0 auto; font-size: 18px;}
        .event_content_num02 .content .title {font-size: 22px; font-weight: 600;}
        .event_content_num02 .content .item-box {margin-top: 20px;}
        .event_content_num02 .content .item-box .box-title { display: inline-block; background: #2C2C2C; color: #fff; font-size: 20px; min-width: 128px; padding: 5px; margin-bottom: 10px; text-align: center; border-radius: 99px;}
        .event_content_num02 .content .item-box .txt {margin-left: 10px; margin-top: 5px;}
        .event_content_num02 .content .item-box .txt p {margin: 10px 0 0 10px;}
        /* recomment */
        .recomment { background: #F4F4F4; padding: 40px 20px; min-height: 180px;}
        .recomment .recomment-title {display: inline-block; text-align: center; font-size: 35px; font-weight: bold; margin: 0 auto; width: 100%;}
        .recomment .comment-item {display: flex; align-items: center; justify-content: center; margin-top: 20px; gap: 10px;}
        .recomment .comment-item input { font-size: 14px; min-width: 215px; height: 50px; border: 1px solid #777; border-radius: 2px; box-sizing: border-box;}
        .recomment .comment-item button { font-size: 18px; min-width: 160px; padding: 11px; border: 1px solid transparent; border-radius: 2px; text-align: center; background: #D74C5E; color: #fff; cursor: pointer; vertical-align: bottom;}
        /* 04 */
        .event_content_num04 { background: #fff; padding: 50px 0;}
        .event_content_num04 .btn_group {max-width: 700px; font-size: 16px; margin: 0 auto;display: flex; justify-content: space-around;}
        .event_content_num04 .btn_group a {display: inline-block; padding: 18px; min-width: 260px; text-align: center; font-size: 22px; background: #3A4CBF; color: #fff; text-decoration: none; border-radius: 60px;}
        .event_content_num04 .btn_group a:last-child {min-width: 200px;}

@media (max-width: 800px) {
            .event_content_num02 {padding: 20px;}
            .event_content_num02 .content {font-size: 16px;}
            .event_content_num02 .content .item-box {font-size: 0.9em;}
            .event_content_num02 .content .item-box .txt {margin-left:0;}
            .event_content_num02 .content .item-box .box-title {font-size: 18px;}
            .event_content_num04 { padding: 20px 0;}
            .event_content_num04 .btn_group {flex-direction: column; gap: 20px;}
            .event_content_num04 .btn_group a {font-size: 1em;}
            .recomment .recomment-title {font-size: 25px;}
            .recomment .comment-item {flex-direction: column; gap: 5px;}
            .recomment .comment-item input {width: 100%; margin: 5px; }
            .recomment .comment-item button {width: 100%;font-size: 1em;}
        }
    </style>
    <div class="event_wrap">
        <div class="event_content_num01">
            <img onLoad=resizeImage(this) src="https://image.sdulife.com/Event/2025/event_250430_1.png" alt="">
        </div>
        <div class="event_content_num02">
            <div class="content">
                <div class="item-box">
                    <div class="box-title">대 상</div>
                    <div class="txt"><p>* 서디평에서 수강한 이력이 없는  두 명의 신규 학우님이 서로 맞추천</p></div>
                </div>
                <div class="item-box">
                    <div class="box-title">참여조건</div>
                    <div class="txt">
                        <p>* 각 등록 차수별 <b style="color: #0C209C;">6과목 이상</b> 신규등록자</p>
                        <p>* 추천인 정보에 동반 수강할 지인의 이름/아이디 입력(추천인은 1명만 입력 가능)</p>
                        <p>* 이벤트 참여자 모두 동일한 개강반 등록</p>
                    </div>
                </div>
                <div class="item-box">
                    <div class="box-title">상품권 발송</div>
                    <div class="txt">
                        <p>* 참여자가 모두 참여조건을 충족해야 대상으로 선정</p>
                        <p>* 개강 4주차 금요일, 신세계 이마트 모바일 상품권 1만원권 발송</p>
                        <p style="padding-left: 8px;">(4주차 이전 수강 취소건 제외)</p>
                        <p>* 추천 인원에 따라 상품권 <b style="color: #0C209C;">무제한</b> 발송 (인원제한 없음)</p>
                    </div>
                </div>
                <div class="item-box">
                    <div class="box-title">주의사항</div>
                    <div class="txt">
                        <p>참여 조건을 충족한 3명 이상의 맞추천은 각 1만원 상품권 지급</p>
                        <p>유효기간이 지난 상품권은 사용불가 및 재발급 불가, 꼭 기간 내 사용해주세요</p>
                        <p>(공정거래위원회 표준약관 제 10073호, 신유형 상품권 표준약관 제5조 참고)</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="event_content_num03">
            
            <div class="recomment">
                <div class="recomment-title">추천인 등록</div>
                <div class="comment-item">
                    <input type="hidden" id="Action" name="Action" value="Recommender">
                    <input name="RecommenderName" id="RecommenderName" placeholder="이름을 입력해 주세요">
                    <input name="RecommenderId" id="RecommenderId" placeholder="아이디(ID)를 입력해 주세요">
                    <button class="ipbtn" onclick="RecommenderInsert();">입력하기</button>
                </div>
            </div>
        </div>
        <div class="event_content_num04">
            
            <div class="btn_group">
                <a href="#none" target="_blank">지인추천&추천왕 이벤트 보기</a>
                <a href="https://www3.sdulife.com/90_Contents/SignUpClassFork_New.asp" target="_blank">모집요강 확인하기</a>
            </div>
        </div>
    </div>