서울디지털평생교육원

이벤트

[서.친.소] 25-2학기 지인추천 및 추천왕 상품권 이벤트

관리자 | | 2025-05-14 오후 5:18:26 | 41269회

<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: #FDDBE8; color: #2C2C2C; padding: 20px 0;}
            .event_content_num02 .head {display: inline-block; color: #F74C8E; font-size: 34px; font-weight: 700; background: #27232b; margin-bottom: 40px; padding: 10px 80px 10px 95px;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 66px), calc(100% - 30px) 100%, 0 100%);}
            .event_content_num02 .content {max-width: 750px; padding: 0 0 40px; margin: 0 auto; font-size: 18px;}
            .event_content_num02 .content .event_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; text-align: center; border-radius: 99px;}
            .event_content_num02 .content .item-box .txt {margin-left: 10px; margin-top: 10px;}
            .event_content_num02 .content .item-box .txt p {margin: 10px 0 0 10px;}
            /* 04 */
            .event_content_num04 { background: #FDDBE8; padding: 50px 0;}
            .event_content_num04 .btn_group {max-width: 700px; 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: #F74C8E; color: #fff; text-decoration: none; border-radius: 60px;}
            .event_content_num04 .btn_group a:last-child {min-width: 200px;}
            /* recomment */
            .recomment { background: #F4F4F4; padding: 40px 20px 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;}
            @media (max-width: 800px) {
            .event_content_num02 .head {clip-path:none;padding: 10px;font-size: 1.2em;}
            .event_content_num02 .content .event_title {font-size: 1.2em;}
            .event_content_num02 .content {font-size: 16px; padding: 0 20px 20px; box-sizing: border-box;}
            .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) onload="resizeImage(this)" src="https://image.sdulife.com/Event/2025/event_250507_1.png" alt="">
            </div>
            <div class="event_content_num02">
                <div class="head">
                    꼭 확인하세요!
                </div>
                <div class="content">
                    <div class="event_title">
                        1. 지인추천 이벤트
                    </div>
                    <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: #D70000;">
                                    6과목 이상
                                </b>
                                신규등록자
                            </p>
                            <p>
                                * 피추천인이 추천인의 이름/아이디 입력(추천인은 1명만 입력 가능)
                            </p>
                        </div>
                    </div>
                    <div class="item-box">
                        <div class="box-title">
                            상품권 발송
                        </div>
                        <div class="txt">
                            <p>
                                * 지인추천 아이디 입력한 추천인/피추천인 모두 상품권 지급
                            </p>
                            <p>
                                * 개강 4주차 금요일, 신세계 이마트 모바일 상품권 1만원권 발송
                            </p>
                            <p>
                                (4주차 이전 수강 취소건 제외)
                            </p>
                            <p>
                                * 매 차수별 
                                <b style="color: #D70000;">
                                    중복추천 가능
                                </b>
                                하며 추천 인원에 따라 상품권 
                                <b style="color: #D70000;">
                                    무제한
                                </b>
                                발송 (인원제한 없음)
                            </p>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="event_title">
                        2. 추천왕 이벤트
                    </div>
                    <div class="item-box">
                        <div class="box-title">
                            추천왕선발
                        </div>
                        <div class="txt">
                            <p>
                                <b>
                                    2025학년도 2학기 누적 지인추천 등록 인원 상위 1,2,3위 선발
                                </b>
                            </p>
                            <p>
                                * 수강 이력이 없는 신규 학우님 간의 맞추천은 대상 제외
                            </p>
                            <p>
                                * ‘지인추천 등록인원’ 은 지인추천 이벤트 대상여부와 무관한 순수 추천인원
                            </p>
                        </div>
                    </div>
                    <div class="item-box">
                        <div class="box-title">
                            추천왕발표
                        </div>
                        <div class="txt">
                            <p>
                                * 2025년 12월 19일(금) 홈페이지 공지사항 게재
                            </p>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="event_title">
                        3. 주의사항
                    </div>
                    <div class="item-box">
                        
                    <div class="txt">
                        <p>
                            * 예산 소진 시 이벤트가 조기 마감될 수 있습니다.
                        </p>
                        <p>
                            * 유효기간이 지난 상품권은 사용불가 및 재발급 불가, 꼭 기간 내 사용해주세요
                        </p>
                        <p>
                            &nbsp;&nbsp;(공정거래위원회 표준약관 제 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>