<?include(dirname(__FILE__)."/../inc/top.php");?>
<?

/*
  비주얼에서 사용하는 필드 정보
  wm_intro > 과정 카피문구
  wm_m_intro > 과정 카피문구


  wm_e_days > 개강일
  edu_dist > 수업기간
  wm_image1 > 강좌 배경이미지 -pc
  wm_image_mo1 > 강좌 배경이미지 -mobile
  wm_theme > 수업소개
  wm_teacher_info > 수업내용
  wm_teacher_url > 영상코드
  wm_image2 > 로드맵 이미지-pc
  wm_image_mo2 > 로드맵 이미지-mobile
  wm_recommend1 > 로드맵 제목
  wm_recommend2 > 로드맵 내용

  wm_recommend3 > 수업목표 제목
  wm_recommend4 > 수업목표 내용
  wm_recommend5 > 수업목표 영상경로

  wm_typical_title > 수업포인트제목
  wm_typical_info > 수업포인트 내용


  wm_board > 수업방식 제목
  wm_board_title > 수업방식 내용
  wm_curr_eng1 > 수업방식 콘텐츠내용1
  wm_curr_eng2 > 수업방식 콘텐츠내용2
  wm_curr_eng3 > 수업방식 콘텐츠내용3
  wm_curr_eng4 > 수업방식 콘텐츠내용4
  wm_teacher_ename > 수업방식 콘텐츠내용5

  wm_content > 사전 준비항목

  wm_timeinfo > 취업분야/전망 제목
  wm_curriculum > 취업분야 /전망 내용

  wm_e_dist > 취업분야 
  wm_e_dist2 > 작업분야 

  wm_e_people > 자격증 그룹
  wm_curr_kor1 > 자격증 1
  wm_curr_kor2 > 자격증 2
  wm_curr_kor3 > 자격증 3
  wm_curr_kor4 > 자격증 4
  wm_curr_kor5 > 자격증 5

  wm_e_contact > 포트 폴리오 제목
  wm_goal  > 카테고리

*/

  
  $yoil = array("일","월","화","수","목","금","토");
  $lecture_idx = param_get_post("idx");

  // 파트별 검색 수
  $sql = "select * 
            from sp_lecture 
          where wm_business_code = 'B0001' 
            and wm_lec_type = 'I'
            and wm_main = 'Y'
            and wm_status = 'Y'
            and wm_id = '{$lecture_idx}'";
  $row = $db->getFetchQuery($sql);
  
  /**
   * 2023.07.21
   *
   * 과정관리 > 링크이동이 Y 이고, 링크가 있으면 이동
   * [MEGASTUDY-1023] 비주얼 커리큘럼 노출하면서 추가함
   */
  if($row['wm_menu_url_yn'] == 'Y' && $row['wm_menu_url']){
    alert("", $row["wm_menu_url"], "");
    exit();
  }
 

  #디자인 연관 과정
  $sql = " select sub.* 
             from sp_menu_sub  sub
             inner join sp_menu main on sub.wm_menu_id = main.wm_id  and main.wm_site_type in('all', 'pc') and wm_business_code = 'B0001'
            where sub.wm_id in(select wm_parent from sp_menu_sub  where wm_url  in('/lecture/{$lecture_idx}','/curriculum/{$lecture_idx}')   ) 
           order by sub.wm_id asc
  ";
  $arr_cate = $db->getFetchQuery($sql);


  if($arr_cate["wm_menu_id"]){
    $sql = "
          select * 
            from sp_menu_sub 
          where wm_menu_id in({$arr_cate["wm_menu_id"]}) 
            and wm_parent in({$arr_cate["wm_id"]}) 
          order by wm_sort asc
    ";
    $arr_menu = $db->getFetchQueryAll($sql);
    
    if($arr_menu){
      foreach($arr_menu as $index =>$key ){
        if(substr($key["wm_title"],0,1)== "^" || trim($key["wm_title"]) == ""){
          unset($arr_menu[$index]);

          if($key["wm_url"] == "/lecture/{$lecture_idx}" || $key["wm_url"] == "/curriculum/{$lecture_idx}"){
            $my_title = str_replace('^', '', $key["wm_title"]);
          }
        }else{
          if($key["wm_url"] == "/lecture/{$lecture_idx}" || $key["wm_url"] == "/curriculum/{$lecture_idx}"){
            $arr_menu[$index]["mymenu"] = "Y";
            $my_title = $key["wm_title"];
          }else{
            $arr_menu[$index]["mymenu"] = "N";
            // $my_title = $key["wm_title"];
          }
        }
      }
    }
  }else{

    //- 메뉴로 가져오는 정보를 쿼리로 가져오자
    // $urlcheck = explode("/",$_SERVER['HTTP_REFERER']);
    // $urlFlg = $urlcheck[count($urlcheck)-1];

    # 리스트 가져오기
    $sql = "  select 			        wm_id
                                , 1
                                , wm_title 
                                ,concat('/curriculum/',wm_id) as wm_url
                                , 0 as wm_parent
                                , 0 as wm_depth 
                                , wm_order as wm_sort
                                , wm_wdate 
                                , is_del
                                , wm_image3
                                , '#000000' as wm_color
                                , 'Y' as wm_mainshow
                                , '_self'  as wm_target
                            from sp_lecture 
                            where wm_recommend1 in('certificate')
                              and wm_status = 'Y'
                              and is_del = 'N'
                              order by wm_order asc
    ";
    // view_dump($sql);
    $arr_menu = $db->getFetchQueryAll($sql);
    // view_dump($arr_menu);
    if($arr_menu){
      foreach($arr_menu as $index =>$key ){
        if(substr($key["wm_title"],0,1)== "^" || trim($key["wm_title"]) == ""){
          unset($arr_menu[$index]);
        }else{
          if($key["wm_url"] == "/lecture/{$lecture_idx}" || $key["wm_url"] == "/curriculum/{$lecture_idx}"){
            $arr_menu[$index]["mymenu"] = "Y";
            $my_title = $key["wm_title"];
          }else{
            $arr_menu[$index]["mymenu"] = "N";
          }
        }
      }
    }
  }
  
  //- 헤더 이미지 비디오 여부
  if($row["wm_image1"] != ""){
    $arr_main_img = explode(".",$row["wm_image1"]);
    if($arr_main_img[1] == "mp4"){
      $headimg = "N";
    }else{
      $headimg = "Y";
    }
  }

  if($row["wm_e_dist"] != ""):
    $arr_e_dist = explode("|",$row["wm_e_dist"]);
  endif;

  if($row["wm_e_dist2"] != ""):
    $arr_e_dist2 = explode("|",$row["wm_e_dist2"]);
  endif;

  if($row["wm_goal"] != ""):
    $arr_wm_goal = explode("|",$row["wm_goal"]);
  endif;

  /*
    # 포트 폴리오
  */
  if($arr_wm_goal){
    $wm_cate .= "in(";
    foreach($arr_wm_goal as $index => $value){  
      if($wm_cate != "in("){
        $wm_cate .= ",";
      }
      $wm_cate .= "'{$value}'";
    }
    $wm_cate .= ")";

    // 파트별 검색 수
    $sql = "select a.*
                  ,(SELECT wm_filename FROM sp_board_file WHERE wm_table='portfolio2' and wm_bid=a.wm_id and wm_num=0) as wm_filename
              from sp_wm_portfolio2 a
             where wm_business_code = 'B0001' 
               and wm_ca {$wm_cate}
               AND (wm_usage='A'  or wm_usage='B'  )  and is_temp='N' and wm_status='Y' 
             order by wm_parent desc, wm_num 
             limit 10";
    $arr_portfolio = $db->getFetchQueryAll($sql);

  } 
  /* 커리큘럼 정보 */


  // 파트별 검색 수
  $sql_curr_main = "select * 
            from sp_lecture_curr 
          where wm_pl_no = '{$lecture_idx}' 
            and wm_catecode1 = 0
            and is_del = 'N'";
  $curr_main = $db->getFetchQueryAll($sql_curr_main);

  $sql_curr_sub = "select * 
            from sp_lecture_curr 
          where wm_pl_no = '{$lecture_idx}' 
            and wm_catecode1 > 0
            and is_del = 'N'";
  $curr_sub = $db->getFetchQueryAll($sql_curr_sub);

  
  //- 자격증 정보 프로그램 정보 가져오기
  $arr_cer = array('wm_curr_kor1', 'wm_curr_kor2', 'wm_curr_kor3', 'wm_curr_kor4');
  $in = '';
  foreach($arr_cer as $v){  
    if($row[$v]){
      $in .= $row[$v].',';
    }
  }
  $api_param = array();
  
  //- 경로 체크
  $api_param["apiUrl"] = "/mega/megadem/certificate";
  
  if($in){
    $api_param["data"]["wm_id"] = $in;
    $api_param["method"] = "GET";
  }
  $return_val = xhrApiData($api_param);
  if($return_val["status"] == 1){
    $confi = $return_val["returnVal"];
  }


  if($row["wm_m_intro2"] != ""){
    $program_wm_id = str_replace("|",",",$row["wm_m_intro2"]) ;
    $api_param2 = array();
    $api_param2["apiUrl"] = "/mega/megadem/program";
    $api_param2["data"]["wm_id"] =$program_wm_id;
    $api_param2["method"] = "GET";
    $return_val2 = xhrApiData($api_param2);
    if($return_val2["status"] == 1){
      $arr_program = $return_val2["returnVal"];
    }
  }


  # "|" 가 들어온경우 괄호를 넣는 작업 (민근대리 요청)
  $arr_wm_title = explode("|",$arr_cate["wm_title"]);
  if(count($arr_wm_title) > 1){
    $view_wm_title = $arr_wm_title[0]."(".$arr_wm_title[1].")";
  }else{
    $view_wm_title = $arr_cate["wm_title"];
  }

