<![CDATA[
<table class="tbl-lc tbl-fix" cellspacing="0" summary="과정명, 교육기간, 교육시간, 비용등을 출력합니다." style="margin: 0px auto; padding: 2px; border-collapse: collapse; border-spacing: 0px; border: 0px; table-layout: fixed; width: 586px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif;"><tbody style="margin: 0px; padding: 0px;"><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">분류</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);">국가기간전략산업 > 스마트웹디자인</td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">과정명</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);"><span style="margin: 0px; padding: 0px; color: rgb(0, 0, 255);">스마트 웹 디자인</span> <span class="dark-gray" style="margin: 0px; padding: 0px; color: rgb(85, 85, 85) !important;">[<span style="color: rgb(10, 154, 221);">모집중</span>]</span></td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">교육기간</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);">2018.11.19 ~ 2019.05.17</td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">교육시간·요일</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);">09:00~16:30 (7) [월,화,수,목,금]</td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">수강료</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);">전액무료</td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">본인부담금</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);"><span class="bold red" style="margin: 0px; padding: 0px; font-weight: bold !important; color: rgb(255, 0, 0) !important;">본인부담금 없음</span></td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">훈련수당</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);"><span class="bold purple" style="margin: 0px; padding: 0px; font-weight: bold !important; color: rgb(153, 5, 216) !important;">416,000</span>원 (<span class="green bold" style="margin: 0px; padding: 0px; font-weight: bold !important; color: rgb(54, 159, 54) !important;">매달차등지급</span>)</td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">교육장소</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);">본관203호</td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">교사</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);">최영진</td></tr><tr><th style="margin: 0px; padding: 3px; text-align: center; height: 20px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245);">모집인원</th><td style="margin: 0px; padding: 5px 3px; height: 20px; border: 1px solid rgb(221, 221, 221);"><span class="bold" style="margin: 0px; padding: 0px; font-weight: bold !important;">30</span>명</td></tr></tbody></table><p><br></p><p><br></p><p><br></p><p style="text-align: center;"><div class="content_plusmap" data-mapdata="map_type=TYPE_MAP&map_hybrid=false&idx=1&title=%EC%A4%91%EC%95%99%EC%A7%81%EC%97%85%EC%A0%84%EB%AC%B8%ED%95%99%EA%B5%90&addr=%EB%8C%80%EA%B5%AC%20%EC%A4%91%EA%B5%AC%20%EB%8F%99%EB%AC%B8%EB%8F%99%2018-1%20&tel=053-421-1313&mapX=860660&mapY=662768&ifrW=490px&ifrH=362px&addtype=1&map_level=4&rcode=2711056500&docid=&confirmid=21695814&mapWidth=490&mapHeight=362&mapInfo=%7B%22version%22%3A2%2C%22mapWidth%22%3A490%2C%22mapHeight%22%3A362%2C%22mapCenterX%22%3A860660%2C%22mapCenterY%22%3A662768%2C%22mapLevel%22%3A4%2C%22coordinate%22%3A%22wcongnamul%22%2C%22markInfo%22%3A%5B%7B%22markerType%22%3A%22standPlace%22%2C%22coordinate%22%3A%22wcongnamul%22%2C%22x%22%3A860660%2C%22y%22%3A662771%2C%22clickable%22%3Atrue%2C%22draggable%22%3Atrue%2C%22icon%22%3A%7B%22width%22%3A35%2C%22height%22%3A56%2C%22offsetX%22%3A17%2C%22offsetY%22%3A56%2C%22src%22%3A%22%2F%2Ft1.daumcdn.net%2Flocalimg%2Flocalimages%2F07%2F2012%2Fattach%2Fpc_img%2Fico_marker2_150331.png%22%7D%2C%22content%22%3A%22%EC%A4%91%EC%95%99%EC%A7%81%EC%97%85%EC%A0%84%EB%AC%B8%ED%95%99%EA%B5%90%22%2C%22confirmid%22%3A21695814%7D%5D%2C%22graphicInfo%22%3A%5B%5D%2C%22roadviewInfo%22%3A%5B%5D%7D&toJSONString="></div></p><p style="text-align: center;"><br></p><h2 class="tmgn15 bmgn5 bold font14" style="margin-right: 0px; margin-left: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; margin-top: 15px !important; margin-bottom: 5px !important; font-size: 14px !important;">● 반응형 웹디자인이란?</h2><div class="round-box pad10 overflow lh_140" style="margin: 0px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; line-height: 16.8px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; padding: 10px !important; overflow: hidden !important;"><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-family: 돋움, dotum; font-size: 20px;"><strong><span style="margin: 0px; padding: 0px; color: rgb(255, 0, 0);">4차산업혁명 기반기술</span></strong></span></div><br><br><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 28px; color: rgb(51, 51, 51);"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic";"><span style="margin: 0px; padding: 0px; font-size: 30px;">스마트반응형웹디자인</span><br></span></strong></span></div><p><br><br></p><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px; color: rgb(128, 128, 128);">어떤 스마트기기에서도 최적의 홈페이지 구현</span></div><p><br><br></p><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px;">[smart Responsive Web Design]</span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Fe6dc64f3d86ec7597637aa1cd27b61f0.jpg" alt="사용자 등록이미지" width="734" height="302" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> <img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F1a3329f52e6cdcb50e191884f7e81861.png" alt="사용자 등록이미지" width="241" height="3" style="border: 0px none;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">최근 들어 스마트폰의 보급이 급속히 확대되고</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">가입자가 급속히 증가하는 스마트폰 시대에</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">맞춰 모바일 기반에 최적화 된 새로운 <strong><span style="margin: 0px; padding: 0px; font-size: 18px;">UI, UX</span></strong>와 콘텐츠로 웹사이트를 구성하여</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">사용자가 이용하기 쉽고 스마트폰 사용자의 경험(UX)을 이해하고</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">인터페이스(UI) 디자인 경향을 분석하여 보다</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">쉽고 </span><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px;">빠르게 <span style="margin: 0px; padding: 0px; color: rgb(255, 0, 0);"><strong><span style="margin: 0px; padding: 0px; font-size: 18px;">모바일 웹사이트</span></strong></span>에 접근할 수</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px;">있도록 스마트폰에 최적화된 웹사이트 제작에</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">중점을 두고 적용 및 구현하는 과정입니다.</span><br><br></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128); line-height: 28.8px;">4차산업혁명 어떤조건에서도 스마트 기기의 활용은 기본.<br>현재도 미래도 이제는 오로지 <strong>ONLY 스마트 모바일 시대</strong> <br><br>미래일자리 준비!<br>스마트 모바일은 기본입니다.<br><br><br></span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Fd95730ad84066a35b22fef616eaa2485.jpg" alt="사용자 등록이미지" width="690" height="360" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F1a3329f52e6cdcb50e191884f7e81861.png" alt="사용자 등록이미지" width="241" height="3" style="border: 0px none;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px; color: rgb(128, 128, 128); line-height: 28.8px;">4차 산업혁명과 더블어 현재도 미래도</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px; color: rgb(128, 128, 128); line-height: 28.8px;">우리손을 떠나지 않는 스마트폰!</span></div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px; color: rgb(128, 128, 128); line-height: 28.8px;">미래 일자리정보! <strong><span style="margin: 0px; padding: 0px; font-size: 18px;">4차산업 혁명의 기반 기술</span></strong></span></div><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px; color: rgb(128, 128, 128); line-height: 28.8px;">스마트폰 앱 & 웹 개발!</span></strong></div><p style="text-align: center;"><br><span style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px;"><strong><span style="margin: 0px; padding: 0px; color: rgb(255, 0, 0);">스마트폰</span><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128);">에서 사용 할 수 있는 </span><span style="margin: 0px; padding: 0px; font-size: 18px; color: rgb(255, 0, 0);">앱 개발</span> <span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128);">실력을 쌓는것은</span> <span style="margin: 0px; padding: 0px; color: rgb(255, 0, 0);">미래 일자리 중심</span><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128);">에 서 있는 것 입니다.</span></strong></span></p><p style="text-align: center;"> </p><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6ffb6205215cf04618218cd3b39f51c5.jpg" alt="사용자 등록이미지" width="960" height="278" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> <p><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-size: 16px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 28.8px;">국가에서도 스마트 앱 개발을 쉽게 할 수 있는 <strong>공공 데이터 개방 대폭 확대</strong></span></span></p><p><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-size: 16px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 28.8px;">국가에서도 SW 개발과 연관된 <strong>스마트 폰 앱개발</strong>에 필요한 표준데이터지원</span></span></p><p><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-size: 16px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 28.8px;">(개방기관 679, 파일 데이터 19,290, 오픈 API 2,175, 표준 데이터 31개)</span></span></p></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> <img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F974fab0e8c269f695e680b7fe4e7cdc1.jpg" alt="사용자 등록이미지" width="960" height="278" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div></div><h2 class="tmgn15 bmgn5 bold font14" style="margin-right: 0px; margin-left: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; margin-top: 15px !important; margin-bottom: 5px !important; font-size: 14px !important;">교육목적</h2><div class="round-box pad10 overflow lh_140" style="margin: 0px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; line-height: 16.8px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; padding: 10px !important; overflow: hidden !important;"><p>본 기관의 스마트반응형웹디자인 과정은 다양한 스마트기기 플랫폼에 적용 가능한 스마트 웹&앱 제작을 위해, 사용자의 경험과 니즈를 분석하여 여러 종류의 스마트기기 환경에서 제공되는 서비스와 컨텐츠를 사용목적과 용도에 맞도록 반응형 웹&앱기반 컨텐츠로 디자인하고 구현하는 실무능력을 갖출 수 있도록 되어있습니다.</p></div><h2 class="tmgn15 bmgn5 bold font14" style="margin-right: 0px; margin-left: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; margin-top: 15px !important; margin-bottom: 5px !important; font-size: 14px !important;">교육특징</h2><div class="round-box pad10 overflow lh_140" style="margin: 0px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; line-height: 16.8px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; padding: 10px !important; overflow: hidden !important;">웹표준 기반 기술인 HTML5, CSS3, 자바스크립트, JQuery를 적용하여 스마트기기에 최적화된 UI/UX를 기획하고 포토샵과 일러스트레이터를 활용해 스마트 디자인 개념의 컨텐츠를 제작함으로써 반응형 웹&앱을 구현하는 과정입니다.</div><h2 class="tmgn15 bmgn5 bold font14" style="margin-right: 0px; margin-left: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; margin-top: 15px !important; margin-bottom: 5px !important; font-size: 14px !important;">주요교과목 및 설명</h2><div class="round-box pad10 overflow lh_140" style="margin: 0px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; line-height: 16.8px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; padding: 10px !important; overflow: hidden !important;"><div style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Fe0b99eaf50b012df99d87943f97aad5d.png" alt="사용자 등록이미지" width="500" height="311" style="border: 0px none; display: block; margin-left: auto; margin-right: auto;"></span></div><div style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px;"> </span></div><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic";"><strong> <span style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">스마트폰 사용자를 위한 모바일 웹 인터페이스 디자인 구현</span></strong></span><br><div style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px; color: rgb(128, 128, 128);"> </span></div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><span style="margin: 0px; padding: 0px; color: rgb(51, 102, 255); font-size: 16px;"><strong>반응형 웹</strong></span>이란 데스크탑, 태블릿, 모바일 등 <strong>다양한 디바이스</strong>에 따라 웹페이지의 사이즈가 조절되어 스크린의 해상도에 맞게 보여지는 것을 말합니다. 즉, 다양한 환경에 맞춰 즉각 반응하여 사용자가 보기 편리하게끔 웹사이트를 제작하는 것입니다.</span></div><div style="margin: 0px; padding: 0px 0px 0px 20px;"><span style="margin: 0px; padding: 0px; font-size: 14px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);"> </span></div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"><span style="margin: 0px; padding: 0px; font-size: 14px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">넓은 의미로는 여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트로써 브라우저의 크기(스크린의 크기)에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트라는 의미가 있는데, 이는 다양한 디바이스에 대응하여 최소한의 변화로 내용 탐색을 쉽게 하여, 사이트를 최적의 형태로 제공한다는 뜻이다. 또한 좁은 의미로는 <strong>CSS3 Media Queries, Fluid/Hybrid Grid Layout, Flexible Media Content</strong> 등을 이용/사용하여 구현한 홈페이지를 뜻한다.</span></div><div style="margin: 0px; padding: 0px 0px 0px 20px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);">모바일 첫 디자인은 단순성과 집중력을 요구합니다. 작업 능률을 높이고 휴대 전화 전용 웹 사이트를 디자인하는 데 도움이되는 디자인 방법입니다. 아이디어는 휴대 전화의 부동산을 고려하여 휴대 전화에 표시하기에 적합한 콘텐츠를 가진 웹 사이트를 만드는 것입니다. McKnight Kurland의 Frank Kurland에 따르면 모바일은 전 세계 인구의 87 %에 이릅니다. 이것이 모바일 최초 디자인이 선택 사항이 아니라 위임 된 이유입니다. 빈센트 조던 (Vincent Jordan)은 모바일 에 관해 먼저 말하며 우선 순위 측면에서 경험과 반응 형 디자인을위한 반응 형 또는 모바일 웹 사이트 구축 을 주장 합니다.<br><br></span></div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-family: 나눔고딕, "Nanum Gothic";"><span style="margin: 0px; padding: 0px; font-size: 14px;"><span style="margin: 0px; padding: 0px; color: rgb(51, 51, 51);"><strong>강의대상 :</strong> </span>반응형 웹 사이트 제작에 필요한 다양한 툴을 익혀고 전문 디자인작업을 배워서 웹 사이트 제작 노하우를 통해 취업을 하고자하는 취준생</span></span></div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-family: 나눔고딕, "Nanum Gothic";"><span style="margin: 0px; padding: 0px; font-size: 14px;"><span style="margin: 0px; padding: 0px; color: rgb(51, 51, 51);"><strong>취업분야 :</strong></span> 웹디자인너, 웹 퍼블리셔, 웹 기획자, 디지털컨텐츠 개발 및 기획자, 쇼핑몰디자이너, 웹 에이전시</span></span></div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"><span style="margin: 0px; padding: 0px; color: rgb(128, 128, 128); font-family: 나눔고딕, "Nanum Gothic";"><span style="margin: 0px; padding: 0px; font-size: 14px;"><span style="margin: 0px; padding: 0px; color: rgb(51, 51, 51);"><strong>취득가능 자격증 :</strong></span> 웹디자인기능사, 컴퓨터그래픽운용기능사, GTQ 기술자격증 등</span></span></div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"> </div><div style="margin: 0px; padding: 0px 0px 0px 20px; line-height: 24px;"><p><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 18px; color: rgb(0, 0, 0);"><strong>NCS</strong><strong>교육과정</strong></span></p><p><strong><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F0590ca1cd17745fb56fe10639f99d0e2.jpg" alt="사용자 등록이미지" width="900" height="98" style="border: 0px none;"></strong></p><p> </p><p> </p><p> </p><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 28px;"><span style="margin: 0px; padding: 0px; font-size: 30px;">교과 소개</span><br></span><br></strong></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><br><span style="margin: 0px; padding: 0px; font-size: 28px;">HTML5</span></span></strong></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F4d5a80c6b42f3b40072bfc96da7fd4ad.png" alt="사용자 등록이미지" width="734" height="316" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 16px; line-height: 24px;">HTML5 기본 구조, 기본 규칙에 대해 알아보고 마크업을 하는데 필요한 새로운 요소와<br>속성 사용법, 그리고 새로운 개념과 규칙에 대해 학습합니다.</span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> <img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6adb6832d73c26140d7c7ffa28dd8cac.png" alt="사용자 등록이미지" width="409" height="12" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 42px;"> <span style="margin: 0px; padding: 0px; font-size: 28px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">CSS3</span></strong></span></span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F8df484c59db86d3806ac0584dd905dec.png" alt="사용자 등록이미지" width="734" height="316" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 24px;"><strong>CSS</strong>의 기본 서식, 선택자, 프로퍼티, 박스 모델, 색상이나 여백, 글꼴 설정 등 흔히 사용하는 문서 장식을 직접 따라하면서 <br>기본적인 <strong>CSS 프로퍼티</strong> 연습하고 반응형 코딩을 하기위한 CSS, 멀티 디바이스 활용을 배웁니다.</span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6adb6832d73c26140d7c7ffa28dd8cac.png" alt="사용자 등록이미지" width="409" height="12" style="border: 0px none;"></span></strong></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 28px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">자바스크립트</span></strong></span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Ff4acd3d7d0534b686e098ec8f2d7d3c3.png" alt="사용자 등록이미지" width="734" height="316" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 24px;"><strong>자바스크립트</strong>에 대한 기본적인 개념과 프로그래밍 방법에 학습합니다. <br>변수, 배열, 반복문, 조건문, 함수 그리고, DOM을 이용한 HTML과 CSS 요소 제어에 대해 다룹니다.</span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6adb6832d73c26140d7c7ffa28dd8cac.png" alt="사용자 등록이미지" width="409" height="12" style="border: 0px none;"></span></strong></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> <span style="margin: 0px; padding: 0px; font-size: 28px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">JQuery</span></strong></span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Ff78e9434daf2931cea72d6994db9e9e1.png" alt="사용자 등록이미지" width="650" height="280" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 24px;"><strong>jQuery</strong>는 자주 사용하는 기능들을 모아두었다가 필요할 때 호출해 쓸 수 있도록 만든 <strong>자바스크립트</strong> 라이브러리로서, <br>JQuery를 사용해 <strong>자바스크립트</strong>의 생산성을 향상시는 개발기법을 익힙니다.</span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6adb6832d73c26140d7c7ffa28dd8cac.png" alt="사용자 등록이미지" width="409" height="12" style="border: 0px none;"></span></strong></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 42px;"> <span style="margin: 0px; padding: 0px; font-size: 28px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">Smart Web & App</span></strong></span></span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Fecd9616a75b4fc69b49781b67878036b.png" alt="사용자 등록이미지" width="650" height="280" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 24px;"><strong>HTML5, CSS3, 자바스크립트</strong>와 같은 웹 기술을 이용해 아이폰, 안드로이드뿐 아니라 <br>윈폰, 블랙베리, 웹오에스, 심비안과 삼성 바다용 앱을 만들 수 있는 하이브리드 <strong>웹&앱</strong> 개발에 대해 학습합니다.</span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6adb6832d73c26140d7c7ffa28dd8cac.png" alt="사용자 등록이미지" width="409" height="12" style="border: 0px none;"></span></strong></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 42px;"><span style="margin: 0px; padding: 0px; font-size: 28px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">PhotoShop</span></strong></span></span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Fcf4a6c443c8665f157e22e2222682146.png" alt="사용자 등록이미지" width="650" height="280" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 24px;">포토샵의 기본기능을 이해하고 프로그램을 활용하여 이미지 보정 및 편집을 할 수 있으며 <br>레이어와 블랜딩모드를 이해, 보정/합성 등을 통해 사진편집, 합성, 레이아웃 제작 및 포스터, <br>북커버 등 실질적인 그래픽디자인에 다양하게 활용될 수 있습니다.</span></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6adb6832d73c26140d7c7ffa28dd8cac.png" alt="사용자 등록이미지" width="409" height="12" style="border: 0px none;"></span></strong></div><div style="margin: 0px; padding: 0px; text-align: center;"> </div><div style="margin: 0px; padding: 0px; text-align: center;"><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px; font-size: 42px;"> <span style="margin: 0px; padding: 0px; font-size: 28px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">Illustrator</span></strong></span></span></div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F8c032909a2e75e71e1e9cf3f9a06305c.png" alt="사용자 등록이미지" width="650" height="280" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px; font-size: 18px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 27px;">펜툴과 도형툴/Align/Arrange/Path finder/그라디언트/Blend/Mesh Type툴/브러쉬, <br>패턴, 심볼, 효과 마스크 등을 활용해 다양한 로고, 펜시용품 디자인 등을 제작할 수 있으며 <br>도구와 팔레트 등을 활용하여 캐릭터 제작 및 명함만들기, 심벌마크제작, <br>마스크 디자인 등 다양한 실습예제를 통한 교육이 진행됩니다.<br></span></div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; font-size: 14px; color: rgb(128, 128, 128);"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F6adb6832d73c26140d7c7ffa28dd8cac.png" alt="사용자 등록이미지" width="409" height="12" style="border: 0px none;"></span></strong></div><div style="margin: 0px; padding: 0px;"><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px; font-size: 42px;"> <span style="margin: 0px; padding: 0px; font-size: 28px;"><strong><span style="margin: 0px; padding: 0px; font-family: 나눔고딕, "Nanum Gothic"; color: rgb(128, 128, 128);">UI/UX <strong>기획</strong><strong>&</strong><strong>디자인</strong></span></strong></span></span></div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2F5a38191247e6282acca4cfc6751aee67.png" alt="사용자 등록이미지" width="650" height="280" style="border: 0px none;"></div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px; font-size: 16px; font-family: 나눔고딕, "Nanum Gothic"; line-height: 24px;">수립된 앱 개발 계획과 설계된 시스템에 적용할 수 있는 사용자 경험 디자인과 <br>스타일을 리서치하여 스마트한 <strong>UI/UX 디자인</strong> 컨텐츠를 제작할 수 있는 기술을 익힙니다.</span></div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div><div style="margin: 0px; padding: 0px;"> </div></div></div></div></div><h2 class="tmgn15 bmgn5 bold font14" style="margin-right: 0px; margin-left: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; margin-top: 15px !important; margin-bottom: 5px !important; font-size: 14px !important;">스마트반응형 웹디자인 강의모습</h2><div class="round-box pad10 overflow lh_140" style="margin: 0px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; line-height: 16.8px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; padding: 10px !important; overflow: hidden !important;"><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Fa9db46210b1cb4969986432c2534f888.jpg" alt="사용자 등록이미지" width="734" height="734" style="border: 0px none;"></div></div><h2 class="tmgn15 bmgn5 bold font14" style="margin-right: 0px; margin-left: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; margin-top: 15px !important; margin-bottom: 5px !important; font-size: 14px !important;">스마트웹반응형웹디자인학생작품</h2><div class="round-box pad10 overflow lh_140" style="margin: 0px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; line-height: 16.8px; color: rgb(47, 47, 47); font-family: "Nanum Gothic", 나눔고딕, dotum, gulim, sans-serif; padding: 10px !important; overflow: hidden !important;"><div style="margin: 0px; padding: 0px; text-align: center;"><img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.jafa.or.kr%2Fdata%2Feditor%2Ff75a9e0141087aa12bdc003140dcc9dc.jpg" alt="사용자 등록이미지" width="734" height="734" style="border: 0px none;"></div></div><p style="text-align: center;"><br></p><p><br></p>
<!-- -->
]]>
카페 게시글
공지사항
스마트 웹 디자인 [모집중]
다음검색
