서울디지털평생교육원

이벤트

이벤트 게시글 상세 내용
2026-1학기 서디평 동반수강 이벤트 관리자 \| \| 2026-01-06 오후 2:05:21 \| 5623회
<!-- font - gmarketsans --> <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> </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>