?>

<!-- <?=_IS_QA_DEV?> -->
<!-- css -->
<link rel="stylesheet" href="<?=Vcu?>visual_curriculum.css" media="all" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css" integrity="sha512-uCQmAoax6aJTxC03VlH0uCEtE0iLi83TW1Qh6VezEZ5Y17rTrIE+8irz4H4ehM7Fbfbm8rb30OkxVkuwhXxrRg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.min.js" integrity="sha512-VHsNaV1C4XbgKSc2O0rZDmkUOhMKPg/rIi8abX9qTaVDzVJnrDGHFnLnCnuPmZ3cNi1nQJm+fzJtBbZU9yRCww==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<div class="visual_curri_header">
  <div class="visual_curri_header_inner">
    <div class="header_title">
      <h2><span><?=$view_wm_title?></span></h2>
    </div>
    <div class="header_content">

      <?
        if($arr_menu):
          $key_index = 0;
          foreach($arr_menu as $index => $key):
            if($key_index == 0):
              //echo "<ul>";
            endif;
            if($key_index % 6 == 0):
              echo "</ul><ul>";
            endif;
            $classOn = ($key["mymenu"]=="Y")?"class='on'":"";
            $target = ($key["wm_target"]=="" || $key["wm_target"]==null)?"_self":$key["wm_target"];
            echo "<li ".$classOn.">";
            echo "<a href='".$key["wm_url"]."' target='".$target."' >".$key["wm_title"]."</a>";
            echo "</li>";
              
            $key_index++;
            if($key_index == count($arr_menu)):
              echo "</ul>";
            endif;
          endforeach;
        endif;
      ?>
      
    </div>
  </div>
