서울디지털평생교육원

이벤트

26-1학기 서디평 지인추천&추천왕

관리자 | | 2026-01-06 오후 2:07:56 | 345회

<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; font-size: 0; vertical-align: bottom;}
            /* 02 */
            .event_content_num02 {background: #C6E0FF; color: #2C2C2C; padding: 20px 0;}
            .event_content_num02 .head {display: inline-block; color: #fff; font-size: 34px; font-weight: 700; background: #0050E1; 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: #273B53 ; 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: #0050E1; color: #fff; text-decoration: none; border-radius: 60px;}
            .event_content_num04 .btn_group a:last-child {min-width: 200px;}
            /* recomment */
            .recomment { background: #fff; 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 30px; 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; margin: 0 20px;}
            .event_content_num04 .btn_group a {font-size: 1em; min-width: 200px;}
            .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">
                <picture>
                    <source srcset="//image.sdulife.com/Event/2025/event_260106_mo.png" media="(max-width: 800px)">
                        <img onLoad=resizeImage(this) onload="resizeImage(this)" src="//image.sdulife.com/Event/2025/event_260106.png" alt="">
                    </picture>
                </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>
                                        2026학년도 1학기 누적 지인추천 등록 인원 상위 1,2,3위 선발
                                    </b>
                                </p>
                                <p>
                                    * 수강 이력이 없는 신규 학우님 간의 맞추천은 대상 제외
                                </p>
                                <p>
                                    * ‘지인추천 등록인원’ 은 지인추천 이벤트 대상여부와 무관한 순수 추천인원
                                </p>
                            </div>
                        </div>
                        <div class="item-box">
                            <div class="box-title">
                                추천왕발표
                            </div>
                            <div class="txt">
                                <p>
                                    * 2026년 6월 26일(금) 홈페이지 공지사항 게재
                                </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>
                                (공정거래위원회 표준약관 제 10073호, 신유형 상품권 표준약관 제3조 참고)
                            </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="//www.sdulife.com/Board/EventHistory/View.asp?BoardID=EventHistory&BoardSubID=EventHistory&Action=&TableName=&SearchType=&SearchKeyword=&Page=1&ConID=2569939&ParentConID=&TreeDesc=&ListPage=List.asp&PastYN=N" target="_blank">동반수강 이벤트 보기</a>
                                <a href="//www.sdulife.com/90_Contents/SignUpClassFork_New.asp" target="_blank">
                                    모집요강 확인하기
                                </a>
                            </div>
                        </div>
                    </div>