<commit_before><%page expression_filter="h"/>
<%!
from django.utils.translation import ugettext as _

from openedx.core.djangolib.markup import HTML, Text
from openedx.core.djangolib.js_utils import (
      dump_js_escaped_json
  )
%>

<%inherit file="base.html" />
<%namespace name='static' file='static_content.html'/>
<%def name="online_help_token()"><% return "home" %></%def>
<%block name="title">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</%block>
<%block name="bodyclass">is-signedin index view-dashboard</%block>

<%block name="requirejs">
  require(["js/factories/index"], function (IndexFactory) {
      IndexFactory();
  });
</%block>

<%block name="content">
<style>


.layerPopupArea{position: absolute; z-index: 999; top: 75px; left: 100px;}
.layerPupup{
    z-index: 10010;
	display: none;
	border: 0px solid #fff;
	opacity: 1;
	background: #ffffff;
	font-size: 13px;
    line-height: 25px;
	padding: 5px;
	box-shadow: 0 2px 5px 3px #444444;
	margin: 3px;
	float: left;
}

.ui-widget.ui-widget-content {
  width: 100%;
  position: absolute;
  margin-top: 6px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  max-height: 200px;
  max-width: 427px;
}

.ui-widget li.ui-menu-item {
  margin-top: 10px;
  margin-left: 10px;
  font-family: "Nanum Gothic", "Open Sans";
  color: rgb(0, 0, 0);
  font-style: normal;
  font-size: 15px;
  text-align: -webkit-match-parent;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.ui-autocomplete li.ui-menu-item a.ui-state-focus {
  color: #4c4c4c;
}

.search_label{
    width: 60px;
    margin-top: auto;
    margin-bottom: auto;
}

</style>

<link rel="stylesheet" type="text/css" href="/static/studio/css/pop.css">
<div id="layerPopupArea" class="layerPopupArea">
  <div id="1" class="popup-area" style="width: 650px;">

    <div class="popup-main">
      <div class="popup-header">
        <h4 class="popup-title"><b>K-MOOC 문의방법 안내</b></h4>
      </div>
      <div class="popup-contents">
        <div id="contents_1" style="display: none;"></div>
        <iframe id="frame_1" frameborder="0" scrolling="no" width="100%" class="popup-contents-iframe"></iframe>
      </div>

      <div class="popup-footer">
        <label class="popup-footer-label" onclick="closeWin('pop_close_1','1','1');">
          <input id="pop_close_1" name="pop_close_1" type="checkbox">
          <span class="popup-footer-day"><b>1일간 열지 않음</b></span>
        </label>
        <span class="popup-footer-day popup-footer-close">
        <a href="javascript:popClose('1');" title="닫기"><b>[ 닫기 ]</b></a>
      </span>
      </div>
    </div>
  </div>
</div>
<script>
  var popupDate = new Date();
  var targetDate = new Date(2019, 11, 31, 23, 59, 59);
  $(document).ready(function(){

    let contents ='<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">안녕하세요.</span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">K-MOOC운영센터에서<span class="Apple-converted-space">&nbsp;</span><span style="font-size: 12pt;"><span style="font-size: 12pt;">안내사항 전달드립니다.</span></span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">1. 모든 문의는 가급적<span class="Apple-converted-space">&nbsp;</span><a href="mailto:<EMAIL>" target="_blank"><EMAIL></a><span class="Apple-converted-space">&nbsp;</span>이메일로 부탁드립니다.<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">&nbsp;&nbsp; (인원부족으로 인한 유선 문의시 업무가 원활하지 못합니다.&nbsp;양해부탁드립니다)<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">2.<span class="Apple-converted-space">&nbsp;</span><span style="font-size: 12pt;">이메일&nbsp;문의 발송시&nbsp;아래 \'머릿말\' 추가하여 주시기 바랍니다.</span></span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><strong>&lt;머릿말 안내&gt;</strong></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">1) [품질검수]&nbsp; : 사전/최종검수 신청시</span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">2) [플랫폼문의]&nbsp; :&nbsp; 영상/자막업로드 오류 등 플랫폼 오류</span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">3) [사업문의] : 사업 또는 협약관련 문의, 타기관 연계 문의, 예산 문의 등</span></span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">4) [강좌문의]<span style="font-size: 12pt;">&nbsp;: 강좌 만족도 조사, 강좌 요청사항 등 강좌 관련 문의<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">5) [이수증 발급] : 이수증 발급요청시</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">보다 빠른 대응을 위함이오니 협조하여주시기 바랍니다.</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">학습자 및 참여기관 확대로 인하여 문의 응대가 원활하지 못한점&nbsp;<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">죄송스럽게 생각합니다.<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">최소 인력으로 최대 효과를 내기 위함이오니 양해 부탁드립니다.</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">감사합니다.<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">K-MOOC운영센터 드림.</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>';
    contents = $.parseHTML(contents);

    var $frame = $("#frame_1");

    const doc = $frame[0].contentWindow.document;
    let $body = $('body', doc);
    $body.html(contents);
    setIframeHeight("frame_1");

    $(window).resize(function(){
      setIframeHeight("frame_1");
    });
  });

    function setIframeHeight(id) {
        var ifrm = document.getElementById(id);
        var doc = ifrm.contentDocument? ifrm.contentDocument:
            ifrm.contentWindow.document;
        ifrm.style.visibility = 'hidden';
        ifrm.style.height = "10px";
        ifrm.style.height = getDocHeight( doc ) + 4 + "px";
        ifrm.style.visibility = 'visible';
    }

    function getDocHeight(doc) {
        doc = doc || document;
        var body = doc.body, html = doc.documentElement;
        var height = Math.max( body.scrollHeight, body.offsetHeight,
            html.clientHeight, html.scrollHeight, html.offsetHeight );
        return height;
    }


function popClose(id){
    $("#" + id).hide();
}

function setCookie1( name, value, expiredays ) {
    var todayDate = new Date();
    todayDate.setDate( todayDate.getDate() + expiredays );
    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function setCookie( name, value, expiredays ) {
    var todayDate = new Date();
    if(expiredays == '0'){
        expiredays = '999';
    }
    todayDate.setDate( todayDate.getDate() + Number(expiredays) );
    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin(check, id, hidden_day) {
    if ($("#" + check).is(":checked")){
        setCookie( id , "done" , hidden_day);
    }
    $("#" + id).css("display" , "none");
}

function closeWin1() {
    if ($("#chkbox_1").is(":checked")){
        setCookie1( "popupdiv1", "done" , 3 );
    }
    document.all['popupWrap_1'].style.display = "none";
}

function closeWin2() {
    if ($("#chkbox_2").is(":checked")){
        setCookie1( "popupdiv2", "done" , 1 );
    }
    document.all['popupWrap_2'].style.display = "none";
}

cookiedata = document.cookie;

$("#layerPopupArea .pop_content").each(function() {
    var content_id = $(this).attr("id");
    $("#"+content_id).html($("#"+content_id).text());
});

var leng = '1';
leng = Number(leng);

for (var i = 1; i<=leng; i++) {
    if (cookiedata.indexOf(i +"=done") < 0 && popupDate <= targetDate) {
        %if LANG == 'en':
            $("#" + i).css("display" , "none");
        %else:
            $("#" + i).css("display" , "inline-block !important;");
        %endif
} else {
    $("#" + i).css("display" , "none");
}
}


// targetDate2 = new Date(2018, 1, 5);
//
//
// console.log('>>>>>>>>>>>> ' + cookiedata.indexOf("popupdiv1=done") + ":" + popupDate.getFullYear() + ":" + popupDate.getMonth() + ":" + popupDate.getDate() + ":" + popupDate.getHours());
//
// if (
//         (cookiedata.indexOf("popupdiv1=done") < 0 ) && (
//         (popupDate < targetDate)
//         )
//    )
//     {
//
//     if('{{ LANG }}' == 'en')
//         document.all['popupWrap_1'].style.display = "none";
//     else
//         document.all['popupWrap_1'].style.display = "block";
//
//     //console.log(popupDate.getFullYear() + ":" + popupDate.getMonth() + ":" + popupDate.getDate());
//
// } else {
//     document.all['popupWrap_1'].style.display = "none";
// }
//
// if (
//         (cookiedata.indexOf("popupdiv2=done") < 0 ) && (
//         (popupDate < targetDate2)
//         )
//    )
//     {
//
//     if('{{ LANG }}' == 'en')
//         document.all['popupWrap_2'].style.display = "none";
//     else
//         document.all['popupWrap_2'].style.display = "block";
//
// } else {
//     document.all['popupWrap_2'].style.display = "none";
// }

</script>

<div class="wrapper-mast wrapper">
  <header class="mast has-actions">
    <h1 class="page-header">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</h1>

    % if user.is_active:
    <nav class="nav-actions" aria-label="${_('Page Actions')}">
      <h3 class="sr">${_("Page Actions")}</h3>
      <ul>
        <li class="nav-item">
          % if course_creator_status=='granted':
          <a href="#" class="button new-button new-course-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span>
              ${_("New Course")}</a>
          % elif course_creator_status=='disallowed_for_this_site' and settings.FEATURES.get('STUDIO_REQUEST_EMAIL',''):
          <a href="mailto:${settings.FEATURES.get('STUDIO_REQUEST_EMAIL','')}">${_("Email staff to create course")}</a>
          % endif
          % if show_new_library_button:
            <a href="#" class="button new-button new-library-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span>
            ${_("New Library")}</a>
          % endif
        </li>
      </ul>
    </nav>
    % endif
  </header>
</div>

<div class="wrapper-content wrapper">
  % if user.is_active:
  <section class="content">
    <article class="content-primary" role="main">

      % if course_creator_status=='granted':
      <div class="wrapper-create-element wrapper-create-course">
        <form class="form-create create-course course-info" id="create-course-form" name="create-course-form">
          <div class="wrap-error">
            <div id="course_creation_error" name="course_creation_error" class="message message-status message-status error" role="alert">
            <p>${_("Please correct the highlighted fields below.")}</p>
            </div>
          </div>

          <div class="wrapper-form">
            <h3 class="title">${_("Create a New Course")}</h3>

            <fieldset>
              <legend class="sr">${_("Required Information to Create a New Course")}</legend>

              <ol class="list-input">
                <li class="field text required" id="field-course-name">
                  <label for="new-course-name">${_("Course Name")}</label>
                  ## Translators: This is an example name for a new course, seen when
                  ## filling out the form to create a new course.
                  <input class="new-course-name" id="new-course-name" type="text" name="new-course-name" required placeholder="${_('e.g. Introduction to Computer Science')}" aria-describedby="tip-new-course-name tip-error-new-course-name" />
                  <span class="tip" id="tip-new-course-name">${_("The public display name for your course. This cannot be changed, but you can set a different display name in Advanced Settings later.")}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-name"></span>
                </li>
                <li class="field text required" id="field-organization">
                  <label for="new-course-org">${_("Organization")}</label>
                  ## Translators: This is an example for the name of the organization sponsoring a course, seen when filling out the form to create a new course. The organization name cannot contain spaces.
                  ## Translators: "e.g. UniversityX or OrganizationX" is a placeholder displayed when user put no data into this field.
                  <!--<input class="new-course-org" id="new-course-org" type="text" name="new-course-org" required placeholder="${_('e.g. UniversityX or OrganizationX')}" aria-describedby="tip-new-course-org tip-error-new-course-org" />-->
                  <select class="new-course-org" id="new-course-org" name="new-course-org" onchange="check_2level();">
                    <option value="">${_("Select Institute")}</option>
                    %for code, name in org_list :
                        <option value="${code}">${name}(${code})</option>
                    %endfor
                  </select>
                  <span class="tip" id="tip-new-course-org">${Text(_("The name of the organization sponsoring the course. {strong_start}Note: The organization name is part of the course URL.{strong_end} This cannot be changed, but you can set a different display name in Advanced Settings later.")).format(
                      strong_start=HTML('<strong>'),
                      strong_end=HTML('</strong>'),
                  )}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-org"></span>
                </li>
                <li class="field text required" id="field-course-number">
                  <label for="new-course-number">${_("Course Number")}</label>
                  ## Translators: This is an example for the number used to identify a course,
                  ## seen when filling out the form to create a new course. The number here is
                  ## short for "Computer Science 101". It can contain letters but cannot contain spaces.
                  <input class="new-course-number" id="new-course-number" type="text" name="new-course-number" required placeholder="${_('e.g. CS101')}" aria-describedby="tip-new-course-number tip-error-new-course-number" />
                  <span class="tip" id="tip-new-course-number">${Text(_("The unique number that identifies your course within your organization. {strong_start}Note: This is part of your course URL, so no spaces or special characters are allowed and it cannot be changed.{strong_end}")).format(
                      strong_start=HTML('<strong>'),
                      strong_end=HTML('</strong>'),
                  )}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-number"></span>
                </li>

                <li class="field text required" id="field-course-run">
                  <label for="new-course-run">${_("Course Run")}</label>
                  ## Translators: This is an example for the "run" used to identify different
                  ## instances of a course, seen when filling out the form to create a new course.
                  <input class="new-course-run" id="new-course-run" type="text" name="new-course-run" required placeholder="${_('e.g. 2014_T1')}" aria-describedby="tip-new-course-run tip-error-new-course-run" />
                  <span class="tip" id="tip-new-course-run">${Text(_("The term in which your course will run. {strong_start}Note: This is part of your course URL, so no spaces or special characters are allowed and it cannot be changed.{strong_end}")).format(
                      strong_start=HTML('<strong>'),
                      strong_end=HTML('</strong>'),
                  )}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-run"></span>
                </li>
                <li class="field select required" id="field-classfy">
                    <label for="new-course-classfy">${_("Classification")}</label>
                    <select class="new-course-classfy" id="new-course-classfy" name="new-course-classfy" style="margin-bottom: 10px" onchange="middle_classfy(0)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                        <option value="intd">${_("Fusion & Convergence")}</option>
                    </select>

                    <span class="tip tip-error is-hiding" id="tip-error-new-course-classfy"></span>

                    <select class="new-course-middle-classfy" id="new-course-middle-classfy" name="new-course-middle-classfy" onchange="middle_classfy_sub(1)">
                        <option value="">${_("Select sub category")}</option>
                    </select>
                    <br>
                    <select class="new-course-classfy-sub1" id="new-course-classfy-sub1" name="new-course-classfy-sub1" style="visibility: hidden; display: none"  onchange="middle_classfy(1)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                        <option value="intd">${_("Fusion & Convergence")}</option>
                    </select>

                    <select class="new-course-middle-classfy-sub1" id="new-course-middle-classfy-sub1" name="new-course-middle-classfy-sub1" style="visibility: hidden; display: none" onchange="middle_classfy_sub(2)">
                        <option value="">${_("Select Fusion & Convergence category")}</option>
                    </select>

                    <select class="new-course-classfy-sub2" id="new-course-classfy-sub2" name="new-course-classfy-sub2" style="visibility: hidden; display: none" onchange="middle_classfy(2)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                    </select>

                    <select class="new-course-middle-classfy-sub2" id="new-course-middle-classfy-sub2" name="new-course-middle-classfy-sub2" style="visibility: hidden; display: none" onchange="middle_classfy_sub(3)">
                        <option value="">${_("Select Fusion & Convergence category")}</option>
                    </select>

                    <select class="new-course-classfy-sub3" id="new-course-classfy-sub3" name="new-course-classfy-sub3" style="visibility: hidden; display: none" onchange="middle_classfy(3)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                    </select>

                    <select class="new-course-middle-classfy-sub3" id="new-course-middle-classfy-sub3" name="new-course-middle-classfy-sub3" style="visibility: hidden; display: none">
                        <option value="">${_("Select Fusion & Convergence category")}</option>
                    </select>

                    <label>대학정보공시에 따른 5대 전공분류</label>
                    <select class="classfy_add" style="">
                        <option value="">5대 전공분류</option>
                        <option value="hum_and_social">인문사회</option>
                        <option value="natural_science">자연과학</option>
                        <option value="engineering">공학</option>
                        <option value="entertainment">예체능</option>
                        <option value="medicine">의약</option>
                    </select>

                    <input class="new-course-org" id="new-course-classfy-sub" type="hidden" name=new-course-classfy-sub" aria-describedby="tip-new-course-org tip-error-new-course-org" />
                    <input class="new-course-org" id="new-course-middle-classfy-sub" type="hidden" name=new-course-middle-classfy-sub" aria-describedby="tip-new-course-org tip-error-new-course-org" />
                    <span class="tip" id="tip-new-course-classfy">선정평가 시 사업계획서에 기재한 전공을 선택하여 주시기 바랍니다. 선택한 전공은 이후 변경할 수 없습니다.</span>
                    <span class="tip tip-error is-hiding" id="tip-error-new-course-category"></span>

                </li>

                <li class="field select required" id="field-category">
                    <label for="new-course-">${_("Linguistics")}</label>
                    <select class="new-course-linguistics" id="new-course-linguistics" name="new-course-linguistics">
                        <option value="">${_("Select Linguistics")}</option>
                        <option value="Korean">${_("Korean")}</option>
                        <option value="Korean Culture">${_("Korean Curlture")}</option>
                    </select>
                    <span class="tip" id="tip-new-course-linguistics">'한국' 관련 강좌의 경우 한국학을 선택하여 주시기 바랍니다.</span>
                    <span class="tip tip-error is-hiding" id="tip-error-new-course-linguistics"></span>
                </li>

                <li class="field select required" id="field-category" style="display: none">
                    <label for="new-course-">${_("Period of Studing")}</label>
                    <select class="new-course-period" id="new-course-period" name="new-course-period">
                        <option value=" ">${_("Select Period of studing")}</option>
                        <option value="S">${_("Short (1~6 weeks)")}</option>
                        <option value="M">${_("Middle (7~12 weeks)")}</option>
                        <option value="L">${_("Long (over 13 weeks)")}</option>
                   </select>
                    <span class="tip" id="tip-new-course-period">강좌의 주차를 기준으로 학습기간(단기/중기/장기)을 선택하여 주시기 바랍니다.</span>
                    <span class="tip tip-error is-hiding" id="tip-error-new-course-category"></span>
                </li>
              </ol>

            </fieldset>
          </div>

          <div class="actions">
            <input type="hidden" value="${allow_unicode_course_id}" class="allow-unicode-course-id" />
            <input type="submit" value="${_('Create')}" class="action action-primary new-course-save" />
            <input type="button" value="${_('Cancel')}" class="action action-secondary action-cancel new-course-cancel" />
          </div>
        </form>
      </div><commit_msg>오타 수정<commit_after><%page expression_filter="h"/>
<%!
from django.utils.translation import ugettext as _

from openedx.core.djangolib.markup import HTML, Text
from openedx.core.djangolib.js_utils import (
      dump_js_escaped_json
  )
%>

<%inherit file="base.html" />
<%namespace name='static' file='static_content.html'/>
<%def name="online_help_token()"><% return "home" %></%def>
<%block name="title">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</%block>
<%block name="bodyclass">is-signedin index view-dashboard</%block>

<%block name="requirejs">
  require(["js/factories/index"], function (IndexFactory) {
      IndexFactory();
  });
</%block>

<%block name="content">
<style>


.layerPopupArea{position: absolute; z-index: 999; top: 75px; left: 100px;}
.layerPupup{
    z-index: 10010;
	display: none;
	border: 0px solid #fff;
	opacity: 1;
	background: #ffffff;
	font-size: 13px;
    line-height: 25px;
	padding: 5px;
	box-shadow: 0 2px 5px 3px #444444;
	margin: 3px;
	float: left;
}

.ui-widget.ui-widget-content {
  width: 100%;
  position: absolute;
  margin-top: 6px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  max-height: 200px;
  max-width: 427px;
}

.ui-widget li.ui-menu-item {
  margin-top: 10px;
  margin-left: 10px;
  font-family: "Nanum Gothic", "Open Sans";
  color: rgb(0, 0, 0);
  font-style: normal;
  font-size: 15px;
  text-align: -webkit-match-parent;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.ui-autocomplete li.ui-menu-item a.ui-state-focus {
  color: #4c4c4c;
}

.search_label{
    width: 60px;
    margin-top: auto;
    margin-bottom: auto;
}

</style>

<link rel="stylesheet" type="text/css" href="/static/studio/css/pop.css">
<div id="layerPopupArea" class="layerPopupArea">
  <div id="1" class="popup-area" style="width: 650px;">

    <div class="popup-main">
      <div class="popup-header">
        <h4 class="popup-title"><b>K-MOOC 문의방법 안내</b></h4>
      </div>
      <div class="popup-contents">
        <div id="contents_1" style="display: none;"></div>
        <iframe id="frame_1" frameborder="0" scrolling="no" width="100%" class="popup-contents-iframe"></iframe>
      </div>

      <div class="popup-footer">
        <label class="popup-footer-label" onclick="closeWin('pop_close_1','1','1');">
          <input id="pop_close_1" name="pop_close_1" type="checkbox">
          <span class="popup-footer-day"><b>1일간 열지 않음</b></span>
        </label>
        <span class="popup-footer-day popup-footer-close">
        <a href="javascript:popClose('1');" title="닫기"><b>[ 닫기 ]</b></a>
      </span>
      </div>
    </div>
  </div>
</div>
<script>
  var popupDate = new Date();
  var targetDate = new Date(2019, 11, 31, 23, 59, 59);
  $(document).ready(function(){

    let contents ='<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">안녕하세요.</span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">K-MOOC운영센터에서<span class="Apple-converted-space">&nbsp;</span><span style="font-size: 12pt;"><span style="font-size: 12pt;">안내사항 전달드립니다.</span></span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">1. 모든 문의는 가급적<span class="Apple-converted-space">&nbsp;</span><a href="mailto:<EMAIL>" target="_blank"><EMAIL>.kr</a><span class="Apple-converted-space">&nbsp;</span>이메일로 부탁드립니다.<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">&nbsp;&nbsp; (인원부족으로 인한 유선 문의시 업무가 원활하지 못합니다.&nbsp;양해부탁드립니다)<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">2.<span class="Apple-converted-space">&nbsp;</span><span style="font-size: 12pt;">이메일&nbsp;문의 발송시&nbsp;아래 \'머릿말\' 추가하여 주시기 바랍니다.</span></span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><strong>&lt;머릿말 안내&gt;</strong></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><br></span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">1) [품질검수]&nbsp; : 사전/최종검수 신청시</span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;">2) [플랫폼문의]&nbsp; :&nbsp; 영상/자막업로드 오류 등 플랫폼 오류</span></div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">3) [사업문의] : 사업 또는 협약관련 문의, 타기관 연계 문의, 예산 문의 등</span></span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">4) [강좌문의]<span style="font-size: 12pt;">&nbsp;: 강좌 만족도 조사, 강좌 요청사항 등 강좌 관련 문의<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">5) [이수증 발급] : 이수증 발급요청시</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">보다 빠른 대응을 위함이오니 협조하여주시기 바랍니다.</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">학습자 및 참여기관 확대로 인하여 문의 응대가 원활하지 못한점&nbsp;<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">죄송스럽게 생각합니다.<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">최소 인력으로 최대 효과를 내기 위함이오니 양해 부탁드립니다.</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">감사합니다.<span class="Apple-converted-space">&nbsp;</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><br></span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>\n' +
        '<div style="text-size-adjust: auto; list-style: none; margin: 0px; padding: 0px; color: rgb(34, 34, 34); font-family: &quot;Apple SD Gothic Neo&quot;, &quot;맑은 고딕&quot;, &quot;Malgun Gothic&quot;, 돋움, dotum, sans-serif; font-size: 12px;"><span style="font-family: 나눔고딕, NanumGothic, 돋움; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">K-MOOC운영센터 드림.</span></span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '    </span>\n' +
        '</div>';
    contents = $.parseHTML(contents);

    var $frame = $("#frame_1");

    const doc = $frame[0].contentWindow.document;
    let $body = $('body', doc);
    $body.html(contents);
    setIframeHeight("frame_1");

    $(window).resize(function(){
      setIframeHeight("frame_1");
    });
  });

    function setIframeHeight(id) {
        var ifrm = document.getElementById(id);
        var doc = ifrm.contentDocument? ifrm.contentDocument:
            ifrm.contentWindow.document;
        ifrm.style.visibility = 'hidden';
        ifrm.style.height = "10px";
        ifrm.style.height = getDocHeight( doc ) + 4 + "px";
        ifrm.style.visibility = 'visible';
    }

    function getDocHeight(doc) {
        doc = doc || document;
        var body = doc.body, html = doc.documentElement;
        var height = Math.max( body.scrollHeight, body.offsetHeight,
            html.clientHeight, html.scrollHeight, html.offsetHeight );
        return height;
    }


function popClose(id){
    $("#" + id).hide();
}

function setCookie1( name, value, expiredays ) {
    var todayDate = new Date();
    todayDate.setDate( todayDate.getDate() + expiredays );
    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function setCookie( name, value, expiredays ) {
    var todayDate = new Date();
    if(expiredays == '0'){
        expiredays = '999';
    }
    todayDate.setDate( todayDate.getDate() + Number(expiredays) );
    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin(check, id, hidden_day) {
    if ($("#" + check).is(":checked")){
        setCookie( id , "done" , hidden_day);
    }
    $("#" + id).css("display" , "none");
}

function closeWin1() {
    if ($("#chkbox_1").is(":checked")){
        setCookie1( "popupdiv1", "done" , 3 );
    }
    document.all['popupWrap_1'].style.display = "none";
}

function closeWin2() {
    if ($("#chkbox_2").is(":checked")){
        setCookie1( "popupdiv2", "done" , 1 );
    }
    document.all['popupWrap_2'].style.display = "none";
}

cookiedata = document.cookie;

$("#layerPopupArea .pop_content").each(function() {
    var content_id = $(this).attr("id");
    $("#"+content_id).html($("#"+content_id).text());
});

var leng = '1';
leng = Number(leng);

for (var i = 1; i<=leng; i++) {
    if (cookiedata.indexOf(i +"=done") < 0 && popupDate <= targetDate) {
        %if LANG == 'en':
            $("#" + i).css("display" , "none");
        %else:
            $("#" + i).css("display" , "inline-block !important;");
        %endif
} else {
    $("#" + i).css("display" , "none");
}
}


// targetDate2 = new Date(2018, 1, 5);
//
//
// console.log('>>>>>>>>>>>> ' + cookiedata.indexOf("popupdiv1=done") + ":" + popupDate.getFullYear() + ":" + popupDate.getMonth() + ":" + popupDate.getDate() + ":" + popupDate.getHours());
//
// if (
//         (cookiedata.indexOf("popupdiv1=done") < 0 ) && (
//         (popupDate < targetDate)
//         )
//    )
//     {
//
//     if('{{ LANG }}' == 'en')
//         document.all['popupWrap_1'].style.display = "none";
//     else
//         document.all['popupWrap_1'].style.display = "block";
//
//     //console.log(popupDate.getFullYear() + ":" + popupDate.getMonth() + ":" + popupDate.getDate());
//
// } else {
//     document.all['popupWrap_1'].style.display = "none";
// }
//
// if (
//         (cookiedata.indexOf("popupdiv2=done") < 0 ) && (
//         (popupDate < targetDate2)
//         )
//    )
//     {
//
//     if('{{ LANG }}' == 'en')
//         document.all['popupWrap_2'].style.display = "none";
//     else
//         document.all['popupWrap_2'].style.display = "block";
//
// } else {
//     document.all['popupWrap_2'].style.display = "none";
// }

</script>

<div class="wrapper-mast wrapper">
  <header class="mast has-actions">
    <h1 class="page-header">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</h1>

    % if user.is_active:
    <nav class="nav-actions" aria-label="${_('Page Actions')}">
      <h3 class="sr">${_("Page Actions")}</h3>
      <ul>
        <li class="nav-item">
          % if course_creator_status=='granted':
          <a href="#" class="button new-button new-course-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span>
              ${_("New Course")}</a>
          % elif course_creator_status=='disallowed_for_this_site' and settings.FEATURES.get('STUDIO_REQUEST_EMAIL',''):
          <a href="mailto:${settings.FEATURES.get('STUDIO_REQUEST_EMAIL','')}">${_("Email staff to create course")}</a>
          % endif
          % if show_new_library_button:
            <a href="#" class="button new-button new-library-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span>
            ${_("New Library")}</a>
          % endif
        </li>
      </ul>
    </nav>
    % endif
  </header>
</div>

<div class="wrapper-content wrapper">
  % if user.is_active:
  <section class="content">
    <article class="content-primary" role="main">

      % if course_creator_status=='granted':
      <div class="wrapper-create-element wrapper-create-course">
        <form class="form-create create-course course-info" id="create-course-form" name="create-course-form">
          <div class="wrap-error">
            <div id="course_creation_error" name="course_creation_error" class="message message-status message-status error" role="alert">
            <p>${_("Please correct the highlighted fields below.")}</p>
            </div>
          </div>

          <div class="wrapper-form">
            <h3 class="title">${_("Create a New Course")}</h3>

            <fieldset>
              <legend class="sr">${_("Required Information to Create a New Course")}</legend>

              <ol class="list-input">
                <li class="field text required" id="field-course-name">
                  <label for="new-course-name">${_("Course Name")}</label>
                  ## Translators: This is an example name for a new course, seen when
                  ## filling out the form to create a new course.
                  <input class="new-course-name" id="new-course-name" type="text" name="new-course-name" required placeholder="${_('e.g. Introduction to Computer Science')}" aria-describedby="tip-new-course-name tip-error-new-course-name" />
                  <span class="tip" id="tip-new-course-name">${_("The public display name for your course. This cannot be changed, but you can set a different display name in Advanced Settings later.")}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-name"></span>
                </li>
                <li class="field text required" id="field-organization">
                  <label for="new-course-org">${_("Organization")}</label>
                  ## Translators: This is an example for the name of the organization sponsoring a course, seen when filling out the form to create a new course. The organization name cannot contain spaces.
                  ## Translators: "e.g. UniversityX or OrganizationX" is a placeholder displayed when user put no data into this field.
                  <!--<input class="new-course-org" id="new-course-org" type="text" name="new-course-org" required placeholder="${_('e.g. UniversityX or OrganizationX')}" aria-describedby="tip-new-course-org tip-error-new-course-org" />-->
                  <select class="new-course-org" id="new-course-org" name="new-course-org" onchange="check_2level();">
                    <option value="">${_("Select Institute")}</option>
                    %for code, name in org_list :
                        <option value="${code}">${name}(${code})</option>
                    %endfor
                  </select>
                  <span class="tip" id="tip-new-course-org">${Text(_("The name of the organization sponsoring the course. {strong_start}Note: The organization name is part of the course URL.{strong_end} This cannot be changed, but you can set a different display name in Advanced Settings later.")).format(
                      strong_start=HTML('<strong>'),
                      strong_end=HTML('</strong>'),
                  )}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-org"></span>
                </li>
                <li class="field text required" id="field-course-number">
                  <label for="new-course-number">${_("Course Number")}</label>
                  ## Translators: This is an example for the number used to identify a course,
                  ## seen when filling out the form to create a new course. The number here is
                  ## short for "Computer Science 101". It can contain letters but cannot contain spaces.
                  <input class="new-course-number" id="new-course-number" type="text" name="new-course-number" required placeholder="${_('e.g. CS101')}" aria-describedby="tip-new-course-number tip-error-new-course-number" />
                  <span class="tip" id="tip-new-course-number">${Text(_("The unique number that identifies your course within your organization. {strong_start}Note: This is part of your course URL, so no spaces or special characters are allowed and it cannot be changed.{strong_end}")).format(
                      strong_start=HTML('<strong>'),
                      strong_end=HTML('</strong>'),
                  )}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-number"></span>
                </li>

                <li class="field text required" id="field-course-run">
                  <label for="new-course-run">${_("Course Run")}</label>
                  ## Translators: This is an example for the "run" used to identify different
                  ## instances of a course, seen when filling out the form to create a new course.
                  <input class="new-course-run" id="new-course-run" type="text" name="new-course-run" required placeholder="${_('e.g. 2014_T1')}" aria-describedby="tip-new-course-run tip-error-new-course-run" />
                  <span class="tip" id="tip-new-course-run">${Text(_("The term in which your course will run. {strong_start}Note: This is part of your course URL, so no spaces or special characters are allowed and it cannot be changed.{strong_end}")).format(
                      strong_start=HTML('<strong>'),
                      strong_end=HTML('</strong>'),
                  )}</span>
                  <span class="tip tip-error is-hiding" id="tip-error-new-course-run"></span>
                </li>
                <li class="field select required" id="field-classfy">
                    <label for="new-course-classfy">${_("Classification")}</label>
                    <select class="new-course-classfy" id="new-course-classfy" name="new-course-classfy" style="margin-bottom: 10px" onchange="middle_classfy(0)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                        <option value="intd">${_("Fusion & Convergence")}</option>
                    </select>

                    <span class="tip tip-error is-hiding" id="tip-error-new-course-classfy"></span>

                    <select class="new-course-middle-classfy" id="new-course-middle-classfy" name="new-course-middle-classfy" onchange="middle_classfy_sub(1)">
                        <option value="">${_("Select sub category")}</option>
                    </select>
                    <br>
                    <select class="new-course-classfy-sub1" id="new-course-classfy-sub1" name="new-course-classfy-sub1" style="visibility: hidden; display: none"  onchange="middle_classfy(1)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                        <option value="intd">${_("Fusion & Convergence")}</option>
                    </select>

                    <select class="new-course-middle-classfy-sub1" id="new-course-middle-classfy-sub1" name="new-course-middle-classfy-sub1" style="visibility: hidden; display: none" onchange="middle_classfy_sub(2)">
                        <option value="">${_("Select Fusion & Convergence category")}</option>
                    </select>

                    <select class="new-course-classfy-sub2" id="new-course-classfy-sub2" name="new-course-classfy-sub2" style="visibility: hidden; display: none" onchange="middle_classfy(2)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                    </select>

                    <select class="new-course-middle-classfy-sub2" id="new-course-middle-classfy-sub2" name="new-course-middle-classfy-sub2" style="visibility: hidden; display: none" onchange="middle_classfy_sub(3)">
                        <option value="">${_("Select Fusion & Convergence category")}</option>
                    </select>

                    <select class="new-course-classfy-sub3" id="new-course-classfy-sub3" name="new-course-classfy-sub3" style="visibility: hidden; display: none" onchange="middle_classfy(3)">
                        <option value="">${_("Select main category")}</option>
                        <option value="hum">${_("Humanities")}</option>
                        <option value="social">${_("Social")}</option>
                        <option value="edu">${_("Education")}</option>
                        <option value="eng">${_("Engineering")}</option>
                        <option value="nat">${_("Natural")}</option>
                        <option value="med">${_("Medical Sciences & Pharmacy")}</option>
                        <option value="art">${_("Arts & Physical Education")}</option>
                    </select>

                    <select class="new-course-middle-classfy-sub3" id="new-course-middle-classfy-sub3" name="new-course-middle-classfy-sub3" style="visibility: hidden; display: none">
                        <option value="">${_("Select Fusion & Convergence category")}</option>
                    </select>

                    <label>대학정보공시에 따른 5대 전공분류</label>
                    <select class="classfy_add" style="">
                        <option value="">5대 전공분류</option>
                        <option value="hum_and_social">인문사회</option>
                        <option value="natural_science">자연과학</option>
                        <option value="engineering">공학</option>
                        <option value="entertainment">예체능</option>
                        <option value="medicine">의약</option>
                    </select>

                    <input class="new-course-org" id="new-course-classfy-sub" type="hidden" name=new-course-classfy-sub" aria-describedby="tip-new-course-org tip-error-new-course-org" />
                    <input class="new-course-org" id="new-course-middle-classfy-sub" type="hidden" name=new-course-middle-classfy-sub" aria-describedby="tip-new-course-org tip-error-new-course-org" />
                    <span class="tip" id="tip-new-course-classfy">선정평가 시 사업계획서에 기재한 전공을 선택하여 주시기 바랍니다. 선택한 전공은 이후 변경할 수 없습니다.</span>
                    <span class="tip tip-error is-hiding" id="tip-error-new-course-category"></span>

                </li>

                <li class="field select required" id="field-category">
                    <label for="new-course-">${_("Linguistics")}</label>
                    <select class="new-course-linguistics" id="new-course-linguistics" name="new-course-linguistics">
                        <option value="">${_("Select Linguistics")}</option>
                        <option value="Korean">${_("Korean")}</option>
                        <option value="Korean Culture">${_("Korean Culture")}</option>
                    </select>
                    <span class="tip" id="tip-new-course-linguistics">'한국' 관련 강좌의 경우 한국학을 선택하여 주시기 바랍니다.</span>
                    <span class="tip tip-error is-hiding" id="tip-error-new-course-linguistics"></span>
                </li>

                <li class="field select required" id="field-category" style="display: none">
                    <label for="new-course-">${_("Period of Studing")}</label>
                    <select class="new-course-period" id="new-course-period" name="new-course-period">
                        <option value=" ">${_("Select Period of studing")}</option>
                        <option value="S">${_("Short (1~6 weeks)")}</option>
                        <option value="M">${_("Middle (7~12 weeks)")}</option>
                        <option value="L">${_("Long (over 13 weeks)")}</option>
                   </select>
                    <span class="tip" id="tip-new-course-period">강좌의 주차를 기준으로 학습기간(단기/중기/장기)을 선택하여 주시기 바랍니다.</span>
                    <span class="tip tip-error is-hiding" id="tip-error-new-course-category"></span>
                </li>
              </ol>

            </fieldset>
          </div>

          <div class="actions">
            <input type="hidden" value="${allow_unicode_course_id}" class="allow-unicode-course-id" />
            <input type="submit" value="${_('Create')}" class="action action-primary new-course-save" />
            <input type="button" value="${_('Cancel')}" class="action action-secondary action-cancel new-course-cancel" />
          </div>
        </form>
      </div>
{'fraction_non_alphanumeric': 0.2030264660608769, 'fraction_numerical': 0.02035850836685039, 'mean_word_length': 2.661848265830265, 'pattern_counts': {'":': 18, '<': 1553, '<?xml version=': 0, '>': 1563, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1969175', 'n_tokens_mistral': 30849, 'n_tokens_neox': 28480, 'n_words': 5406}