</div>


<div id="common_wrap">
<section id="visual_curri_main" <?=($headimg == "")?'class="default"':''?>>
  <div class="swiper-container visual_curri_main_box_container">
    <div class="swiper-wrapper">
      <?if($headimg == "Y"):?>
        <div class="visual_curri_main_box swiper-slide">
          <img src="<?=IMG_S3."lecture/".$row["wm_image1"]?>" alt="">
        </div>
      <?elseif($headimg == "N"):?>
        <div class="visual_curri_main_box swiper-slide">
          <video src="<?=IMG_S3."lecture/".$row["wm_image1"]?>" muted autoplay loop playsinline></video>
        </div>
      <?else:?>
        <div class="visual_curri_main_box swiper-slide">
        </div>
      <?endif;?>
      <!-- <div class="visual_curri_main_box swiper-slide" style="background-image: url('https://img.megastudyacademy.co.kr/campusdev/intra/banner/main_test.png');">
      </div>
      <div class="visual_curri_main_box swiper-slide" style="background-image: url('https://img.megastudyacademy.co.kr/campusdev/intra/banner/main_test.png');">
      </div> -->
      <!--비디오-->
      <!--
      <div class="visual_curri_main_box swiper-slide">
        <video src="https://img.megastudyacademy.co.kr/campusdev/intra/banner/motion_top_bg.mp4" muted autoplay loop playsinline></video>
      </div>
    -->
    </div>
  </div>
  <div class="visual_curri_inner">
    <div class="visual_main_title">
      <p><?=$row["wm_title"]?><?=($row["wm_title_en"] != "")?" : ".$row["wm_title_en"]:""?></p>
      <h2><?=$row["wm_intro"]?></h2>
      <span><?=nl2br($row["wm_m_intro"])?></span>
    </div>
  </div>
