{##}
{% extends 'layout/layout_kc.html' %}
{% block content %}
{% autoescape false %}
{#
__THEME_URL_COMMON : 공통 경로
__THEME_URL : 테마경로
#}
 <main>

	{# 상단메뉴 NAV####################### #}
	{{ include('layout/layout_top_nav.html') }}
	{# 상단메뉴 NAV####################### #}


  <aside class="float_wrap hidden">
    <div class="float_item">
      <a href="tel:1670-3711">
        <img src="{{__THEME_URL}}/img/float_call.svg" alt="전화상담">전화상담
      </a>
    </div>
    <div class="float_item">
      <a href="/home/order/enroll.php?clc=00000">
        <img src="{{__THEME_URL}}/img/float_enroll.svg" alt="수강신청">수강신청
      </a>
    </div>
    <div class="float_item">
      <a href="/home/review/review_new.php">
        <img src="{{__THEME_URL}}/img/float_enroll.svg" alt="합격후기">합격후기
      </a>
    </div>
  </aside>
  <script>
    window.addEventListener('scroll', () => {
      const floatWrap = document.querySelector('.float_wrap');
      const scrollY = window.scrollY || document.documentElement.scrollTop;
      const threshold = document.documentElement.scrollHeight * 0.065;
  
      if (scrollY > threshold) {
        floatWrap.classList.remove('hidden');
        floatWrap.classList.add('visible');
      } else {
        floatWrap.classList.remove('visible');
        floatWrap.classList.add('hidden');
      }
    });
  </script>

<script>
  // 탭메뉴
  $(document).ready(function () {
    $('.cnt_login .tab_button').click(function () {
      var targetTab = $(this).data('target');

      $('.cnt_login .tab_button').removeClass('active');
      $('.cnt_login .tab_pane').removeClass('active');

      $(this).addClass('active');
      $('#' + targetTab).addClass('active');
    });
  });
</script>
  <section id="main">
    <article class="cnt1">
      <div class="area">
        <div class="visual swiper mySwiper">
          <ul class="swiper-wrapper">
            <li class="slide1 swiper-slide"><a href="/home/order/enroll.php?clc=03040"><img src="{{__THEME_URL}}/img_kc/v1/visual1@3.png" alt=""></a></li>
            <li class="slide2 swiper-slide"><a href="/home/order/enroll.php?clc=00000"><img src="{{__THEME_URL}}/img_kc/v1/visual2@3.png" alt=""></a></li>
            <li class="slide3 swiper-slide"><a href="/home/order/enroll.php?clc=03058"><img src="{{__THEME_URL}}/img_kc/v1/visual3@3.png" alt=""></a></li>
            <li class="slide3 swiper-slide"><a href="/home/order/enroll.php?clc=03045"><img src="{{__THEME_URL}}/img_kc/v1/visual4@3.png" alt=""></a></li>
            <li class="slide3 swiper-slide"><a href="/home/order/enroll.php?clc=03028"><img src="{{__THEME_URL}}/img_kc/v1/visual5@3.png" alt=""></a></li>
          </ul>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </article>

    <!-- searchoBox시작 -->
    <div class="searchBox" id="go_search">
      <a>찾으시는 자격증 과정이 있으신가요?</a>
    </div>
    <!-- searchoBox끝 -->
    <div class="cnt_login">
      <div class="inner">
        {% if member.m_id %}
        <div class="login_intro_box">
          <h3><em>안녕하세요!</em><span>{{member.m_name}}</span>님 반갑습니다.</h3>
          <a href="home/mypage/point.php" title="포인트" class="main_point_box">
            <img src="{{__THEME_URL}}/img_kc/mo_point.png" alt="">
            {{ member.m_point|number_format }}원
          </a>
        </div>
        <div class="after_log_box">
          <a href="home/mypage/" title="정보수정" class="btn_sm_mypage">정보수정</a>
          <a href="/home/login/logout.php" class="btn_sm_logout">로그아웃</a>
          <button class="btn_sm_myclass" onclick="location.href='/home/class/'">나의 강의실</button>
        </div>
        <div class="tab_container mylistTab">
          <ul class="tab_buttons">
            <li class="tab_button active" data-target="tab001">수강중 강의 <span>{{ enroll_count1.count }}</span></li>
            <li class="tab_button" data-target="tab002">마감된 강의 <span>{{ enroll_count2.count }}</span></li>
          </ul>
          <div class="tab_content">
            <div id="tab001" class="tab_pane active">
              <ul class="mylist">
                {% for row in enroll%}
                <li onclick="location.href='/home/class/classroom.php?log_num={{row.enroll_id}}'">
                  <div class="list_inner">
                    <div class="left">
                      <div class="tit">
                        <strong>{{ row.subject_name }}</strong>
                        <span class="badge">학습중</span>
                      </div>
                      <p class="date">{{ row.start_datetime|date("Y-m-d") }} ~ {{ row.end_datetime|date("Y-m-d") }}</p>
                    </div>
                    <div class="right">
                      <div class="small_bar_container">
                        <div class="attendance-bar" style="width: {{ row.attend_ratio }}%;"></div>
                      </div>
                      <strong>{{ row.attend_ratio }}<em>%</em></strong>
                    </div>
                  </div>
                </li>
                {% endfor %}
              </ul>
            </div>
            <div id="tab002" class="tab_pane">
              <ul class="mylist">
                {% for row in enroll2 %}
                <li>
                  <div class="list_inner">
                    <div class="left">
                      <div class="tit">
                        <strong>{{ row.subject_name }}</strong>
                        <span class="badge">학습중</span>
                      </div>
                      <p class="date">{{ row.start_datetime|date("Y-m-d") }} ~ {{ row.end_datetime|date("Y-m-d") }}</p>
                    </div>
                    <div class="right">
                      <div class="small_bar_container">
                        <div class="attendance-bar" style="width: {{ row.attend_ratio }}%;"></div>
                      </div>
                      <strong>{{ row.attend_ratio }} <em>%</em></strong>
                    </div>
                  </div>
                </li>
                {% endfor %}
              </ul>
            </div>
          </div>
        </div>
        {% else %}
        <h3>지금 회원 가입하고 다양한<br>혜택을 누려 보세요!</h3>
        <button class="login_btn3" onclick="location.href='home/login/'">로그인</button>
        <ul class="box_log">
          <li><a href="home/find/">아이디 찾기</a></li>
          <li><a href="home/find/?tab=2">비밀번호 찾기</a></li>
          <li><a href="home/login/">회원가입</a></li>
        </ul>
        {% endif %}
      </div>
    </div>

    <div class="cnt_roll">
      <div class="tabs">
        <div class="tab" data-tab="0">실시간 발급현황</div>
        <div class="tab" data-tab="1">실시간 수강현황</div>
      </div>
      <div class="tab-content" id="tab-content-0">
        <div class="rolling_card">
          <div class="rolling_header">
            <span>상태</span>
            <span>고객명</span>
            <span>과목</span>
            <span>발급일</span>
          </div>
          <div class="rolling_wrapper">
          </div>
        </div>
      </div>
      <div class="tab-content" id="tab-content-1">
        <div class="rolling_card">
          <div class="rolling_header">
            <span>상태</span>
            <span>고객명</span>
            <span>과목</span>
            <span>수강일</span>
          </div>
          <div class="rolling_wrapper">
          </div>
        </div>
      </div>
    </div>
    <script>
      $(document).ready(function() {
        showTab(0);

        $('.tab').on('click', function() {
          var tabIndex = $(this).data('tab');
          showTab(tabIndex);
        });

        function showTab(tabIndex) {
          $('.tab-content').hide();
          $('#tab-content-' + tabIndex).show();
          $('.tab').removeClass('active-tab');
          $('.tab').eq(tabIndex).addClass('active-tab');
        }
      });
    </script>
    <script>
      // 한국 시간 기준 오늘 날짜 반환
      function getFormattedDate() {
        const now = new Date();
        const koreaTime = new Date(now.getTime() + (9 * 60 * 60 * 1000));
        return koreaTime.toISOString().slice(0, 10); // 'YYYY-MM-DD'
      }
    
      // 항목 템플릿 생성
      function createListItem(status, name, subject, date) {
        return `
          <li>
            <div class="rolling_badge">${status}</div>
            <div class="rolling_name">${name}</div>
            <div class="rolling_class">${subject}</div>
            <div class="rolling_date">${date}</div>
          </li>
        `;
      }
    
      // 리스트 렌더링 함수
      function renderList(data, status, containerSelector) {
        const wrapper = document.querySelector(containerSelector);
        const ul = document.createElement('ul');
        ul.className = "rolling_list";
    
        const today = getFormattedDate(); // 한국 시간 기준 오늘 날짜
    
        data.forEach((item) => {
          const liHTML = createListItem(status, item[0], item[1], today);
          ul.insertAdjacentHTML("beforeend", liHTML);
        });
    
        wrapper.appendChild(ul);
    
        // 무한 스크롤용 복제
        const clone = ul.cloneNode(true);
        wrapper.appendChild(clone);
    
        // opacity 지연 효과
        setTimeout(() => {
          wrapper.style.opacity = '1';
        }, 100);
      }
    
      // 발급 및 수강 데이터
      const issueData = [
        ["김*지", "병원코디네이터"], ["이*희", "심리상담사"], ["박*훈", "운동처방사"],
        ["김*미", "생활지원사"], ["최*성", "병원동행매니저"], ["이*진", "베이비시터"],
        ["정*진", "커피지도사"], ["박*희", "방과후지도사"], ["이*은", "반려동물관리사"],
        ["강*수", "펫시터"], ["임*정", "노인생활지도사"], ["윤*라", "심리상담사"],
        ["조*영", "요양병원관리사"], ["서*민", "방과후지도사"], ["문*진", "반려동물관리사"],
        ["배*미", "베이비시터"], ["홍*화", "병원코디네이터"], ["장*훈", "운동처방사"],
        ["오*진", "생활지원사"], ["남*연", "병원동행매니저"], ["심*철", "커피지도사"],
        ["백*현", "방과후지도사"], ["이*라", "펫시터"], ["정*수", "반려동물관리사"],
        ["강*호", "노인생활지도사"], ["이*훈", "심리상담사"], ["노*진", "요양병원관리사"],
        ["고*원", "베이비시터"], ["문*철", "운동처방사"], ["서*린", "병원코디네이터"]
      ];
    
      const enrollData = [
        ["김*진", "심리상담사"], ["이*수", "병원코디네이터"], ["이*희", "베이비시터"],
        ["김*수", "생활지원사"], ["강*지", "노인생활지도사"], ["정*민", "실버체조지도자"],
        ["이*은", "독서지도사"], ["김*수", "전산회계"], ["한*지", "반려동물관리사"],
        ["조*하", "요양병원관리사"], ["박*기", "커피지도사"], ["이*선", "노인생활지도사"],
        ["최*민", "운동처방사"], ["서*혁", "병원동행매니저"], ["홍*하", "베이비시터"],
        ["노*철", "생활지원사"], ["양*재", "반려동물관리사"], ["윤*현", "전산회계"],
        ["고*영", "노인생활지도사"], ["심*진", "실버체조지도자"], ["정*훈", "독서지도사"],
        ["남*우", "방과후지도사"], ["임*호", "전산회계"], ["배*현", "노인생활지도사"],
        ["이*기", "심리상담사"], ["박*연", "병원코디네이터"], ["조*경", "커피지도사"],
        ["문*정", "병원동행매니저"], ["한*석", "운동처방사"], ["정*민", "생활지원사"]
      ];
    
      // 리스트 렌더링
      renderList(issueData, "발급완료", "#tab-content-0 .rolling_wrapper");
      renderList(enrollData, "수강완료", "#tab-content-1 .rolling_wrapper");
    </script>

<article class="cnt_tab card">
  <ul class="tab_buttons">
    <li class="tab_button active" data-target="tab1">인기과정</li>
    <li class="tab_button" data-target="tab2">추천과정</li>
  </ul>
  <div class="tab_container">
    <div class="tab_content">
      <div id="tab1" class="tab_pane active">
        <div class="t_wrap">
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=648">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-01.png" alt=""></div>
              <strong class="t_title"><span>1</span>간병사</strong>
              <p><em>주무부처 :</em> 보건복지부</p>
              <p><em>발급기관 : </em> 대한자격개발검정원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=501">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-02.png" alt=""></div>
              <strong class="t_title"><span>2</span>반려동물관리사</strong>
              <p><em>주무부처 :</em> 농림축산식품부</p>
              <p><em>발급기관 : </em> 한국반려동물자격협회</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=773">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-03.png" alt=""></div>
              <strong class="t_title"><span>3</span>실버케어지도사</strong>
              <p><em>주무부처 :</em> 보건복지부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=668">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-4.png" alt=""></div>
              <strong class="t_title"><span>4</span>생활지원사</strong>
              <p><em>주무부처 :</em> 보건복지부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=398">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-05.png" alt=""></div>
              <strong class="t_title"><span>5</span>심리상담사 </strong>
              <p><em>주무부처 :</em> 보건복지부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=809">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-06.png" alt=""></div>
              <strong class="t_title"><span>6</span> 커피지도사</strong>
              <p><em>주무부처 :</em> 농림축산식품부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
        </div>
      </div>
      <div id="tab2" class="tab_pane">
        <div class="t_wrap">
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=740">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-1.png" alt=""></div>
              <strong class="t_title"><span>1</span>골프전문지도자</strong>
              <p><em>주무부처 :</em> 문화체육관광부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=390">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-2.png" alt=""></div>
              <strong class="t_title"><span>2</span>커피바리스타전문가</strong>
              <p><em>주무부처 :</em> 농림축산식품부</p>
              <p><em>발급기관 : </em> 한국커피바리스타협의회</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=722">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-3.png" alt=""></div>
              <strong class="t_title"><span>3</span>정원관리사</strong>
              <p><em>주무부처 :</em> 산림청</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=668">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-4.png" alt=""></div>
              <strong class="t_title"><span>4</span>생활지원사</strong>
              <p><em>주무부처 :</em> 보건복지부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=548">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-5.png" alt=""></div>
              <strong class="t_title"><span>5</span>산모신생아건강관리사</strong>
              <p><em>주무부처 :</em> 보건복지부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
          <div class="t_inner">
            <a href="/home/curriculum/info.php?item=741">
              <div class="t_img"><img src="{{__THEME_URL}}/img_kc/v1/t-6.png" alt=""></div>
              <strong class="t_title"><span>6</span>전통차소믈리에</strong>
              <p><em>주무부처 :</em> 농림축산식품부</p>
              <p><em>발급기관 : </em> 한국자격검정평가진흥원</p>
            </a>
          </div>
        </div>
      </div>
    <script>
      // 탭메뉴
      $(document).ready(function () {
        $('.cnt_tab .tab_button').click(function () {
          var targetTab = $(this).data('target');

          $('.cnt_tab .tab_button').removeClass('active');
          $('.cnt_tab .tab_pane').removeClass('active');

          $(this).addClass('active');
          $('#' + targetTab).addClass('active');
        });
      });
    </script>
    </div>
  </div>
</article>

<article class="cnt2">
  <div class="inner">
    <div class="tit">
      <h3><span>한단계 성장을 위한</span>전문 자격 과정 안내</h3>
    </div>
    <div class="txt">
      <div class="box swiper mySwiper2">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <ul>
              <li>
                <a href="/home/order/enroll.php?clc=03028">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon1-n.png" alt=""></span>
                  <h4>병원과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03027">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon2-n.png" alt=""></span>
                  <h4>심리과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03040">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon3-n.png" alt=""></span>
                  <h4>전문가과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03030">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon4-n.png" alt=""></span>
                  <h4>실버과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03058">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon5-n.png" alt=""></span>
                  <h4>운동과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03043">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon6-n.png" alt=""></span>
                  <h4>부동산과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03032">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon7-n.png" alt=""></span>
                  <h4>강사과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03041">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon8-n.png" alt=""></span>
                  <h4>아동과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03045">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon9-n.png" alt=""></span>
                  <h4>반려과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03029">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon10-n.png" alt=""></span>
                  <h4>방과후과정</h4>
                </a>
              </li>
            </ul>
          </div>
          <div class="swiper-slide">
            <ul>
              <li>
                <a href="/home/order/enroll.php?clc=03035">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon11-n.png" alt=""></span>
                  <h4>안전과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03057">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon12-n.png" alt=""></span>
                  <h4>공예과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03033">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon13-n.png" alt=""></span>
                  <h4>커피과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03053">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon14-n.png" alt=""></span>
                  <h4>산업과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03024">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon15-n.png" alt=""></span>
                  <h4>IT과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03054">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon16-n.png" alt=""></span>
                  <h4>취업과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03042">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon17-n.png" alt=""></span>
                  <h4>공부과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03044">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon18-n.png" alt=""></span>
                  <h4>인문과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03059">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon19-n.png" alt=""></span>
                  <h4>지자체과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=03060">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon20-n.png" alt=""></span>
                  <h4>뷰티과정</h4>
                </a>
              </li>
            </ul>
          </div>
          <div class="swiper-slide">
            <ul>
              <li>
                <a href="/home/order/enroll.php?clc=03055">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon21-n.png" alt=""></span>
                  <h4>항공과정</h4>
                </a>
              </li>
              <li>
                <a href="/home/order/enroll.php?clc=00000">
                  <span class="icon"><img src="{{__THEME_URL}}/img_kc/v1/c2_icon22-n.png" alt=""></span>
                  <h4>추천과정</h4>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="swiper-pagination2"></div>
</article>
<article class="cnt_video">
  <div class="video">
    <div class="tit">
      <h3><strong>4K</strong><span>초고화질</span> 동영상 강의</h3>
      <p>1:1로 수업받는 듯한<br>생생한 기분!</p>
    </div>
    <div class="txt">
      <a href="#" class="js-modal-btn" data-video-id="63965073">
        <div class="img"><img src="{{__THEME_URL}}/img_kc/v1/play-img.png" alt=""></div>
      </a>
    </div>
    <script type="text/javascript">
      $(".js-modal-btn").modalVideo({
        channel: 'navertv'
      });
    </script>
  </div>
</article>
<article class="cnt_business">
  <div class="inner">
    <div class="tit">
      <h3>{{org_res.name}}&nbsp;<strong>사업분야</strong></h3>
      <div class="ico_wrap"><img src="{{__THEME_URL}}/img_kc/v1/icon_business.png" alt=""></div>
    </div>
    <div class="txt">
      <div class="box">
        <ul>
          <li class="on"><h4>자격증 인증·발급 기관</h4></li>
          <li><h4>
            온라인 교육 서비스</h4></li>
          <li><h4>취업아카데미 운영</h4></li>
          <li><h4>
            콘텐츠 제휴 및 라이센스</h4></li>
          <li><h4>이러닝 콘텐츠 제작센터</h4></li>
          <li class="widW"><h4>
            자격증 교재 종합출판</h4></li>
        </ul>
      </div>
    </div>
  </div>
</article>
<script>
  // 사업분야
  $(document).ready(function (){
      var c6Items = $(".cnt_business .box li");
      var cListItem = 0;

      setInterval(function() {
        c6Items.removeClass("on");
        $(c6Items[cListItem]).addClass("on");
        cListItem = (cListItem + 1) % c6Items.length;
      }, 2700);
    });
</script>

<article class="cnt_professor">
  <div class="tit">
    <h3>전문 교수진 라인업</h3>
  </div>
  <div class="inner">
    <div class="txt swiper mySwiper4">
      <ul class="swiper-wrapper">
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor01.png" alt=""></div>
            <h4><strong>강민지</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor02.png" alt=""></div>
            <h4><strong>권기진</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor03.png" alt=""></div>
            <h4><strong>김정문</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor04.png" alt=""></div>
            <h4><strong>김종환</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor05.png" alt=""></div>
            <h4><strong>김희경</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor06.png" alt=""></div>
            <h4><strong>문유숙</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor07.png" alt=""></div>
            <h4><strong>문유진</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor08.png" alt=""></div>
            <h4><strong>박노성</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor09.png" alt=""></div>
            <h4><strong>손민영</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor10.png" alt=""></div>
            <h4><strong>안은영</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor11.png" alt=""></div>
            <h4><strong>안하윤</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor12.png" alt=""></div>
            <h4><strong>오유라</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor13.png" alt=""></div>
            <h4><strong>이유리</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor14.png" alt=""></div>
            <h4><strong>이의영</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor15.png" alt=""></div>
            <h4><strong>이정수</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor16.png" alt=""></div>
            <h4><strong>이정연</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor17.png" alt=""></div>
            <h4><strong>이주왕</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor18.png" alt=""></div>
            <h4><strong>전승윤</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor19.png" alt=""></div>
            <h4><strong>정양형</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor20.png" alt=""></div>
            <h4><strong>정혜리</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor21.png" alt=""></div>
            <h4><strong>정홍권</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor22.png" alt=""></div>
            <h4><strong>조수아</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor23.png" alt=""></div>
            <h4><strong>조양희</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor24.png" alt=""></div>
            <h4><strong>한동진</strong>교수님</h4>
          </div>
        </li>
        <li class="swiper-slide">
          <div>
            <div class="img"><img src="{{__THEME_URL}}/img_kc/professor-n/n_professor25.png" alt=""></div>
            <h4><strong>한찬중</strong>교수님</h4>
          </div>
        </li>
      </ul>
    </div>
    <div class="btn_right swiper-button-next4"></div>
    <div class="btn_right swiper-button-prev4"></div>
  </div>
  <a href="/home/order/enroll.php" class="view_more">라인업 전체보기</a>
</article>
<article class="cnt5" style="padding-bottom: 10px;">
  <div class="tit">
    <h3>수강생 리얼 합격후기</h3>
    <p class="desc">{{org_res.name}}는 <b>출발이 다릅니다!</b></p>
  </div>
  <div class="inner">
    <div class="txt swiper mySwiper6">
      <ul class="swiper-wrapper">
        <li class="swiper-slide">
          <a href="#" class="js-modal-btn2" data-video-id="25891227">
            <div class="top">
              <span class="ps"><img src="{{__THEME_URL}}/img_kc/v1/review_thumb.png" alt=""></span>
              <div class="content_txt">
                <h4>교육기관 선택부터<br><span>합격까지</span></h4>
                <p>심리상담사 자격증, 장학지원 혜택으로 {{org_res.name}}에서 공부했습니다.</p>
              </div>
            </div>
            <div class="btm">
              <p><img src="{{__THEME_URL}}/img_kc/v1/ico_pencil.svg" alt=""> {{org_res.name}} 합격생 하O형</p>
            </div>
          </a>
        </li>
        <li class="swiper-slide">
          <a href="#" class="js-modal-btn2" data-video-id="26994327">
            <div class="top">
              <span class="ps"><img src="{{__THEME_URL}}/img_kc/v1/review_thumb.png" alt=""></span>
              <div class="content_txt">
                <h4><span>무료 2개월</span>만에<br>초스피드 취득!</h4>
                <p>병원코디네이터 자격증으로 취업까지 수월하게 할 수 있었습니다.</p>
              </div>
            </div>
            <div class="btm">
              <p><img src="{{__THEME_URL}}/img_kc/v1/ico_pencil.svg" alt=""> {{org_res.name}} 합격생 엄O연</p>
            </div>
          </a>
        </li>
        <li class="swiper-slide">
          <a href="#" class="js-modal-btn2" data-video-id="26994322">
            <div class="top">
              <span class="ps"><img src="{{__THEME_URL}}/img_kc/v1/review_thumb.png" alt=""></span>
              <div class="content_txt">
                <h4>스펙올리고<br><span>취업까지 성공</span></h4>
                <p>나에게 힘이 되는 커피바리스타 자격증! 수료 후 일상이 달라졌습니다.</p>
              </div>
            </div>
            <div class="btm">
              <p><img src="{{__THEME_URL}}/img_kc/v1/ico_pencil.svg" alt=""> {{org_res.name}} 합격생 이O지</p>
            </div>
          </a>
        </li>
        <li class="swiper-slide">
          <a href="#" class="js-modal-btn2" data-video-id="25891227">
            <div class="top">
              <span class="ps"><img src="{{__THEME_URL}}/img_kc/v1/review_thumb.png" alt=""></span>
              <div class="content_txt">
                <h4>교육기관 선택부터<br><span>합격까지</span></h4>
                <p>심리상담사 자격증, 장학지원 혜택으로 {{org_res.name}}에서 공부했습니다.</p>
              </div>
            </div>
            <div class="btm">
              <p><img src="{{__THEME_URL}}/img_kc/v1/ico_pencil.svg" alt=""> {{org_res.name}} 합격생 하O형</p>
            </div>
          </a>
        </li>
        <li class="swiper-slide">
          <a href="#" class="js-modal-btn2" data-video-id="26994327">
            <div class="top">
              <span class="ps"><img src="{{__THEME_URL}}/img_kc/v1/review_thumb.png" alt=""></span>

              <div class="content_txt">
                <h4><span>무료 2개월</span>만에<br>초스피드 취득!</h4>
                <p>병원코디네이터 자격증으로 취업까지 수월하게 할 수 있었습니다.</p>
              </div>
            </div>
            <div class="btm">
              <p><img src="{{__THEME_URL}}/img_kc/v1/ico_pencil.svg" alt=""> {{org_res.name}} 합격생 엄O연</p>
            </div>
          </a>
        </li>
        <li class="swiper-slide">
          <a href="#" class="js-modal-btn2" data-video-id="26994322">
            <div class="top">
              <span class="ps"><img src="{{__THEME_URL}}/img_kc/v1/review_thumb.png" alt=""></span>

              <div class="content_txt">
                <h4>스펙올리고<br><span>취업까지 성공</span></h4>
                <p>나에게 힘이 되는 커피바리스타 자격증! 수료 후 일상이 달라졌습니다.</p>
              </div>
            </div>
            <div class="btm">
              <p><img src="{{__THEME_URL}}/img_kc/v1/ico_pencil.svg" alt=""> {{org_res.name}} 합격생 이O지</p>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <div class="btn_right swiper-button-next6"></div>
    <div class="btn_right swiper-button-prev6"></div>
  </div>
  <div class="btn_box"><a href="home/review/review_new.php" class="rev_more">합격후기 더보기</a></div>
  <script type="text/javascript">
    $(".js-modal-btn2").modalVideo({
        channel: 'navertv'
      });
  </script>
</article>
<article class="cnt7" style="padding: 30px 0 50px;">
  <div class="area">
    <div class="tit">
      <h3>{{org_res.name}} 소식</h3>
      <p><b>'대한민국 교육서비스<br>브랜드 대상'</b><br>수상 교육기관으로 선정</p>
      <span>전문자격증 평생교육분야 대한민국 대표 교육기업.</span>
    </div>
    <div class="txt">
      <ul>
        <li>
          <div class="img">
            <img src="{{__THEME_URL}}/img/c10_img1.jpg" alt="">
          </div>
          <div class="img_desc">
            <h4>{{org_res.name}}, 온라인 교육컨텐츠 부문 '우수브랜드'대상</h4>
            <p>300여 개의 자격증 과정을 운영 중인&nbsp; {{org_res.name}}가 온라인 교육 컨텐츠 부문 '우수 브랜드 대상'을 수상했다.</p>
            <h5>사진제공 | {{org_res.name}}/한국경제매거진</h5>
          </div>
        </li>
        <li>
          <div class="img">
            <img src="{{__THEME_URL}}/img/c10_img2.jpg" alt="">
          </div>
          <div class="img_desc">
            <h4>{{org_res.name}} 대한민국 '교육서비스 브랜드 대상' 교육기관 선정</h4>
            <p>{{org_res.name}}가 '대한민국 교육서비스 브랜드 대상' 수상 최우수 교육기관으로 선정됐다.</p>
            <h5>사진제공 | {{org_res.name}}</h5>
          </div>
        </li>
      </ul>
    </div>
  </div>
</article>
<article class="cnt6">
  <div class="area">
    <div class="b3">
      <div class="swiper mySwiper7">
        <ul class="swiper-wrapper">
          <li class="swiper-slide">
            <img src="{{__THEME_URL}}/img_kc/v1/mo_banner12.jpg" alt="">
          </li>
          <li class="swiper-slide">
            <img src="{{__THEME_URL}}/img_kc/v1/mo_banner2.jpg" alt="">
          </li>
          <li class="swiper-slide">
            <img src="{{__THEME_URL}}/img_kc/v1/mo_banner3.jpg" alt="">
          </li>
        </ul>
      </div>
      <div class="swiper-pagination7 swiper-pagination_default"></div>
    </div>
    <div class="b2">
      <div class="tit">
        <h4>공지사항</h4>
        <a href="/home/customer/notice_list.php?board_key=0">더보기</a>
      </div>
      <div class="txt">
        <ul>
          <li>
            <a href="/home/customer/notice_view.php?board_key=0&id=280454&page=1&url=">
              <div class="h5_wrap">
                <h5>등록자격 표시의무 준수에 따른 안내</h5>
              </div>
              <p>2024.12.30</p>
            </a>
          </li>
          <li>
            <a href="/home/customer/notice_view.php?board_key=0&id=280453&page=1&url=">
              <div class="h5_wrap">
                <h5>최우수 교육브랜드 대상 수상!</h5>
              </div>
              <p>2024.12.30</p>
            </a>
          </li>
          <li>
            <a href="/home/customer/notice_view.php?board_key=0&id=280452&page=1&url=">
              <div class="h5_wrap">
                <h5>수강 방법 및 유의사항 -필독-</h5>
              </div>
              <p>2024.12.30</p>
            </a>
          </li>
          <li>
            <a href="/home/customer/notice_view.php?board_key=0&id=280452&page=1&url=">
              <div class="h5_wrap">
                <h5>자격증별 활용 유형 및 기관</h5>
              </div>
              <p>2024.12.30</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</article>
<article class="cnt_help">
  <div class="flex_btw">
    <div class="left">
      <h3>무엇을<br>도와드릴까요?</h3>
      <strong class="txt_blue">1670-3711</strong>
      <div class="flex">
        <ul>
          <li>평일 : 9시~18시</li>
          <li>휴무 : 토,일,공휴일</li>
        </ul>
      </div>
    </div>
    <div class="right">
      <ul class="help_box">
        <li><a href="/home/customer/?board_key=1">수강관련<br>문의</a></li>
        <li class="on"><a href="/home/customer/index.php?board_key=2">자격증<br>배송문의</a></li>
        <li><a href="/home/customer/index.php?board_key=3">입금/결제<br>문의</a></li>
        <li><a href="/home/customer/index.php?board_key=4">단체수강<br>문의</a></li>
      </ul>
    </div>
  </div>
</article>

<article class="mainBrand">
  <div class="tit"><h3>배너모음</h3></div>
  <div class="brandBg">
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_01.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_02.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_03.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_04.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_05.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_07.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_08.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_09.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_10.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_11.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_12.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_14.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_15.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_16.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_17.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_18.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_19.png">
    </div>
    <div class="brandSlider">
      <img src="{{__THEME_URL}}/img_kc/Ministry_20.png">
    </div>
  </div>
</article>
  </section>

</main>

<!-- 슬릭 모든 스크립트 -->
<script>
  function imageLoadCheck(container, callback) {
    var imgs = container.querySelectorAll('img');
    if (imgs.length === 0) {
      callback();
      return;
    }
    var count = 0;
    var complateCheck = function () {
      count++;
      if (count >= imgs.length) {
        callback();
      }
    };

    imgs.forEach(function (_img) {
      const img = new Image(_img);
      img.src = _img.getAttribute('src');
      img.onload = function () {
        complateCheck();
      };
      img.onerror = function () {
        complateCheck();
      };
      img.onAbort = function () {
        complateCheck();
      };
    });
  };
</script>
<!-- 슬릭 모든 스크립트 -->

<script>
  $(document).ready(function(){
    var swiper = new Swiper(".mySwiper", {
      slidesPerView: "auto",
      loop: true,
      autoplay: {
        delay: 4000,
        disableOnInteraction: false,
      },
      pagination: {
        el: ".swiper-pagination",
      },
    });

    var swiper2 = new Swiper(".mySwiper2", {
      slidesPerView: 1,
      loop: true,
      pagination: {
        el: ".swiper-pagination2",
      },
    });

    var swiper4 = new Swiper(".mySwiper4", {
      slidesPerView: "3",
      spaceBetween: 20,
      centeredSlides: true,
      loop: true,
      autoplay: {
        delay: 4000,
        disableOnInteraction: false,
      },
      navigation: {
        nextEl: '.swiper-button-next4',
        prevEl: '.swiper-button-prev4',
      },
      breakpoints: {
        400: {
          slidesPerView: "3",
          spaceBetween: 10,
        },
      },
    });

    var swiper6 = new Swiper(".mySwiper6", {
      slidesPerView: "auto",
      spaceBetween: 10,
      loop: true,
      navigation: {
        nextEl: '.swiper-button-next6',
        prevEl: '.swiper-button-prev6',
      },
    });

    var swiper7 = new Swiper(".mySwiper7", {
      slidesPerView: "auto",
      loop: true,
      autoplay: {
        delay: 4000,
        disableOnInteraction: false,
      },
      pagination: {
        el: ".swiper-pagination7",
      },
    });
  });
</script>

<script type="text/javascript">
  $(document).ready(function(){
    $('.brandBg').slick({
      infinite: true,
      slidesToShow: 8,
      slidesToScroll: 1,
      dots:false,
      arrows:true,
      autoplay:true,
      autoplaySpeed:2000,
      pauseOnDotsFocus:false,
      pauseOnDotsHover:false,
      pauseOnFocus:false,
      pauseOnHover:false,
      responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 5,
            slidesToScroll: 1,
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1,
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1,
          }
        }
      ]
    });
  })
</script>

<script>
// 검색창
var num = 1;
var Otimer = setInterval(show, 100);

function show() {
	var text = '찾으시는 자격증 과정을 검색하세요!';
	var txtLength = text.length;

	if (num <= txtLength) {
		var word = text.substring(0, num);
		$('.search_wrap input').attr({
			'placeholder': word
		});
		num++;
	}
};

// 검색 기능
function searchs(s) {
	var search_text = $('#searchInput').val();
	console.log(search_text);
	var first_key = "";
	var type = '';
	if (search_text == '') {
		return false;
	}

	//-> 검색화면이동으로 변경
	location.href="/home/curriculum/info.php?search=1&keyword="+search_text;

	//-> 검색화면이동으로 변경
	//location.href="/home/order/enroll_search.php?keyword="+search_text;

	/*
	//텍스트에 밑줄 백그라운드 넣기
	$('.text_searched').removeClass('text_searched');
	$("#license_subject .holder .grid li a").each(function(key, item) {
		var item_text = $(item).html();
		if (item_text.indexOf(search_text) > '-1') {
			if (first_key == '') {
				first_key = key;
				type = 1;
			}
			$(item).addClass('text_searched');
		}
	});
	//화면이동
	if (type == 1) {
		var top = $("#license_subject .holder .grid li a")[first_key].documentOffsetTop() - (window.innerHeight / 3);
		$('html, body').animate({
			scrollTop: top
		}, 500);
		//검색화면 감추기
		$(".searchModal").removeClass("active");
		return false;
	}
	*/
}

Element.prototype.documentOffsetTop = function() {
	return this.offsetTop + (this.offsetParent ? this.offsetParent.documentOffsetTop() : 0);
};						

</script>

<style>
  .text_searched {
    background-color:#FEE300;
    background-repeat: repeat-x;
  }
  /* main popup 2*/
  .main_popup2 {
    max-width: 380px;
    min-height: 308px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 16px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
  }
  .main_popup2 * {
    font-family: 'Noto Sans KR', 'Nanum Barun Gothic', 'Malgun Gothic', Apple SD Gothic Neo, Arial, Verdana, Helvetica, sans-serif;
  }
  .main_popup2 .pop_noticeInfo_bottom2 {
    border-top: 1px solid #ccc;
  }
  .main_popup2 .pop_noticeInfo_bottom2 button {
    display: inline-block;
    width: 50%;
    height: 50px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 0;
  }
  .main_popup2 .pop_noticeInfo_bottom2 button:first-child {
    border-right: 1px solid #ccc;
  }
  .main_popup2 .pop_noticeInfo_bottom2 button a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    letter-spacing: -.05em;
    color: #080808;
  }
  .main_popup2 .pop_noticeInfo_bottom2 button:first-child a {
    color: #9c9b9b;
  }
