서울디지털평생교육원

이벤트

2026-1학기 서디평 동반수강 이벤트

관리자 | | 2026-01-06 오후 2:05:21 | 326회

<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: #B1FFED; color: #2C2C2C; padding: 20px 0;}
            .event_content_num02 .head {display: inline-block; color: #2C2C2C; font-size: 34px; font-weight: 700; background: #00DBC4; margin-bottom: 40px; padding: 10px 80px 10px 95px; border-radius: 0 40px 40px 0;}
            .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; position: relative; top: 20px; background: #0050E1; color: #fff; font-size: 26px; /* font-family: 'GmarketSans'; */ min-width: 190px; padding: 10px 5px; text-align: center; border-radius: 0 100px 100px 0 ;}
            .event_content_num02 .content .item-box .txt {font-family: ''; font-weight: 400; padding: 35px 20px 30px; background: #fff; /* border-radius: 20px; border: 2px solid #0050E1; */}
            .event_content_num02 .content .item-box .txt h4 {margin: 5px 0 0 10px; font-size: 22px;}
            .event_content_num02 .content .item-box .txt p {margin: 5px 0 0 10px; font-size: 20px;}
            .event_content_num02 .content .item-box .txt .point {color: #f45746;}
            /* recomment */
            .recomment { background: #fff; 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: #b1ffed; 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 .head{display:block;border-radius:0;text-align:center;padding:10px 30px;font-size:1.2em;margin-bottom:0}
            .event_content_num02 .content {font-size: 16px;}
            .event_content_num02 .content .item-box .txt p {font-size: 0.9em;}
            .event_content_num02 .content .item-box .txt {    padding: 28px 10px 18px;}
            .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_260107_mo.png" media="(max-width: 800px)">
                        <img onLoad=resizeImage(this) onload="resizeImage(this)" src="//image.sdulife.com/Event/2025/event_260107.png" alt="">
                    </picture>
                </div>
                <div class="event_content_num02">
                    <div class="head">
                        꼭 확인하세요!
                    </div>
                    <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호, 신유형 상품권 표준약관 제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=2569946&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>