</section>

  <section id="visual_curri_content">
    <div class="visual_curri_content_inner">
      <div class="visual_curri_content_box">


          <div id="visual_lec_info" data-id="info">
            <?if($row["wm_theme"] != ""):?>
            <div class="visual_title">
              <div class="visual_title_top">
                <h2>수업 소개</h2>
                <p><?=nl2br($row["wm_theme"])?></p>
              </div>
              <?if($row["wm_teacher_info"] != ""):?>
                <span><?=nl2br($row["wm_teacher_info"])?></span>
              <?endif;?>
            </div>
            <!--영상관리자-->
            <?if($row["wm_l_link"] != ""):?>
            <div class="vod_con_box visual_lec_info_vod" style="height:456px"> </div>
            
            <script>
              $(function(){
                fnVodOpen('<?=$row["wm_l_link"]?>', ".visual_lec_info_vod");
              })
            </script>
            <?endif;?>
            <?endif;?>
          </div>


        <?if($row["wm_recommend3"] != ""):?>
        <div id="visual_lec_target">
          <div class="visual_title">
            <div class="visual_title_top">
              <h2>수업 목표</h2>
              <p><?=$row["wm_recommend3"]?></p>
            </div>
            <?if($row["wm_recommend4"] != ""):?>
            <span><?=nl2br($row["wm_recommend4"])?></span>
            <?endif;?>
          </div>

          <!--영상관리자-->
          <?if($row["wm_recommend5"] != ""):?>
          <div class="vod_con_box visual_lec_target_vod" style="height:456px"></div>
          
          <script>
            $(function(){
              fnVodOpen('<?=$row["wm_recommend5"]?>', ".visual_lec_target_vod");
            })
          </script>
          <?endif;?>
        </div>
        <?endif;?>
          

        <div id="visual_lec_point">
          <?if($row["wm_typical_title"] != ""):?>
          <div class="visual_title">
            <div class="visual_title_top">
              <h2>수업 포인트</h2>
              <p><?=$row["wm_typical_title"]?></p>
            </div>
            <?if($row["wm_typical_info"] != ""):?>
              <span><?=nl2br($row["wm_typical_info"])?></span>
            <?endif;?>
          </div>
          <div class="point_con_box">
            <ul>
              <?
                for($i = 1 ; $i <= 2 ; $i++):
                  if($row["wm_lecture_p_title".$i] != ""):
                    // view_dump($row["wm_lecture_p_title".$i]);
                    $content = nl2br($row["wm_lecture_p_content".$i]);
              ?>
              <li>
                <?if($row["wm_lecture_p_image".$i] != ""):?>
                <div class="img_box">
                  <img src="<?=IMG_S3."lecture/".$row["wm_lecture_p_image".$i]?>" alt="">
                </div>
                <?endif;?>
                <div class="txt_box">
                  <h2><?=$row["wm_lecture_p_title".$i]?></h2>
                  <div class="p_box">
                  <p><?=str_replace("<br />","</p><p>",$content) ?></p>
                    
                  </div>
                </div>
              </li>
              <?
                  endif;
                endfor;
              ?>
            </ul>
            <ul>
            <?
                for($i = 3 ; $i <= 4 ; $i++):
                  if($row["wm_lecture_p_title".$i] != ""):
                    // view_dump($row["wm_lecture_p_title".$i]);
                    $content = nl2br($row["wm_lecture_p_content".$i]);
              ?>
              <li>
                <?if($row["wm_lecture_p_image".$i] != ""):?>
                  <div class="img_box">
                    <img src="<?=IMG_S3."lecture/".$row["wm_lecture_p_image".$i]?>" alt="">
                  </div>
                <?endif;?>
                <div class="txt_box">
                  <h2><?=$row["wm_lecture_p_title".$i]?></h2>
                  <div class="p_box">
                  <p><?=str_replace("<br />","</p><p>",$content) ?></p>
                  </div>
                </div>
              </li>
              <?
                  endif;
                endfor;
              ?>
            </ul>
          </div>
          <?endif;?>
        </div>


        <div id="visual_lec_method">
          <?if($row["wm_board"] != ""):?>
          <div class="visual_title">
            <div class="visual_title_top">
              <h2>수업 방식</h2>
              <p><?=$row["wm_board"]?></p>
              <?if($row["wm_board_title"] != ""):?>
              <span><?=$row["wm_board_title"]?></span>
              <?endif;?>
            </div>
            <div class="swiper_button_box">
              <div class="swiper-button-next method-swiper-button-next"></div>
              <div class="swiper-button-prev method-swiper-button-prev"></div>
            </div>
          </div>
          <div class="method_con_box swiper-container">
            <ul class="swiper-wrapper">
            
              <?if($row["wm_curr_eng1"] != ""):?>
              <li class="swiper-slide">
                <h2>1</h2>
                <div class="p_box">
                  <p><?=nl2br($row["wm_curr_eng1"])?></p>
                </div>
              </li>
              <?endif;?>
              <?if($row["wm_curr_eng2"] != ""):?>
              <li class="swiper-slide">
                <h2>2</h2>
                <div class="p_box">
                  <p><?=nl2br($row["wm_curr_eng2"])?></p>
                </div>
              </li>
              <?endif;?>
              <?if($row["wm_curr_eng3"] != ""):?>
              <li class="swiper-slide">
                <h2>3</h2>
                <div class="p_box">
                  <p><?=nl2br($row["wm_curr_eng3"])?></p>
                </div>
              </li>
              <?endif;?>
              <?if($row["wm_curr_eng4"] != ""):?>
              <li class="swiper-slide">
                <h2>4</h2>
                <div class="p_box">
                  <p><?=nl2br($row["wm_curr_eng4"])?></p>
                </div>
              </li>
              <?endif;?>
              <?if($row["wm_teacher_ename"] != ""):?>
              <li class="swiper-slide">
                <h2>5</h2>
                <div class="p_box">
                  <p><?=nl2br($row["wm_teacher_ename"])?></p>
                </div>
              </li>
              <?endif;?>
            </ul>
          </div>
          <?endif;?>
        </div>

        <?if($row["wm_content"] != ""):?>
          <div id="visual_lec_materials">
            <div class="visual_title">
              <div class="visual_title_top">
                <h2>사전 준비 항목</h2>
                <p><?=$row["wm_content"]?></p>
              </div>
            </div>
            <div class="materials_content_box">
              <div class="p_box">
                <h2>[ 준비 항목 ]</h2>
                <p><?=nl2br($row["wm_hot_content"])?></p>
              </div>
              <?if($row["wm_hot_mo_content"] != ""):?>
              <div class="p_lec_box">
                <h2>[ 선수강과목 ]</h2>
                <?
                  $arr_wm_hot_mo_content = explode("|",$row["wm_hot_mo_content"]);
                  if($arr_wm_hot_mo_content):
                    foreach($arr_wm_hot_mo_content as $index =>$value):
                      echo "<p>".$value."</p>";
                    endforeach;
                  endif;
                ?>
              </div>
              <?endif;?>
              <div class="p_program_box">
                <h2>[ 사용 프로그램 ]</h2>
                <div class="p_icon_box">
                  <?
                    if($arr_program):
                      foreach($arr_program as $index => $key):
                  ?>
                  <p><img src="<?=IMG_S3_PROGRAM.$key["wm_upfile"]?>" alt=""> <?=$key["wm_title"]?></p>
                  <?
                      endforeach;
                    endif;
                  ?>
                </div>
              </div>
            </div>
            </div>
        <?endif;?>

        <div id="visual_lec_vision">
          <?if($row["wm_timeinfo"] != ""):?>
          <div class="visual_title">
            <div class="visual_title_top">
              <h2>취업분야 및 전망</h2>
              <p><?=$row["wm_timeinfo"]?></p>
            </div>
            <?if($row["wm_curriculum"] != ""):?>
            <span><?=nl2br($row["wm_curriculum"])?></span>
            <?endif;?>
          </div>
          <div class="vision_content_box">
            <?if($arr_e_dist):?>
            <div class="vision_content_field">
              <div class="vision_content_field_title">
                <h2>[ 수강 후 어떤 분야로 취업할 수 있을까요? ]</h2>
              </div>
              <div class="vision_content_field_item">
                <ul>
                  <?foreach($arr_e_dist as $index => $value):?>
                  <li>
                    <span><?=$value?></span>
                  </li>
                  <?endforeach;?>
           
                </ul>
              </div>
            </div>
            <?endif;?>
            <?if($arr_e_dist2 != ""):?>
            <div class="vision_content_field vision_content_field_second">
              <?if($arr_e_dist2):?>
              <div class="vision_content_field_title">
                <h2>[ 수강 후 어떤 작업을 할 수 있을까요? ]</h2>
              </div>
              <div class="vision_content_field_item">
                <ul>
                  <?foreach($arr_e_dist2 as $index => $value):?>
                  <li>
                    <span><?=$value?></span>
                  </li>
                  <?endforeach;?>
                </ul>
              </div>
              <?endif;?>
            </div>
            <?endif;?>
            <?if(sizeof($confi)){?>
            <div class="vision_content_certificate">
              <div class="vision_content_certificate_title">
                <h2>[ 수료 후 취득 가능한 자격증 및 관련 자격증 ]</h2>
              </div>
              <div class="certificate_con_box swiper-container">
                <ul class="swiper-wrapper">
                  <?foreach($confi as $k=>$v){?>
                  <li class="swiper-slide">
                    <?if($v['wm_upfile']){?>
                      <img src="<?=IMG_S3_CER.$v['wm_upfile']?>" alt="">
                    <?}?>
                    <div class="txt_box">
                      <div class="txt_title">
                        <h2><?=$v['wm_title']?></h2>
                        <span><?=$v['wm_title_en']?></span>
                      </div>
                      <p><?=nl2br($v['wm_intro'])?></p>
                    </div>
                  </li>
                  <?}?>
                  
                </ul>
                <div class="swiper_button_box">
                  <div class="swiper-button-next certificate-swiper-button-next"></div>
                  <div class="swiper-button-prev certificate-swiper-button-prev"></div>
                </div>
              </div>
            </div>
            <?}?>
          </div>
          <?endif;?>
        </div>

        
        <div id="visual_lec_portpolio">
          <?if($arr_portfolio):?>
          <div class="visual_title">
            <div class="visual_title_top">
              <h2>포트폴리오</h2>
              <p><?=$row["wm_e_contact"]?></p>
            </div>
            <?if($row["wm_board_title"] != ""):?>
            <span><?=nl2br($row["wm_board_title"])?></span>
            <?endif;?>            
            <div class="swiper_button_box">
              <div class="swiper-button-prev portpolio-swiper-button-prev"></div>
              <div class="swiper-button-next portpolio-swiper-button-next"></div>
            </div>
          </div>
          <div class="vision_content_box">
            <div class="vision_content_portpolio">
              <div class="portpolio_con_box swiper-container">
                <ul class="swiper-wrapper">
                  <?
                    foreach($arr_portfolio as $index => $key):
                      $protfolie_img = "";
                      if($key['wm_filename']=='') $protfolie_img = BBS_URL."/images/noimg.jpg";
                      else $protfolie_img = IMG_S3.$key['wm_filename'];
                    ?>
                  <li class="swiper-slide">
                    <div class="img_box">
                      <img src="<?=$protfolie_img?>" alt="">
                    </div>
                    <!-- <?=$key["wm_content"]?> -->
                    <h2><?=$key["wm_title"]?></h2>
                  </li>
                  <?endforeach;?>
                </ul>
              </div>
            </div>
          </div>
          <?endif;?>
        </div>

        <div id="visual_lec_curriculum">
          <?
            if($curr_main[0]):
          ?>

          <div class="visual_title">
            <div class="visual_title_top">
              <h2>커리큘럼</h2>
              <?if($row["wm_sub_title"] != ""):?>
              <p><?=$curr_main[0]["wm_sub_title"]?></p>
              <?endif;?>
            </div>
            <!-- <span>캠퍼스 별 커리큘럼은 달라질 수 있습니다.</span> -->
          </div>
          <div class="vision_content_curriculum">

            <?
              foreach($curr_sub as $index => $key):
            ?>
            <div class="vision_content_curriculum_item">
              <div class="week_curri_title on">
                <a href="javascript:void(0);">
                  <h2><?=$key["wm_title2"]?></h2>
                  <span>▼</span>
                </a>
              </div>
              <div class="week_curri_content">
                <div class="week_curri_content_inner">
                  <div class="txt_box">
                    <h2><?=$key["wm_content1"]?></h2>
                    <p><?=nl2br($key["wm_content2"])?></p>
                  </div>
                  <?if($key["wm_mobile_file"]){?>
                    <img src="<?=IMG_S3."lecture/".$key["wm_r_file"]?>" alt="">
                  <?}?>
                </div>
              </div>
            </div>
            <?
              endforeach;
            ?>
            <span>* 캠퍼스 상세 커리큘럼은 다를 수 있습니다.</span>
            </div>
            <?endif;?>
          </div>
        

      </div>
      <div class="visual_curri_floating_box">
        <div class="visual_curri_floating_box_inner">
          <div class="visual_curri_floating_box_top">
              <div class="visual_curri_floating_box_title">
                <div class="floating_box_title_lec">
                  <p><?=$view_wm_title?></p>
                  <h2><?=$my_title?></h2>
                </div>
                <?if($row["wm_e_days"] != ""):?>
                  <div class="floating_box_title_lec_info"><p>개강일</p><span><?=$row["wm_e_days"]."(".$yoil[date('w', strtotime($row["wm_e_days"]))].")"?></span></div>
                <?endif;?>

                <?if($row["edu_dist"] != ""):?>
                  <div class="floating_box_title_lec_info"><p>수업기간</p><span><?=$row["edu_dist"]?></span></div>
                <?endif;?>
              </div>
              <div class="span_line_box">
                <span></span>
              </div>
              <div class="visual_curri_floating_box_form">
                <form action="" id="theForm" name="theForm">
                <input type="hidden" name="cs_type" id="ev_type" value="단과통합-pc">
                <?if($row['wm_recommend1']=='certificate'){?>
                  <input type="hidden" name="cs_major" value="자격증">
                <?}else{?>
                  <input type="hidden" name="cs_major" value="<?=$view_wm_title?>">
                <?}?>
                <input type="hidden" name="cs_curriculum" value="<?=$my_title?>">
                  <div class="form_line form_campus">
                    <div class="form_line_title form_campus_title">
                      <span>캠퍼스</span>
                    </div>
                    <div class="form_line_sel form_campus_sel">

                    <?
                      #A0001,C0002
                      if($row["wm_usage"] == "A"){
                        $campus[0] = "A0001";
                        $campus[1] = "C0002";
                      }elseif($row["wm_usage"] == "B"){
                        $campus = explode(",",$row["wm_usage_ag_code"]);
                      }
                    ?>
                      <?foreach($campus as $index => $key):?>
                        <label><input type="radio" name="cs_branch" id="cs_branch" value="<?=$key?>" <?=($index==0)?"checked":""?> ><?=_AGENCYS[$key]["wm_agency_name"]?></label>
                      <?endforeach;?>
                      <!-- <label for="chk_suwon"><input type="radio" name="chk_campus" id="chk_suwon">수원</label>-->
                      <!--<label for="chk_sinchon"><input type="radio" name="chk_campus" id="chk_sinchon">신촌</label>-->
                    </div>
                  </div>
                  <div class="form_line form_name">
                    <div class="form_line_title form_name_title">
                      <span>이름</span>
                    </div>
                    <div class="form_line_sel form_name_sel">
                      <input type="text" name="cs_name">
                    </div>
                  </div>
                  <div class="form_line form_tel">
                    <div class="form_line_title form_tel_title">
                      <span>연락처</span>
                    </div>
                    <div class="form_line_sel form_tel_sel">
                      <select type="text" name="cs_tel[]">
                        <option value="010">010</option>
                        <option value="011">011</option>
                        <option value="017">017</option>
                        <option value="018">018</option>
                        <option value="019">019</option>
                      </select>-<input type="text"  name="cs_tel[]"  maxlength="4">-<input type="text"  name="cs_tel[]"  maxlength="4">
                    </div>
                  </div>


                  <div class="counseling_input">
                    <input type="checkbox" name="cs_agree" id="ly_agree" value="Y" confirmmessage="개인정보수집 이용안내에 동의하셔야 합니다.">
                      <span><label for="ly_agree"><a class="open_list_btn"  href="#" log-action="플루팅 상담신청|개인정보수집 내용확인">개인정보수집 이용안내</a>에 동의합니다.</label></span>
                  </div>

                  <div class="apply_btn">
                    <button type="button" onclick="consultCheck($('form[name=theForm]') )">문의하기</button>
                  </div>
                </form>
              </div>
          </div>
        </div>
        <div class="visual_curri_floating_box_anchor">
          <ul>
            <?if($row["wm_theme"] != ""):?>
            <li class="on"><a href="javascript:void(0);" class="btn_common btn_info" onclick="Go('info','수업 소개');" data-id="info">수업 소개<img src="<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_w.png" alt=""></a></li>
            <?endif;?>

            <?if($row["wm_typical_title"] != ""):?>
            <li><a href="javascript:void(0);" class="btn_common btn_point" onclick="Go('point','수업 포인트');" data-id="point">수업 포인트<img src="<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png" alt=""></a></li>
            <?endif;?>

            <?if($row["wm_board"] != ""):?>
            <li><a href="javascript:void(0);" class="btn_common btn_method" onclick="Go('method','수업 방식');" data-id="method">수업 방식 <img src="<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png" alt=""></a></li>
            <?endif;?>

            <?if($row["wm_timeinfo"] != ""):?>
            <li><a href="javascript:void(0);" class="btn_common btn_vision" onclick="Go('vision','취업분야/전망');" data-id="vision">취업분야/전망<img src="<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png" alt=""></a></li>
            <?endif;?>

            <?if($arr_portfolio):?>
            <li><a href="javascript:void(0);" class="btn_common btn_portpolio" onclick="Go('portpolio','포트폴리오');" data-id="portpolio">포트폴리오 <img src="<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png" alt=""></a></li>
            <?endif;?>

            <?if($curr_main[0]):?> 
            <li><a href="javascript:void(0);" class="btn_common btn_curriculum" onclick="Go('curriculum','커리큘럼');" data-id="curriculum">커리큘럼<img src="<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png" alt=""></a></li>
            <?endif;?>
          </ul>
        </div>
        <?if(_BANNER["lectureBan"][0]):?>
        <div class="visual_curri_floating_box_banner">
          <a href="<?=_BANNER["lectureBan"][0]["wm_link"]?>" target="<?=_BANNER["lectureBan"][0]["wm_link_target"]?>">
            <img src="<?=IMG_S3._BANNER["lectureBan"][0]["wm_upfile_name"]?>" style="width:300px" alt="">
          </a>
        </div>
        <?endif;?>
        <div class="top_btn_wrap">
          <a href="javascript:void(0);" onclick="Up('상단이동')">
            <img src="<?=IMG_S3?>main/event/20230512/visual_curri/top_btn_arrow.png" alt="">
            <h2>TOP</h2>
          </a>
        </div>
      </div>
    </div>
  </section>