</style>

<div id="main_popup" class="main_popup2"
  style="position:absolute; left:50%; top:117px; margin-left:-180px; max-width: 360px; z-index:9999;display:none;">
  <div class="pop_noticeInfo_con2">
    <!--<img src="/img/han_221010.jpg" width="100%" alt="개천절 대체공휴일 휴일안내">//-->
    <img src="{{__THEME_URL}}/img/popup_info2.png" width="100%" alt="광복절">

  </div>
  <div class="pop_noticeInfo_bottom2">
    <button><a href="javascript:closePopupNotToday();">오늘하루 안보기</a></button><button><a
        href="javascript:closeMainPopup();">닫기</a></button>
  </div>
</div>

<script>
  function setCookie(name, value, expiredays) {
    var today = new Date();
    today.setDate(today.getDate() + expiredays);

    document.cookie = name + '=' + escape(value) + '; path=/; expires=' + today.toGMTString() + ';'
  }

  function getCookie(name) {
    var cName = name + "=";
    var x = 0;
    while (x <= document.cookie.length) {
      var y = (x + cName.length);
      if (document.cookie.substring(x, y) == cName) {
        if ((endOfCookie = document.cookie.indexOf(";", y)) == -1)
          endOfCookie = document.cookie.length;
        return unescape(document.cookie.substring(y, endOfCookie));
      }
      x = document.cookie.indexOf(" ", x) + 1;
      if (x == 0)
        break;
    }
    return "";
  }

  //main_popup

  if (getCookie("notToday2110042") != "Y") {
    $("#main_popup").hide();
  }
  function closePopupNotToday() {
    setCookie('notToday2110042', 'Y', 1);
    $("#main_popup").hide();
  }
  function closeMainPopup() {
    $("#main_popup").hide();
  }


</script>
<!-- //popup -->

	{# 하단 FOOTER ####################### #}
	{{ include('layout/layout_footer.html') }}
	{# 하단 FOOTER ####################### #}

	{#일반팝업#}
	{{ include('layout/popup.html') }}
	{#일반팝업#}

{% endautoescape %}
{% endblock %}