</div>
<div id="open-modal2" class="modal-window2">
  <div>
     <a href="javascript:void(0);" title="Close" class="modal-close2" log-action="플루팅 상담신청|개인정보수집 내용닫기"><img src="<?=IMG_S3_COM_MAIN?>pop_close_bk.png" alt="닫기"></a>
      <span class="pop_optt2">개인정보수집 이용안내</span>
      <p class="agree_ch_content2" style="white-space:pre-line;">
        <?=_SITE['wm_policy']?>
      </p>
  </div>
</div>

<script>  
function Up(){
  $('html, body').animate({scrollTop:0},0);
	return false;
}
function Go(aa){
  var fixT = $(".visual_curri_header").height();
  console.log(fixT);
  var sTv = $("#visual_lec_"+aa).offset().top-fixT;
  $('html, body').animate({scrollTop:sTv},0);
}

  var dclick = 0;
  $(function(){
    $("input[name^=cs_tel]").onlyNumber();
  })
  function consultCheck(form) {
    var form_id = $(form).attr("id");
    var is_agree	= false;
    var is_branch	= 0;
    var is_tel	= 0;

    if(dclick > 0){
      alert("이미 선택하셨습니다.");
      return;
    }

    is_agree	= ($("#"+form_id+" input[name='cs_agree']").is(':checked') == true) ? true : false;

    var _input	= $(form).find("input[name='cs_branch']");
    _input.each(function () {
       if($(this).prop('checked') == true) is_branch++;
    });

    var _input	= $(form).find("input[name='cs_tel[]']");
    _input.each(function () {
      if($(this).val() == '') is_tel++;
    });

    if (is_branch < 1) {
    // if ($("#"+form_id+" input[name='cs_branch']").val()==''){
      alert('캠퍼스를 선택해주세요.');
      return false;
    }
    if ($("#"+form_id+" input[name='cs_name']").val()==''){
      alert('이름을 입력해주세요.');
      $("#"+form_id+" input[name='cs_name']").focus();
      return false;
    }
    if (is_tel >0 ) {
      alert('연락처를 모두 입력해주세요.');
      return false;
    }
     if( $(form).find("input[name^=cs_tel]").eq(0).val().length != 4){
        alert("연락처를 정확히 입력해주세요 ");
        $(form).find("input[name^=cs_tel]").eq(0).focus();
        return;
     }
     if( $(form).find("input[name^=cs_tel]").eq(1).val().length != 4){
        alert("연락처를 정확히 입력해주세요 ");
        $(form).find("input[name^=cs_tel]").eq(1).focus();
        return;
     }


    if (is_agree == false) {
      $("#cs_submit").css("display","none");
      $("#cs_submit2").css("display","block");
      
      var _confirmMsg	= '개인정보 수집 및 이용에 관한 사항에\n동의하시고 계속 진행하시겠습니까?';

      if (confirm(_confirmMsg)) {
        
        dclick++;
        var url	= '<?=Viu?>ajax.consult.php';
        $.post(url, $(form).serialize(), function(result) {
          dclick = 0;
          if (result == '') {
            location.href = '/doc/counsel_result';
          }else{
            alert(result);
          }
        });
      }else{
        $("#cs_submit").css("display","block");
        $("#cs_submit2").css("display","none");
      }
      return false;

    }else{
      $("#cs_submit").css("display","none");
      $("#cs_submit2").css("display","block");
      dclick++;
      var url	= '<?=Viu?>ajax.consult.php';
      $.post(url, $(form).serialize(), function(result) {
        dclick = 0;
        if (result == '') {
          location.href = '/doc/counsel_result';
        }else{
          alert(result);
        }
      });
      return false;
    }
  }
</script>

<script>
  
    
  window.onload = function(){
     /*$("#visual_curri_content .visual_curri_content_inner .visual_curri_floating_box .visual_curri_floating_box_anchor ul li a").on('click', function(event) {
      
      if (this.hash !== "") {
  
        event.preventDefault();
  
        var hash = this.hash;
        var hash_Top = $(hash).offset().top-151;
  
        $('html, body').stop().animate({
          scrollTop: hash_Top}, 300, function(){
        });
      }
      });
*/
      

    $(window).scroll(function(){
      const w_T = $(window).scrollTop();
      const info_Top = $("#visual_lec_info").offset().top-152;
      const portpolio_Top = $("#visual_lec_portpolio").offset().top-152;
      const vision_Top = $("#visual_lec_vision").offset().top-152;
      const point_Top = $("#visual_lec_point").offset().top-152;
      const method_Top = $("#visual_lec_method").offset().top-152;
      const curriculum_Top = $("#visual_lec_curriculum").offset().top-152;
      
      if(w_T > info_Top && w_T < point_Top){
        $(".btn_common").parent().removeClass("on");
        $(".btn_common img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png");
        $(".btn_info").parent().addClass("on");
        $(".btn_info img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_w.png");
      }
      
      if(w_T > point_Top && w_T < method_Top){
        $(".btn_common").parent().removeClass("on");
        $(".btn_common img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png");
        $(".btn_point").parent().addClass("on");
        $(".btn_point img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_w.png");
      }
      
      if(w_T > method_Top && w_T < vision_Top){
        $(".btn_common").parent().removeClass("on");
        $(".btn_common img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png");
        $(".btn_method").parent().addClass("on");
        $(".btn_method img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_w.png");
      }
      
      if(w_T > vision_Top && w_T < portpolio_Top){
        $(".btn_common").parent().removeClass("on");
        $(".btn_common img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png");
        $(".btn_vision").parent().addClass("on");
        $(".btn_vision img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_w.png");
      }
      
      if(w_T > portpolio_Top && w_T < curriculum_Top){
        $(".btn_common").parent().removeClass("on");
        $(".btn_common img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png");
        $(".btn_portpolio").parent().addClass("on");
        $(".btn_portpolio img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_w.png");
      }
      
      if(w_T > curriculum_Top){
        $(".btn_common").parent().removeClass("on");
        $(".btn_common img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_b.png");
        $(".btn_curriculum").parent().addClass("on");
        $(".btn_curriculum img").attr("src","<?=IMG_S3?>main/event/20230512/visual_curri/anchor_arrow_w.png");
      }
    })
    
  }
  $(document).ready(function(){
    $(".open_list_btn").click(function(){
      $("#open-modal2").addClass("on");
    })
    $(".modal-close2").click(function(){
      $("#open-modal2").removeClass("on");
    })
      $(".week_curri_title").click(function(){
        $(this).next().slideToggle();
        $(this).toggleClass("on");
      });

    $(".visual_curri_floating_box_anchor ul li a").click(function(){
      const type = $(this).data("id");
      

    })
    })
    var slideLeng = $(".visual_curri_main_box_container .visual_curri_main_box").length;
    
    if(slideLeng <= 1){
      $("#visual_curri_main").find(".swiper-container").removeClass();
    }

    var swiper = new Swiper('.visual_curri_main_box_container', {
        slidesPerView: 1,
        loop:true,
        autoplay:{
          delay:3000,
          disableOnInteraction: false,
        },
        navigation: {
        nextEl: '.method-swiper-button-next',
        prevEl: '.method-swiper-button-prev',
        },
    });
      var swiper = new Swiper('.method_con_box', {
        slidesPerView: 4,
        spaceBetween: 11,
        autoplay:{
          delay:3000,
          disableOnInteraction: false,
        },
        navigation: {
        nextEl: '.method-swiper-button-next',
        prevEl: '.method-swiper-button-prev',
        },
    });
    var swiper = new Swiper('.certificate_con_box', {
        slidesPerView: 1,
        spaceBetween: 24,
        autoplay:{
          delay:3000,
          disableOnInteraction: false,
        },
        navigation: {
        nextEl: '.certificate-swiper-button-next',
        prevEl: '.certificate-swiper-button-prev',
        },
    });
    var swiper = new Swiper('.portpolio_con_box', {
        slidesPerView: 2,
        spaceBetween: 27,
        autoplay:{
          delay:3000,
          disableOnInteraction: false,
        },
        navigation: {
        nextEl: '.portpolio-swiper-button-next',
        prevEl: '.portpolio-swiper-button-prev',
        },
    });

    const sl_leng = $(".method_con_box ul li").length;
    if(sl_leng <= 4){
      $("#visual_lec_method .visual_title .swiper_button_box").hide();
    }else{
      $("#visual_lec_method .visual_title .swiper_button_box").show();
    }
    const sl_leng2 = $(".certificate_con_box ul li").length;
    if(sl_leng2 <= 1){
      $(".vision_content_certificate .swiper_button_box").hide();
    }else{
      $(".vision_content_certificate .swiper_button_box").show();
    }

    var wT = $(window).scrollTop();
    if(wT > 100){
      $(".visual_curri_header").css("opacity","1");
    }else{
      $(".visual_curri_header").css("opacity","0");
    }
    $(window).scroll(function(){
      var wT = $(window).scrollTop();
      if(wT > 100){
        $(".visual_curri_header").css("opacity","1");
      }else{
        $(".visual_curri_header").css("opacity","0");
      }
    })
    $(".vision_content_curriculum .vision_content_curriculum_item:first-child .week_curri_title").addClass("on");
</script>


<? 
$log_title = ""; //로그 페이지제목
include(Vi."bottom.php"); 
?>