<!--array(48) {
  ["M_SEQ"]=>
  string(3) "291"
  ["M_ID"]=>
  string(7) "artyeon"
  ["T_NAME"]=>
  string(10) "아트연 "
  ["T_GENRE_GROUP"]=>
  string(1) "8"
  ["T_GENRE1"]=>
  string(3) "251"
  ["T_GENRE2"]=>
  string(3) "255"
  ["T_PEOPLE"]=>
  string(1) "0"
  ["T_TIME"]=>
  string(1) "0"
  ["T_AREA"]=>
  string(6) "서울"
  ["T_AREATYPE"]=>
  string(1) "0"
  ["T_AGENT_ID"]=>
  string(0) ""
  ["T_PRICE"]=>
  string(6) "400000"
  ["T_DISCOUNT"]=>
  string(5) "10000"
  ["T_SHOWPRICE"]=>
  string(6) "390000"
  ["T_COMMISSION"]=>
  string(1) "5"
  ["T_SIMPLEINTRO"]=>
  string(148) "페이스페인팅, 캐리커처, 출장네일아트, 캘리그라피, 핸드마사지, 작가파견, 출장미술, 아트수업, 행사  전문 팀"
  ["T_MEMBERINTRO"]=>
  string(0) ""
  ["T_DETAILINTRO"]=>
  string(704) "아트연은 미술 분야 5년 이상의 경력 및 행사장에서의 신뢰와 실력이 검증된 그야말로 엄선된 소규모 베테랑 작가들로 구성되어 있습니다. 
아트연은 페이스페인팅, 캐리커처, 출장네일아트, 캘리그라피, 핸드마사지, 작가파견, 출장미술, 아트수업, 행사  전문 팀입니다.
탄탄한 실력과 숙련된 현장 경험으로 이벤트와 아트수업을 더욱 즐겁고 빛나게 해드립니다.
다양한 즐거움을 바탕으로 글로벌 문화 산업을 이끌어가겠습니다.

* 캐리커처 40명

* 페이스페인팅 50명

* 네일아트 20명

* 캘리그라피 30명

* 핸드마사지 20명"
  ["T_RECORD"]=>
  string(1944) "아트연 주요 실적

★우나앤쿠향초만들기
★우나앤쿠크리스마스카드만들기
★잠실롯데월드몰ZEBRA NIGHT 호러파티페이스페인팅
★일산킨텍스경기마켓데이크리스마스페이스페인팅
★파라다이스시티크리스마스페이스페인팅
★광주김대중컨벤션센터지역신문컨퍼런스디지털캐리커처
★광주아시아문화광장아시아문화주간에코백만들기
★온수힐스테이트"한마음축제" 페이스페인팅
★일산백병원호스피스캘리그라피
★분당두산위브트레지움페이스페인팅
★데싱디바화보영상촬영출장네일
★할리스타페스티벌에스제이쿤스트할레핸드마사지
★어린이날NC백화점페이스페인팅
★J ONE CUP 전국유소년축구대회페이스페인팅
★과천렛츠런파크벚꽃축제페이스페인팅
★신도림성패트릭데이축제페이스페인팅
★한양대국제협력처송년회압구정크루즈378 페이스페인팅
★충북청년주간캐리커처
★안전한학교공모전시상식캐리커처
★한-ASEAN 교통협력포럼캐리커처
★성년의날기념식캐리커처
★캐리커처주문제작기업행사이벤트
★충북청년주간출장네일아트
★생활문화예술제당진문예의전당출장네일
★데싱디바출장네일아트광고촬영
★에이스손해보험CHUBB 2019 family day 출장네일아트
★인천어린이대공원호스피스의달캠페인핸드마사지
★웰링턴cc 골프대회핸드마사지
★KEB하나은행우수직원초청행사핸드마사지
★어린이바둑왕전마포중앙도서관핸드마사지
★인천어린이대공원호스피스의달캠페인캘리그라피
★생활문화예술제당진문예의전당타로카드
★대명그룹2019 신년회소노펠리체컨벤션타로카드
★아라마린Water Music Fastival풍선아트
"
  ["T_REPATORY"]=>
  string(0) ""
  ["T_TECHRIDER"]=>
  string(0) ""
  ["T_FILE_ORG"]=>
  string(52) "아트연 이벤트 제안서 2021.08.25(쇼글).pdf"
  ["T_FILE_SVR"]=>
  string(16) "291_artyeon_.pdf"
  ["T_FACEBOOK"]=>
  string(0) ""
  ["T_INSTAGRAM"]=>
  string(0) ""
  ["T_STATE"]=>
  string(1) "Y"
  ["T_STATE_CONT"]=>
  string(0) ""
  ["T_VIEWCNT"]=>
  string(4) "1990"
  ["REG_DATE"]=>
  string(19) "2018-08-14 16:24:45"
  ["APPR_DATE"]=>
  string(19) "2021-08-26 14:46:29"
  ["UPD_DATE"]=>
  string(19) "2025-08-20 15:33:45"
  ["APPR_SEQ"]=>
  string(4) "3577"
  ["T_RECOMMENDER"]=>
  string(0) ""
  ["T_AGREECONT"]=>
  string(1) "1"
  ["T_SHOWHUB_AGENCIES"]=>
  string(1) "0"
  ["T_050NUM"]=>
  string(11) "05078751026"
  ["T_REQDATE"]=>
  string(19) "2021-08-25 18:05:17"
  ["T_MEMNUM"]=>
  string(0) ""
  ["T_AGENCIES_YN"]=>
  string(0) ""
  ["T_GENRE_GROUP_NAME"]=>
  string(29) "제작물/프로그램/음식"
  ["T_GENRE1_NAME"]=>
  string(12) "프로그램"
  ["T_GENRE2_NAME"]=>
  string(26) "관객 참여 프로그램"
  ["CAST_CNT"]=>
  string(1) "2"
  ["MEMBER_CNT"]=>
  string(1) "1"
  ["MOVIE_CNT"]=>
  string(1) "9"
  ["PHOTO_CNT"]=>
  string(1) "8"
  ["PS_CNT"]=>
  string(1) "2"
  ["DIBS_CNT"]=>
  string(1) "1"
}
--><!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" name="Viewport">
	<title>showgle mobile</title>

	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<link rel="shortcut icon" href="https://www.showgle.co.kr/favicon.ico">
	<link rel="canonical" href="https://www.showgle.co.kr/" />
	<meta name="description" content="공연팀 구하세요? 이제 원하는 조건으로 맞춤섭외 하세요! 원하는 조건만 등록, 10분 안에 5팀 이상 지원해 견적을 비교해 볼 수 있어요.">
	<meta name="keywords" content="연예인, 공연팀, 아티스트, 섭외, 쇼글, 공연 플랫폼, 결혼식, 돌잔치, 행사시스템">
	<meta name="author" content="쇼글">

	<meta property="og:type" content="website">
	<meta property="og:title" content="국내 최대 아티스트 섭외 플랫폼 쇼글">
	<meta property="og:description" content="아티스트가 필요한 땐 쇼글, 고객만족도 1위! 아티스트 섭외 2만건! 실시간 견적 비교!">
	<meta property="og:image" content="https://www.showgle.co.kr/ka_logo.jpg">
	<meta property="og:image:alt" content="https://www.showgle.co.kr/ka_logo.jpg">
	<meta property="og:site_name" content="쇼글 - 국내 최대 공연 플랫폼" />
	<meta property="og:url" content="https://www.showgle.co.kr" />

	<meta  name="twitter:url" content="https://www.showgle.co.kr" />
	<meta  name="twitter:title" content="국내 최대 아티스트 섭외 플랫폼 쇼글" />
	<meta  name="twitter:description" content="아티스트가 필요한 땐 쇼글, 고객만족도 1위! 아티스트 섭외 2만건! 실시간 견적 비교!" />
	<meta  name="twitter:image" content="https://www.showgle.co.kr/ka_logo.jpg" />
	<meta  name="twitter:card" content="summary" />

	<link href="https://fonts.googleapis.com/css2?family=Jost:wght@100;300;400;500;600;700&family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="/assets/css/reset.css">
	<script src="/assets/plugin/jquery-3.6.0.min.js"></script>

	<!-- swiper slider -->
	<link rel="stylesheet" type="text/css" href="/assets/plugin/swiper/swiper.min.css">
	<script src="/assets/plugin/swiper/swiper.min.js"></script>

	<!-- slick slider -->
	<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
	<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

	<!-- daterange picker -->
	<link rel="stylesheet" href="/assets/plugin/daterange/daterangepicker.min.css">
	<script src="/assets/plugin/daterange/moment.js"></script>
	<script src="/assets/plugin/daterange/jquery.daterangepicker.js"></script>

	<link rel="stylesheet" type="text/css" href="/assets/css/common_m.css?1758491987">
	<link rel="stylesheet" type="text/css" href="/assets/css/subpage_m.css?1758491987">
	<script src="/assets/js/common.js?1758491987"></script>
	<script type="text/javascript" src="/assets/js/apps.js?1758491987"></script>

	<script>
		$(function(){
			var fcmtoken = getCookie("fcmtoken");
			var uniqueId = getCookie("uniqueId");
			if(fcmtoken && uniqueId){
				token_insert(fcmtoken,uniqueId);
			}
			//var app_token = fcmtoken
			// alert(getCookie("fcmtoken"));
			// alert(getCookie("uniqueId"));
			//버전 체크
			//var userAgent=navigator.userAgent.toLowerCase();
			//var userAgent_arr=userAgent.split('/');
			//var version=userAgent_arr[1];

			//version=version.replace(/\./g,"");
			//version=version.replace(/v/g,"");
			//version=parseInt(version);

		});

		//function app_update(val){
		//	if(val=='y'){
		//		if(isAndroid){
		//			postMessage("openUrlEx", {"url":"https://play.google.com/store/apps/details?id=com.showgle.aapp"});
		//		}else if(isIOS){
		//			postMessage("openUrlEx", {"url":"itms-apps://itunes.apple.com/app/id1500210571?mt=8"});
		//		}
		//		postMessage("appStop");
		//	}else{
		//		postMessage("appStop");
		//	}
		//}

		//function top_push_deny(){
		//	top_push_receive('N');

		//	confirm.close('modal_app_first_android');
		//	confirm.close('modal_app_first_ios');
		//	alert.open('알림을 사용하지 않음으로 설정하셨습니다.');
		//}

		//function top_push_receive(at_push){
		//	$.ajax({
		//		type : 'post',
		//		url : '/app/push_receive',
		//		data : {'at_token':$('#app_token').val(), 'at_push':at_push},
		//		dataType : 'json',
		//		async: false,
		//		error: function(xhr, status, error){
		//			//alert.open(JSON.stringify(xhr));
		//			alert.open(error);
		//		},
		//		success : function(result){
		//			//alert.open(result);
		//			confirm.close('modal_app_first_android');
		//			confirm.close('modal_app_first_ios');
		//		}
		//	});
		//}

		function token_insert (token,id) {

			$('#app_token').val(token);
			$('#uniqueId').val(id);
			$.ajax({
				type : 'post',
				url : '/app/token_insert',
				data : {'token':token, 'uniqueId':id},
				dataType : 'json',
				error: function(xhr, status, error){
					//alert.open(JSON.stringify(xhr));
					// alert.open(error);
				},
				success : function(result){
					//alert.open(result);
					if(result=='re_sess_ok'){
						location.reload();
					}
					// location.reload();

					// if(self.name != 'reload'){
					// 	self.name='reload';
					// 	self.location.reload(true);
					// }else{
					// 	self.name='';
					// }

				}
			});
		}


		// 마이쇼글 계정 추가 모달 로그인
		const member_group_add_login = () => {
			$.ajax({
				type : 'POST',
				url : '/login/login_check',
				data : $('#login_modal').serialize(),
				dataType : 'json',
				success : result => {
					if (result?.Stat != 'Y') {
						// 로그인 실패 alert 띄운다.
						alert(result?.Msg)
					}
					else {
						// 이 계정을 등록하시겠습니까 모달 겹쳐띄운다.
						let cofirm_div_text = result?.M_NAME
						if (result?.T_NAME !== null) cofirm_div_text += ` (${result?.T_NAME})`
						$("#member_data_confirm_div").html(cofirm_div_text)
						$("#member_confirmed_seq").val(result?.M_SEQ)
						modal.open('member_add_confirm')
					}
				},
				error : err => {
					console.log("ERROR", err)
				}
			})
		}
		// 마이쇼글 계정 추가 모달 OK했을 때
		const member_group_add = () => {
			$.ajax({
				type : 'POST',
				url :  '/my/member_group_add' ,
				data : {target_seq : $("#member_confirmed_seq").val()},
				dataType : 'json',
				success : result => {
					if(result.error != '' && (result.error == 'ERROR1' || result.error == 'ERROR2')){
						alert('일시적인 오류입니다. 잠시 후 다시 시도해주세요..');
						modal.close('member_add_confirm')
						modal.close('loginform')
						return false;
					}else{
						modal.close('member_add_confirm')
						modal.close('loginform')
						location.reload()
					}
				},
				error : err => {
					console.log(err)
				}
			})
		}
		// 마이쇼글 계정 삭제 모달 OK했을 때
		const member_group_delete = () => {
			$.ajax({
				type : 'POST',
				url :  '/my/member_group_delete' ,
				data : {target_seq : $("#member_delete_modal_target").val()},
				success : result => {
					modal.close('member_delete_confirm')
					location.reload()
				},
				error : err => {
					console.log("ERROR", err)
				}
			})
		}
	</script>
</head>

<body>
  <div id="showgle" class="application">
  	<form name="app_form">
		<input type="hidden" id="app_token" name="app_token" placeholder="app_token">
		<input type="hidden" id="uniqueId" name="uniqueId" placeholder="uniqueId">
		<input type="hidden" id="app_version" name="app_version" placeholder="app_version">
	</form>

	<div class="modal modal_header_alarm">
      <div class="modal_wrap">
        <div class="modal_inner">
          <div class="content_box">
            <p class="tit"><i class="ico ico_alarm bg"></i> 알림</p>
            <p class="txt">로그인이 필요한 메뉴입니다.<br>
              로그인 하시겠어요?</p>
            <div class="txt_box">
              <p class="txt">아직 쇼글 회원이 아니신가요?<br>
                <span class="font_or">회원 가입하시고 쇼글의 다양한 서비스</span>를 이용해 보세요</p>
              <a href="/join" class="link">회원가입하러가기</a>
            </div>
          </div>
          <div class="btn_wrap">
            <a href="#" role="button" class="btn btn_gr" onclick="modal.close('header_alarm');return false;">취소</a>
            <a href="/login" class="btn btn_or">확인</a>
          </div>
        </div>
      </div>
    </div>

    <div class="modal modal_login">
      <div class="modal_wrap">
        <div class="modal_inner">
          <div class="content_box">
            <p class="tit"><i class="ico ico_login bg"></i> 로그인</p>
            <p class="txt">로그인이 필요한 메뉴입니다.<br>
              로그인 하시겠어요?</p>
            <div class="txt_box">
              <p class="txt">아직 쇼글 회원이 아니시라면<br><span class="font_or">회원가입</span>을 눌러 주세요~</p>
              <a href="/join" class="link">회원가입하러가기</a>
            </div>
          </div>
          <div class="btn_wrap">
            <a href="#" role="button" class="btn btn_gr" onclick="modal.close('login');return false;">취소</a>
            <a href="/login" class="btn btn_or">로그인</a>
          </div>
        </div>
      </div>
    </div>

	<div class="modal modal_loginform">
		<div class="modal_wrap">
		  <div class="modal_inner">
			<div class="content_box">
			  <p class="tit"><i class="ico ico_login bg"></i> 계정추가</p>
			  <div class="login_form">
				<form id="login_modal" method="post">
					<div class="form_wrap">
						<input type="hidden" name="login_type" value="add_member_group">
						<div class="ipt_wrap">
							<input type="text" id="login_modal_username" name="username" class="input" placeholder="아이디">
						</div>
						<div class="ipt_wrap">
							<input type="password" id="login_modal_userpw" name="userpw" class="input" placeholder="비밀번호 입력">
						</div>
					</div>
				</form>
				</div>
			</div>
			<div class="btn_wrap">
			  <a href="#" class="btn btn_or" onclick="member_group_add_login();" >계정추가</a>
			  <a href="#" role="button" class="btn btn_gr" onclick="modal.close('loginform');return false;">취소</a>
			</div>
		  </div>
		</div>
	</div>
	<div class="modal modal_member_add_confirm">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="content_box">
					<div class="tit"><i class="ico_login"></i>계정추가</div>
					<div class="login_form">
						<div class="form_wrap">
							<div class="ipt_wrap">
								<div>계정을 추가하시겠습니까?</div>
								<input type="hidden" id="member_confirmed_seq">
								<div id="member_data_confirm_div" style="margin-bottom: 20px; font-size: 16px; font-weight: 500;">홍길동</div>
							</div>
							<div class="btn_wrap">
								<button type="button" class="button btn btn_or" onclick="member_group_add();"><span>확인</span></button>
								<button type="button" class="button btn btn_gr" onclick="modal.close('member_add_confirm');return false;"><span>취소</span></button>
								<!-- <a href="#" class="button btn btn_gr" onclick=""><span>취소</span></a> -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal modal_member_delete_confirm">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="content_box">
					<div class="tit">계정삭제</div>
					<div class="txt txt_box">이 계정을 삭제하시겠습니까?</div>
					<div class="btn_wrap">
						<input type="hidden" id="member_delete_modal_target"/>
						<button type="button" class="button btn btn_or" onclick="member_group_delete();"><span>확인</span></button>
						<button type="button" class="button btn btn_gr" onclick="modal.close('member_delete_confirm');return false;"><span>취소</span></button>
						<!-- <a href="#" class="button btn btn_gr" onclick=""><span>취소</span></a> -->
					</div>
				</div>
			</div>
		</div>
	</div>
<header class="header">
	<a href="javascript:history.back();" role="button" class="btn_back bg"><span class="blind">뒤로가기</span></a>
	<div class="btn_wrap">
			<a href="/my/interest_arti" class="btn_bookmark"><span class="blind">북마크</span></a>
		<a href="/app/push" class="btn_alarm"><span class="blind">알람</span><span class="badge">0</span></a>
	</div>
  <nav class="category_popup">
	<div class="side_tab_button">
		<ul>
			<li class="on">
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_01.jpg">
					<h2>공연팀</h2>
				</a>
			</li>
			<li>
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_02.jpg">
					<h2>MC</h2>
				</a>
			</li>
			<li>
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_03.jpg">
					<h2>연예인</h2>
				</a>
			</li>
			<li>
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_04.jpg">
					<h2>결혼식/돌잔치</h2>
				</a>
			</li>
			<li>
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_05.jpg">
					<h2>시스템</h2>
				</a>
			</li>
			<li>
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_06.jpg">
					<h2>렌탈</h2>
				</a>
			</li>
			<li>
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_07.jpg">
					<h2>인력</h2>
				</a>
			</li>
			<li>
				<a href="#" role="button">
					<img src="/images/icon/ico_nav_08.jpg">
					<h2>제작물/프로그램/음식</h2>
				</a>
			</li>
		</ul>
	</div>
	<div class="tabCont">
		<div class="title_box">
			<h2>카테고리</h2>
		</div>
		<div class="cont accordion on">
			<ul>
					<li><a href="/show?genre=10&sub_genre=236" class="category" role="button">노래</a></li>
					<li><a href="/show?genre=192&sub_genre=193" class="category" role="button">연주</a></li>
					<li><a href="/show?genre=11&sub_genre=34" class="category" role="button">댄스무용</a></li>
					<li><a href="/show?genre=12&sub_genre=45" class="category" role="button">전통</a></li>
					<li><a href="/show?genre=13&sub_genre=218" class="category" role="button">퍼포먼스</a></li>
					<li><a href="/show?genre=14&sub_genre=65" class="category" role="button">기획공연</a></li>
			</ul>
		</div>
		<div class="cont">
			<ul>
			<li>
					<a href="/show?genre=239" class="category" role="button">전문MC</a>
					<a href="/show?genre=240" class="category" role="button">아나운서</a>
					<a href="/show?genre=241" class="category" role="button">외국어</a>
					<a href="/show?genre=242" class="category" role="button">쇼호스트</a>
			</li>
			</ul>
		</div>
		<div class="cont">
			<ul>
			<li>
					<a href="/arti?genre=2" class="category" role="button">K-POP(아이돌)</a>
					<a href="/arti?genre=3" class="category" role="button">일반가요</a>
					<a href="/arti?genre=4" class="category" role="button">트로트</a>
					<a href="/arti?genre=5" class="category" role="button">힙합·DJ</a>
					<a href="/arti?genre=6" class="category" role="button">밴드</a>
					<a href="/arti?genre=7" class="category" role="button">708090·포크</a>
					<a href="/arti?genre=8" class="category" role="button">아나운서</a>
					<a href="/arti?genre=9" class="category" role="button">개그맨</a>
					<a href="/arti?genre=107" class="category" role="button">국악·클래식·재즈·뮤지컬</a>
					<a href="/arti?genre=109" class="category" role="button">방송인·강사·셀럽</a>
			</li>
			</ul>
		</div>
		<div class="cont">
			<ul>
					<li><a href="/show?genre=190" class="category" role="button">축가</a></li>
					<li><a href="/show?genre=238" class="category" role="button">축주</a></li>
					<li><a href="/show?genre=191" class="category" role="button">전문 사회자</a></li>
					<li><a href="/show?genre=234" class="category" role="button">연예인 축가</a></li>
					<li><a href="/show?genre=235" class="category" role="button">연예인 사회자</a></li>
			</ul>
		</div>
		<div class="cont">
			<ul>
					<li><a href="/show?genre=143" class="category" role="button">음향</a></li>
					<li><a href="/show?genre=144" class="category" role="button">조명</a></li>
					<li><a href="/show?genre=146" class="category" role="button">영상 LED</a></li>
					<li><a href="/show?genre=245" class="category" role="button">빔프로젝터</a></li>
					<li><a href="/show?genre=147" class="category" role="button">중계</a></li>
					<li><a href="/show?genre=231" class="category" role="button">레이저</a></li>
					<li><a href="/show?genre=145" class="category" role="button">트러스</a></li>
					<li><a href="/show?genre=246" class="category" role="button">레이허</a></li>
					<li><a href="/show?genre=148" class="category" role="button">특수효과</a></li>
					<li><a href="/show?genre=247" class="category" role="button">불꽃놀이</a></li>
					<li><a href="/show?genre=149" class="category" role="button">무대</a></li>
					<li><a href="/show?genre=150" class="category" role="button">전식</a></li>
					<li><a href="/show?genre=152" class="category" role="button">발전차</a></li>
					<li><a href="/show?genre=248" class="category" role="button">전기공사</a></li>
			</ul>
		</div>
		<div class="cont">
			<ul>
					<li><a href="/show?genre=153" class="category" role="button">대형천막(TFS,AH)</a></li>
					<li><a href="/show?genre=154" class="category" role="button">일반렌탈(천막,의자,테이블)</a></li>
					<li><a href="/show?genre=155" class="category" role="button">감성렌탈(피크닉 용품 등)</a></li>
					<li><a href="/show?genre=156" class="category" role="button">컨테이너부스</a></li>
					<li><a href="/show?genre=158" class="category" role="button">공기막조형물(바운스,에어돔,에어텐트)</a></li>
					<li><a href="/show?genre=160" class="category" role="button">전시부스</a></li>
					<li><a href="/show?genre=161" class="category" role="button">회의장비</a></li>
					<li><a href="/show?genre=223" class="category" role="button">악기렌탈</a></li>
					<li><a href="/show?genre=224" class="category" role="button">행사용품</a></li>
			</ul>
		</div>
		<div class="cont">
			<ul>
					<li><a href="/show?genre=249" class="category" role="button">영상제작,편집</a></li>
					<li><a href="/show?genre=178" class="category" role="button">사진촬영</a></li>
					<li><a href="/show?genre=175" class="category" role="button">디자이너</a></li>
					<li><a href="/show?genre=182" class="category" role="button">진행요원</a></li>
					<li><a href="/show?genre=184" class="category" role="button">음악감독</a></li>
					<li><a href="/show?genre=185" class="category" role="button">VJ</a></li>
					<li><a href="/show?genre=186" class="category" role="button">성우</a></li>
					<li><a href="/show?genre=187" class="category" role="button">도우미</a></li>
					<li><a href="/show?genre=188" class="category" role="button">경호</a></li>
					<li><a href="/show?genre=189" class="category" role="button">통역</a></li>
			</ul>
		</div>
		<div class="cont">
			<ul>
					<li><a href="/show?genre=250" class="category" role="button">제작물</a></li>
					<li><a href="/show?genre=251" class="category" role="button">프로그램</a></li>
					<li><a href="/show?genre=252" class="category" role="button">음식</a></li>
			</ul>
		</div>
	</div>
	<div class="cont_bot">
	  <ul>
		<li>
		  <a href="/customer/introduction"><span>쇼글소개</span></a>
		</li>
		<li>
		  <a href="/customer"><span>고객센터</span></a>
		</li>
		<li>
		  <a href="/customer/notice"><span>공지사항</span></a>
		</li>
		<li>
		  <a href="/login"><span>로그인</span></a>
		</li>
		<li>
		  <a href="/app"><span>설정</span></a>
		</li>
	  </ul>
	</div>
	<a href="javascript:;" role="button" class="btn_close bg"><span class="blind">닫기</span></a>

	<form id="chatSendForm" name="chatSendForm">
		<input type="hidden" name="user_id" value="">
		<input type="hidden" name="user_name" value="">
	</form>

	<script>
		function logout_submit(){
			modal.open('logout_comp');
		}
	</script>

  </nav>
</header>

<article id="contents" class="concert_detail subpage">
    <input type="hidden" name="review_ord" id="review_ord" value="">
    <input type="hidden" name="arti_view_chk" id="arti_view_chk" value="N">
    <div class="visual_wrap">
        <!-- Swiper -->
        <div class="swiper-container visulSwiper" >
            <div class="swiper-wrapper">
                        <div class="swiper-slide bg"
                                style="background-image: url('/uploads/artist_photo/708fa81f48baa1ed594a352ddf10c24e_re.jpg');"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/cac840226722f1dbb0ffb24743684a20_re.jpg')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/b9a8061921fd39a170f3fa55b5de8c82_re.jpg')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/d86f5540fa19492bef9007f97660a046_re.jpg')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/0b78cf232f3ef41df42401e4ec10502b_re.jpg')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/8a2f3cbc468b1a97e1c1dd77813f865a_re.jpg')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/fcac54f8b07b77fdb600cd94d6cb33b1_re.jpg')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/2069f3a231eca531393354deed0dfd6c_re.jpg')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/317f0f266d935247cdc97a2fd1ac9645_re.jpg')"
>
                        </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <!-- Initialize Swiper -->
        <script>
            var swiperVisual =new Swiper('.visulSwiper', {
                effect: 'fade',
                fadeEffect: {
                  crossFade: true
                },
                pagination : { // 페이징 설정
                    el : '.swiper-pagination',
                    clickable : true, // 페이징을 클릭하면 해당 영역으로 이동, 필요시 지정해 줘야 기능 작동
                },
            });
        </script>
    </div>
    <section class="profile_wrap">
        <div class="txt_box">
            <div class="txt_top">
                <div class="txt_box">
                    <p class="tit">
                    아트연 
                    </p>
                <span class="txt">페이스페인팅, 캐리커처, 출장네일아트, 캘리그라피, 핸드마사지, 작가파견, 출장미술, 아트수업, 행사  전문 팀</span>
                </div>
                <div class="statusbar">
                    <div class="star_box">
                        <div class="stars">
                            <div class="stars_background">
                                <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
                            </div>
                            <div class="star_ratings_base" style='width: calc((5/5)*100%);'>
                                <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
                            </div>
                        </div>
                        <span class="rating">5</span>
                    </div>
                    <span class="cast"><i class="ico ico_doc bg"></i>섭외 2건</span>
                    <span class="review"><i class="ico ico_balloon bg"></i>후기 2개</span>
                    <span class="like_cnt like_tot_291" onclick="modal.open('header_alarm');return false;">
                        <i class="ico ico_heart bg on"></i>1
                    </span>
                </div>
                <div class="btn_wrap">
                        <a href="javascript:;" role="button" class="btn_down btn_gr btn" onclick="modal.open('arti_profile');">프로필 다운로드 <i class="ico ico_down"></i></a>
                </div>
                <a href="javascript:;" role="button" class="btn_share" onclick="clip();modal.open('share');return false;"><i class="ico ico_share bg"></i><span class="blind">공유하기</span></a>
            </div>
            <div class="info_box">
                <dl>
                    <dt>기본 금액</dt>
                        <dd><p><span class="price" onclick="window.location.href='/login'"> 로그인 후 확인가능</span></p></dd>
                </dl>
                <p>
                    * 기준지역: 서울
                </p>
            </div>
            <div class="txt_bottom">
                <p class="tit">제작물/프로그램/음식, 다이렉트 연결</p>
                <p class="txt">원하는 조건으로 1:1 맞춤 견적 받고,<br>
                상세 협의, 금액 조율까지 채팅으로 실시간 소통하세요 .</p>
                <div class="btn_wrap">
                        <a href="javascript:;" role="button" class="btn_request btn_or btn" onclick="javscript:alert('소비자만 견적요청이 가능합니다.');return false;">1:1 견적요청</a>
                </div>
            </div>
        </div>
    </section>
    <section class="arti_intro">
        <h3>소개</h3>
        <div class="thumb_wrap">
        </div>
        <p class="txt">아트연은 미술 분야 5년 이상의 경력 및 행사장에서의 신뢰와 실력이 검증된 그야말로 엄선된 소규모 베테랑 작가들로 구성되어 있습니다. <br />
아트연은 페이스페인팅, 캐리커처, 출장네일아트, 캘리그라피, 핸드마사지, 작가파견, 출장미술, 아트수업, 행사  전문 팀입니다.<br />
탄탄한 실력과 숙련된 현장 경험으로 이벤트와 아트수업을 더욱 즐겁고 빛나게 해드립니다.<br />
다양한 즐거움을 바탕으로 글로벌 문화 산업을 이끌어가겠습니다.<br />
<br />
* 캐리커처 40명<br />
<br />
* 페이스페인팅 50명<br />
<br />
* 네일아트 20명<br />
<br />
* 캘리그라피 30명<br />
<br />
* 핸드마사지 20명</p>
        <a href="javascript:;" class="btn_txtmore btn_gr" onclick="textEllipsis(this)">더보기</a>
    </section>

<section class="arti_info_wrap">
    <div class="slide_wrap">
        <div class="slide_tab">
            <ul class="">
                <li class="on">
                    <a href="#" role="button">
                        기본단가표
                    </a>
                </li>
                <li class="">
                    <a href="#" role="button">
                        주요실적
                    </a>
                </li>
                <li class="">
                    <a href="#" role="button">
                        영상
                    </a>
                </li>
                <li class="">
                    <a href="#" role="button" >
                        최근섭외
                    </a>
                </li>
                <li class="">
                    <a href="#" role="button" >
                        행사스케치
                    </a>
                </li>
                <li class="">
                    <a href="#" role="button">
                        후기
                    </a>
                </li>
            </ul>
        </div>
    </div>

<div class="tabCont standard_price">
    <div class="title_box">
      <h4>기본단가표</h4>
      <p>종류별 기본단가표를 확인해 보세요.</p>
  </div>
  <div class="product_box" id="show_product_more">

  </div>
  <a href="javascript:;" class="btn_txtmore btn_gr product_more_btn" onclick="product_more();">더보기</a>
</div>
<div class="tabCont portfolio">
    <div class="title_box">
      <h4>주요실적</h4>
      <p>최근 영상으로 주요실적을 먼저 만나보세요.</p>
  </div>
  <div class="txt_box txt">
      아트연 주요 실적<br />
<br />
★우나앤쿠향초만들기<br />
★우나앤쿠크리스마스카드만들기<br />
★잠실롯데월드몰ZEBRA NIGHT 호러파티페이스페인팅<br />
★일산킨텍스경기마켓데이크리스마스페이스페인팅<br />
★파라다이스시티크리스마스페이스페인팅<br />
★광주김대중컨벤션센터지역신문컨퍼런스디지털캐리커처<br />
★광주아시아문화광장아시아문화주간에코백만들기<br />
★온수힐스테이트"한마음축제" 페이스페인팅<br />
★일산백병원호스피스캘리그라피<br />
★분당두산위브트레지움페이스페인팅<br />
★데싱디바화보영상촬영출장네일<br />
★할리스타페스티벌에스제이쿤스트할레핸드마사지<br />
★어린이날NC백화점페이스페인팅<br />
★J ONE CUP 전국유소년축구대회페이스페인팅<br />
★과천렛츠런파크벚꽃축제페이스페인팅<br />
★신도림성패트릭데이축제페이스페인팅<br />
★한양대국제협력처송년회압구정크루즈378 페이스페인팅<br />
★충북청년주간캐리커처<br />
★안전한학교공모전시상식캐리커처<br />
★한-ASEAN 교통협력포럼캐리커처<br />
★성년의날기념식캐리커처<br />
★캐리커처주문제작기업행사이벤트<br />
★충북청년주간출장네일아트<br />
★생활문화예술제당진문예의전당출장네일<br />
★데싱디바출장네일아트광고촬영<br />
★에이스손해보험CHUBB 2019 family day 출장네일아트<br />
★인천어린이대공원호스피스의달캠페인핸드마사지<br />
★웰링턴cc 골프대회핸드마사지<br />
★KEB하나은행우수직원초청행사핸드마사지<br />
★어린이바둑왕전마포중앙도서관핸드마사지<br />
★인천어린이대공원호스피스의달캠페인캘리그라피<br />
★생활문화예술제당진문예의전당타로카드<br />
★대명그룹2019 신년회소노펠리체컨벤션타로카드<br />
★아라마린Water Music Fastival풍선아트<br />

  </div>
  <a href="javascript:;" class="btn_txtmore btn_gr" onclick="textEllipsis(this)">더보기</a>
</div>
<div class="tabCont arti_video">
    <div class="title_box">
      <h4>영상</h4>
      <p>최근 영상으로 아티스트를 먼저 만나보세요.</p>
  </div>
  <div class="video_slide" >
      <ul id="show_video">
        <li>
          <iframe src="https://www.youtube.com/embed/jdS6_zRCVl8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/oriT5eF9mKY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/TZRIHVRLf3s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/Z9JG06A27cI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/JEl1o-EJJZs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/IO-cChdzTwc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/apnksEtDCBo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/XaiIULfeJS4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
        <li>
          <iframe src="https://www.youtube.com/embed/CADw2YxR0mE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </li>
</ul>
</div>
</div>
<div class="tabCont recent_casting system">
    <div class="title_box">
      <h4>최근섭외</h4>
  </div>
  <!-- Swiper -->
  <div class="swiper recentSwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a href="javascirpt:;">
              <p class="location font_or">서울</p>
              <p class="tit">한-아세안 교통협력 포럼</p>
              <p class="date">2019.07.23</p>
                          <!--                           <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->
                      </a>
          <a href="javascirpt:;">
              <p class="location font_or">서울</p>
              <p class="tit">초중고 공모전 시상식</p>
              <p class="date">2019.07.31</p>
                          <!--                           <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->
                      </a>
                  </div>
          </div>
      </div>
      <!-- Initialize Swiper -->
      <script>
          var swiper = new Swiper(".recentSwiper", {
            slidesPerView: "auto",
            spaceBetween: 15,
        });
    </script>
</div>
<div class="tabCont  event_records system">
    <div class="title_box">
      <h4>행사스케치</h4>
  </div>
  <ul>
  <li>
      <a href="javascript:;">
        <span class="event_name">아직 행사 스케치가 존재하지 않습니다.</span>
        <span class="event_date"></span>
    </a>
</li>
</ul>
<div class="btn_wrap">
</div>
</div>
<div class="tabCont review arti_review">
  <div class="title_box">
    <h4>후기</h4>
    <p>섭외한 분들이 작성한 후기입니다.</p>
</div>
<div class="total_review_box">
    <span class="txt">총 <span class="font_or">2</span>개의 후기가 있습니다.</span>
    <div class="star_wrap">
      <div class="stars">
        <div class="stars_background">
          <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
      </div>
      <div class="star_ratings_base" style='width: calc((5/5)*100%);'>
          <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
      </div>
  </div>
  <span class="rating">5</span>
</div>
</div>
<div class="review_lists">
    <div class="range_box">
      <div class="select">
        <a href="javascript:;" class="btn_sel" role="button">최근순</a>
        <div class="sel_li">
          <a href="javascript:;" onclick="review_more('R','M');return false;" class="sel on">최근순</a>
          <a href="javascript:;" onclick="review_more('H','M');return false;" class="sel">별점높은순</a>
          <a href="javascript:;" onclick="review_more('L','M');return false;" class="sel">별점낮은순</a>
      </div>
  </div>
</div>
<ul id="review_more">

</ul>
<div class="btn_wrap btn_box review_more_btn">
  <a href="javascript:;" role="button" class="more open" onclick="javascript:review_more('','C');">더보기<i class="ico ico_plus bg"></i></a>
</div>
</div>
</div>
</section>

    <section class="premiumAd">
        <div class="title"><img src="/images/common/prAd_m.png" alt="preminum Ad" /></div>
        <div class="prad_inner">
            <div class="swiper-container pradSwiper">
                <div class="swiper-wrapper">
                        <div class="swiper-slide prli">
                            <a href="/show/view?t_seq=8868&genre=251&sub_genre=255">
                                    <div class="img_box" style="background-image: url('//sfile.showgle.co.kr//artithumbnail/202404/rn_view_01.jpg');"></div>
                                <div class="txt_box">
                                    <div class="tit">컴쇼</div>
                                    <div class="personnel">인원 : 0명</div>
                                            <span class="price" onclick="window.location.href='/login'">기본금액 : 로그인 후 확인가능</span>
                                </div>
                                <div class="cont_bot">
                                    <div class="cast"><i></i>섭외 42</div>
                                    <div class="review"><i></i>후기 2</div>
                                    <div class="stars starsPt">
                                        <span class="star">★</span>
                                        <span class="rating">5</span>
                                    </div>
                                    <div class="like_cnt" style="cursor:pointer;" onclick="modal.open('login');return false;">
                                        <i class="ico ico_heart ico_heart_8868 on"></i>
                                        <span class="like_tot_8868">5</span>
                                    </div>
                                </div>
                            </a>
                        </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <script>
                $(function(){
                    var prAdSwiper = new Swiper('.pradSwiper', {
                        slidesPerView: 2,
                        spaceBetween: 10,
                        pagination : { // 페이징 설정
                            el : '.pradSwiper .swiper-pagination',
                            type: 'bullets',
                        },
                    });
                })
            </script>
        </div>
    </section>
</article>

<div class="modal modal_arti_profile">
  <div class="modal_wrap">
      <div class="modal_inner">
        <div class="content_box">
            <p class="tit">프로필 다운로드</p>
            <div class="down_wrap">
              <ul>
                  <li>
                    <p class="txt">사진모음</p>
                    <a href="javascript:alert('로그인 후 이용 가능합니다.')" class="btn btn_gr">다운로드</a>
                </li>
                <li>
                    <p class="txt">프로필(PDF)</p>
                    <a href="javascript:alert('로그인 후 이용 가능합니다.')" class="btn btn_gr">다운로드</a>
                </li>
            </ul>
            <div>
                <a href="javascript:alert('로그인 후 이용 가능합니다.')" class="btn btn_or">한번에 다운로드</a>
</div>
</div>
</div>
<a href="#" role="button" class="btn_close bg" onclick="modal.close('arti_profile');return false;"></a>
</div>
</div>
</div>



                    <div class="modal modal_share">
                      <div class="modal_wrap">
                        <div class="modal_inner">
                          <div class="content_box">
                            <p class="txt">URL이 클립보드에 복사되었습니다.</p>
                        </div>
                        <div class="btn_wrap">
                            <a href="#" role="button" class="btn btn_or" onclick="modal.close('share');return false;">확인</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal modal_review_write">

            </div>

            <div class="modal modal_expansion">
                <div class="modal_wrap">
                  <div class="modal_inner">
                    <div class="content_box">
                      <img src="" alt="후기 이미지">
                  </div>
                  <div class="btn_wrap">
                      <button class="btn btn_gr" onclick="modal.close('expansion');return false">닫기</button>
                  </div>
              </div>
          </div>
      </div>

      <form action="/show/get_team_photo" method="get" id="down_frm">
        <input type="hidden"  name="seq" id="seq" value=""/>
        <input type="hidden"  name="id" id="id" value=""/>
    </form>

<form name="estimate_pop" id="estimate_pop" method="post" enctype="multipart/form-data">
	<input type="hidden" id="estimate_arti_seq" name="estimate_arti_seq"  value="291">
	<input type="hidden" id="estimate_arti_id" name="estimate_arti_id"  value="artyeon">
	<input type="hidden" id="estimate_arti_id" name="estimate_arti_name"  value="아트연 ">
	<input type="hidden" id="estimate_arti_tel" name="estimate_arti_tel"  value="010-9060-7275">
	<input type="hidden" id="estimate_age_seq" name="estimate_age_seq"  value="">
	<input type="hidden" id="estimate_age_name" name="estimate_age_name"  value="">
	<input type="hidden" id="estimate_pop_name" name="estimate_pop_name"  value="">
	<input type="hidden" id="estimate_pop_name_display" name="estimate_pop_name_display"  value="">
	<input type="hidden" id="estimate_pop_date" name="estimate_pop_date"  value="">
	<input type="hidden" id="estimate_pop_time" name="estimate_pop_time"  value="">
	<input type="hidden" id="estimate_cast_noon" name="estimate_cast_noon"  value="">
	<input type="hidden" id="estimate_pop_area" name="estimate_pop_area"  value="">
	<input type="hidden" id="estimate_pop_area2" name="estimate_pop_area2"  value="">
	<input type="hidden" id="estimate_pop_area_str" name="estimate_pop_area_str"  value="">
	<input type="hidden" id="estimate_pop_place" name="estimate_pop_place"  value="">
	<input type="hidden" id="estimate_pop_hope_time" name="estimate_pop_hope_time"  value="">
	<input type="hidden" id="estimate_pop_device" name="estimate_pop_device"  value="">
	<input type="hidden" id="estimate_pop_memo" name="estimate_pop_memo"  value="">
	<input type="hidden" id="estimate_pop_setting_date" name="estimate_pop_setting_date"  value="">
	<input type="hidden" id="estimate_pop_cast_electricity" name="estimate_pop_cast_electricity"  value="">
	<input type="hidden" id="pop_cast_area2" name="pop_cast_area2"  value="">
	<input type="hidden" id="pop_cast_area_chk" name="pop_cast_area_chk"  value="">
	<input type="hidden" id="pop_time_chk" name="pop_time_chk"  value="">

	<input type="hidden" id="estimate_pop_date3" name="estimate_pop_date3"  value="">
	<input type="hidden" id="pop_maps_chk" name="pop_maps_chk"  value="">
	<input type="hidden" id="arti_view_genre" name="arti_view_genre"  value="251">

	<input type="hidden" id="estimate_pop_chk_genre_group_txt" name="estimate_pop_chk_genre_group_txt"  value="제작물/프로그램/음식">
	<input type="hidden" id="estimate_pop_chk_genre_group" name="estimate_pop_chk_genre_group"  value="8">
	<input type="hidden" id="estimate_pop_chk_genre" name="estimate_pop_chk_genre"  value="gen_251">
	<input type="hidden" id="estimate_pop_chk_sub_genre" name="estimate_pop_chk_sub_genre"  value="255">

</form>

	<div class="modal modal_quotation_step event_name">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>어떤 행사인가요?</h4>
					<p>행사명을 입력해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
                    <div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
					<p class="tit">행사명 <span class="font_or">*</span></p>
					<input type="text" class="ipt_event" id="pop_cast_name" name="pop_cast_name" placeholder="행사명 입력" onchange="pop_name_chk();">

					<!-- <div class="chk_box esti_ask_chk">
						<input type="checkbox" id="pop_cast_name_display" name="pop_cast_name_display">
						<label for="pop_cast_name_display"><span>행사명 비공개</span></label>
					</div> -->

					<input type="checkbox" id="infoCall">
					<label for="infoCall"><span>등록한 행사정보 불러오기</span></label>

					<div class="event_info">
							<span>등록된 행사가 없습니다.</span>
					<!-- <label for="event3"><span> 2021년 국민취업지원제도 직업상담 우수사례 컨퍼런스 (2022.04.22)</span></label> -->
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_next" onclick="pop_estimate_chk('event_name');">다음</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step event_date day">
	  <div class="modal_wrap">
		<div class="modal_inner">
		<div class="title_box">
			<h4>행사일은 언제인가요?</h4>
			<p>원하시는 날짜와 시간을 선택해 주세요.</p>
		</div>
		<div class="progress_total_bar">
			<div class="bar"></div>
            <div class="progress_bar"></div>
		</div>
		<div class="content_wrap">
			<p class="tit">행사일시 <span class="font_or">*</span></p>
			<span class="txt">* 복수날의 경우 시작일로 선택해주세요.</span>

			<div class="datepicker_cate_wrap2">
				<div class="ipt_cal_wrap">
					<input type="text" class="input datepicker datepicker_cate2 ipt_md" placeholder="날짜 선택" readonly="">
				</div>
				<div class="sel_layPop">
					<div class="tit_box">
						<p>날짜선택</p>
					</div>
					<div id="date-range-cate2"></div>
					<div class="btn_wrap">
						<a href="#" role="button" class="btn btn_or">선택완료</a>
					</div>
					<button class="btn_close bg"><span class="blind">닫기</span></button>
				</div>
				<script type="text/javascript">
					$(function(){
						var nowDate = new Date();
						var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
						$(".datepicker_cate2").dateRangePicker({
							inline: true,
							opens: 'left',
							singleMonth: true,
							singleDate: true,
							startDate: today,
							showDropdowns: true,
							format: 'YYYY-MM-DD',
							language: 'en',
							container: '#date-range-cate2',
							alwaysOpen:true,
							showTopbar: false,
							stickyMonths: true,
							customArrowPrevSymbol:'<img src="/images/ui/prev_button.png" alt="">',
							customArrowNextSymbol:'<img src="/images/ui/next_button.png" alt="">',
							setValue: function(s,s1,s2)
							{
								$('#estimate_pop_date').val(s1);
								$('.datepicker_cate2').val(s1);
							},
						}).on('datepicker-first-date-selected',function(event,obj){


						}).on('datepicker-opened',function(){
							/* This event will be triggered after date range picker open animation */
						})
						$(".datepicker_cate_wrap2").on('click', '.input', function(){
							$(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
						})

						// 선택 완료
						$('.sel_layPop').on('click', '.btn_or', function(e){
							e.preventDefault();
							$(".sel_layPop.active").removeClass("active");
						});
						// 창닫기
						$('.sel_layPop').on('click', '.btn_close', function(e){
							e.preventDefault();
							$(".sel_layPop.active").removeClass("active");
						});
					})
				</script>
			</div>

			<div class="range_box">
				<div class="select">
					<a href="#" id="btn_sel_noon" class="btn_sel" role="button" style="background: none;">오전/오후</a>
					<div class="sel_li" id="pop_cast_noon" style="height: 82px;">
						<a href="#" id="pop_st_time_beforenoon" class="sel">오전</a>
						<a href="#" id="pop_st_time_afternoon"  class="sel">오후</a>
					</div>
				</div>
				<div class="select">
					<a href="#" id="btn_sel_dy" class="btn_sel" role="button">시간 선택</a>
					<div class="sel_li" id="pop_cast_time">
						<a href="#" id="pop_st_time_00:00" data-time_val= "0" class="sel beforenoon_sel">00:00</a>
						<a href="#" id="pop_st_time_01:00" data-time_val= "1" class="sel beforenoon_sel">01:00</a>
						<a href="#" id="pop_st_time_02:00" data-time_val= "2" class="sel beforenoon_sel">02:00</a>
						<a href="#" id="pop_st_time_03:00" data-time_val= "3" class="sel beforenoon_sel">03:00</a>
						<a href="#" id="pop_st_time_04:00" data-time_val= "4" class="sel beforenoon_sel">04:00</a>
						<a href="#" id="pop_st_time_05:00" data-time_val= "5" class="sel beforenoon_sel">05:00</a>
						<a href="#" id="pop_st_time_06:00" data-time_val= "6" class="sel beforenoon_sel">06:00</a>
						<a href="#" id="pop_st_time_07:00" data-time_val= "7" class="sel beforenoon_sel">07:00</a>
						<a href="#" id="pop_st_time_08:00" data-time_val= "8" class="sel beforenoon_sel">08:00</a>
						<a href="#" id="pop_st_time_09:00" data-time_val= "9" class="sel beforenoon_sel">09:00</a>
						<a href="#" id="pop_st_time_10:00" data-time_val="10" class="sel beforenoon_sel">10:00</a>
						<a href="#" id="pop_st_time_11:00" data-time_val="11" class="sel beforenoon_sel">11:00</a>
						<a href="#" id="pop_st_time_12:00" data-time_val="12" class="sel afternoon_sel">12:00</a>
						<a href="#" id="pop_st_time_13:00" data-time_val="13" class="sel afternoon_sel">01:00</a>
						<a href="#" id="pop_st_time_14:00" data-time_val="14" class="sel afternoon_sel">02:00</a>
						<a href="#" id="pop_st_time_15:00" data-time_val="15" class="sel afternoon_sel">03:00</a>
						<a href="#" id="pop_st_time_16:00" data-time_val="16" class="sel afternoon_sel">04:00</a>
						<a href="#" id="pop_st_time_17:00" data-time_val="17" class="sel afternoon_sel">05:00</a>
						<a href="#" id="pop_st_time_18:00" data-time_val="18" class="sel afternoon_sel">06:00</a>
						<a href="#" id="pop_st_time_19:00" data-time_val="19" class="sel afternoon_sel">07:00</a>
						<a href="#" id="pop_st_time_20:00" data-time_val="20" class="sel afternoon_sel">08:00</a>
						<a href="#" id="pop_st_time_21:00" data-time_val="21" class="sel afternoon_sel">09:00</a>
						<a href="#" id="pop_st_time_22:00" data-time_val="22" class="sel afternoon_sel">10:00</a>
						<a href="#" id="pop_st_time_23:00" data-time_val="23" class="sel afternoon_sel">11:00</a>
					</div>
				</div>
			</div>

		  </div>

		  <div class="btn_wrap">
			<button class="btn_prev" onclick="modal.close('quotation_step.event_date');modal.open('quotation_step.event_name');return false;">이전으로</button>
			<button class="btn_next" onclick="pop_estimate_chk('event_date');return false;">다음</button>
		  </div>
		  <button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
		</div>
	  </div>
	</div>

	<div class="modal modal_quotation_step setting_date day">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>셋팅일은 언제인가요?</h4>
					<p>원하시는 날짜와 셋팅시작 시간을 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
            		<div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
					<p class="tit">셋팅일시 <span class="font_or">*</span></p>
					<div class="datepicker_cate_wrap4">
						<div class="ipt_cal_wrap">
							<input type="text" class="input datepicker datepicker_cate4 ipt_md_2" placeholder="날짜 선택" readonly="">
						</div>
						<div class="sel_layPop">
							<div class="tit_box">
								<p>날짜선택</p>
							</div>
							<div id="date-range-cate4"></div>
							<div class="btn_wrap">
								<a href="#" role="button" class="btn btn_or">선택완료</a>
							</div>
							<button class="btn_close bg"><span class="blind">닫기</span></button>
						</div>
						<script type="text/javascript">
							$(function(){
								var nowDate = new Date();
								var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
								$(".datepicker_cate4").dateRangePicker({
								inline: true,
								opens: 'left',
								singleMonth: true,
								singleDate: true,
								startDate: today,
								showDropdowns: true,
								format: 'YYYY-MM-DD',
								container: '#date-range-cate4',
								alwaysOpen:true,
								showTopbar: false,
								stickyMonths: true,
								customArrowPrevSymbol:'<img src="/images/ui/datepicker_prev.png" alt="">',
								customArrowNextSymbol:'<img src="/images/ui/datepicker_next.png" alt="">',
								setValue: function(s,s1,s2)
								{
									$('#estimate_pop_date3').val(s1);
									$('.datepicker_cate4').val(s1);
								},
								}).on('datepicker-first-date-selected',function(event,obj){
								$(".sel_layPop.active").removeClass("active");
								}).on('datepicker-opened',function(){
								/* This event will be triggered after date range picker open animation */
								})
								$(".datepicker_cate_wrap4").on('click', '.input', function(){
								$(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
								})
							})
						</script>
					</div>
					<div class="range_box">
						<div class="select">
							<a href="#" class="btn_sel" role="button">셋팅시작 시간 선택</a>
							<div class="sel_li" id="pop_st_time">
								<!-- <a href="#" class="sel">공연시작 시간 선택</a> -->
								<a href="#" class="sel">00:00</a>
								<a href="#" class="sel">01:00</a>
								<a href="#" class="sel">02:00</a>
								<a href="#" class="sel">03:00</a>
								<a href="#" class="sel">04:00</a>
								<a href="#" class="sel">05:00</a>
								<a href="#" class="sel">06:00</a>
								<a href="#" class="sel">07:00</a>
								<a href="#" class="sel">08:00</a>
								<a href="#" class="sel">09:00</a>
								<a href="#" class="sel">10:00</a>
								<a href="#" class="sel">11:00</a>
								<a href="#" class="sel">12:00</a>
								<a href="#" class="sel">13:00</a>
								<a href="#" class="sel">14:00</a>
								<a href="#" class="sel">15:00</a>
								<a href="#" class="sel">16:00</a>
								<a href="#" class="sel">17:00</a>
								<a href="#" class="sel">18:00</a>
								<a href="#" class="sel">19:00</a>
								<a href="#" class="sel">20:00</a>
								<a href="#" class="sel">21:00</a>
								<a href="#" class="sel">22:00</a>
								<a href="#" class="sel">23:00</a>
							</div>
						</div>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev" onclick="modal.close('quotation_step.setting_date');modal.open('quotation_step.event_date');return false;">이전으로</button>
					<button class="btn_next" onclick="pop_estimate_chk('setting_date');">다음</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('casting_step')"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step event_running">
	  <div class="modal_wrap">
		<div class="modal_inner">
			<div class="title_box">
				<h4>얼마동안 공연하길 원하시나요? </h4>
				<p>러닝타임을 선택해 주세요.</p>
			</div>
			<div class="progress_total_bar">
				<div class="bar"></div>
            	<div class="progress_bar"></div>
			</div>
			<div class="content_wrap">
				<p class="tit">러닝타임 <span class="font_or">*</span></p>
				<div class="select_wrap" id="pop_cast_hope_time">
					<button class="btn btn_gr" id="hope_5분">5분</button>
					<button class="btn btn_gr" id="hope_10분">10분</button>
					<button class="btn btn_gr" id="hope_15분">15분</button>
					<button class="btn btn_gr" id="hope_20분">20분</button>
					<button class="btn btn_gr" id="hope_25분">25분</button>
					<button class="btn btn_gr" id="hope_30분">30분</button>
					<button class="btn btn_gr" id="hope_40분">40분</button>
					<button class="btn btn_gr" id="hope_50분">50분</button>
					<button class="btn btn_gr" id="hope_60분">60분</button>
					<button class="btn btn_gr" id="hope_60분 이상">60분 이상</button>
				</div>
			</div>
			<div class="btn_wrap">
				<button class="btn_prev" onclick="modal.close('quotation_step.event_running');modal.open('quotation_step.event_date');return false;">이전으로</button>
				<button class="btn_next" onclick="pop_estimate_chk('event_running');">다음</button>
			</div>
			<button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
		</div>
	  </div>
	</div>

	<div class="modal modal_quotation_step event_area">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>행사는 어디서 진행되나요?</h4>
					<p>위치를 선택해주세요~</p>
				</div>
				<div class="progress_total_bar">
					<div class="progress_bar">60%</div>
				</div>
				<div class="content_wrap">
					<div class="first_addr">
						<p class="tit">시/도 <span class="font_or">*</span></p>
						<div class="select_wrap" id="pop_cast_area">
								<button type="button" id="area_강원" class="btn btn_gr" onclick="show_area_sel('GW');">강원</button>
								<button type="button" id="area_경기" class="btn btn_gr" onclick="show_area_sel('GG');">경기</button>
								<button type="button" id="area_경남" class="btn btn_gr" onclick="show_area_sel('GN');">경남</button>
								<button type="button" id="area_경북" class="btn btn_gr" onclick="show_area_sel('GB');">경북</button>
								<button type="button" id="area_광주" class="btn btn_gr" onclick="show_area_sel('GJ');">광주</button>
								<button type="button" id="area_대구" class="btn btn_gr" onclick="show_area_sel('DG');">대구</button>
								<button type="button" id="area_대전" class="btn btn_gr" onclick="show_area_sel('DJ');">대전</button>
								<button type="button" id="area_부산" class="btn btn_gr" onclick="show_area_sel('BS');">부산</button>
								<button type="button" id="area_서울" class="btn btn_gr" onclick="show_area_sel('SO');">서울</button>
								<button type="button" id="area_세종" class="btn btn_gr" onclick="show_area_sel('SJ');">세종</button>
								<button type="button" id="area_울산" class="btn btn_gr" onclick="show_area_sel('US');">울산</button>
								<button type="button" id="area_인천" class="btn btn_gr" onclick="show_area_sel('IC');">인천</button>
								<button type="button" id="area_전남" class="btn btn_gr" onclick="show_area_sel('JN');">전남</button>
								<button type="button" id="area_전북" class="btn btn_gr" onclick="show_area_sel('JB');">전북</button>
								<button type="button" id="area_제주" class="btn btn_gr" onclick="show_area_sel('JJ');">제주</button>
								<button type="button" id="area_충남" class="btn btn_gr" onclick="show_area_sel('CN');">충남</button>
								<button type="button" id="area_충북" class="btn btn_gr" onclick="show_area_sel('CB');">충북</button>
								<button type="button" id="area_해외" class="btn btn_gr" onclick="show_area_sel('WD');">해외</button>
						</div>
					</div>
					<div class="second_addr">
						<p class="tit">시/군구 <span class="font_or">*</span></p>
						<div class="select_wrap area_sido_show" id="pop_cast_place">

						</div>
					</div>
					<div class="detail_addr">
						<p class="tit">장소명(선택사항)</p>
						<input type="text" id="pop_cast_area_str" placeholder="장소명을 입력">
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev" onclick="pop_estimate_back_chk('event_area');">이전으로</button>
					<button class="btn_next" onclick="pop_estimate_chk('event_area');">다음</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step event_place">
	  <div class="modal_wrap">
		<div class="modal_inner">
		  <div class="title_box">
			<h4>행사장소는 실내인가요? 실외인가요?</h4>
			<p>장소를 선택해주세요.</p>
		  </div>
		  <div class="progress_total_bar">
			<div class="bar"></div>
            <div class="progress_bar"></div>
		  </div>

		  <div class="content_wrap">
			<p class="tit">행사장소 선택<span class="font_or">*</span></p>
			<div class="select_wrap" id="pop_cast_place">
			  <button class="btn btn_gr" id="pop_place_in">실내</button>
			  <button class="btn btn_gr" id="pop_place_out">실외</button>
			  <button class="btn btn_gr" id="pop_place_random">미정</button>
			</div>
		  </div>
		  <div class="btn_wrap">
			<button class="btn_prev" onclick="modal.close('quotation_step.event_place');modal.open('quotation_step.event_area');return false;">이전으로</button>
			<button class="btn_next" onclick="pop_estimate_chk('event_place');">다음</button>
		  </div>
		  <button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
		</div>
	  </div>
	</div>

	<div class="modal modal_quotation_step system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>행사장에 전기는 준비되어 있나요?</h4>
					<p>전기를 선택해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
            		<div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
					<p class="tit">전기 선택<span class="font_or">*</span></p>
					<div class="select_wrap" id="pop_cast_system">
						<button id="pop_elec" class="btn btn_gr">발전기</button>
						<button id="pop_h_elec" class="btn btn_gr">자체 대용량 전기</button>
						<button id="pop_ran" class="btn btn_gr">미정</button>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev" onclick="modal.close('quotation_step.system');modal.open('quotation_step.event_place');return false;">이전으로</button>
					<button class="btn_next" onclick="pop_estimate_chk('system');">다음</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step sound_system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>행사장에 음향기기는 갖추어져 있나요?</h4>
					<p>음향기기가 없다면 행사팀이나 쇼글 매니저에게 문의하세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
            		<div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
					<p class="tit">음향기기 선택<span class="font_or">*</span></p>
					<div class="select_wrap" id="pop_cast_device">
					<button class="btn btn_gr" id="pop_device_ok">있다</button>
					<button class="btn btn_gr" id="pop_device_no">없다</button>
					<button class="btn btn_gr" id="pop_device_random">미정</button>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev" onclick="modal.close('quotation_step.sound_system');modal.open('quotation_step.event_place');return false;">이전으로</button>
					<button class="btn_next" onclick="pop_estimate_chk('sound_system');">다음</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step event_request">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>추가로 요청하실 내용이 있으신가요?</h4>
					<p>내용이 상세할수록 정확한 견적을 받을 수 있어요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
            		<div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
					<p class="tit">요청사항</p>
					<textarea placeholder="ex)
리허설 : 리허설 있습니다. 오후 2시쯤 진행 예정
공연성격 : 오프닝(or 만찬) 공연입니다.
대상 : 40-50대 , 100명 , 남성
비용 : 악기 지참 비용, 교통비 등 포함 견적 희망합니다.
선곡 : 다같이 즐길 수 있는 신나는 곡으로 부탁드립니다." id="pop_cast_memo"></textarea>
				</div>

				<div class="btn_wrap">
					<button class="btn_prev" onclick="pop_estimate_back_chk('event_request');">이전으로</button>
					<button class="btn_next" onclick="pop_estimate_chk('event_request');">다음</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<!-- <div class="modal modal_quotation_step preview">
	  <div class="modal_wrap">
		<div class="modal_inner">
		  <div class="title_box">
			<h4>1:1견적요청 미리보기</h4>
			<p>아래 내용을 확인해주세요.</p>
		  </div>
		  <div class="content_wrap">
			<div class="preview_box">
			  <div class="sub_tit">
				<p id="tmp_cast_name"></p>
			  </div>
			  <ul>
				<li class="date_row">
				  <dl>
					<dt><i class="ico ico_date bg"></i>행사일자</dt>
					<dd id="tmp_cast_date"></dd>
				  </dl>
				</li>
				<li class="setting_row">
					<dl>
						<dt><i class="ico ico_clock bg"></i>셋팅일자</dt>
						<dd id="tmp_setting_date"></dd>
					</dl>
				</li>
				<li class="time_row">
					<dl>
						<dt><i class="ico ico_clock bg"></i>행사시간</dt>
						<dd id="tmp_cast_time"></dd>
					</dl>
				</li>
				<li class="location_row">
					<dl>
						<dt><i class="ico ico_place bg"></i>행사지역</dt>
						<dd id="tmp_cast_area"></dd>
					</dl>
				</li>
				<li class="place_row">
					<dl>
						<dt><i class="ico ico_place bg"></i>행사장소</dt>
						<dd id="tmp_cast_place"></dd>
					</dl>
				</li>
				<li class="running_row">
					<dl>
						<dt><i class="ico ico_clock bg"></i>러닝타임</dt>
						<dd id="tmp_cast_hope_time"></dd>
					</dl>
				</li>
				<li class="sound_row">
					<dl>
						<dt><i class="ico ico_speaker bg"></i>음향기기</dt>
						<dd id="tmp_cast_device"></dd>
					</dl>
				</li>
				<li class="electricity_row">
					<dl>
						<dt><i class="ico ico_elec bg"></i>전기유무</dt>
						<dd id="tmp_cast_electricity"></dd>
					</dl>
				</li>
			  </ul>
			  <dl class="cont_bot">
				<dt><i class="ico ico_exclamation bg"></i>요청사항</dt>
				<dd id="tmp_cast_memo">

				</dd>
			  </dl>
			</div>
		  </div>
		  <div class="btn_wrap">
			<button class="btn_prev" onclick="modal.close('quotation_step.preview');modal.open('quotation_step.event_request');return false;">이전으로</button>
			<button class="btn_next" onclick="pop_estimate_chk('quotation');">1:1견적요청</button>
		  </div>
		  <button class="btn_close bg" onclick="modal.close('quotation_step')"><span class="blind">닫기</span></button>
		</div>
	  </div>
	</div> -->

	<div class="modal modal_quotation_step preview">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>1:1견적요청 미리보기</h4>
				</div>
				<div class="content_wrap">
					<div class="preview_box">
						<div class="sub_tit">
							<p id="total_cast_name"></p>
						</div>
						<ul>
							<li class="date_row">
								<dl>
									<dt><i class="ico ico_date bg"></i>행사일자</dt>
									<dd id="total_cast_date"></dd>
								</dl>
							</li>
							<li class="time_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>공연시간</dt>
									<dd id="total_cast_st_time"></dd>
								</dl>
							</li>
							<li class="location_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>행사지역</dt>
									<dd id="total_cast_area"></dd>
								</dl>
							</li>
							<li class="place_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>공연장소</dt>
									<dd id="total_cast_place"></dd>
								</dl>
							</li>
							<li class="running_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>러닝타임</dt>
									<dd id="total_cast_hope_time"></dd>
								</dl>
							</li>
							<li class="sound_row">
								<dl>
									<dt><i class="ico ico_speaker bg"></i>음향기기</dt>
									<dd id="total_cast_device"></dd>
								</dl>
							</li>
						</ul>
						<dl class="cont_bot">
							<dt><i class="ico ico_exclamation bg"></i>요청사항</dt>
							<dd id="total_cast_memo">

							</dd>
						</dl>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('quotation_step.preview');modal.open('quotation');return false;">1:1견적요청</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step.preview');return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step preview_system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>1:1견적요청 미리보기</h4>
				</div>
				<div class="content_wrap">
					<div class="preview_box">
						<div class="sub_tit">
							<p id="total_cast_name"></p>
						</div>
						<ul>
							<li class="date_row">
								<dl>
									<dt><i class="ico ico_date bg"></i>행사일자</dt>
									<dd id="total_cast_date"></dd>
								</dl>
							</li>
							<li class="location_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>행사지역</dt>
									<dd id="total_cast_area"></dd>
								</dl>
							</li>
							<li class="place_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>행사장소</dt>
									<dd id="total_cast_place"></dd>
								</dl>
							</li>
							<li class="product_row">
								<dl>
									<dt><i class="ico ico_speaker bg"></i>제품&수량</dt>
									<dd id="total_cast_product"></dd>
								</dl>
							</li>
							<li class="rental_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>렌탈기간</dt>
									<dd id="total_cast_rental"></dd>
								</dl>
							</li>
							<li class="setting_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>셋팅일자</dt>
									<dd id="total_cast_setting"></dd>
								</dl>
							</li>
							<li class="electricity_row">
								<dl>
									<dt><i class="ico ico_elec bg"></i>전기유무</dt>
									<dd id="total_cast_electricity"></dd>
								</dl>
							</li>
						</ul>
						<dl class="cont_bot">
							<dt><i class="ico ico_exclamation bg"></i>요청사항</dt>
							<dd id="total_cast_memo"></dd>
						</dl>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('quotation_step.preview_system');modal.open('quotation');return false;">1:1견적요청</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step.preview_system');return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step preview_rental">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>1:1견적요청 미리보기</h4>
				</div>
				<div class="content_wrap">
					<div class="preview_box">
						<div class="sub_tit">
							<p id="total_cast_name"></p>
						</div>
						<ul>
							<li class="date_row">
								<dl>
									<dt><i class="ico ico_date bg"></i>행사일자</dt>
									<dd id="total_cast_date"></dd>
								</dl>
							</li>
							<li class="location_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>행사지역</dt>
									<dd id="total_cast_area"></dd>
								</dl>
							</li>
							<li class="place_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>행사장소</dt>
									<dd id="total_cast_place"></dd>
								</dl>
							</li>
							<li class="product_row">
								<dl>
									<dt><i class="ico ico_speaker bg"></i>제품&수량</dt>
									<dd id="total_cast_product"></dd>
								</dl>
							</li>
							<li class="rental_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>렌탈기간</dt>
									<dd id="total_cast_rental"></dd>
								</dl>
							</li>
							<li class="setting_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>셋팅일자</dt>
									<dd id="total_cast_setting"></dd>
								</dl>
							</li>
						</ul>
						<dl class="cont_bot">
							<dt><i class="ico ico_exclamation bg"></i>요청사항</dt>
							<dd id="total_cast_memo"></dd>
						</dl>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('quotation_step.preview_rental');modal.open('quotation');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step.preview_rental');return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step preview_people">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>1:1견적요청 미리보기</h4>
				</div>
				<div class="content_wrap">
					<div class="preview_box">
						<div class="sub_tit">
							<p id="total_cast_name"></p>
						</div>
					<ul>
						<li class="date_row">
							<dl>
								<dt><i class="ico ico_date bg"></i>행사일자</dt>
								<dd id="total_cast_date"></dd>
							</dl>
						</li>
						<li class="location_row">
							<dl>
								<dt><i class="ico ico_place bg"></i>행사지역</dt>
								<dd id="total_cast_area"></dd>
							</dl>
						</li>
						<li class="place_row">
							<dl>
								<dt><i class="ico ico_place bg"></i>행사장소</dt>
								<dd id="total_cast_place"></dd>
							</dl>
						</li>
						<li class="product_row">
							<dl>
								<dt><i class="ico ico_speaker bg"></i>제품&수량</dt>
								<dd id="total_cast_product"></dd>
							</dl>
						</li>
						<li class="delivery_row">
							<dl>
								<dt><i class="ico ico_clock bg"></i>납품기간</dt>
								<dd id="total_cast_delivery"></dd>
							</dl>
						</li>
						<li class="workdate_row">
							<dl>
								<dt><i class="ico ico_clock bg"></i>근무기간</dt>
								<dd id="total_cast_workdate"></dd>
							</dl>
						</li>
						<li class="worktime_row">
							<dl>
								<dt><i class="ico ico_clock bg"></i>근무시간</dt>
								<dd id="total_cast_worktime"></dd>
							</dl>
						</li>
					</ul>
					<dl class="cont_bot">
						<dt><i class="ico ico_exclamation bg"></i>요청사항</dt>
						<dd id="total_cast_memo"></dd>
					</dl>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('quotation_step.preview_people');modal.open('quotation');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step.preview_people');return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step arti_preview_etc">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>1:1견적요청 미리보기</h4>
				</div>
				<div class="content_wrap">
					<div class="preview_box">
						<div class="sub_tit">
							<p id="total_cast_name"></p>
						</div>
						<ul>
							<li class="date_row">
								<dl>
									<dt><i class="ico ico_date bg"></i>행사일자</dt>
									<dd id="total_cast_date"></dd>
								</dl>
							</li>
							<li class="location_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>행사지역</dt>
									<dd id="total_cast_area"></dd>
								</dl>
							</li>
							<li class="place_row">
								<dl>
									<dt><i class="ico ico_place bg"></i>행사장소</dt>
									<dd id="total_cast_place"></dd>
								</dl>
							</li>
							<li class="product_row">
								<dl>
									<dt><i class="ico ico_speaker bg"></i>제품&수량</dt>
									<dd id="total_cast_product"></dd>
								</dl>
							</li>
							<li class="usedate_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>사용기간</dt>
									<dd id="total_cast_usedate"></dd>
								</dl>
							</li>
							<li class="setting_row">
								<dl>
									<dt><i class="ico ico_clock bg"></i>셋팅일자</dt>
									<dd id="total_cast_setting"></dd>
								</dl>
							</li>
						</ul>
						<dl class="cont_bot">
							<dt><i class="ico ico_exclamation bg"></i>요청사항</dt>
							<dd id="total_cast_memo"></dd>
						</dl>
					</div>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('quotation_step.preview_etc');modal.open('quotation');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="modal.close('quotation_step.preview_etc');return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step arti_comp">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>1:1 견적요청이 등록되었습니다.</h4>
				</div>
				<div class="progress_total_bar">
					<div class="bar" style="width:100%"></div>
            		<div class="progress_bar" style="left:100%">100%</div>
				</div>
				<div class="content_wrap">
					<img src="/images/contents/quotation_step/quotation_request_step10.png">
						<p class="tit">아티스트가 견적을 보내면 알림톡으로 알려드려요.</p>
						<p class="txt">* 아티스트가 행사중 일 경우 답변이 조금 늦을수도 있어요~!</p>

				</div>
				<div class="btn_wrap">
					<button class="btn_ok" onclick="comp_move()">확인</button>
				</div>
				<section class="premiumAd">
					<div class="title"><img src="/images/common/prAd.png" alt="preminum Ad" /></div>
					<div class="prad_inner">
						<div class="swiper-container compPradSwiper">
							<div class="swiper-wrapper recomm_swiper_list">

							</div>
							<div class="swiper-pagination"></div>
						</div>
						<script>
							var prAdCateSwiperComp;
							$(function(){
								prAdCateSwiperComp = new Swiper('.modal_casting_step .compctPradSwiper', {
									slidesPerView: 1,
									spaceBetween: 10,
									pagination : { // 페이징 설정
										el : '.modal_casting_step .compctPradSwiper .swiper-pagination',
										type: 'bullets',
									},
								});
							})
						</script>
					</div>
				</section>
		  		<button class="btn_close bg" onclick="modal.close('quotation_step.arti_comp');return false;"><span class="blind">닫기</span></button>
			</div>
	  	</div>
	</div>

	<div class="modal modal_quotation">
	  <div class="modal_wrap">
		<div class="modal_inner">
		  <div class="content_box">
			<p class="txt">작성하신 내용으로 1:1 견적요청 하시겠습니까?</p>
		  </div>
		  <div class="btn_wrap">
			<a href="#" role="button" class="btn btn_gr" onclick="castingClose();return false;">취소</a>
			<a href="#" role="button" class="btn btn_or" onclick="registrationFn()">확인</a>
		  </div>
		</div>
	  </div>
	</div>


<script>
	$(function(){

		const group = '8'; // 4:공연팀, 5:시스템, 7:렌탈, 8:제작/대행, 9:인력, 10:개인인력
		const MODAL_PREVIEW = $('.modal_quotation_step.preview');

		if(group == "4" || group == "10" || group == "1"){
			MODAL_PREVIEW.addClass("concert_wrap");
		}else if(group == "5"){
			MODAL_PREVIEW.addClass("system_wrap");
		} else if(group == "7" || group == "8") {
			MODAL_PREVIEW.addClass("rent_wrap");
		} else if(group == "9") {
			MODAL_PREVIEW.addClass("manpower_wrap");
		}


		$(".modal_quotation_step").on('click', ".select_wrap .btn", function(){
			$(this).siblings('.btn').removeClass('on');
			$(this).addClass('on');
		})

		//비공개 클릭시
		$(".esti_ask_chk").on('click', "input", function(){
			var show_name_display = $("input:checkbox[name=pop_cast_name_display]").is(":checked");
			if(show_name_display == true){
				$('#pop_cast_name').val('비공개');
			}else{
				$('#pop_cast_name').val('');
			}
			$("#infoCall").prop("checked", false); //등록한 행사정보 불러오기 비활성화
			$("input:radio[name='event_estimate']").prop("checked", false); //등록한 행사정보 불러오기 비활성화
			$('.event_info').removeClass('on');
		})


		//등록된 행사정보 클릭시
		$(".modal_quotation_step.event_name").on('click', '#infoCall', function(){
		  if($(this).is(':checked') == true){
			$("#pop_cast_name_display").prop("checked", false); //비공개 비활성화
			$('#pop_cast_name').val('');
			$('.event_info').addClass('on');
		  }else{
			$('.event_info').removeClass('on');
		  }
		})

		//시.도
		$(".modal_quotation_step.event_area").on('click', '.first_addr .btn', function(){
		  let $btnList = $(".first_addr .btn");
		  let checkCnt = 0;

		  $btnList.each((index, el) =>{
			if($(el).attr('class').includes('on')){
			  return checkCnt++;
			}
		  })

		  if(checkCnt == 1){
			$(".second_addr").addClass('on');
			$(".detail_addr").addClass('on');
		  }
		})
	  })

	function comp_move(){
		modal.close('quotation_step.arti_comp');
		castingClose();return false;
		return false;
	}

	function show_name_chk(val){

		$.get("/main/get_ask_esti_info",
			{
				val : val,
			},
			function(rslt){
				var json=$.parseJSON(rslt);
				console.log(json.result_txt);
				if (json.result_txt) {

					$('#estimate_pop_date').val(json.result_txt['SEA_SHOW_DATE']);
					$('.datepicker2').val(json.result_txt['SEA_SHOW_DATE']);

					$('.range_box').find('.btn_sel').text(json.result_txt['SEA_SHOW_TIME']);

					$('#estimate_pop_date3').val(json.result_txt['SEA_SHOW_SETTING_DATE']);
					$('.datepicker4').val(json.result_txt['SEA_SHOW_SETTING_DATE']);
					$('.range_box').find('.btn_sel #set_time').text(json.result_txt['SEA_SHOW_SETTING_TIME']);

					$('.step3').find('button').removeClass('on');

					$('#hope_'+json.result_txt['SEA_SHOW_HOPE_TIME']).addClass('on');

					$('.step4').find('button').removeClass('on');
					$('#area_'+json.result_txt['SEA_SHOW_AREA']).addClass('on');

					$('.second_addr').addClass('on');


					show_area_sel_chk(json.result_txt['SEA_SHOW_AREA'],json.result_txt['SEA_SHOW_AREA2']);
					show_area_conf_str(json.result_txt['SEA_SHOW_AREA'],json.result_txt['SEA_SHOW_AREA2']);

					$(".detail_addr").addClass('on');
					if(json.result_txt['SEA_SHOW_AREA_STR'] !=""){
						$('#cast_area_str').val(json.result_txt['SEA_SHOW_AREA_STR']);
					}

					if(json.result_txt['SEA_SHOW_PLACE'] == "실내"){
						$('#pop_place_in').addClass('on');
						$('#pop_place_out').removeClass('on');
						$('#pop_place_random').removeClass('on');
					}else if(json.result_txt['SEA_SHOW_PLACE'] == "실외"){
						$('#pop_place_out').addClass('on');
						$('#pop_place_in').removeClass('on');
						$('#pop_place_random').removeClass('on');
					}else if(json.result_txt['SEA_SHOW_PLACE'] == "미정"){
						$('#pop_place_random').addClass('on');
						$('#pop_place_out').removeClass('on');
						$('#pop_place_in').removeClass('on');
					}

					if(json.result_txt['SEA_SHOW_DEVICE'] == "있다"){
						$('#pop_device_ok').addClass('on');
						$('#pop_device_no').removeClass('on');
						$('#pop_device_random').removeClass('on');
					}else if(json.result_txt['SEA_SHOW_DEVICE'] == "없다"){
						$('#pop_device_no').addClass('on');
						$('#pop_device_ok').removeClass('on');
						$('#pop_device_random').removeClass('on');
					}else if(json.result_txt['SEA_SHOW_DEVICE'] == "미정"){
						$('#pop_device_random').addClass('on');
						$('#pop_device_no').removeClass('on');
						$('#pop_device_ok').removeClass('on');
					}

					if(json.result_txt['SEA_SHOW_SYSTEM'] == "발전기"){
						$('#pop_elec').addClass('on');
						$('#pop_h_elec').removeClass('on');
						$('#pop_ran').removeClass('on');
					}else if(json.result_txt['SEA_SHOW_SYSTEM'] == "자체 대용량 전기"){
						$('#pop_h_elec').addClass('on');
						$('#pop_elec').removeClass('on');
						$('#pop_ran').removeClass('on');
					}else if(json.result_txt['SEA_SHOW_SYSTEM'] == "미정"){
						$('#pop_ran').addClass('on');
						$('#pop_elec').removeClass('on');
						$('#pop_h_elec').removeClass('on');
					}

					$('#pop_cast_memo').val(json.result_txt['SEA_SHOW_MEMO']);
				} else {
					// $("#firstGenre").empty();
				}
		});
		$('#pop_cast_name').val($('#event'+val).val());
	}

	function pop_name_chk(){ //행사명 작성시

	  if($("input:checkbox[name=pop_cast_name_display]").is(":checked") == true){
		$("#pop_cast_name_display").prop("checked", false); //비공개 비활성화
	  }

	  if($("input:radio[name='event_estimate']").is(":checked") == true){
		$("#infoCall").prop("checked", false); //등록한 행사정보 불러오기 비활성화
		$("input:radio[name='event_estimate']").prop("checked", false); //등록한 행사정보 불러오기 비활성화
		$('.event_info').removeClass('on');
	  }

	}

	//시.도
	function show_area_sel(code){
		$.get("/show/show_get_area_sido/" ,{
			code : code
		},
		function(rslt){
			$('#pop_cast_area2').val('');
			var rslt2=$.trim(rslt);
			if(rslt2.length > 24){
				var rslt2=$.trim(rslt);
				$(".area_sido_show").html(rslt2);
				$(".second_addr").show();
				$('#pop_cast_area_chk').val('N');
			}else{
				$(".area_sido_show").html('');
				$(".second_addr").hide();
				$('#pop_cast_area_chk').val('Y');
			}
		});
	}

	function show_area_sel_chk(sido, sido2){
			$.get("/main/get_area_sido_chk/" ,{
		        sido : sido
	        },
	        function(rslt){
	        	var rslt2=$.trim(rslt);
		    	if(rslt2.length > 0){
		        	var rslt2=$.trim(rslt);
		            $(".area_sido_show").html(rslt2);
		            $(".second_addr").show();
		            $('#pop_cast_area_chk').val('N');
		            $('#area_str_'+sido2).addClass('on');
		        }else{
		        	$(".area_sido_show").html('');
		        	$(".second_addr").hide();
		        	$('#pop_cast_area_chk').val('Y');

		        }
	        });
		}

	function show_area_conf_str(area1, area2){
		$('#pop_cast_area2').val(area2);
	}

	function pop_estimate_back_chk(type){
	    var group = '8'; // 4:공연팀, 5:시스템, 7:렌탈, 8:제작/대행, 9:인력, 10:개인인력

	    if(type == 'event_area'){
	      if(group == '5' || group == '7'){
	        modal.close('quotation_step.event_area');
	          modal.open('quotation_step.setting_date');
	          return false;
	      }else if(group == '8' || group == '9'){
	        modal.close('quotation_step.event_area');
	          modal.open('quotation_step.event_date');
	          return false;
	      }else{
	        modal.close('quotation_step.event_area');
	          modal.open('quotation_step.event_running');
	          return false;
	      }

	    }else if(type == 'event_request'){
	      if(group == '5'){
	        modal.close('quotation_step.event_request');
	          modal.open('quotation_step.system');
	          return false;
	      }else if(group == '7' || group == '8'){
	        modal.close('quotation_step.event_request');
	          modal.open('quotation_step.event_place');
	          return false;
	      }else{
	        modal.close('quotation_step.event_request');
	          modal.open('quotation_step.sound_system');
	          return false;
	      }
	  	}

	}

	function pop_estimate_chk(type){
		var group = '8'; // 4:공연팀, 5:시스템, 7:렌탈, 8:제작/대행, 9:인력, 10:개인인력

		if(type == 'event_name'){
			var show_name_display = $("input:checkbox[name=pop_cast_name_display]").is(":checked");

			if($('#pop_cast_name').val() == ''){
				alert('행사명을 입력해주세요.');
				return false;
			}else{
				if(show_name_display == true){
					$('#estimate_pop_name_display').val('Y');
				}else{
					$('#estimate_pop_name_display').val('N');
				}
				modal.close('quotation_step.event_name');
				modal.open('quotation_step.event_date');
				return false;
			}
		}
		else if(type == 'event_date'){
			var cast_time_str = $('.event_date.day').find('.range_box #pop_cast_time .on').text();
			var cast_noon = $('.event_date.day').find('.range_box #pop_cast_noon .on').text();
			var cast_str = $('.event_date.day').find('.range_box .btn_sel').text();

			if($('#estimate_pop_date').val() == ''){
				alert('행사일시를 선택해주세요.');
				return false;
			}
			else if(cast_noon == '' || cast_noon =='오전/오후'){
				alert('오전/오후를 선택해주세요.');
				return false;
			}
			else if(cast_time_str == '' || cast_str =='공연시작 시간 선택'){
				alert('행사시간을 선택해주세요.');
				return false;
			}else{
				if(group == '5' ||group == '7' ||group == '8'){
    				modal.close('quotation_step.event_date');
	    			modal.open('quotation_step.setting_date');
	    			return false;
    			}else if(group == '8' ||group == '9'){
    				modal.close('quotation_step.event_date');
		    		modal.open('quotation_step.event_area');
		    		return false;
    			}else {
    				modal.close('quotation_step.event_date');
	    			modal.open('quotation_step.event_running');
	    			return false;
    			}
			}
		}
		else if(type == 'setting_date'){
    		var cast_set_time_str = $('.setting_date.day').find('.range_box #pop_st_time .on').text();
    		var cast_set_str = $('.setting_date.day').find('.range_box .btn_sel').text();

    		if($('#estimate_pop_date3').val() == ''){
    			alert('셋팅일시를 선택해주세요.!!');
	            return false;
    		}else if(cast_set_time_str == '' && cast_set_str =='셋팅시작 시간 선택'){
    			alert('셋팅시간을 선택해주세요.');
	            return false;
    		}else{
    			modal.close('quotation_step.setting_date');
    			modal.open('quotation_step.event_area');
    			return false;
    		}
    	}
		else if(type == 'event_running'){
			var cast_hope_time_str = $('.event_running').find('#pop_cast_hope_time .on').text();
			if(cast_hope_time_str == ''){
				alert('행사 희망 시간을 선택해주세요.');
				return false;
			}else{
				modal.close('quotation_step.event_running');
				modal.open('quotation_step.event_area');
				return false;
			}
		}
		else if(type == 'event_area'){
			var cast_area_str = $('.event_area').find('#pop_cast_area .on').text();
			if(cast_area_str == ''){
				alert('시/도를 선택해주세요.');
				return false;
			}else if($('#pop_cast_area2').val() == '' && $('#pop_cast_area_chk').val() == 'N'){
				alert('시/군구를 입력해주세요.');
				return false;
			}else{
				modal.close('quotation_step.event_area');
				modal.open('quotation_step.event_place');
				return false;
			}
		}
		else if(type == 'event_place'){
			var cast_place_str = $('.event_place').find('#pop_cast_place .on').text();
			if(cast_place_str == ''){
				alert('공연장소 실내외를 선택해주세요.');
				return false;
			}else{
				if(group == '5'){
    				modal.close('quotation_step.event_place');
    				modal.open('quotation_step.system');
	    			return false;
    			}else if(group == '7' || group == '8' || group == '9'){
    				modal.close('quotation_step.event_place');
	    			modal.open('quotation_step.event_request');
	    			return false;
    			}else{
    				modal.close('quotation_step.event_place');
	    			modal.open('quotation_step.sound_system');
	    			return false;
    			}
			}
		}
		else if(type == 'sound_system'){
			var cast_device_str = $('.sound_system').find('#pop_cast_device .on').text();
			if(cast_device_str == ''){
				alert('음향기기 유무를 선택해주세요.');
				return false;
			}else{
				modal.close('quotation_step.sound_system');
				modal.open('quotation_step.event_request');
				return false;
			}
		}
		else if(type == 'system'){
    		var cast_system_str = $('.system').find('#pop_cast_system .on').text();
    		if(cast_system_str == ''){
    			alert('전기를 선택해주세요.');
	            return false;
    		}else{
    			modal.close('quotation_step.system');
    			modal.open('quotation_step.event_request');
    			return false;
    		}
    	}
		else if(type == 'event_request'){

    		var emailRule = /[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}/i;//이메일 정규식
			var regExp1 = /\d{2,3}-\d{3,4}-\d{4}/;
			var regExp2 = /\d{2,3} \d{3,4} \d{4}/;
			var regExp3 = /\d{7,8}/;

			if(emailRule.test($("#pop_cast_memo").val())) {
			  alert("이메일은 기재하실 수 없습니다.")
			  return;
			}else if (regExp1.test($("#pop_cast_memo").val())){
			  alert("전화번호는 기재하실 수 없습니다.")
			  return;
			}else if (regExp2.test($("#pop_cast_memo").val())){
			  alert("전화번호는 기재하실 수 없습니다.")

			  return;
			}else if (regExp3.test($("#pop_cast_memo").val())){
			  alert("전화번호는 기재하실 수 없습니다.")
			  return;
			}

			var cast_time_str = $('.step2').find('.range_box #pop_cast_time .on').text();
			var pop_set_time_str = $('.setting_date.day').find('.range_box #pop_st_time .on').text();

			$('#tmp_cast_name').text($('#pop_cast_name').val());
			$('#tmp_cast_date').text($('#estimate_pop_date').val());
			if(cast_time_str !=''){
				$('#tmp_cast_noon').text($('.event_date.day').find('.range_box #pop_cast_noon .on').text());
    			$('#tmp_cast_time').text($('.event_date.day').find('.range_box #pop_cast_time .on').text());
    		}else{
    			$('#tmp_cast_time').text($('.event_date.day').find('.range_box .btn_sel').text());
    		}

    		if(group == "5" || group =="7"){
    			$('#tmp_setting_date').text($('#estimate_pop_date3').val());  // 셋팅일자

    			if(pop_set_time_str !=''){
    				$('#tmp_setting_time').text($('.setting_date.day').find('.range_box #pop_st_time .on').text());  // 셋팅시간
        		}else{
        			$('#tmp_setting_time').text($('.setting_date.day').find('.range_box .btn_sel').text()); //셋팅시간
        		}

        		$('#tmp_cast_electricity').text($('.system').find('#pop_cast_system .on').text()); // 전기
    		}

			// $('#tmp_cast_time').text($('.step2').find('.range_box #pop_cast_time .on').text());
			$('#tmp_cast_area').text($('.event_area').find('#pop_cast_area .on').text()+' '+$('#pop_cast_area2').val()+' '+$('#pop_cast_area_str').val());
			$('#tmp_cast_place').text($('.event_place').find('#pop_cast_place .on').text());
			$('#tmp_cast_hope_time').text($('.event_running').find('#pop_cast_hope_time .on').text());
			$('#tmp_cast_device').text($('.sound_system').find('#pop_cast_device .on').text());
			$('#tmp_cast_memo').html($('#pop_cast_memo').val().replaceAll(/(\n|\r\n)/g, "<br>"));

       		/**********************************************************************************************/

			$('#estimate_pop_name').val($('#pop_cast_name').val());
			// if(cast_time_str !=''){
    		// 	$('#estimate_pop_time').val($('.event_date.day').find('.range_box #pop_cast_time .on').text());
			// 	$("#estimate_cast_noon").val($('.event_date.day').find('.range_box #pop_cast_noon .on').text())
    		// }else{
    		// 	$('#estimate_pop_time').val($('.event_date.day').find('.range_box .btn_sel#btn_sel_dy').text());
			// 	$("#estimate_cast_noon").val($('.event_date.day').find('.range_box #pop_cast_noon .on').text())
    		// }

			var cast_time = $('.event_date').find('.range_box #pop_cast_time a.on').data('time_val');
			$('#estimate_pop_time').val(cast_time)
			$("#estimate_cast_noon").val($('.event_date').find('.range_box #btn_sel_noon a.on').text())

    		if(group == "5" || group =="7"){
    			$('#estimate_pop_setting_date').val($('#estimate_pop_date3').val());  // 셋팅일자

    			if(pop_set_time_str !=''){
    				$('#pop_time_chk').val(pop_set_time_str);  // 셋팅시간
        		}else{
        			$('#pop_time_chk').val($('.setting_date.day').find('.range_box .btn_sel').text()); //셋팅시간
        		}

        		$('#estimate_pop_cast_electricity').val($('.system').find('#pop_cast_system .on').text()); // 전기
    		}

			// $('#estimate_pop_time').val($('.step2').find('.range_box #pop_cast_time .on').text());
			$('#estimate_pop_area').val($('.event_area').find('#pop_cast_area .on').text());
			$('#estimate_pop_area2').val($('#pop_cast_area2').val());
			$('#estimate_pop_area_str').val($('#pop_cast_area_str').val());
			$('#estimate_pop_place').val($('.event_place').find('#pop_cast_place .on').text());
			$('#estimate_pop_hope_time').val($('.event_running').find('#pop_cast_hope_time .on').text());
			$('#estimate_pop_device').val($('.sound_system').find('#pop_cast_device .on').text());
			$('#estimate_pop_memo').val($('#pop_cast_memo').val());

			modal.close('quotation_step.event_request');
			modal.open('quotation_step.preview');
			return false;
		}
		else if(type == 'quotation'){
			var queryString = $("form[name=estimate_pop]").serialize();

			$.ajax({
				url :'/show/artist_estimate_proc',
				type : 'post',
				data : queryString,
				dataType : 'json',
				error: function(xhr, status, error){
					console.log(xhr+"|"+status+"|"+error);
				},
				success : function(data){
					if(data.rslt == 'Y'){
						modal.close('quotation');
						modal.open('quotation_step.comp');
						prAdCateSwiperComp.update();
						return false;
					}
				}
			});
		}


		// 시간 표시 조정 - 오전/오후
		$(() => {
			$("#pop_cast_time").find("a.sel").hide()
		})
		$("#pop_st_time_beforenoon").on("click", function() {
			$("#pop_cast_time").closest("div.select").find("a.btn_sel").text("시간 선택")
			$("#pop_cast_time").find("a.sel").removeClass("on")
			$("#pop_cast_time").find("a.sel.beforenoon_sel").show()
			$("#pop_cast_time").find("a.sel.afternoon_sel").hide()
		})
		$("#pop_st_time_afternoon").on("click", function() {
			$("#pop_cast_time").closest("div.select").find("a.btn_sel").text("시간 선택")
			$("#pop_cast_time").find("a.sel").removeClass("on")
			$("#pop_cast_time").find("a.sel.beforenoon_sel").hide()
			$("#pop_cast_time").find("a.sel.afternoon_sel").show()
		})
		// 시간 표시 조정 - 오전/오후

	}
	</script>

    <script type="text/javascript">
        var group_chk = '8';
        var video_st = 0;
        var video_ls=5;

        $( document ).ready(function() {
            $("#genre2").val('251');
        });

        if(group_chk == '4' || group_chk == '10' || group_chk == '11'){
            $( document ).ready(function() {
                // product_more();
                review_more('P','C');
            });
        }else{
            $( document ).ready(function() {
                product_more();
                review_more('P','C');
            });
        }

        function imgSourceHandle(_this){
            let source = $(_this).css('backgroundImage').split('"');
            $(".modal_expansion img").attr("src" , source[1]);
            modal.open('expansion');
            return false;
        }

        function video_more(){
            $.get("/show/get_video_more/" ,{
                video_st : video_st,
                video_ls : video_ls,
                t_seq : 291
            },
            function(rslt){
                var rslt2=$.trim(rslt);
                if(rslt2.length > 0){
                    if(video_st > 0){
                        $("#show_video_more").append(rslt2);
                    }else{
                        $("#show_video_more").html('');
                        $("#show_video_more").html(rslt2);
                    }
                }else if(rslt2.length == 0 && video_st == 0){
                    $("#show_video_more").html('<li><a href="#"><span class="tit">아직 등록된 영상이 없습니다.</span></a></li>');
                }
                set_the_more_btn();
                video_st += video_ls;
            });
        }

        var review_st = 0;
        var review_ls=5;
        function review_more(type, gubun){
            if (type !== null && type !== '' && typeof type !== 'undefined') {
                $("#review_ord").val(type);
            }else{
                type = $("#review_ord").val();
            }

            if(type != 'P' && gubun == 'M'){
                review_st = 0;
            }

            $.get("/show/get_review_more/" ,{
                review_st : review_st,
                review_ls : review_ls,
                t_seq : 291,
                genre : 251,
                sub_genre : 255,
                o_type : type
            },
            function(rslt){
                var rslt2=$.trim(rslt);
                if(rslt2.length > 0){
                    if(review_st > 0){
                        $("#review_more").append(rslt2);
                    }else{
                        $("#review_more").html('');
                        $("#review_more").html(rslt2);
                    }
                }else if(rslt2.length == 0){
                    $("#review_more").html('<li class="non_list"><span class="tit">아직 등록된 후기가 없습니다.</span></li>');
                }
                set_the_more_btn_review();

                review_st += review_ls;

            });
        }

    $(function(){
      // const mvHeight = $(".visual").height();
      // const hdHeight = 50;

      // /* header */
      // $(window).scroll(throttle(() =>{
      //   let scTop = $(window).scrollTop();
      //   if(scTop+hdHeight > mvHeight){
      //     $(".header").addClass('whbg');
      //   }else{
      //     $(".header").removeClass('whbg');
      //   }
      // }))

        /* 더보기 */
        const $eventRecords = $(".event_records");

        $($eventRecords).on('click', ".more", function(e){
            e.preventDefault();

            if($(this).hasClass('open')){
                $(".event_records").find("ul").css('height', 'auto');
                $(this).html('접기');
                $(this).removeClass('open');
            }else{
                $(".event_records").find("ul").css('height', '195px');
                $(this).html('더보기<i class="ico ico_plus bg"></i>');
                $(this).addClass('open');
            }
        })

          $(".concert_detail").on('click', ".more", (e) => {
            e.preventDefault();
            contPosFn();
        })

        /* 댓글창 on/off */
        const $reviewListBox = $(".review_lists");
        const $reviewBtn = $reviewListBox.find(".btn_review");
        const $modifyBtn = $reviewListBox.find(".btn_modify");

        $($reviewListBox).on('click', ".btn_review" , function() {
            let $writeBox = $(this).closest(".review_list").find(".write_box");
            $writeBox.toggleClass('on');
            if($writeBox.attr('class').includes('on')){
              $(this).text('댓글 X');
            }else{
              $(this).text('댓글');
            }
        });

        $($reviewListBox).on('click', ".btn_modify" , function(e) {
            e.preventDefault();
            let $writeBox = $(this).closest(".review_list").find(".write_box");
            $(this).closest(".review_list").find(".comment_box").toggleClass('on');
            $writeBox.toggleClass('on')
            if($writeBox.attr('class').includes('on')){
                $(this).closest(".review_list").find(".btn_wrap").append('<button class="btn_modify cancel">수정 X</button>');
            }else{
                $(this).closest(".review_list").find(".btn_wrap").find(".btn_modify.cancel").remove();
            }
        });

        /* fix_tab */
        const $sliceTab = $(".slide_tab");
        $(window).scroll(throttle(()=>{
            let scTop = $(window).scrollTop();
            let transPos = $(".slide_wrap").offset().top;
            if(scTop >= transPos){
                $sliceTab.addClass('top_fix');
                contPosFn();
            }else if(scTop < transPos){
                $sliceTab.removeClass('top_fix');
            }
        }))

        /* top_fix_tab scroll event */
        let onIdx = 0,
        $contPos = [],
        $tabList = $(".slide_tab").find('li');
        const SLIDE_TAB_HEIGHT = 50;

        function onStep(idx){
            $(".slide_tab li.on").removeClass("on");
            $(".slide_tab li").eq(idx).addClass("on");
            onIdx = idx;
        }


        /* tab_btn , tabCont 연동 */
        function scMove(pos){
            $([document.documentElement, document.body]).animate({
                scrollTop: pos
            }, 500, function(){
                scrollEffect()
            });
        }

        const scrollEffect = function() {
            let idx=0,
            scTop = $(window).scrollTop();
            $contPos.forEach(function(elPos,index,array){
              if(scTop>=elPos){
                idx = index;
                return false;
            }
        })

            if(onIdx != idx) onStep(idx);
        }

        function contPosFn(){
            $contPos = [];
            $("#contents").find(".tabCont").each(function(index, el) {
                $contPos.push($(el).offset().top - SLIDE_TAB_HEIGHT);
            });
        }

        $(window).on('load', function(event) {
            event.preventDefault();
            /* Act on the event */
            contPosFn();
        });

        $(window).scroll(throttle((event)=>{
            event.preventDefault();
            scrollEffect();
        }));

        $($tabList).on('click', function(event){
            event.preventDefault();
            let i;
            i = $($tabList).index(this);
            scMove($contPos[i]+1);
        })

        $(".btn_more").on('click', function(){
            $(this).parent('.btn_box').siblings('.hide_box').toggleClass('on');
            $contPos=[];
            contPosFn();
        })
    })


    //프로필다운
    function arti_all_file(seq, id){
        var link = '/show/get_team_photo?seq='+seq+'&id='+id;
        location.href=link;

        setTimeout(function() {
          arti_all_file2(id);
        }, 2000);
    }
    //프로필다운
    function arti_all_file2(id){
        var link2 = '/show/get_team_profile?id='+id;
        location.href=link2;
    }

    function textEllipsis(_this){
        const text_box = $(_this).siblings('.txt');
        if(text_box.hasClass('on')){
            text_box.removeClass('on');
            $(_this).text('더보기')
            text_box.css('display', '-webkit-box');
        }else{
            text_box.addClass('on');
            $(_this).text('접기')
            text_box.css('display', 'block');
        }
    }

    var product_st = 0;
    var product_ls = 2;
    function product_more(){
        $.get("/show/get_product_more/" ,{
            product_st : product_st,
            product_ls : product_ls,
            t_seq : 291
        },
        function(rslt){
        var rslt2=$.trim(rslt);
        if(rslt2.length > 0){
            if(product_st > 0){
                $("#show_product_more").append(rslt2);
            }else{
                $("#show_product_more").html('');
                $("#show_product_more").html(rslt2);
            }
        }else if(rslt2.length == 0 && product_st == 0){
            $("#show_product_more").html('<li><a href="#"><span class="tit">아직 등록된 기본단가표가 없습니다.</span></a></li>');
        }
            set_the_more_btn_product();
            product_st += product_ls;
        });
    }

    function get_team_photo(seq, id){
        $.get("/show/get_team_photo" ,
        {
          seq : seq,
          id : id
        },
        function(rslt){

        });
    }

    function photo_file_download(seq, id){
        $('#seq').val(seq);
        $('#id').val(id);
        $('#down_frm').submit();
    }

    function arti_estimate_chk(){
        $('#arti_view_chk').val('Y');
        $('.event_name .btn_prev').hide();
        $('.event_name .btn_next').addClass('btn_full');
        $(".progress_total_bar").each(function(){
            $(this).find(".progress_bar").html(0+'%').css('left',0);
            $(this).find(".bar").css('width',0)
        })
    }

</script>
<div class="thumbzone_wrap talk_on back_on">
		<div class="thumbzone">
		  <a href="/" class="btn_home"><span class="blind">홈버튼</span> </a>
		  <div class="btn_left_box">
			<a href="javascript:;" class="btn_menu"><span class="blind">메뉴</span></a>
			<a href="/search" class="btn_search"><span class="blind">검색</span></a>
		  </div>
		  <div class="btn_right_box">
				<a href="/login" class="btn_chat"><span class="blind">채팅</span></a>

				<a href="/login" class="btn_my" ><span class="blind">마이쇼글</span></a>


		  </div>
		</div>
		<a href="javascript:history.back();" class="btn_back"><span class="blind">뒤로가기</span></a>
		<div class="widget_wrap">
			<a href="javascript:;" onclick="window.location.href='/login';" class="btn_talk"><i class="ico ico_chat bg"></i></a>
		  <a href="javascript:;" id="topBtn" class="btn_top"><span class="blind">맨위로가기</span></a>
		</div>
		<script type="text/javascript">
			function chat_list_open(){
				preloading.start();

				var myForm = document.chatSendForm;
				var user_type_chk = "";

				if(user_type_chk == 'ARTIST'){
					var url = "https://sgm.showgle.co.kr/mychatcli/list_arti.php?chatinfo=";
				}else{
					var url = "https://sgm.showgle.co.kr/mychatcli/list_membership.php?chatinfo=";
				}

				var environment = "pc";
				var user_agent_chk = "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)";

				if(environment == 'app'){
					var user_account_chk = "";
					appRequest.openUrl(url+"||"+user_account_chk);

					preloading.end();
				}else{
					window.open(url ,"popForm","toolbar=no, directories=no, status=no, resizable=no");
					preloading.end();
				}

				//alert(user_type_chk);
			}

			function my_showgle_url(){
				var type = '';

				if(type == "ARTIST"){
					preloading.start();
					location.href="/my_artist";

				}else{

					preloading.start();
					location.href="/my";

				}
			}

			$(function(){
				const $topbtn = $('#topBtn');
				// let lastScrollTop = 0;
				// let currentScrollTop;

				$topbtn.on('click', function(e) {
			  		e.preventDefault();
			  		$('html, body').animate({scrollTop:0}, '300');
				});

				// $(window).scroll(throttle(() => {
				// 	currentScrollTop = $(this).scrollTop();
				// 	if(currentScrollTop < lastScrollTop) {
				// 		$('#showgle').removeClass('wheel-on');
				// 	}
				// 	else {
				// 		$('#showgle').addClass('wheel-on');
				// 	}
				// 	lastScrollTop = currentScrollTop;
				// }))
			})

			function arti_estimate_chk_foo(){
				$('#arti_view_chk').val('N');
			}
		</script>
	 </div>
	 <footer class="footer">
		<div class="footer_top">
			<ul>
				<li>
					<a href="/login"><span>로그인</span></a>
				</li>
				<li>
					<a href="https://www.showgle.co.kr" target="_blank">PC버전</a>
				</li>
			</ul>
		</div>
		<div class="footer_cont">
		  <div class="footer_menu">
			<ul>
			  <li><a href="/customer/introduction">쇼글 소개</a></li>
			  <li><a href="/customer/policy?type=agreement">이용약관</a></li>
			  <li><a href="/customer/policy?type=policy" class="strong">개인정보취급방침</a></li>
			  <li><a href="/customer/policy">약관 및 정책</a></li>
			</ul>
			<a href="/customer">고객센터</a>
			<a href="/maps" style="color:#fff">테스트진입텍스트입니다</a>
		  </div>
		  <div class="footer_info">
			<span>대표이사 : 장윤열</span><span>사업자등록번호 220-87-31879</span>
			<p>대중문화예술기획업 제2025-127호</p>
			<p>통신판매업신고 2025-서울강남-04417호</p>
			<p>광고문의 02-598-4340</p>
			<p>서울시 강남구 양재천로 179, 2층(도곡동, 주영빌딩)</p>
			<a href="https://www.ftc.go.kr/callPop.do?url=/repository/www/contents/popup7.jsp&titl=%EC%9D%B4%EC%9A%A9%EA%B8%B0%EA%B4%80%20%EA%B0%9C%EB%B0%9C%EA%B0%80%EC%9D%B4%EB%93%9C" target="_blank" title="새창에열림">[사업자정보확인]</a>
			<p class="email">Email : showgle@naver.com</p>
			<a href="/main/get_company_down?file_nm=showgle_business&ext=z" class="btn_down">사업자등록증/통장 사본 다운로드</a>
			<p class="copyright">Showgle Copyright © (주)쇼글 All Rights Reserved.</p>
			<p style="margin-top: 5px;"><img src="/images/common/foot_venture.png" alt="venture" width="130px"></p>
		  </div>
		</div>
	</footer>
	<!--  -->
<script>
	//event_genre : 분야를 선택,세부분야
	//event_name  :어떤행사
	//event_date : 행사일
	//event_area :행사는 어디서
	//event_place : 행사장소
	//event_customer_importance : 섭외시 중요점
	//event_running : 러닝타임
	//event_running2 : 러닝타임2(시간)
	//sound_system : 음향기기
	//gender  : 선호성별
	//event_request : 추가요청사항
	//event_product : 제품수량
	//rental_date : 렌탈기간
	//setting_date : 세팅날짜
	//system : 전기형태
	//deli_date : 납품일자
	//work_date : 근무기간
	//work_time : 근무시간
	let evtStep = [
		{
			id: 4,
			name:'공연팀',
			event: ['event_genre','event_name','event_date','event_area','event_place','event_customer_importance','event_running','sound_system','gender','event_request']
		},
		{
			id: 11,
			name:'MC',
			event: ['event_genre','event_name','event_date','event_area','event_place','event_customer_importance','event_running2','gender','event_request']
		},
		{
			id: 10,
			name:'결혼식&돌잔치',
			event: ['event_genre','event_name','event_date','event_area','event_place','event_customer_importance','gender','event_request']
		},
		{
			id: 5,
			name:'시스템',
			event: ['event_genre','event_name','event_date','event_area','event_place','event_product','rental_date','setting_date','system','event_request'],
			event1: ['event_genre','event_name','event_date','event_area','event_place','event_product','rental_date','setting_date','event_request']//gen_149무대, gen_248발전차
		},
		{
			id: 7,
			name:'렌탈',
			event: ['event_genre','event_name','event_date','event_area','event_place','event_product','rental_date','setting_date','event_request'],
			event1: ['event_genre','event_name','event_date','event_area','event_product','rental_date','setting_date','event_request']//gen_153, gen_158
		},
		{
			id: 9,
			name:'인력',
			event: ['event_genre','event_name','event_date','event_area','event_place','event_product','deli_date','work_date','work_time','event_request'],
			event1: ['event_genre','event_name','event_date','event_area','event_place','event_product','event_request'],// gen_177 영상촬영, gen_178 사진촬영
			event2: ['event_genre','event_name','event_date','event_area','event_place','event_product','deli_date','event_request'],// gen_249 영상제작편집, gen_186 성우
			event3: ['event_genre','event_name','event_date','event_area','event_product','deli_date','event_request'],// gen_175 디자이너, gen_184 음악감독
			event4: ['event_genre','event_name','event_date','event_area','event_place','event_product','work_date','work_time','event_request'],// gen_182 진행요원, gen_187 도우미, gen_188 경호, gen_189 통역
			event5: ['event_genre','event_name','event_date','event_area','event_place','work_date','event_request'],// gen_185 VJ
		},
		{
			id: 8,
			name:'제작물/프로그램/음식',
			event: ['event_genre','event_name','event_date','event_area','event_place','event_product','deli_date','setting_date','event_request'],
			event1: ['event_genre','event_name','event_date','event_area','event_product','deli_date','event_request'],//기념품,현수막
			event2: ['event_genre','event_name','event_date','event_area','event_place','pro_use_date','event_request'],//프로그램
			event3: ['event_genre','event_name','event_date','event_area','event_place','event_product','setting_date','event_request'],//음식
		},
	];
	var cate_val,//id
		castEvent,//단계
		castType,//오픈 모달네임
		castStep = 0,//단계 index
		castLen;//단계 total



	$(function(){
		var arti_view_chk = $('#arti_view_chk').val();	// 아티스트 상세 여부
		if(arti_view_chk == 'Y'){
			$sg.on('click','.modal_quotation_step .btn_prev',function(){
				prevCast();
			})
			$sg.on('click','.modal_quotation_step .btn_next',function(){
				nextCast();
			})
		}else{
			$sg.on('click','.modal_casting_step .btn_prev',function(){
				prevCast();
			})
			$sg.on('click','.modal_casting_step .btn_next',function(){
				nextCast();
			})
		}
	})

	function stepprogress(){
		var per = Math.round(castStep/castLen * 100)+'%';
		$(".progress_total_bar").each(function(){
			$(this).find(".progress_bar").html(per).css('left',per);
			$(this).find(".bar").css('width',per)
		})
	}

	function prevCast(){
		$(".modal_casting_step.on").removeClass("on")
		var arti_view_chk = $('#arti_view_chk').val();
		castStep--;
		if(castStep == 0 && arti_view_chk != 'Y'){
			modal.open("casting_step.event_field");
		}else if(castStep == 0 && arti_view_chk == 'Y'){
			modal.open("casting_step.event_name");
		}else{
			var stepClass='casting_step.'+castEvent[castStep-1];
			modal.open(stepClass);
		}
		stepprogress();
	}

	function nextCast(){

		var arti_view_chk = $('#arti_view_chk').val();	// 아티스트 상세 여부

		if(castStep == 0 && arti_view_chk != 'Y'){
			var cast_hope_genre = Number($('.event_field').find('#cast_genre_chk .on').val());
			if(cast_hope_genre){
				cate_val = cast_hope_genre;
			}else{
				alert('분야를 선택해주세요.');
				return false;
			}
			castEvent = evtStep.find(item => item.id === cast_hope_genre)?.event;
			castType = 'event_field';
			castLen = castEvent.length;
		}else if(arti_view_chk == 'Y' && castStep == 0){
			// 아티스트 상세 1:1 견적요청
			var estimate_pop_chk_genre_group = Number($('#estimate_pop_chk_genre_group').val());
			if(estimate_pop_chk_genre_group){
				cate_val = estimate_pop_chk_genre_group;
				castEvent = evtStep.find(item => item.id === estimate_pop_chk_genre_group)?.event;
			}

			castType = 'event_name';
			castLen = castEvent.length;
			castStep = 2;

		}else{
			castType = castEvent[castStep-1];
		}


		if(castStep == 0) $(".third_genre").hide();

		//---------------------------------------------
		if(castType == 'event_genre'){	// 세부 분야
			var cast_hope_genre_str = $('.event_genre').find('#genre_fist .on').text();
			var cast_hope_genre_sub_str = $('.event_genre').find('#genre_sub .on').text();
			var cate_val_chk = $('.event_field').find('#cast_genre_chk .on').val();
			var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');
			var cast_hope_genre_sub_val = $('.event_genre').find('#genre_sub .on').val();

			if($("input:radio[id=choice]").is(":checked") == true){
				$('#cast_genre2').val('');
				$('#all_cast_genre3').val('쇼글 매니저 추천');
				return false;
			}
			else if(cast_hope_genre_str == ''){
				alert('분야를 선택해주세요.');
				return false;
			}
			else if(cast_hope_genre_sub_str == '' ){
				if(cate_val_chk == '4' || cate_val_chk == '8'){
					alert('세부 분야를 선택해주세요.');
					return false;
				}
			}
			//castEvent 설정
			if(cate_val==5){//시스템
				if(cast_hope_genre_id == 'gen_149' || cast_hope_genre_id == 'gen_248'){	// 시스템 - 무대,발전차
					castEvent = evtStep.find(item => item.id === cate_val)?.event1;
				}
			}else if(cate_val==7){//렌탈
				if(cast_hope_genre_id == 'gen_153' || cast_hope_genre_id == 'gen_158'){ // 대형천막 , 공기막조형물
					castEvent = evtStep.find(item => item.id === cate_val)?.event1;
				}
			}else if(cate_val==9){//인력
				if(cast_hope_genre_id == 'gen_177' || cast_hope_genre_id == 'gen_178'){//영상촬영,사진촬영
					castEvent = evtStep.find(item => item.id === cate_val)?.event1;
				}else if(cast_hope_genre_id == 'gen_186' || cast_hope_genre_id == 'gen_249'){//성우,영상제작편집
					castEvent = evtStep.find(item => item.id === cate_val)?.event2;
				}else if(cast_hope_genre_id == 'gen_175' || cast_hope_genre_id == 'gen_184'){//디자이너,음악감독
					castEvent = evtStep.find(item => item.id === cate_val)?.event3;
				}else if(cast_hope_genre_id == 'gen_182' || cast_hope_genre_id == 'gen_187' || cast_hope_genre_id == 'gen_188' || cast_hope_genre_id == 'gen_189' ){// gen_182 진행요원, gen_187 도우미, gen_188 경호, gen_189 통역
					castEvent = evtStep.find(item => item.id === cate_val)?.event4;
				}else if(cast_hope_genre_id == 'gen_185' ){//VJ
					castEvent = evtStep.find(item => item.id === cate_val)?.event5;
				}
			}else if(cate_val==8){//제작물/프로그램/음식
				if(cast_hope_genre_id == 'gen_250' ){// 기념품, 현수막
					castEvent = evtStep.find(item => item.id === cate_val)?.event1;
				}else if(cast_hope_genre_id == 'gen_251' ){// 프로그램
					castEvent = evtStep.find(item => item.id === cate_val)?.event2;
				}else if(cast_hope_genre_id == 'gen_252' ){ // 음식
					castEvent = evtStep.find(item => item.id === cate_val)?.event3;
				}
			}
			castLen = castEvent.length;
		}else if(castType == 'event_name'){	// 행사명

			// 샘플 메모 조회
			if(arti_view_chk == 'Y'){
				var cast_hope_genre_id = $('#estimate_pop_chk_genre').val();
			}else{
				var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');
			}
			var cast_hope_genre_sub_val = $('.event_genre').find('#genre_sub .on').val();

			if(cate_val == '8'){
				cast_hope_genre_id = cast_hope_genre_sub_val
			}
			$.ajax({
				url :'/main/ajax_estimate_ex_data',
	            type : 'post',
	            data:{	'cate_val':cate_val,
	            		'cast_hope_genre_id':cast_hope_genre_id,
	            },
	            dataType : 'json',
	            error: function(xhr, status, error){
	                console.log(xhr+"|"+status+"|"+error);
	            },
	            success : function(data){
	            	if(data.msg == 'Y'){
	            		if(data.result.CE_MEMO && data.result.CE_MEMO.trim() !== ""){
					        $("#cast_memo").attr("placeholder", data.result.CE_MEMO);
					    }
	            	}else{
	            		$("#cast_memo").attr("placeholder",
						    'ex)\n' +
						    '리허설 : 리허설 있습니다. 오후 2시쯤 진행 예정\n' +
						    '공연성격 : 오프닝(or 만찬) 공연입니다.\n' +
						    '대상 : 40-50대 , 100명 , 남성\n' +
						    '비용 : 악기 지참 비용, 교통비 등 포함 견적 희망합니다.\n' +
						    '선곡 : 다같이 즐길 수 있는 신나는 곡으로 부탁드립니다.'
						);
	            		// console.log(data.msg);
	            	}
	            }
	        });
	        // ========================================================================

			if($('#cast_name').val() == ''){
				alert('행사명을 입력해주세요.');
				return false;
			}

			if(arti_view_chk == 'Y'){
				var cast_hope_genre_id = $('#estimate_pop_chk_genre').val();

				//castEvent 설정
				if(cate_val==5){//시스템
					if(cast_hope_genre_id == 'gen_149' || cast_hope_genre_id == 'gen_248'){	// 시스템 - 무대,발전차
						castEvent = evtStep.find(item => item.id === cate_val)?.event1;
					}
				}else if(cate_val==7){//렌탈
					if(cast_hope_genre_id == 'gen_153' || cast_hope_genre_id == 'gen_158'){ // 대형천막 , 공기막조형물
						castEvent = evtStep.find(item => item.id === cate_val)?.event1;
					}
				}else if(cate_val==9){//인력
					if(cast_hope_genre_id == 'gen_177' || cast_hope_genre_id == 'gen_178'){//영상촬영,사진촬영
						castEvent = evtStep.find(item => item.id === cate_val)?.event1;
					}else if(cast_hope_genre_id == 'gen_186' || cast_hope_genre_id == 'gen_249'){//성우,영상제작편집
						castEvent = evtStep.find(item => item.id === cate_val)?.event2;
					}else if(cast_hope_genre_id == 'gen_175' || cast_hope_genre_id == 'gen_184'){//디자이너,음악감독
						castEvent = evtStep.find(item => item.id === cate_val)?.event3;
					}else if(cast_hope_genre_id == 'gen_182' || cast_hope_genre_id == 'gen_187' || cast_hope_genre_id == 'gen_188' || cast_hope_genre_id == 'gen_189' ){// gen_182 진행요원, gen_187 도우미, gen_188 경호, gen_189 통역
						castEvent = evtStep.find(item => item.id === cate_val)?.event4;
					}else if(cast_hope_genre_id == 'gen_185' ){//VJ
						castEvent = evtStep.find(item => item.id === cate_val)?.event5;
					}
				}else if(cate_val==8){//제작물/프로그램/음식
					if(cast_hope_genre_id == 'gen_250' ){// 기념품, 현수막
						castEvent = evtStep.find(item => item.id === cate_val)?.event1;
					}else if(cast_hope_genre_id == 'gen_251' ){// 프로그램
						castEvent = evtStep.find(item => item.id === cate_val)?.event2;
					}else if(cast_hope_genre_id == 'gen_252' ){ // 음식
						castEvent = evtStep.find(item => item.id === cate_val)?.event3;
					}
				}
				castLen = castEvent.length;
			}

		}else if(castType == 'event_date'){	// 행사일
			var cast_time_str = $('.event_date').find('.range_box #pop_cast_time .on').text();
			var cast_noon = $('.event_date').find('#pop_cast_noon .on').text();

			if($('#cast_date').val() == ''){
				alert('행사일시를 선택해주세요.');
				return false;
			}else if(cast_noon == '' || cast_noon =='오전/오후'){
				alert('오전/오후를 선택해주세요.');
				return false;
			}else if(cast_time_str == ''){
				alert('행사시간을 선택해주세요.');
				return false;
			}
		}else if(castType == 'event_area'){	// 행사 장소
			var cast_area_str = $('.event_area').find('#cast_area .on').text();
			if(cast_area_str == ''){
				alert('시/도를 선택해주세요.');
				return false;
			}else if($('#cast_area2').val() == '' && $('#cast_area_chk').val() == 'N'){
				alert('시/군구를 입력해주세요.');
				return false;
			}
		}else if(castType == 'event_place'){	// 행사 실내외
			var cast_place_str = $('.event_place').find('#cast_place .on').text();
			if(cast_place_str == ''){
				alert('공연장소 실내외를 선택해주세요.');
				return false;
			}
		}else if(castType == 'event_product'){	// 제품&수량
			if(arti_view_chk == 'Y'){
				var cast_hope_genre_id = $('#estimate_pop_chk_genre').val();
			}else{
				var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');
			}

			if(cate_val == '5'){// =========================== 시스템  ======================================
				if(cast_hope_genre_id == 'gen_143'){	// 음향
					if ($("#customer_product_section button.on").length == 0) {
						alert('참여인원을 선택해주세요.');
						return false;
					}
					if($('#product_ib_6').val() == '' || $('#product_ib_7').val() == ''){
						alert('무대 사이즈를 입력해주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_144'){
					if ($("#customer_product_section button.on").length == 0) {
						alert('구조물 유형을 선택해주세요.');
						return false;
					}
					if($('#product_ib_13').val() == '' || $('#product_ib_14').val() == ''){
						alert('무대 사이즈를 입력해주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_146'){
					if($('#product_ib_16').val() == '' || $('#product_ib_17').val() == ''){
						alert('필요한 영상 사이즈를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_147'){
					if($('#product_ib_19').val() == ''){
						alert('필요한 카메라 수량를 입력해 주세요.');
						return false;
					}
				}
                if(cast_hope_genre_id == 'gen_247'){
                    if ($("#customer_product_section button.on").length == 0) {
						alert('불꽃놀이 시간을 선택해 주세요.');
						return false;
					}
				}
                if(cast_hope_genre_id == 'gen_248'){
                    if($('#product_ib_170').val() == '' || $('#product_ib_171').val() == ''){
						alert('부스의 수량과 전체 전기 용량을 입력해 주세요.');
						return false;
					}
				}
                if(cast_hope_genre_id == 'gen_245'){
                    if ($("#customer_product_section button.on").length == 0) {
						alert('필요한 안시를 선택해 주세요. ');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_231'){
					if($('#product_ib_21').val() == ''){
						alert('필요한 레이저 수량를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_145'){
					if($('#product_ib_23').val() == '' || $('#product_ib_24').val() == ''){
						alert('트러스 사이즈를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_148'){
					if($('#product_ib_48').val() == ''){
						if ($("#customer_product_section button.on").length == 0) {
							alert('필요한 장비를 선택해 주세요.');
							return false;
						}
					}
				}
				if(cast_hope_genre_id == 'gen_149'){
					if ($("#customer_product_section button.on").length == 0) {
						alert('무대 평수를 선택해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_150'){
					if ($("#customer_product_section button.on").length == 0) {
						alert('무대 유형을 선택해 주세요.');
						return false;
					}
					if($('#product_ib_39').val() == '' || $('#product_ib_40').val() == ''){
						alert('무대 사이즈를 입력해주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_152'){
					if($('#product_ib_44').val() == ''){
						if ($("#customer_product_section button.on").length == 0) {
							alert('전기 용량을 선택해 주세요.');
							return false;
						}
					}
				}
				if(cast_hope_genre_id == 'gen_151'){
					if($('#product_ib_46').val() == '' || $('#product_ib_47').val() == ''){
						alert('부스의 수량과 전체 전기 용량을 입력해 주세요.');
						return false;
					}
				}
			}else if(cate_val == '7'){	// 렌탈
				if(cast_hope_genre_id == 'gen_153'){
					if ($("#customer_product_section button.on").length == 0) {
						alert('필요한 제품을 선택해 주세요.');
						return false;
					}
					if($('#product_ib_54').val() == '' || $('#product_ib_55').val() == ''){
						alert('천막 사이즈를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_154'){
					if($('#product_ib_57').val() == ''){
						alert('필요한 제품과 수량을 적어주세요');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_155'){
					if($('#product_ib_59').val() == ''){
						alert('필요한 제품과 수량을 적어주세요');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_156'){
					if($('#product_ib_61').val() == '' && $('#product_ib_62').val() == '' && $('#product_ib_63').val() == ''){
						alert('컨테이너 종류와 수량을 입력해 주세요.');
						return false;
					}
				}
                if(cast_hope_genre_id == 'gen_157'){
					if($('#product_ib_131').val() == ''){
						alert('필요한 제품과 수량을 적어주세요');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_158'){
					if($('#product_ib_65').val() == '' && $('#product_ib_66').val() == '' && $('#product_ib_67').val() == ''){
						alert('필요한 제품과 수량을 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_160'){
					if($('#product_ib_69').val() == '' && $('#product_ib_70').val() == ''){
						alert('부스 종류와 수량을 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_161'){
					if($('#product_ib_72').val() == ''){
						alert('필요한 제품과 수량을 적어주세요');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_223'){
					if($('#product_ib_74').val() == ''){
						alert('필요한 제품과 수량을 적어주세요');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_224'){
					if($('#product_ib_76').val() == ''){
						alert('필요한 제품과 수량을 적어주세요');
						return false;
					}
				}
			//
			}else if(cate_val == '9'){	// 인력
				if(cast_hope_genre_id == 'gen_177'){	// 영상촬영
					var cast_time_str_st = $('.event_product').find('.range_box #pop_prd_time_78 .on').text();
					var cast_time_str_ed = $('.event_product').find('.range_box #pop_prd_time_79 .on').text();
					var cast_noon_st = $('.event_product').find('#pop_prd_noon_78 .on').text();
					var cast_noon_ed = $('.event_product').find('#pop_prd_noon_79 .on').text();
					if((cast_noon_st == '' || cast_noon_st =='오전/오후') || (cast_noon_ed == '' || cast_noon_ed =='오전/오후')){
						alert('오전/오후를 선택해주세요.');
						return false;
					}
					else if(cast_time_str_st == '' || cast_time_str_ed == ''){
						alert('촬영 소요 시간을 선택해 주세요.');
						return false;
					}
				}

                if(cast_hope_genre_id == 'gen_249'){	// 영상제작,편집
					if ($("#customer_product_section button.on").length == 0) {
						alert('필요한 서비스를 선택해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_178'){	// 사진촬영
					var cast_time_str_st = $('.event_product').find('.range_box #pop_prd_time_81 .on').text();
					var cast_time_str_ed = $('.event_product').find('.range_box #pop_prd_time_82 .on').text();
					var cast_noon_st = $('.event_product').find('#pop_prd_noon_81 .on').text();
					var cast_noon_ed = $('.event_product').find('#pop_prd_noon_82 .on').text();
					if((cast_noon_st == '' || cast_noon_st =='오전/오후') || (cast_noon_ed == '' || cast_noon_ed =='오전/오후')){
						alert('오전/오후를 선택해주세요.');
						return false;
					}
					else if(cast_time_str_st == '' || cast_time_str_ed == ''){
						alert('촬영 소요 시간을 선택해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_175'){
					if ($("#customer_product_section button.on").length == 0) {
						alert('필요한 서비스를 선택해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_182'){
					if($('#product_ib_87').val() == '' && $('#product_ib_88').val() == ''){
						alert('원하는 성별과 인원 수를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_184'){
					if($('#product_ib_90').val() == ''){
						alert('원하는 곡 수를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_186'){
					if ($("#customer_product_section button.on").length == 0) {
						alert('원하는 성별을 선택해 주세요. ');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_187'){
					if($('#product_ib_95').val() == '' && $('#product_ib_96').val() == ''){
						alert('원하는 성별과 인원 수를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_188'){
					if($('#product_ib_98').val() == '' && $('#product_ib_99').val() == ''){
						alert('원하는 성별과 인원 수를 입력해 주세요.');
						return false;
					}
				}
				if(cast_hope_genre_id == 'gen_189'){
					if ($("#customer_product_section button.on").length == 0) {
						alert('필요한 통역을 선택해 주세요.');
						return false;
					}
					if($('#product_ib_101').val() == ''){
						alert('통역할 언어를 입력해 주세요.');
						return false;
					}
				}
			//
			}else if(cate_val == '8'){	// 제작물,프로그램,음식
                var genre3Id = $("#genre3").val();
				if(cast_hope_genre_id == 'gen_250'){	// 기념품
                    if(genre3Id == 253){
                        if($('#product_ib_106').val() == ''){
                            alert('필요한 제품과 수량을 입력해 주세요.');
                            return false;
                        }
                    }else if(genre3Id == 254){
                        if ($("#customer_product_section button.on").length == 0) {
                            alert('디자인 파일 여부를 선택해 주세요.');
                            return false;
                        }
                        if($('#product_ib_123').val() == '' || $('#product_ib_124').val() == '' || $('#product_ib_125').val() == ''){
                            alert('현수막 정보를 입력해 주세요.');
                            return false;
                        }
                    }
				}
                if(cast_hope_genre_id == 'gen_252'){
                    if(genre3Id == 257){
                        if ($("#customer_product_section button.on").length == 0 && $('#product_ib_126').val() == '') {
                            alert('준비 인원을 확인해 주세요.');
                            return false;
                        }
                    }else if(genre3Id == 258){
                        if ($("#customer_product_section button.on").length == 0 && $('#product_ib_127').val() == '') {
                            alert('원하는 서비스를 확인해 주세요.');
                            return false;
                        }
                    }
				}
			//
			}

			// JSON 가공
			const result = {};
			$li = $("#customer_product_section").find(".inner_row");

			$li.each(function(index, element){
				var tit = $(this).find(".question_title").text().trim();
				result[tit] = {};  // 질문 시작할 때 초기화
				if($(this).find('button').length>0){
					var label = '선택';
					var val =  $(this).find('button.on').text().trim();
					result[tit][label] = val;
				}else if($(this).find('input').length>0){
					$(this).find('.inner_tit').each(function(){
						var label = $(this).text().trim();
						var val = $(this).next('input').val().trim()
						result[tit][label] = val;
					})
				}else if($(this).find('.range_box').length>0){
					$(this).find('.inner_tit').each(function(){
						var label = $(this).text().trim();
						let noonText = $('.select').eq(0).find('.sel.on').text().trim();
						let timeText = $('.select').eq(1).find('.sel.on').text().trim();
						result[tit][label] = noonText+" "+timeText;
					})
				}
			})
			$('#all_customer_product_val').val(JSON.stringify(result, null, 2));

		}else if(castType == 'deli_date'){	// 납품
			if($('#delivery_date').val() == ''){
				alert('납품일을 선택해주세요.');
				return false;
			}
		}else if(castType == 'pro_use_date'){	// 사용기간
			if($('#pro_use_date_st').val() == '' || $('#pro_use_date_ed').val() == ''){
				alert('사용기간을 선택해주세요.');
				return false;
			}
		}else if(castType == 'work_date'){	// 근무기간
			if($('#working_date_st').val() == '' || $('#working_date_ed').val() == ''){
				alert('근무기간을 선택해주세요.');
				return false;
			}
		}else if(castType == 'work_time'){	// 근무시간
			var work_time_st = $('.work_time').find('.range_box #pop_work_time_st .on').text();
			var work_time_ed = $('.work_time').find('.range_box #pop_work_time_ed .on').text();
			if(work_time_st == '' || work_time_ed == ''){
				alert('근무시간을 선택해주세요.');
				return false;
			}
		}else if(castType == 'rental_date'){	// 렌탈
			if($('#rental_date_st').val() == '' || $('#rental_date_ed').val() == ''){
				alert('렌탈일시를 선택해주세요.');
				return false;
			}
		}else if(castType == 'event_customer_importance') {	// 소비자 중요도
			if ($("#customer_importance_section button.on").length == 0) {
				alert('소비자 중요도를 선택해주세요.');
				return false;
			}
			else {
				if ($("#customer_importance_section button.on").attr("id") == "importance_etc") {
					if ($("input[name='customer_importance_text']").val() == "") {
						alert('소비자 중요도를 입력해주세요.');
						return false;
					}
					else {
						$("#selected_customer_importance_text").val($("input[name='customer_importance_text']").val())
					}
				}
			}
		}else if(castType == 'event_running'){	// 희망시간
			if(cate_val == '4'){
				var cast_hope_time_str = $('.event_running').find('#cast_hope_time .on').text();
			}else if(cate_val == '11'){	// MC
				var cast_hope_time_str = $('.event_running2').find('#cast_hope_time .on').text();
			}
			if(cast_hope_time_str == ''){
				alert('행사 희망 시간을 선택해주세요.');
				return false;
			}
		}else if(castType == 'sound_system'){	// 음향기기
			var cast_device_str = $('.sound_system').find('#cast_device .on').text();
			if(cast_device_str == ''){
				alert('음향기기 유무를 선택해주세요.');
				return false;
			}
		}else if(castType == 'gender'){	// 선호 성별
			var cast_gender_str = $('.gender').find('#cast_gender .on').text();
			if(cast_gender_str == ''){
				alert('선호하는 성별을 선택해주세요.');
				return false;
			}
		}else if(castType == 'setting_date'){	// 셋팅 일자
			var cast_time_str = $('.setting_date').find('.range_box #pop_setting_time .on').text();
			if($('#cast_date2').val() == ''){
				alert('셋팅일시를 선택해주세요.');
				return false;
			}else if($('#cast_date2').val() != '미정' && cast_time_str == ''){
				alert('셋팅시간을 선택해주세요.');
				return false;
			}
		}else if(castType == 'system'){	// 전기유무
			var cast_system_str = $('.system').find('#cast_system .on').text();
			if(cast_system_str == ''){
				alert('전기를 선택해주세요.');
				return false;
			}
		}else if(castType == 'event_request'){	// 미리보기
			if(arti_view_chk == 'Y'){
				var cast_hope_genre_id = $('#estimate_pop_chk_genre').val();
			}else{
				var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');
			}

			var emailRule = /[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}/i;//이메일 정규식
			var regExp1 = /\d{2,3}-\d{3,4}-\d{4}/;
			var regExp2 = /\d{2,3} \d{3,4} \d{4}/;
			var regExp3 = /\d{7,8}/;

			if(emailRule.test($("#cast_memo").val())) {
				alert("이메일은 기재하실 수 없습니다.")
				return;
			}else if (regExp1.test($("#cast_memo").val())){
				alert("전화번호는 기재하실 수 없습니다.")
				return;
			}else if (regExp2.test($("#cast_memo").val())){
				alert("전화번호는 기재하실 수 없습니다.")
				return;
			}else if (regExp3.test($("#cast_memo").val())){
				alert("전화번호는 기재하실 수 없습니다.")
				return;
			}


			// var cate_val_chk = $('.event_field').find('#cast_genre_chk .on').val().trim();
			var cast_time_str = $('.event_date').find('.range_box #cast_st_time .on').text();
			var cast_set_time_str = $('.setting_date').find('.range_box #pop_setting_time .on').text();
			if(arti_view_chk == 'Y'){
				var cast_hope_genre = $('#estimate_pop_chk_genre_group_txt').val().trim();
			}else{
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text().trim();
			}

			// 분야별 모달 설정
			var preview_modal_cls = '';
			if(cast_hope_genre == '시스템'){
				preview_modal_cls = 'preview_system';
			}else if(cast_hope_genre == '렌탈'){
				preview_modal_cls = 'preview_rental';
			}else if(cast_hope_genre == '인력'){
				preview_modal_cls = 'preview_people';
			}else if(cast_hope_genre == '제작물/프로그램/음식'){
				preview_modal_cls = 'preview_etc';
			}else{
				preview_modal_cls = 'preview';
			}
			console.log(arti_view_chk+'======================== arti_view_chk');
			console.log(cast_hope_genre+'======================== cast_hope_genre');
			console.log(preview_modal_cls+'=========================');

			// ======================================================================================================
			//	========================================== 미리보기 =======================================================
			// ======================================================================================================
			$('.'+preview_modal_cls+' #total_cast_name').text($('#cast_name').val());
			$('.'+preview_modal_cls+' #total_cast_date').text($('#cast_date').val());
			// $('#total_cast_genre_group').text($('.step4').find('#genre_fist .on').text()+'> '+ $('.step4').find('#genre_sub .on').text());
			$('.'+preview_modal_cls+' #total_cast_genre_group').text($('#cast_genre2').val()+ $('#all_cast_genre3').val());

			if(cast_time_str !=''){ // 행사일자
				$('.'+preview_modal_cls+' #total_cast_st_time').text($('.event_date').find('.range_box #cast_st_time .on').text());
			}else{
				// $('#total_cast_st_time').text($('.event_date').find('.range_box .btn_sel').text());

				var event_date_time = "";
				event_date_time += $('.event_date').find('.range_box .btn_sel#btn_sel_noon').text()
				event_date_time += " "
				event_date_time += $('.event_date').find('.range_box .btn_sel#btn_sel_dy').text()

				$('.'+preview_modal_cls+' #total_cast_st_time').text(event_date_time)
			}

			// ==================================================== 시스템 , 렌탈 , 제작물... ==================================================
			if(cast_hope_genre == "시스템" || cast_hope_genre =="렌탈" || cast_hope_genre =="인력" || cast_hope_genre =="제작물/프로그램/음식"){
				var setting_date = $('#cast_date2').val();  // 셋팅일자
				var event_setting_time = "";
				event_setting_time += $('.setting_date').find('.range_box .btn_sel#btn_sel_noon').text()
				event_setting_time += " "
				event_setting_time += $('.setting_date').find('.range_box .btn_sel#btn_sel_dy').text()

				$('.'+preview_modal_cls+' #total_cast_setting').text(setting_date+' ' +event_setting_time);  // 셋팅일자+시간

				if(cast_hope_genre == "시스템" && (cast_hope_genre_id != 'gen_149' || cast_hope_genre_id != 'gen_152')){
					$('.'+preview_modal_cls+' #total_cast_electricity').text($('.system').find('#cast_system .on').text()); // 전기
				}

				if($('#all_customer_product_val').val() != ''){
					if(cast_hope_genre_id != 'gen_187' || cast_hope_genre_id != 'gen_163' || cast_hope_genre_id != 'gen_164'){
						const decoded = decodeHtmlEntities($('#all_customer_product_val').val());
						const data = JSON.parse(decoded);
						const prettyText = formatObject(data);
						const htmlText = prettyText.replace(/\n/g, '<br>');
						$('.'+preview_modal_cls+' #total_cast_product').html(htmlText);	// 제품/수량
					}else{
						$('.'+preview_modal_cls+' #total_cast_product').html('');
					}
				}

				if(cast_hope_genre == "시스템" || cast_hope_genre == "렌탈"){
					var cast_rental_date = $('#rental_date_st').val() + ' ~ ' + $('#rental_date_ed').val();
					$('.'+preview_modal_cls+' #total_cast_rental').text(cast_rental_date);	// 렌탈 기간
				}

				if(cast_hope_genre == "인력"){
					$('.'+preview_modal_cls+' #total_cast_delivery').text($('#delivery_date').val());	// 납품 일자
					if($('#working_date_st').val() != ''){
						var cast_work_data = $('#working_date_st').val() + ' ~ ' + $('#working_date_ed').val();
						$('.'+preview_modal_cls+' #total_cast_workdate').text(cast_work_data);	// 근무기간
					}

					if($('.work_time').find('.range_box #pop_work_time_st .on').text() != ''){
						var cast_work_time_st = $('.work_time').find('.range_box #pop_work_time_st a.on').data('time_val');
						var cast_work_time_ed = $('.work_time').find('.range_box #pop_work_time_ed a.on').data('time_val');
						var cast_work_time = cast_work_time_st + ' ~ ' + cast_work_time_ed;
						$('.'+preview_modal_cls+' #total_cast_worktime').val(cast_work_time);	// 근무시간
					}
				}

				if(cast_hope_genre == "제작물/프로그램/음식"){
					if($('#pro_use_date_st').val() != ''){
						var cast_use_data = $('#pro_use_date_st').val() + ' ~ ' + $('#pro_use_date_ed').val();
						$('.'+preview_modal_cls+' #total_cast_usedate').text(cast_use_data);	// 사용기간
					}
				}

			}else{
			// ==================================================== 공연팀 ==================================================
				if(cast_hope_genre == '공연팀'){	// 공연팀
					$('.'+preview_modal_cls+' #total_cast_hope_time').text($('.event_running').find('#cast_hope_time .on').text()); // 희망시간
				}else if(cast_hope_genre == 'MC'){	// MC
					$('.'+preview_modal_cls+' #total_cast_hope_time').text($('.event_running2').find('#cast_hope_time .on').text()); // 희망시간
				}

				$('.'+preview_modal_cls+' #total_cast_device').text($('.sound_system').find('#cast_device .on').text()); // 음향기기
				$('.'+preview_modal_cls+' #total_cast_gender').text($('.gender').find('#cast_gender .on').text()); // 성별
			}


			$('.'+preview_modal_cls+' #total_cast_area').text($('.event_area').find('#cast_area .on').text()+' '+$('#cast_area2').val()+' '+$('#cast_area_str').val()); // 지역
			$('.'+preview_modal_cls+' #total_cast_place').text($('.event_place').find('#cast_place .on').text()); // 장소

			$('.'+preview_modal_cls+' #total_cast_memo').html($('#cast_memo').val().replaceAll(/(\n|\r\n)/g, "<br>")); // 요청사항
			// ======================================================================================================
			/**********************************************************************************************/
			// ======================================================================================================

			// ======================================================================================================
			// // ======================================== FORM 셋팅 ==============================================
			// ======================================================================================================
			$('#all_cast_name').val($('#cast_name').val());
			$('#all_cast_categore_group').val($('#all_cast_genre3').val());
			$('#all_cast_genre_group').val($('.event_field').find('#cast_genre_chk .on').val());
			$('#all_cast_genre2').val($('#genre2').val());
			$('#all_cast_date').val($('#cast_date').val());

			var cast_time = $('.event_date').find('.range_box #pop_cast_time a.on').data('time_val');
			$('#all_cast_st_time').val(cast_time)
			$("#all_cast_noon").val($('.event_date').find('.range_box #btn_sel_noon a.on').text())

			if(cast_hope_genre == "시스템" || cast_hope_genre =="렌탈"){
				$('#all_cast_date2').val($('#cast_date2').val());  // 셋팅일자
				var cast_rental_date = $('#rental_date_st').val() + ' ~ ' + $('#rental_date_ed').val(); // 렌탈일자
				$('#all_rental_date').val(cast_rental_date);

				if(cast_set_time_str !=''){
					var cast_set_st_time = $('.setting_date').find('.range_box #pop_setting_time a.on').data('time_val');
					$('#all_cast_set_st_time').val(cast_set_st_time)
					// $('#all_cast_set_st_time').val($('.setting_date').find('.range_box .btn_sel').text()); //셋팅시간
				}

				$('#all_cast_system').val($('.system').find('#cast_system .on').text()); // 전기
			}else{
				$('#all_cast_date2').val('');
				$('#all_rental_date').val('');
				$('#all_cast_set_st_time').val('');
				$('#all_cast_system').val('');
			}

			if(cast_hope_genre == "시스템" || cast_hope_genre =="렌탈" || cast_hope_genre =="인력" ||cast_hope_genre =="제작물/프로그램/음식"){
				if(cast_hope_genre_id != 'gen_187' || cast_hope_genre_id != 'gen_163' || cast_hope_genre_id != 'gen_164'){
					if($('#all_customer_product_val').val() != ''){
						const decoded = decodeHtmlEntities($('#all_customer_product_val').val());
						const data = JSON.parse(decoded);
						const prettyText = formatObject(data);
						const htmlText = prettyText.replace(/\n/g, '<br>');
						$('#all_customer_product_text').val(htmlText);  // 제품/수량
					}
				}else{
					$('#all_customer_product_text').val('');
				}
			}else{
				$('#all_customer_product_text').val('');
			}

			if(cast_hope_genre == "인력"){
				$('#all_delivery_date').val($('#delivery_date').val());  // 납품일자
				if($('#working_date_st').val() != ''){
					var cast_work_date = $('#working_date_st').val() + ' ~ ' + $('#working_date_ed').val(); // 근무기간
					$('#all_work_date').val(cast_work_date);
				}

					// 근무시간
				if($('.work_time').find('.range_box #pop_work_time_st .on').text() != ''){
					var cast_work_time_st = $('.work_time').find('.range_box #pop_work_time_st a.on').data('time_val');
					var cast_work_time_ed = $('.work_time').find('.range_box #pop_work_time_ed a.on').data('time_val');
					var cast_work_time = cast_work_time_st + ' ~ ' + cast_work_time_ed;
					$('#all_work_time').val(cast_work_time);
				}
			}else{
				$('#all_work_date').val('');
				$('#all_work_time').val('');
			}

			if(cast_hope_genre == "제작물/프로그램/음식"){
				if($('#delivery_date').val() != ''){
					$('#all_delivery_date').val($('#delivery_date').val());  // 납품일자
				}
				if($('#pro_use_date_st').val() != ''){
					var cast_use_date = $('#pro_use_date_st').val() + ' ~ ' + $('#pro_use_date_ed').val(); // 사용기간
					$('#all_use_date').val(cast_use_date);
				}
			}else{
				$('#all_use_date').val('');
				$('#all_delivery_date').val('');
			}

			$('#all_cast_area').val($('.event_area').find('#cast_area .on').text());
			$('#all_cast_area2').val($('#cast_area2').val());
			$('#all_cast_area_str').val($('#cast_area_str').val());
			$('#all_cast_place').val($('.event_place').find('#cast_place .on').text());
			if(cast_hope_genre == "공연팀"){
				$('#all_cast_hope_time').val($('.event_running').find('#cast_hope_time .on').text());
			}else{
				$('#all_cast_hope_time').val($('.event_running2').find('#cast_hope_time .on').text());
			}
			$('#all_cast_device').val($('.sound_system').find('#cast_device .on').text());
			$('#all_cast_gender').val($('.gender').find('#cast_gender .on').text());
			$('#all_cast_memo').val($('#cast_memo').val());
			$('#all_cast_type_str').val($('.event_status').find('#cast_chk .on').text());

			var arti_view_chk = $('#arti_view_chk').val();
			modal.close('casting_step.'+castEvent[castStep-1])

			if(arti_view_chk == 'Y'){
				modal.open('quotation_step.'+preview_modal_cls);
			}else{
				modal.open('casting_step.'+preview_modal_cls);
			}

			castType = preview_modal_cls;
			castStep++;
			return false;
		}


		castStep++;
		openCast(castStep);
	}
	//화면 오픈 후
	function openCast(){
		castType = castEvent[castStep-1];
		var stepClass='casting_step.'+castType;
		modal.close('casting_step');
		modal.open(stepClass);
		stepprogress();
		if(castType == 'event_genre'){
			genre_cate(cate_val);
			if(cate_val == 8){
				$(".third_genre .ipt_txt").hide()
			}else{
				$(".third_genre .ipt_txt").show()
			}
		}else if(castType == 'event_customer_importance'){
			customer_importance_list($("#genre2").val())
		}else if(castType == 'event_product'){//제품페이지
			var arti_view_chk = $('#arti_view_chk').val();
			if(arti_view_chk == 'Y'){
				var cast_hope_genre_id = $('#estimate_pop_chk_genre').val();
			}else{
				var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');
			}
			var genreid = $("#genre2").val();
			if(genreid==250 || genreid==252) genreid = $("#genre3").val();
			customer_product_list(genreid)

			if(cast_hope_genre_id=='gen_156' || cast_hope_genre_id=='gen_158' || cast_hope_genre_id=='gen_160' || cast_hope_genre_id=='gen_182' || cast_hope_genre_id=='gen_187' || cast_hope_genre_id=='gen_188' || cast_hope_genre_id=='gen_243'){
				$(".event_product .classification").addClass('wid')
			}else{
				$(".event_product .classification.wid").removeClass('wid')
			}

			if(cast_hope_genre_id=='gen_177' || cast_hope_genre_id=='gen_178'){
				$(".event_product .content_wrap").addClass('view')
			}else{
				$(".event_product .content_wrap.view").removeClass('view')
			}
		}
	}
	//상단 닫기시
	function castingClose(){
		var arti_view_chk = $('#arti_view_chk').val();	// 아티스트 상세 여부
        $('.event_name .btn_prev').show();
        $('.event_name .btn_next').removeClass('btn_full');
		$(".event_field .progress_bar").html('0%').css('left',0);
		$(".event_field .bar").css('width',0)

			modal.close('casting_step');

		castStep = 0;
	}
	//등록하기
	function registrationFn(){
		var arti_view_chk = $('#arti_view_chk').val();
		var queryString = $("form[name=estimate_cast_all]").serialize();

		if(arti_view_chk == 'Y'){
			console.log('arti_view_submit');
			$.ajax({
				url :'/show/artist_estimate_proc',
				type : 'post',
				data : queryString,
				dataType : 'json',
				error: function(xhr, status, error){
					console.log(xhr+"|"+status+"|"+error);
				},
				success : function(data){
					if(data.rslt == 'Y'){
						var recomm_group = $('#estimate_pop_chk_genre_group').val();
						var recomm_genre2 = $('#arti_view_genre').val();
						var recomm_genre3_val = $('#estimate_pop_chk_sub_genre').val();
						$.get("/main/get_main_pop_recomm",
						{
							recomm_group : recomm_group,
							recomm_genre2 : recomm_genre2,
							recomm_genre3_val : recomm_genre3_val
						},
						function(rslt){
							var recomm_data = $.trim(rslt);
							// console.log(recomm_data);
							// console.log(recomm_data.length);
							if(recomm_data.length>24) {
								$('.recomm_swiper_list').html(recomm_data);
							}
							else {
								$('.recomm_swiper_list').html('');
							}

							modal.close('quotation');
							modal.open('quotation_step.arti_comp');
							prAdCateSwiperComp.update();
							return false;
						})
					}
				}
			});
		}else{
			console.log('submit');
			$.ajax({
				url :'/main/estimate_proc',
				type : 'post',
				data : queryString,
				dataType : 'json',
				error: function(xhr, status, error){
					console.log(xhr+"|"+status+"|"+error);
				},
				success : function(data){
					if(data.rslt == 'Y'){
						var recomm_group = $('#all_cast_genre_group').val();
						var recomm_genre2 = $('#all_cast_genre2').val();
						var recomm_genre3_val = $('#all_cast_genre3_val').val();
						$.get("/main/get_main_pop_recomm",
						{
							recomm_group : recomm_group,
							recomm_genre2 : recomm_genre2,
							recomm_genre3_val : recomm_genre3_val
						},
						function(rslt){
							var recomm_data = $.trim(rslt);
							// console.log(recomm_data);
							// console.log(recomm_data.length);
							if(recomm_data.length>24) {
								$('.recomm_swiper_list').html(recomm_data);
							}
							else {
								$('.recomm_swiper_list').html('');
							}

							modal.close('casting_step.registration');
							modal.open('casting_step.comp');
							prAdSwiperComp.update();
							return false;
						})
					}
				}
			});
		}

	}
</script>
<!-- 20250709 신규 섭외공고 -->
	<div class="modal modal_casting_step event_field">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>어떤 분야를 원하시나요?</h4>
					<p>원하는 항목을 선택해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar">0%</div>
				</div>
                <div class="content_wrap">
                    <p class="tit">분야 선택 <span class="font_or">*</span></p>
                    <div class="select_wrap" id="cast_genre_chk">
                        <button id="cast_chk_con" value="4" type="button" class="btn btn_gr">공연팀</button>
						<button id="cast_chk_mc" value="11" type="button" class="btn btn_gr">MC</button>
						<button id="cast_chk_pt" value="10" type="button" class="btn btn_gr">결혼식&돌잔치</button>
						<button id="cast_chk_sys" value="5" type="button" class="btn btn_gr">시스템</button>
						<button id="cast_chk_rn" value="7" type="button" class="btn btn_gr">렌탈</button>
						<button id="cast_chk_pl" value="9" type="button" class="btn btn_gr">인력</button>
						<button id="cast_chk_sv" value="8" type="button" class="btn btn_gr">제작물/프로그램/음식</button>
                        <p class="desc">* 연예인은<br><span>‘1:1 견적요청’</span>을 이용해 주세요!</p>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_next btn_full" >다음</button>
                </div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step event_genre">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>분야를 선택해 주세요.</h4>
					<p></p>
					<!-- <p>분야 선택이 어려우면 쇼글매니저에 요청하세요.</p> -->
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
					<dl>
						<dt class="tit">분야 선택<span>*</span></dt>
						<input type="radio" id="selec" name="radio" checked="checked">
						<dd class="select_wrap classification on" id="genre_fist">

						</dd>
					</dl>
					<dl class="third_genre">
						<dt class="detail_category_tit second_tit" >세부 분야를 선택해 주세요<span>*</span>
							<span class="ipt_txt">(3개까지 선택 가능해요.)</span>
						</dt>
						<dd class='select_three subdivision' id="genre_sub">

						</dd>
					</dl>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step event_name">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>어떤 행사인가요?</h4>
					<p></p>
					<!-- <p>행사명 공개를 원하지 않으신다면 비공개도 가능해요!</p> -->
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
                <div class="content_wrap">
                    <dl>
                        <dt class="tit">행사명<span>*</span></dt>
                        <dd class="dis_chk">
                            <input type="text" class="ipt_event" id="cast_name" name="cast_name" placeholder="행사명 입력" onchange="name_chk();">
                            <!-- <input type="checkbox" id="infoCall">
                            <label for="infoCall"><span>등록한 행사정보 불러오기</span></label>

                            <div class="event_info">
                                <span>등록된 행사가 없습니다.</span>
                            </div> -->
                        </dd>
                    </dl>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step event_date">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>행사일은 언제인가요?</h4>
                    <p>원하시는 날짜와 시간을 선택해 주세요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">행사일시 <span class="font_or">*</span></p>
                    <span class="txt">* 복수날의 경우 시작일로 선택해주세요.</span>
                    <div class="datepicker_wrap1">
                        <div class="ipt_cal_wrap">
                            <input type="text" name="" class="input datepicker datepicker1 ipt_md" placeholder="날짜 선택" readonly="">
                        </div>
                        <div class="sel_layPop">
                            <div class="tit_box">
                                <p>날짜선택</p>
                            </div>
                            <div id="date-range1"></div>
                            <div class="btn_wrap">
                                <a href="#" role="button" class="btn btn_or">선택완료</a>
                            </div>
                            <button class="btn_close bg"><span class="blind">닫기</span></button>
                        </div>
                        <script type="text/javascript">
                            $(function(){
                            var nowDate = new Date();
                                var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
                            $(".datepicker1").dateRangePicker({
                                inline: true,
                                opens: 'left',
                                singleMonth: true,
                                singleDate: true,
                                startDate: today,
                                showDropdowns: true,
                                format: 'YYYY-MM-DD',
                                language: 'en',
                                container: '#date-range1',
                                alwaysOpen:true,
                                showTopbar: false,
                                stickyMonths: true,
                                customArrowPrevSymbol:'<img src="/images/ui/prev_button.png" alt="">',
                                customArrowNextSymbol:'<img src="/images/ui/next_button.png" alt="">',
                                setValue: function(s,s1,s2)
                                {
                                $('#cast_date').val(s1);
                                $('.datepicker1').val(s1);
                                },
                            }).on('datepicker-first-date-selected',function(event,obj){
                                $(".sel_layPop.active").removeClass("active");
                            }).on('datepicker-opened',function(){
                                /* This event will be triggered after date range picker open animation */
                            })
                            $(".datepicker_wrap1").on('click', '.input', function(){
                                $(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
                            })

                            // 선택 완료
                            $('.sel_layPop').on('click', '.btn_or', function(e){
                                e.preventDefault();
                                $(".sel_layPop.active").removeClass("active");
                            });
                            // 창닫기
                            $('.sel_layPop').on('click', '.btn_close', function(e){
                                e.preventDefault();
                                $(".sel_layPop.active").removeClass("active");
                            });


                            })
                        </script>
                    </div>
                    <div class="range_box" style="display: flex;">
                        <div class="select" style="flex: 1;">
                            <a href="#" id="btn_sel_noon" class="btn_sel" role="button" style="background: none;">오전/오후</a>
                            <div class="sel_li" id="pop_cast_noon" style="height: 82px;">
                                <a href="#" id="pop_st_time_beforenoon" class="sel">오전</a>
                                <a href="#" id="pop_st_time_afternoon"  class="sel">오후</a>
                            </div>
                        </div>
                        <div class="select" style="flex: 1;">
                            <a href="#" id="btn_sel_dy" class="btn_sel" role="button">시간 선택</a>
                            <div class="sel_li" id="pop_cast_time">
                                <a href="#" id="pop_st_time_00:00" data-time_val= "0" class="sel beforenoon_sel">00:00</a>
                                <a href="#" id="pop_st_time_01:00" data-time_val= "1" class="sel beforenoon_sel">01:00</a>
                                <a href="#" id="pop_st_time_02:00" data-time_val= "2" class="sel beforenoon_sel">02:00</a>
                                <a href="#" id="pop_st_time_03:00" data-time_val= "3" class="sel beforenoon_sel">03:00</a>
                                <a href="#" id="pop_st_time_04:00" data-time_val= "4" class="sel beforenoon_sel">04:00</a>
                                <a href="#" id="pop_st_time_05:00" data-time_val= "5" class="sel beforenoon_sel">05:00</a>
                                <a href="#" id="pop_st_time_06:00" data-time_val= "6" class="sel beforenoon_sel">06:00</a>
                                <a href="#" id="pop_st_time_07:00" data-time_val= "7" class="sel beforenoon_sel">07:00</a>
                                <a href="#" id="pop_st_time_08:00" data-time_val= "8" class="sel beforenoon_sel">08:00</a>
                                <a href="#" id="pop_st_time_09:00" data-time_val= "9" class="sel beforenoon_sel">09:00</a>
                                <a href="#" id="pop_st_time_10:00" data-time_val="10" class="sel beforenoon_sel">10:00</a>
                                <a href="#" id="pop_st_time_11:00" data-time_val="11" class="sel beforenoon_sel">11:00</a>
                                <a href="#" id="pop_st_time_12:00" data-time_val="12" class="sel afternoon_sel">12:00</a>
                                <a href="#" id="pop_st_time_13:00" data-time_val="13" class="sel afternoon_sel">01:00</a>
                                <a href="#" id="pop_st_time_14:00" data-time_val="14" class="sel afternoon_sel">02:00</a>
                                <a href="#" id="pop_st_time_15:00" data-time_val="15" class="sel afternoon_sel">03:00</a>
                                <a href="#" id="pop_st_time_16:00" data-time_val="16" class="sel afternoon_sel">04:00</a>
                                <a href="#" id="pop_st_time_17:00" data-time_val="17" class="sel afternoon_sel">05:00</a>
                                <a href="#" id="pop_st_time_18:00" data-time_val="18" class="sel afternoon_sel">06:00</a>
                                <a href="#" id="pop_st_time_19:00" data-time_val="19" class="sel afternoon_sel">07:00</a>
                                <a href="#" id="pop_st_time_20:00" data-time_val="20" class="sel afternoon_sel">08:00</a>
                                <a href="#" id="pop_st_time_21:00" data-time_val="21" class="sel afternoon_sel">09:00</a>
                                <a href="#" id="pop_st_time_22:00" data-time_val="22" class="sel afternoon_sel">10:00</a>
                                <a href="#" id="pop_st_time_23:00" data-time_val="23" class="sel afternoon_sel">11:00</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step rental_date">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>렌탈 기간은 어떻게 되나요?</h4>
                    <P>원하시는 날짜를 선택해 주세요.</P>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">렌탈 기간 <span class="font_or">*</span></p>
                    <div class="datepicker_wrap2">
                        <div class="ipt_cal_wrap">
                            <input type="text" name="" class="input datepicker datepicker2 ipt_md" placeholder="날짜 선택" readonly="">
                        </div>
                        <div class="sel_layPop">
                            <div class="tit_box">
                                <p>날짜선택</p>
                            </div>
                            <div id="date-range2"></div>
                            <div class="btn_wrap">
                                <a href="#" role="button" class="btn btn_or">선택완료</a>
                            </div>
                            <button class="btn_close bg"><span class="blind">닫기</span></button>
                        </div>
                        <script type="text/javascript">
                            $(function(){
                                var nowDate = new Date();
                                var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
                                $(".datepicker2").dateRangePicker({
                                    inline: true,
                                    opens: 'left',
                                    singleMonth: true,
                                    // singleDate: true,
                                    startDate: today,
                                    showDropdowns: true,
                                    format: 'YYYY-MM-DD',
                                    language: 'en',
                                    container: '#date-range2',
                                    alwaysOpen:true,
                                    showTopbar: false,
                                    stickyMonths: true,
                                    customArrowPrevSymbol:'<img src="/images/ui/prev_button.png" alt="">',
                                    customArrowNextSymbol:'<img src="/images/ui/next_button.png" alt="">',
                                    setValue: function(s, s1, s2) {
                                        $('#rental_date_st').val(s1);
                                        $('#rental_date_ed').val(s2);
                                        $('.datepicker2').val(s1 + ' ~ ' + s2);
                                        $(".sel_layPop.active").removeClass("active");
                                    },
                                }).on('datepicker-first-date-selected',function(event,obj){


                                }).on('datepicker-opened',function(){
                                    /* This event will be triggered after date range picker open animation */
                                })
                                $(".datepicker_wrap2").on('click', '.input', function(){
                                    $(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
                                })

                                // 선택 완료
                                $('.sel_layPop').on('click', '.btn_or', function(e){
                                    e.preventDefault();
                                    $(".sel_layPop.active").removeClass("active");
                                });
                                // 창닫기
                                $('.sel_layPop').on('click', '.btn_close', function(e){
                                    e.preventDefault();
                                    $(".sel_layPop.active").removeClass("active");
                                });


                            })
                        </script>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step work_date">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>근무 기간은 어떻게 되나요?</h4>
                    <P>일정를 선택해 주세요.</P>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">근무 기간 <span class="font_or">*</span></p>
                    <div class="datepicker_wrap7">
                        <div class="ipt_cal_wrap">
                            <input type="text" name="" class="input datepicker datepicker7 ipt_md" placeholder="날짜 선택" readonly="">
                        </div>
                        <div class="sel_layPop">
                            <div class="tit_box">
                                <p>날짜선택</p>
                            </div>
                            <div id="date-range7"></div>
                            <div class="btn_wrap">
                                <a href="#" role="button" class="btn btn_or">선택완료</a>
                            </div>
                            <button class="btn_close bg"><span class="blind">닫기</span></button>
                        </div>
                        <script type="text/javascript">
                            $(function(){
                                var nowDate = new Date();
                                var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
                                $(".datepicker7").dateRangePicker({
                                    inline: true,
                                    opens: 'left',
                                    singleMonth: true,
                                    // singleDate: true,
                                    startDate: today,
                                    showDropdowns: true,
                                    format: 'YYYY-MM-DD',
                                    language: 'en',
                                    container: '#date-range7',
                                    alwaysOpen:true,
                                    showTopbar: false,
                                    stickyMonths: true,
                                    customArrowPrevSymbol:'<img src="/images/ui/prev_button.png" alt="">',
                                    customArrowNextSymbol:'<img src="/images/ui/next_button.png" alt="">',
                                    setValue: function(s, s1, s2) {
                                        $('#working_date_st').val(s1);
                                        $('#working_date_ed').val(s2);
                                        $('.datepicker7').val(s1 + ' ~ ' + s2);
                                        $(".sel_layPop.active").removeClass("active");
                                    },
                                }).on('datepicker-first-date-selected',function(event,obj){


                                }).on('datepicker-opened',function(){
                                    /* This event will be triggered after date range picker open animation */
                                })
                                $(".datepicker_wrap7").on('click', '.input', function(){
                                    $(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
                                })

                                // 선택 완료
                                $('.sel_layPop').on('click', '.btn_or', function(e){
                                    e.preventDefault();
                                    $(".sel_layPop.active").removeClass("active");
                                });
                                // 창닫기
                                $('.sel_layPop').on('click', '.btn_close', function(e){
                                    e.preventDefault();
                                    $(".sel_layPop.active").removeClass("active");
                                });


                            })
                        </script>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step work_time">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>근무 시간은 어떻게 되나요?</h4>
					<p>근무 시간을 입력해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
                <div class="content_wrap">
                    <dl>
                        <dd>
                            <div class="inner_row">
                                <div class="question_title">근무시간<span>*</span></div>
                                <div class="time_wrap">
                                    <div class="inner_tit">시작시간</div>
                                    <div class="range_box">
                                        <div class="select">
                                            <a href="#" id="btn_sel_dy" class="btn_sel" role="button">시간 선택</a>
                                            <div class="sel_li sel_li_timetable" id="pop_work_time_st">
                                                <a href="#" id="pop_st_time_00:00" data-time_val= "0" class="sel beforenoon_sel_setting">00:00</a>
                                                <a href="#" id="pop_st_time_01:00" data-time_val= "1" class="sel beforenoon_sel_setting">01:00</a>
                                                <a href="#" id="pop_st_time_02:00" data-time_val= "2" class="sel beforenoon_sel_setting">02:00</a>
                                                <a href="#" id="pop_st_time_03:00" data-time_val= "3" class="sel beforenoon_sel_setting">03:00</a>
                                                <a href="#" id="pop_st_time_04:00" data-time_val= "4" class="sel beforenoon_sel_setting">04:00</a>
                                                <a href="#" id="pop_st_time_05:00" data-time_val= "5" class="sel beforenoon_sel_setting">05:00</a>
                                                <a href="#" id="pop_st_time_06:00" data-time_val= "6" class="sel beforenoon_sel_setting">06:00</a>
                                                <a href="#" id="pop_st_time_07:00" data-time_val= "7" class="sel beforenoon_sel_setting">07:00</a>
                                                <a href="#" id="pop_st_time_08:00" data-time_val= "8" class="sel beforenoon_sel_setting">08:00</a>
                                                <a href="#" id="pop_st_time_09:00" data-time_val= "9" class="sel beforenoon_sel_setting">09:00</a>
                                                <a href="#" id="pop_st_time_10:00" data-time_val="10" class="sel beforenoon_sel_setting">10:00</a>
                                                <a href="#" id="pop_st_time_11:00" data-time_val="11" class="sel beforenoon_sel_setting">11:00</a>
                                                <a href="#" id="pop_st_time_12:00" data-time_val="12" class="sel afternoon_sel_setting">12:00</a>
                                                <a href="#" id="pop_st_time_13:00" data-time_val="13" class="sel afternoon_sel_setting">13:00</a>
                                                <a href="#" id="pop_st_time_14:00" data-time_val="14" class="sel afternoon_sel_setting">14:00</a>
                                                <a href="#" id="pop_st_time_15:00" data-time_val="15" class="sel afternoon_sel_setting">15:00</a>
                                                <a href="#" id="pop_st_time_16:00" data-time_val="16" class="sel afternoon_sel_setting">16:00</a>
                                                <a href="#" id="pop_st_time_17:00" data-time_val="17" class="sel afternoon_sel_setting">17:00</a>
                                                <a href="#" id="pop_st_time_18:00" data-time_val="18" class="sel afternoon_sel_setting">18:00</a>
                                                <a href="#" id="pop_st_time_19:00" data-time_val="19" class="sel afternoon_sel_setting">19:00</a>
                                                <a href="#" id="pop_st_time_20:00" data-time_val="20" class="sel afternoon_sel_setting">20:00</a>
                                                <a href="#" id="pop_st_time_21:00" data-time_val="21" class="sel afternoon_sel_setting">21:00</a>
                                                <a href="#" id="pop_st_time_22:00" data-time_val="22" class="sel afternoon_sel_setting">22:00</a>
                                                <a href="#" id="pop_st_time_23:00" data-time_val="23" class="sel afternoon_sel_setting">23:00</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="inner_tit">종료시간</div>
                                    <div class="range_box">
                                        <div class="select">
                                            <a href="#" id="btn_sel_dy" class="btn_sel" role="button">시간 선택</a>
                                            <div class="sel_li sel_li_timetable" id="pop_work_time_ed">
                                                <a href="#" id="pop_ed_time_00:00" data-time_val= "0" class="sel beforenoon_sel_setting">00:00</a>
                                                <a href="#" id="pop_ed_time_01:00" data-time_val= "1" class="sel beforenoon_sel_setting">01:00</a>
                                                <a href="#" id="pop_ed_time_02:00" data-time_val= "2" class="sel beforenoon_sel_setting">02:00</a>
                                                <a href="#" id="pop_ed_time_03:00" data-time_val= "3" class="sel beforenoon_sel_setting">03:00</a>
                                                <a href="#" id="pop_ed_time_04:00" data-time_val= "4" class="sel beforenoon_sel_setting">04:00</a>
                                                <a href="#" id="pop_ed_time_05:00" data-time_val= "5" class="sel beforenoon_sel_setting">05:00</a>
                                                <a href="#" id="pop_ed_time_06:00" data-time_val= "6" class="sel beforenoon_sel_setting">06:00</a>
                                                <a href="#" id="pop_ed_time_07:00" data-time_val= "7" class="sel beforenoon_sel_setting">07:00</a>
                                                <a href="#" id="pop_ed_time_08:00" data-time_val= "8" class="sel beforenoon_sel_setting">08:00</a>
                                                <a href="#" id="pop_ed_time_09:00" data-time_val= "9" class="sel beforenoon_sel_setting">09:00</a>
                                                <a href="#" id="pop_ed_time_10:00" data-time_val="10" class="sel beforenoon_sel_setting">10:00</a>
                                                <a href="#" id="pop_ed_time_11:00" data-time_val="11" class="sel beforenoon_sel_setting">11:00</a>
                                                <a href="#" id="pop_ed_time_12:00" data-time_val="12" class="sel afternoon_sel_setting">12:00</a>
                                                <a href="#" id="pop_ed_time_13:00" data-time_val="13" class="sel afternoon_sel_setting">13:00</a>
                                                <a href="#" id="pop_ed_time_14:00" data-time_val="14" class="sel afternoon_sel_setting">14:00</a>
                                                <a href="#" id="pop_ed_time_15:00" data-time_val="15" class="sel afternoon_sel_setting">15:00</a>
                                                <a href="#" id="pop_ed_time_16:00" data-time_val="16" class="sel afternoon_sel_setting">16:00</a>
                                                <a href="#" id="pop_ed_time_17:00" data-time_val="17" class="sel afternoon_sel_setting">17:00</a>
                                                <a href="#" id="pop_ed_time_18:00" data-time_val="18" class="sel afternoon_sel_setting">18:00</a>
                                                <a href="#" id="pop_ed_time_19:00" data-time_val="19" class="sel afternoon_sel_setting">19:00</a>
                                                <a href="#" id="pop_ed_time_20:00" data-time_val="20" class="sel afternoon_sel_setting">20:00</a>
                                                <a href="#" id="pop_ed_time_21:00" data-time_val="21" class="sel afternoon_sel_setting">21:00</a>
                                                <a href="#" id="pop_ed_time_22:00" data-time_val="22" class="sel afternoon_sel_setting">22:00</a>
                                                <a href="#" id="pop_ed_time_23:00" data-time_val="23" class="sel afternoon_sel_setting">23:00</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </dd>
                    </dl>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step setting_date">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>세팅은 언제까지 되야하나요?</h4>
                    <p>세팅 날짜를 선택해 주세요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">셋팅일시 <span class="font_or">*</span></p>
                    <div class="datepicker_wrap3">
                        <div class="ipt_cal_wrap">
                            <input type="text" class="input datepicker datepicker3 ipt_md_2" placeholder="날짜 선택" readonly="">
                        </div>
                        <div class="sel_layPop">
                            <div class="tit_box">
                                <p>날짜선택</p>
                            </div>
                            <div id="date-range3"></div>
                            <div class="btn_wrap">
                                <a href="#" role="button" class="btn btn_or">선택완료</a>
                            </div>
                            <button class="btn_close bg"><span class="blind">닫기</span></button>
                        </div>
                        <script type="text/javascript">
                        $(function(){
                            var nowDate = new Date();
                            var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
                            $(".datepicker3").dateRangePicker({
                            inline: true,
                            opens: 'left',
                            singleMonth: true,
                            singleDate: true,
                            startDate: today,
                            showDropdowns: true,
                            format: 'YYYY-MM-DD',
                            container: '#date-range3',
                            alwaysOpen:true,
                            showTopbar: false,
                            stickyMonths: true,
                            customArrowPrevSymbol:'<img src="/images/ui/datepicker_prev.png" alt="">',
                            customArrowNextSymbol:'<img src="/images/ui/datepicker_next.png" alt="">',
                            setValue: function(s,s1,s2)
                            {
                                $('#cast_date2').val(s1);
                                $('.datepicker3').val(s1);
                            },
                            }).on('datepicker-first-date-selected',function(event,obj){
                                $(".sel_layPop.active").removeClass("active");
                            }).on('datepicker-opened',function(){
                            /* This event will be triggered after date range picker open animation */
                            })
                            $(".datepicker_wrap3").on('click', '.input', function(){
                            $(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
                            })
                        })
                        </script>
                    </div>
                    <div class="range_box" style="display:flex;">
                        <div class="select">
                            <a href="#" id="btn_sel_noon" class="btn_sel" role="button" style="background: none;">오전/오후</a>
                            <div class="sel_li" id="pop_cast_noon" style="height: 82px;">
                                <a href="#" id="pop_st_time_beforenoon" class="sel">오전</a>
                                <a href="#" id="pop_st_time_afternoon"  class="sel">오후</a>
                            </div>
                        </div>
                        <div class="select">
                            <a href="#" id="btn_sel_dy" class="btn_sel" role="button" style="">시간 선택</a>
                            <div class="sel_li" id="pop_setting_time">
                                <a href="#" id="pop_st_time_00:00" data-time_val= "0" class="sel beforenoon_sel_setting">00:00</a>
                                <a href="#" id="pop_st_time_01:00" data-time_val= "1" class="sel beforenoon_sel_setting">01:00</a>
                                <a href="#" id="pop_st_time_02:00" data-time_val= "2" class="sel beforenoon_sel_setting">02:00</a>
                                <a href="#" id="pop_st_time_03:00" data-time_val= "3" class="sel beforenoon_sel_setting">03:00</a>
                                <a href="#" id="pop_st_time_04:00" data-time_val= "4" class="sel beforenoon_sel_setting">04:00</a>
                                <a href="#" id="pop_st_time_05:00" data-time_val= "5" class="sel beforenoon_sel_setting">05:00</a>
                                <a href="#" id="pop_st_time_06:00" data-time_val= "6" class="sel beforenoon_sel_setting">06:00</a>
                                <a href="#" id="pop_st_time_07:00" data-time_val= "7" class="sel beforenoon_sel_setting">07:00</a>
                                <a href="#" id="pop_st_time_08:00" data-time_val= "8" class="sel beforenoon_sel_setting">08:00</a>
                                <a href="#" id="pop_st_time_09:00" data-time_val= "9" class="sel beforenoon_sel_setting">09:00</a>
                                <a href="#" id="pop_st_time_10:00" data-time_val="10" class="sel beforenoon_sel_setting">10:00</a>
                                <a href="#" id="pop_st_time_11:00" data-time_val="11" class="sel beforenoon_sel_setting">11:00</a>
                                <a href="#" id="pop_st_time_12:00" data-time_val="12" class="sel afternoon_sel_setting">12:00</a>
                                <a href="#" id="pop_st_time_13:00" data-time_val="13" class="sel afternoon_sel_setting">01:00</a>
                                <a href="#" id="pop_st_time_14:00" data-time_val="14" class="sel afternoon_sel_setting">02:00</a>
                                <a href="#" id="pop_st_time_15:00" data-time_val="15" class="sel afternoon_sel_setting">03:00</a>
                                <a href="#" id="pop_st_time_16:00" data-time_val="16" class="sel afternoon_sel_setting">04:00</a>
                                <a href="#" id="pop_st_time_17:00" data-time_val="17" class="sel afternoon_sel_setting">05:00</a>
                                <a href="#" id="pop_st_time_18:00" data-time_val="18" class="sel afternoon_sel_setting">06:00</a>
                                <a href="#" id="pop_st_time_19:00" data-time_val="19" class="sel afternoon_sel_setting">07:00</a>
                                <a href="#" id="pop_st_time_20:00" data-time_val="20" class="sel afternoon_sel_setting">08:00</a>
                                <a href="#" id="pop_st_time_21:00" data-time_val="21" class="sel afternoon_sel_setting">09:00</a>
                                <a href="#" id="pop_st_time_22:00" data-time_val="22" class="sel afternoon_sel_setting">10:00</a>
                                <a href="#" id="pop_st_time_23:00" data-time_val="23" class="sel afternoon_sel_setting">11:00</a>
                            </div>
                        </div>
                    </div>
                    <div class="select_wrap">
                        <button id="setting_un" onclick="setting_check();" class="btn btn_gr">날짜 미정</button>
                    </div>
                </div>

                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step pro_use_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>사용기간은 어떻게 되나요?</h4>
					<p>사용 기간을 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
                <div class="content_wrap">
                    <p class="tit">사용기간 <span class="font_or">*</span></p>
                        <div class="ipt_wrap datepicker_wrap9">
                            <div class="ipt_cal_wrap">
                                <input type="text" class="input datepicker datepicker9 ipt_md_2" placeholder="날짜 선택" readonly="">
                            </div>
                            <div class="sel_layPop">
                                <div class="tit_box">
                                    <p>날짜선택</p>
                                </div>
                                <div id="date-range9"></div>
                                <div class="btn_wrap">
                                    <a href="#" role="button" class="btn btn_or">선택완료</a>
                                </div>
                                <button class="btn_close bg"><span class="blind">닫기</span></button>
                            </div>
                            <script type="text/javascript">
                                $(function(){
                                    var nowDate = new Date();
                                    var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
                                    $(".datepicker9").dateRangePicker({
                                        inline: true,
                                        opens: 'left',
                                        singleMonth: true,
                                        // singleDate: true,
                                        startDate: today,
                                        showDropdowns: true,
                                        format: 'YYYY-MM-DD',
                                        container: '#date-range9',
                                        alwaysOpen:true,
                                        showTopbar: false,
                                        stickyMonths: true,
                                        customArrowPrevSymbol:'<img src="/images/ui/datepicker_prev.png" alt="">',
                                        customArrowNextSymbol:'<img src="/images/ui/datepicker_next.png" alt="">',
                                        setValue: function(s,s1,s2)
                                        {
                                            $('#pro_use_date_st').val(s1);
                                            $('#pro_use_date_ed').val(s2);
                                            $('.datepicker9').val(s1 + ' ~ ' + s2);
                                            $(".sel_layPop.active").removeClass("active");
                                        },
                                    }).on('datepicker-first-date-selected',function(event,obj){
                                        $(".sel_layPop.active").removeClass("active");
                                    }).on('datepicker-opened',function(){
                                        /* This event will be triggered after date range picker open animation */
                                    })
                                    $(".datepicker_wrap9").on('click', '.input', function(){
                                        $(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
                                    })
                                })
                            </script>
                        </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step deli_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>납품은 언제까지 되야하나요?</h4>
					<p>납품 일정를 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
                <div class="content_wrap">
                    <p class="tit">납품일시 <span class="font_or">*</span></p>
                        <div class="ipt_wrap datepicker_wrap6">
                            <div class="ipt_cal_wrap">
                                <input type="text" class="input datepicker datepicker6 ipt_md_2" placeholder="날짜 선택" readonly="">
                            </div>
                            <div class="sel_layPop">
                                <div class="tit_box">
                                    <p>날짜선택</p>
                                </div>
                                <div id="date-range6"></div>
                                <div class="btn_wrap">
                                    <a href="#" role="button" class="btn btn_or">선택완료</a>
                                </div>
                                <button class="btn_close bg"><span class="blind">닫기</span></button>
                            </div>
                            <script type="text/javascript">
                                $(function(){
                                    var nowDate = new Date();
                                    var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
                                    $(".datepicker6").dateRangePicker({
                                        inline: true,
                                        opens: 'left',
                                        singleMonth: true,
                                        singleDate: true,
                                        startDate: today,
                                        showDropdowns: true,
                                        format: 'YYYY-MM-DD',
                                        container: '#date-range6',
                                        alwaysOpen:true,
                                        showTopbar: false,
                                        stickyMonths: true,
                                        customArrowPrevSymbol:'<img src="/images/ui/datepicker_prev.png" alt="">',
                                        customArrowNextSymbol:'<img src="/images/ui/datepicker_next.png" alt="">',
                                        setValue: function(s,s1,s2)
                                        {
                                            $('#delivery_date').val(s1);
                                            $('.datepicker6').val(s1);
                                        },
                                    }).on('datepicker-first-date-selected',function(event,obj){
                                        $(".sel_layPop.active").removeClass("active");
                                    }).on('datepicker-opened',function(){
                                        /* This event will be triggered after date range picker open animation */
                                    })
                                    $(".datepicker_wrap6").on('click', '.input', function(){
                                        $(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
                                    })
                                })
                            </script>
                        </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step event_area">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>행사는 어디서 진행되나요?</h4>
                    <p>위치를 선택해주세요~</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <div class="first_addr">
                        <p class="tit">시/도 <span class="font_or">*</span></p>
                        <div class="select_wrap" id="cast_area">
                            <button class="btn btn_gr" id="area_강원" onclick="area_sel('GW');">강원</button>
                            <button class="btn btn_gr" id="area_경기" onclick="area_sel('GG');">경기</button>
                            <button class="btn btn_gr" id="area_경남" onclick="area_sel('GN');">경남</button>
                            <button class="btn btn_gr" id="area_경북" onclick="area_sel('GB');">경북</button>
                            <button class="btn btn_gr" id="area_광주" onclick="area_sel('GJ');">광주</button>
                            <button class="btn btn_gr" id="area_대구" onclick="area_sel('DG');">대구</button>
                            <button class="btn btn_gr" id="area_대전" onclick="area_sel('DJ');">대전</button>
                            <button class="btn btn_gr" id="area_부산" onclick="area_sel('BS');">부산</button>
                            <button class="btn btn_gr" id="area_서울" onclick="area_sel('SO');">서울</button>
                            <button class="btn btn_gr" id="area_세종" onclick="area_sel('SJ');">세종</button>
                            <button class="btn btn_gr" id="area_울산" onclick="area_sel('US');">울산</button>
                            <button class="btn btn_gr" id="area_인천" onclick="area_sel('IC');">인천</button>
                            <button class="btn btn_gr" id="area_전남" onclick="area_sel('JN');">전남</button>
                            <button class="btn btn_gr" id="area_전북" onclick="area_sel('JB');">전북</button>
                            <button class="btn btn_gr" id="area_제주" onclick="area_sel('JJ');">제주</button>
                            <button class="btn btn_gr" id="area_충남" onclick="area_sel('CN');">충남</button>
                            <button class="btn btn_gr" id="area_충북" onclick="area_sel('CB');">충북</button>
                            <button class="btn btn_gr" id="area_해외" onclick="area_sel('WD');">해외</button>
                        </div>
                        </div>
                        <div class="second_addr">
                        <p class="tit">시/군구 <span class="font_or">*</span></p>
                        <div class="select_wrap area_sido_sel"  id="cast_area_sub">
                        </div>
                        </div>
                        <div class="detail_addr">
                        <p class="tit">장소명(선택사항)</p>
                        <input type="text" id="cast_area_str" placeholder="상세주소를 입력 ">
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step event_place">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>공연장소는 실내인가요? 실외인가요?</h4>
                    <p>장소를 선택해주세요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>

                <div class="content_wrap">
                    <p class="tit">공연장소 선택<span class="font_or">*</span></p>
                    <div class="select_wrap" id="cast_place">
                    <button id="place_in" class="btn btn_gr">실내</button>
                    <button id="place_out" class="btn btn_gr">실외</button>
                    <button id="place_random" class="btn btn_gr">미정</button>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step event_customer_importance">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>섭외 시 가장 중요하게 생각하는 것은?</h4>
                    <p>아래 키워드 중에 선택해주세요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <div class="genre_wrap">
                    <input type="radio" id="customer_importance_radio" name="customer_importance_radio" checked="checked">
                    <div class="select_wrap classification" id="customer_importance_section"></div>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step event_product">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>필요한 제품과 수량을 적어주세요.</h4>
					<p>하단 정보를 입력해주세요</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
					<dl>
						 <!-- 시스템, 렌탈, 인력, 제작물.. 용 제품 정보 및 수량 -->
						<input type="radio" id="customer_product_radio" name="customer_product_radio" checked="checked">
						<dd class="select_one classification" id="customer_product_section">

						</dd>
					</dl>
				</div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step event_running">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>얼마동안 공연하길 원하시나요? </h4>
                    <p>러닝타임을 선택해 주세요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">러닝타임 <span class="font_or">*</span></p>
                    <div class="select_wrap" id="cast_hope_time">
                        <button id="hope_5분" class="btn btn_gr">5분</button>
                        <button id="hope_10분" class="btn btn_gr">10분</button>
                        <button id="hope_15분" class="btn btn_gr">15분</button>
                        <button id="hope_20분" class="btn btn_gr">20분</button>
                        <button id="hope_25분" class="btn btn_gr">25분</button>
                        <button id="hope_30분" class="btn btn_gr">30분</button>
                        <button id="hope_40분" class="btn btn_gr">40분</button>
                        <button id="hope_50분" class="btn btn_gr">50분</button>
                        <button id="hope_60분" class="btn btn_gr">60분</button>
                        <button id="hope_60분 이상" class="btn btn_gr">60분 이상</button>
                    </div>
                </div>

                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step event_running2">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>얼마동안 공연하길 원하시나요? </h4>
                    <p>러닝타임을 선택해 주세요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">러닝타임 <span class="font_or">*</span></p>
                    <div class="select_wrap" id="cast_hope_time">
						<button id="hope_1시간" class="btn btn_gr">1시간</button>
						<button id="hope_2시간" class="btn btn_gr">2시간</button>
						<button id="hope_3시간 이상" class="btn btn_gr">3시간 이상</button>
                    </div>
                </div>

                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>


    <div class="modal modal_casting_step sound_system">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>공연장에 음향기기는 갖추어져 있나요?</h4>
                    <p>음향기기가 없다면 공연팀이나 쇼글 매니저에게 문의하세요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">음향기기 선택<span class="font_or">*</span></p>
                    <div class="select_wrap" id="cast_device">
                        <button id="device_ok" class="btn btn_gr">있다</button>
                        <button id="device_no" class="btn btn_gr">없다</button>
                        <button id="device_random" class="btn btn_gr">미정</button>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step gender">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4>선호하는 성별이 있으신가요?</h4>
                    <p>성별에 따라 분위기가 다양하게 달라질 수 있어요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">성별 선택<span class="font_or">*</span></p>
                    <div class="select_wrap" id="cast_gender">
                    <button id="gender" class="btn btn_gr">무관</button>
                    <button id="gender_man" class="btn btn_gr">남성</button>
                    <button id="gender_woman" class="btn btn_gr">여성</button>
                    <button id="gender_mix" class="btn btn_gr">혼성</button>
                    </div>
                </div>
                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>

    <div class="modal modal_casting_step system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>전기의 형태는 어떻게 되나요?</h4>
					<p>전기를 선택해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
                <div class="content_wrap">
                    <p class="tit">전기 선택<span class="font_or">*</span></p>
                    <div class="select_wrap" id="cast_system">
                        <button class="btn btn_gr" id="h_elec">한전</button>
                        <button class="btn btn_gr" id="c_elec">발전차</button>
                        <button class="btn btn_gr" id="elec">발전기</button>
                    </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

    <div class="modal modal_casting_step event_request">
        <div class="modal_wrap">
            <div class="modal_inner">
                <div class="title_box">
                    <h4> 추가로 요청하실 내용이 있으신가요?</h4>
                    <p>내용이 상세할수록 정확한 견적을 받을 수 있어요.</p>
                </div>
                <div class="progress_total_bar">
                    <div class="bar"></div>
                    <div class="progress_bar"></div>
                </div>
                <div class="content_wrap">
                    <p class="tit">요청사항</p>
                    <textarea placeholder="ex)
리허설 : 리허설 있습니다. 오후 2시쯤 진행 예정
공연성격 : 오프닝(or 만찬) 공연입니다.
대상 : 40-50대 , 100명 , 남성
비용 : 악기 지참 비용, 교통비 등 포함 견적 희망합니다.
선곡 : 다같이 즐길 수 있는 신나는 곡으로 부탁드립니다." id="cast_memo"></textarea>
                </div>

                <div class="btn_wrap">
                    <button class="btn_prev">이전으로</button>
                    <button class="btn_next">다음</button>
                </div>
                <button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
            </div>
        </div>
    </div>



    	<div class="modal modal_casting_step preview">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>섭외공고 미리보기</h4>
				</div>
                <div class="content_wrap">
                    <div class="preview_box">
                        <div class="sub_tit">
                            <p id="total_cast_name"></p>
                        </div>
                        <ul>
                            <li class="genre_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_genre.png)no-repeat 50% 100%;"></i>희망장르</dt>
                                    <dd id="total_cast_genre_group" name="total_cast_genre_group"><span></span></dd>
                                </dl>
                            </li>
                            <li class="date_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>행사일자</dt>
                                    <dd id="total_cast_date"></dd>
                                </dl>
                            </li>
                            <li class="time_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_time.png)no-repeat 50% 100%;"></i>공연시간</dt>
                                    <dd id="total_cast_st_time"></dd>
                                </dl>
                            </li>
                            <li class="location_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사지역</dt>
                                    <dd id="total_cast_area"></dd>
                                </dl>
                            </li>
                            <li class="place_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>공연장소</dt>
                                    <dd id="total_cast_place"></dd>
                                </dl>
                            </li>
                            <li class="running_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_time.png)no-repeat 50% 100%;"></i>러닝타임</dt>
                                    <dd id="total_cast_hope_time"></dd>
                                </dl>
                            </li>
                            <li class="sound_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_speaker.png)no-repeat 50% 100%;"></i>음향기기</dt>
                                    <dd id="total_cast_device"></dd>
                                </dl>
                            </li>
                            <li class="gender_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_gender.png)no-repeat 50% 100%;"></i>선호성별</dt>
                                    <dd id="total_cast_gender"></dd>
                                </dl>
                            </li>
                        </ul>
                        <dl class="cont_bot">
                            <dt><i style="background: url(/images/icon/ico_exclamation.png)no-repeat 50% 100%;"></i>요청사항</dt>
                            <dd id="total_cast_memo"></dd>
                        </dl>
                    </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting_step.preview');modal.open('casting_step.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting_step preview_system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>섭외공고 미리보기</h4>
				</div>
                <div class="content_wrap">
                    <div class="preview_box">
                        <div class="sub_tit">
                            <p id="total_cast_name"></p>
                        </div>
                        <ul>
                            <li class="genre_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_genre.png)no-repeat 50% 100%;"></i>희망장르</dt>
                                    <dd id="total_cast_genre_group" name="total_cast_genre_group"><span></span></dd>
                                </dl>
                            </li>
                            <li class="date_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>행사일자</dt>
                                    <dd id="total_cast_date"></dd>
                                </dl>
                            </li>
                            <li class="location_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사지역</dt>
                                    <dd id="total_cast_area"></dd>
                                </dl>
                            </li>
                            <li class="place_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사장소</dt>
                                    <dd id="total_cast_place"></dd>
                                </dl>
                            </li>
                            <li class="product_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_speaker.png)no-repeat 50% 100%;"></i>제품&수량</dt>
                                    <dd id="total_cast_product"></dd>
                                </dl>
                            </li>
                            <li class="rental_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>렌탈기간</dt>
                                    <dd id="total_cast_rental"></dd>
                                </dl>
                            </li>
                            <li class="setting_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>셋팅일자</dt>
                                    <dd id="total_cast_setting"></dd>
                                </dl>
                            </li>
                            <li class="electricity_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_ele.png)no-repeat 50% 100%;"></i>전기유무</dt>
                                    <dd id="total_cast_electricity"></dd>
                                </dl>
                            </li>
                        </ul>
                        <dl class="cont_bot">
                            <dt><i style="background: url(/images/icon/ico_exclamation.png)no-repeat 50% 100%;"></i>요청사항</dt>
                            <dd id="total_cast_memo"></dd>
                        </dl>
                    </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting_step.preview_system');modal.open('casting_step.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting_step preview_rental">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>섭외공고 미리보기</h4>
				</div>
                <div class="content_wrap">
                    <div class="preview_box">
                        <div class="sub_tit">
                            <p id="total_cast_name"></p>
                        </div>
                        <ul>
                            <li class="genre_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_genre.png)no-repeat 50% 100%;"></i>희망장르</dt>
                                    <dd id="total_cast_genre_group" name="total_cast_genre_group"><span></span></dd>
                                </dl>
                            </li>
                            <li class="date_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>행사일자</dt>
                                    <dd id="total_cast_date"></dd>
                                </dl>
                            </li>
                            <li class="location_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사지역</dt>
                                    <dd id="total_cast_area"></dd>
                                </dl>
                            </li>
                            <li class="place_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사장소</dt>
                                    <dd id="total_cast_place"></dd>
                                </dl>
                            </li>
                            <li class="product_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_speaker.png)no-repeat 50% 100%;"></i>제품&수량</dt>
                                    <dd id="total_cast_product"></dd>
                                </dl>
                            </li>
                            <li class="rental_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>렌탈기간</dt>
                                    <dd id="total_cast_rental"></dd>
                                </dl>
                            </li>
                            <li class="setting_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>셋팅일자</dt>
                                    <dd id="total_cast_setting"></dd>
                                </dl>
                            </li>
                        </ul>
                        <dl class="cont_bot">
                            <dt><i style="background: url(/images/icon/ico_exclamation.png)no-repeat 50% 100%;"></i>요청사항</dt>
                            <dd id="total_cast_memo"></dd>
                        </dl>
                    </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting_step.preview_rental');modal.open('casting_step.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting_step preview_people">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>섭외공고 미리보기</h4>
				</div>
                <div class="content_wrap">
                    <div class="preview_box">
                        <div class="sub_tit">
                            <p id="total_cast_name"></p>
                        </div>
                        <ul>
                            <li class="genre_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_genre.png)no-repeat 50% 100%;"></i>희망장르</dt>
                                    <dd id="total_cast_genre_group" name="total_cast_genre_group"><span></span></dd>
                                </dl>
                            </li>
                            <li class="date_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>행사일자</dt>
                                    <dd id="total_cast_date"></dd>
                                </dl>
                            </li>
                            <li class="location_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사지역</dt>
                                    <dd id="total_cast_area"></dd>
                                </dl>
                            </li>
                            <li class="place_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사장소</dt>
                                    <dd id="total_cast_place"></dd>
                                </dl>
                            </li>
                            <li class="product_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_speaker.png)no-repeat 50% 100%;"></i>제품&수량</dt>
                                    <dd id="total_cast_product"></dd>
                                </dl>
                            </li>
                            <li class="delivery_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>납품기간</dt>
                                    <dd id="total_cast_delivery"></dd>
                                </dl>
                            </li>
                            <li class="workdate_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>근무기간</dt>
                                    <dd id="total_cast_workdate"></dd>
                                </dl>
                            </li>
                            <li class="worktime_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_time.png)no-repeat 50% 100%;"></i>근무시간</dt>
                                    <dd id="total_cast_worktime"></dd>
                                </dl>
                            </li>
                        </ul>
                        <dl class="cont_bot">
                            <dt><i style="background: url(/images/icon/ico_exclamation.png)no-repeat 50% 100%;"></i>요청사항</dt>
                            <dd id="total_cast_memo"></dd>
                        </dl>
                    </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting_step.preview_people');modal.open('casting_step.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting_step preview_etc">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h4>섭외공고 미리보기</h4>
				</div>
                <div class="content_wrap">
                    <div class="preview_box">
                        <div class="sub_tit">
                            <p id="total_cast_name"></p>
                        </div>
                        <ul>
                            <li class="genre_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_genre.png)no-repeat 50% 100%;"></i>희망장르</dt>
                                    <dd id="total_cast_genre_group" name="total_cast_genre_group"><span></span></dd>
                                </dl>
                            </li>
                            <li class="date_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>행사일자</dt>
                                    <dd id="total_cast_date"></dd>
                                </dl>
                            </li>
                            <li class="location_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사지역</dt>
                                    <dd id="total_cast_area"></dd>
                                </dl>
                            </li>
                            <li class="place_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 100%;"></i>행사장소</dt>
                                    <dd id="total_cast_place"></dd>
                                </dl>
                            </li>
                            <li class="product_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_speaker.png)no-repeat 50% 100%;"></i>제품&수량</dt>
                                    <dd id="total_cast_product"></dd>
                                </dl>
                            </li>
                            <li class="usedate_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>사용기간</dt>
                                    <dd id="total_cast_usedate"></dd>
                                </dl>
                            </li>
                            <li class="setting_row">
                                <dl>
                                    <dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 100%;"></i>셋팅일자</dt>
                                    <dd id="total_cast_setting"></dd>
                                </dl>
                            </li>
                        </ul>
                        <dl class="cont_bot">
                            <dt><i style="background: url(/images/icon/ico_exclamation.png)no-repeat 50% 100%;"></i>요청사항</dt>
                            <dd id="total_cast_memo"></dd>
                        </dl>
                    </div>
                </div>
				<div class="btn_wrap">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting_step.preview_etc');modal.open('casting_step.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close bg" onclick="castingClose();return false;"><span class="blind">닫기</span></button>
			</div>
		</div>
	</div>



<div class="modal modal_casting_step comp ">
  <div class="modal_wrap">
    <div class="modal_inner">
      <div class="title_box">
        <h4>섭외공고가 접수되었어요!</h4>
      </div>
      <div class="progress_total_bar">
        <div class="bar" style="width:100%"></div>
        <div class="progress_bar">100%</div>
      </div>
      <div class="content_wrap">
        <p class="tit">아티스트가 견적을 보내면 알림톡으로 알려드려요.</p>
        <p class="txt">아티스트와 상세 조율은 채팅을 통해 할 수 있어요.</p>
      </div>
      <section class="premiumAd">
        <div class="title"><img src="/images/common/prAd_m.png" alt="preminum Ad" /></div>
        <div class="prad_inner">
            <div class="swiper-container compPradSwiper">
                <div class="swiper-wrapper recomm_swiper_list">

                </div>
                <div class="swiper-pagination"></div>
            </div>
            <script>
                var prAdSwiperComp;
                $(function(){
					prAdSwiperComp = new Swiper('.modal_casting_step .compPradSwiper', {
                    slidesPerView: 1,
                    spaceBetween: 10,
                    pagination : { // 페이징 설정
                      el : '.modal_casting_step .compPradSwiper .swiper-pagination',
                      type: 'bullets',
                    },
                  });
                })
            </script>
        </div>
    </section>
      <div class="btn_wrap">
        <button class="btn_ok btn_next" onclick="modal.close('casting_step');window.location.reload(); return false;">확인</button>
      </div>
      <button class="btn_close bg" onclick="modal.close('casting_step'); window.location.reload(); return false;"><span class="blind">닫기</span></button>
    </div>
  </div>
</div>

<div class="modal modal_casting_step registration">
  <div class="modal_wrap">
    <div class="modal_inner">
      <div class="content_box">
        <p class="txt">작성하신 내용으로 섭외 공고 올리시겠습니까?</p>
      </div>
      <div class="btn_wrap">
        <a href="#" role="button" class="btn btn_gr" onclick="modal.close('casting_step.registration');;return false;">취소</a>
        <a href="#" role="button" class="btn btn_or" onclick="registrationFn();return false;">확인</a>
      </div>
    </div>
  </div>
</div>

<form name="estimate_cast_all" id="estimate_cast_all" method="post" enctype="multipart/form-data">
    <input type="hidden" id="all_arti_seq" name="all_arti_seq"  value="291">
    <input type="hidden" id="all_arti_id" name="all_arti_id"  value="artyeon">
	<input type="hidden" id="all_age_seq" name="all_age_seq"  value="">
	<input type="hidden" id="all_age_name" name="all_age_name"  value="">
	<input type="hidden" id="all_arti_name" name="all_arti_name"  value="아트연 ">
	<input type="hidden" id="all_arti_tel" name="all_arti_tel"  value="010-9060-7275">
	<input type="hidden" id="all_cast_name" name="all_cast_name"  value="">
	<input type="hidden" id="all_name_display" name="all_name_display"  value="">
	<input type="hidden" id="all_cast_categore_group" name="all_cast_categore_group"  value="">
	<input type="hidden" id="all_cast_genre_group" name="all_cast_genre_group"  value="">
	<input type="hidden" id="all_cast_genre2" name="all_cast_genre2"  value="">
	<input type="hidden" id="all_cast_genre3" name="all_cast_genre3"  value="">
	<input type="hidden" id="all_cast_genre3_val" name="all_cast_genre3_val"  value="">
	<input type="hidden" id="all_cast_date" name="all_cast_date"  value="">
	<input type="hidden" id="all_cast_st_time" name="all_cast_st_time"  value="">
	<input type="hidden" id="all_cast_noon" name="all_cast_noon"  value="">
	<input type="hidden" id="all_cast_date2" name="all_cast_date2"  value="">
	<input type="hidden" id="all_cast_set_st_time" name="all_cast_set_st_time"  value="">
	<input type="hidden" id="all_cast_area" name="all_cast_area"  value="">
	<input type="hidden" id="all_cast_area2" name="all_cast_area2"  value="">
	<input type="hidden" id="all_cast_area_str" name="all_cast_area_str"  value="">
	<input type="hidden" id="all_cast_place" name="all_cast_place"  value="">
	<input type="hidden" id="all_cast_hope_time" name="all_cast_hope_time"  value="">
	<input type="hidden" id="all_cast_device" name="all_cast_device"  value="">
	<input type="hidden" id="all_cast_system" name="all_cast_system"  value="">
	<input type="hidden" id="all_cast_gender" name="all_cast_gender"  value="">
	<input type="hidden" id="all_cast_memo" name="all_cast_memo"  value="">
	<input type="hidden" id="all_cast_type_str" name="all_cast_type_str"  value="">
	<input type="hidden" id="genre2" name="genre2"  value="">
	<input type="hidden" id="cast_genre2" name="cast_genre2"  value="">
	<input type="hidden" id="genre3" name="genre3"  value="">
	<input type="hidden" id="cast_genre3" name="cast_genre3[]"  value="">
	<!--input type="hidden" id="cast_genre_chk" name="cast_genre_chk"  value=""-->
	<input type="hidden" id="cast_area2" name="cast_area2"  value="">
	<input type="hidden" id="cast_area_chk" name="cast_area_chk"  value="">
	<input type="hidden" id="cast_date" name="cast_date"  value="">
	<input type="hidden" id="cast_date2" name="cast_date2"  value="">
	<input type="hidden" id="rental_date_st" name="rental_date_st"  value="">
	<input type="hidden" id="rental_date_ed" name="rental_date_ed"  value="">
	<input type="hidden" id="delivery_date" name="delivery_date"  value="">
	<input type="hidden" id="working_date_st" name="working_date_st"  value="">
	<input type="hidden" id="working_date_ed" name="working_date_ed"  value="">
	<input type="hidden" id="pro_use_date_st" name="pro_use_date_st"  value="">
	<input type="hidden" id="pro_use_date_ed" name="pro_use_date_ed"  value="">


	<input type="hidden" id="selected_customer_importance_val"  name="selected_customer_importance_val">
	<input type="hidden" id="selected_customer_importance_text" name="selected_customer_importance_text">

	<input type="hidden" id="selected_customer_product_val"  name="selected_customer_product_val">
	<input type="hidden" id="selected_customer_product_text" name="selected_customer_product_text">

	<input type="hidden" id="all_customer_product_val"  name="all_customer_product_val">
	<input type="hidden" id="all_customer_product_text"  name="all_customer_product_text">
	<input type="hidden" id="all_rental_date" name="all_rental_date"  value="">
	<input type="hidden" id="all_delivery_date" name="all_delivery_date"  value="">
	<input type="hidden" id="all_work_date" name="all_work_date"  value="">
	<input type="hidden" id="all_work_time" name="all_work_time"  value="">
	<input type="hidden" id="all_use_date" name="all_use_date"  value="">
</form>

<script>

        //$(document).ready(function(){
      	//  reset();
      	//
        //});

        function reset(){
      	  //var form_data = $('#estimate_cast_all');
      	  //for(var i =0; i < form_data.length; i++){
      		//form_data[i].reset();
      	  //}
      	window.location.relode();

      	//$('input').val('');
      	//$('input:radio').prop("checked", false);
      	//$('input:type[text]').prop("checked", false);
        }

    $(function(){
        $(".dis_chk").on('click', "input", function(){
            var name_di_chk = $("input:checkbox[name=cast_name_display]").is(":checked");
            if(name_di_chk == true){
                $('#cast_name').val('비공개');
            }else{
                $('#cast_name').val('');
            }
            $("#infoCall").prop("checked", false); //등록한 행사정보 불러오기 비활성화
            $("input:radio[name='castd']").prop("checked", false); //등록한 행사정보 불러오기 비활성화
            $('.event_info').removeClass('on');
        })

        $(".modal_casting_step").on('click', ".select_wrap .btn", function(){
            $(this).siblings('.btn').removeClass('on');
            $(this).addClass('on');
        })

        $(".modal_casting_step.event_name").on('click', '#infoCall', function(){
            if($(this).is(':checked') == true){
                $("#cast_name_display").prop("checked", false); //비공개 비활성화
                $('#cast_name').val('');
                $('.event_info').addClass('on');
            }else{
                $('.event_info').removeClass('on');
            }
        })

        $(".modal_casting_step.event_area").on('click', '.first_addr .btn', function(){
            let $btnList = $(".first_addr .btn");
            let checkCnt = 0;

            $btnList.each((index, el) =>{
                if($(el).attr('class').includes('on')){
                return checkCnt++;
                }
            })

            if(checkCnt == 1){
                $(".second_addr").addClass('on');
                $(".detail_addr").addClass('on');
            }
        })

        const $MODAL_STEP3 = $(".modal_casting_step.event_genre");
        const $STEP3_FIRST_SELECT = $(".modal_casting_step.event_genre").find(".genre_wrap .select_wrap");

        $($MODAL_STEP3).on('click', ".ipt_chk input", () =>{
            if($MODAL_STEP3.find(".genre_wrap input").is(':checked')){
                $STEP3_FIRST_SELECT.addClass('on');
            }else{
                $STEP3_FIRST_SELECT.removeClass('on');
            $STEP3_FIRST_SELECT.find('a').removeClass('on');
                $($MODAL_STEP3).find(".detail_wrap").removeClass('on');
                $('#cast_genre2').val('');
            }
        })

        $($STEP3_FIRST_SELECT).on('click', ".btn" ,function(){
        $($MODAL_STEP3).find(".detail_wrap").addClass('on');
    })

        $(".select_three").on('click', ".btn", function(){
            let btnList = $(".select_three button");
            let checkCnt = 0;
            if(cate_val == 8){
                var gensub;
                $(".select_three button.on").removeClass('on');
                $(this).addClass('on');
                var temp = $(this).text();
                $("#all_cast_genre3").val(temp)
                if(temp=='기념품'){
                    gensub = 253;
                }else if(temp=='현수막'){
                    gensub = 254;
                }else if(temp=='케이터링'){
                    gensub = 257;
                }else if(temp=='푸드트럭'){
                    gensub = 258;
                }else{
                    gensub ='';
                }
                $("#genre3").val(gensub)
            }else{
                $(this).toggleClass('on');
                btnList.each(function(){
                    if($(this).hasClass('on')){
                        return checkCnt ++;
                    }
                })
                if(checkCnt === 4){
                    $(this).removeClass('on');
                    alert('3개까지 선택 가능합니다');
                }
                $("#all_cast_genre3").val("");
                for(var i =0; i < checkCnt; i++){
                    var temp = $("button[name='genre_sub_row[]'].on").eq(i).text();
                    if(i==0)$("#all_cast_genre3").val(temp);
                    else $("#all_cast_genre3").val($("#all_cast_genre3").val()+","+temp);
                }

            }
        })

    })

    function area_sel(code){
        $.get("/main/get_area_sido/" ,
            {
                code : code
            },
            function(rslt){
                // $('#cast_area2').val('');
                var rslt2=$.trim(rslt);
                if(rslt2.length > 0){
                    var rslt2=$.trim(rslt);
                    $(".area_sido_sel").html(rslt2);
                    $(".second_addr").show();
                    $('#cast_area_chk').val('N');
                }else{
                    $(".area_sido_sel").html('');
                    $(".second_addr").hide();
                    $('#cast_area_chk').val('Y');
                }
            });
    }

    function area_sel_chk(sido, sido2){
        $.get("/main/get_area_sido_chk/" ,{
            sido : sido
            },
            function(rslt){
            var rslt2=$.trim(rslt);
            if(rslt2.length > 0){
                var rslt2=$.trim(rslt);
                $(".area_sido_sel").html(rslt2);
                $(".second_addr").show();
                $('#cast_area_chk').val('N');
                $('#area_str_'+sido2).addClass('on');
            }else{
                $(".area_sido_sel").html('');
                $(".second_addr").hide();
                $('#cast_area_chk').val('Y');
            }
            });
    }

    function area_conf_str(area1, area2){
        $('#cast_area2').val(area2);
    }

    // 소비자 중요도 불러오기기
    function customer_importance_list (val) {
        $.get("/main/get_customer_importance_list",
        { GROUP_SEQ : val },
        function(rslt){
        var rslt3=$.trim(rslt);
        if(rslt3.length>0){
            var rslt3 = $.trim(rslt);
            $('#customer_importance_section').empty();
            $('#customer_importance_section').html(rslt3);
        }
        });
    }

    // 소비자 필요한 제품 수량 정보
    function customer_product_list (val) {
        $.get("/main/get_customer_product_list",
        { GROUP_SEQ : val },
        function(rslt){
            var rslt3=$.trim(rslt);
            if(rslt3.length>0){
                var rslt3 = $.trim(rslt);
                $('#customer_product_section').empty();
                $('#customer_product_section').html(rslt3);
            }
        });
    }

    // 소비자 필요한 제품 수량 직접 입력
    function product_check (product_seq, product_name, obj) {
        var el = $(obj);
        console.log(el);
        el.closest('.inner_row').find(".on").removeClass('on');
        el.addClass('on');

        if (product_seq == '') {
            $("#customer_product_text").val("")
            $("#customer_product_text").show()
        }
        else {
            $("#customer_product_text").val("")
            $("#customer_product_text").hide()
        }

        $("#selected_customer_product_text").val(product_seq)
        $("#selected_customer_product_text").val(product_name)
    }

    function genre_sub(val, val2){
        $.get("/main/get_genre",
            {
                    T_GENRE : val
            },
            function(rslt){
                var rslt2=$.trim(rslt);

                if(rslt2.length>24) {
                    var rslt2 = $.trim(rslt);
                    $('#genre_sub').html(rslt2);
                    $('.third_genre').show();
                    $('#cast_genre2').val(val2+">");
                    $('#genre2').val(val);

                    // $('#cast_genre_chk').val('N');
                }
                else {
                    $('#genre_sub').html('');
                    $('.third_genre').hide();
                    $('#cast_genre2').val(val2);
                    $('#genre2').val(val);
                    // console.log(val);
                    // $('#cast_genre_chk').val('Y');
                }
            })
    }

    function genre_cate(val){
        console.log(val)
        $.get("/main/get_cate_genre",
            {
                T_GENRE_GROUP : val
            },
            function(rslt){
            var rslt2=$.trim(rslt);
            if(rslt2.length>0){
            var rslt2 = $.trim(rslt);
                $('#genre_fist').empty();
                $('#genre_fist').html(rslt2);
                // $('#cast_genre2').val(val2+">");
                // $('#genre2').val(val);
                // $('#cast_genre_chk').val('N');
            }
            });
    }

    function genre_sub_chk(val, val2, val3){
        $.get("/main/get_genre",
            {
                T_GENRE : val
            },
            function(rslt){
                var rslt2=$.trim(rslt);
                if(rslt2.length>0){
                var rslt2 = $.trim(rslt);
                    $('#genre_sub').html(rslt2);
                    $('.detail_wrap').show();
                    $('#cast_genre2').val(val2+">");
                    $('#genre2').val(val);
                    var genre_str1 = val3.split(',');
                    for(i=0; i < genre_str1.length; i++ ){
                    // console.log('genre_sub_row_'+genre_str1[i]);
                    $('#genre_sub_row_'+genre_str1[i]).addClass('on');

                    var temp = $("button[name='genre_sub_row[]'].on").eq(i).text();
                    if(i==0)$("#all_cast_genre3").val(temp);
                    else $("#all_cast_genre3").val($("#all_cast_genre3").val()+","+temp);
                    }
                    // $('#cast_genre_chk').val('N');
                }else{
                    $('#genre_sub').html('');
                    $('.detail_wrap').hide();
                    $('#cast_genre2').val(val2+">");
                    $('#genre2').val(val);
                    // $('#cast_genre_chk').val('Y');
                }
            });
        }

    function genre_cate_chk(val, val2){
        $.get("/main/get_cate_genre",
        {
            T_GENRE_GROUP : val
        },
        function(rslt){
            var rslt2=$.trim(rslt);
            console.log(val);
            console.log(val2);
            if(rslt2.length>0){
            var rslt2 = $.trim(rslt);
            console.log(rslt2);
                $('#genre_fist').html(rslt2);
                // $('#cast_genre2').val(val2+">");
                // $('#genre2').val(val);
                // $('#cast_genre_chk').val('N');

                $('#gen_'+val2).addClass('on');
                // if(i==0)$("#all_cast_genre3").val(temp);
                // else $("#all_cast_genre3").val($("#all_cast_genre3").val()+","+temp);

            }
        });
        }

    function cast_name_chk(val){ //등록한 행사정보 불러오기
        $.get("/main/get_esti_info",
                {
                    val : val,
                },
                function(rslt){
                    var json=$.parseJSON(rslt);
                    console.log(json);

                    if (json.result_txt) {
                    if(json.result_txt['SE_SHOW_TYPE_STR'] == "제안단계예요."){
                        $('#dev_cast').addClass('on');
                        $('#cast').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_TYPE_STR'] == "확정된 행사예요."){
                        $('#cast').addClass('on');
                        $('#dev_cast').removeClass('on');
                    }

                    if(json.result_txt['SE_GENRE_GROUP'] == '4'){
                        $('#cast_chk_con').addClass('on');
                        $('#cast_chk_sys').removeClass('on');
                        $('#cast_chk_rn').removeClass('on');
                        $('#cast_chk_sv').removeClass('on');
                        $('#cast_chk_pl').removeClass('on');
                    }else if (json.result_txt['SE_GENRE_GROUP'] == '5'){
                        $('#cast_chk_con').removeClass('on');
                        $('#cast_chk_sys').addClass('on');
                        $('#cast_chk_rn').removeClass('on');
                        $('#cast_chk_sv').removeClass('on');
                        $('#cast_chk_pl').removeClass('on');
                    }else if (json.result_txt['SE_GENRE_GROUP'] == '7'){
                        $('#cast_chk_con').removeClass('on');
                        $('#cast_chk_sys').removeClass('on');
                        $('#cast_chk_rn').addClass('on');
                        $('#cast_chk_sv').removeClass('on');
                        $('#cast_chk_pl').removeClass('on');
                    }else if (json.result_txt['SE_GENRE_GROUP'] == '8'){
                        $('#cast_chk_con').removeClass('on');
                        $('#cast_chk_sys').removeClass('on');
                        $('#cast_chk_rn').removeClass('on');
                        $('#cast_chk_sv').addClass('on');
                        $('#cast_chk_pl').removeClass('on');
                    }else if (json.result_txt['SE_GENRE_GROUP'] == '9'){
                        $('#cast_chk_con').removeClass('on');
                        $('#cast_chk_sys').removeClass('on');
                        $('#cast_chk_rn').removeClass('on');
                        $('#cast_chk_sv').removeClass('on');
                        $('#cast_chk_pl').addClass('on');
                    }else{
                        $('#cast_chk_con').removeClass('on');
                        $('#cast_chk_sys').removeClass('on');
                        $('#cast_chk_rn').removeClass('on');
                        $('#cast_chk_sv').removeClass('on');
                        $('#cast_chk_pl').removeClass('on');
                        $('#cast_chk_pt').addClass('on');
                    }

                    if(json.result_txt['SE_GENRE1'] > 0){
                        $("#self").prop('checked', true); // 선택하기

                        // $('.step3').find('a').removeClass('on');
                        // $('#gen_'+json.result_txt['SE_GENRE1']).addClass('on');

                        genre_cate_chk(json.result_txt['SE_GENRE_GROUP'],json.result_txt['SE_GENRE1']);
                        genre_sub_chk(json.result_txt['SE_GENRE1'], json.result_txt['C_NAME'], json.result_txt['SE_GENRE_STR']);
                        $('.classification').addClass('on');
                        $('.second_tit').addClass('on');
                        $(".select_three.subdivision").addClass('on');

                    }else{
                        $("#choice").prop('checked', true); // 선택하기
                    }

                    $('#cast_date').val(json.result_txt['SE_SHOW_DATE']);
                    $('.datepicker1').val(json.result_txt['SE_SHOW_DATE']);

                    // $('.range_box').find('.btn_sel').text(json.result_txt['SE_SHOW_TIME']);

// 240821 모바일버전 행사일시 오류 수정
                    var show_time = ''
                    if (parseInt(json.result_txt['SE_SHOW_TIME'].substring(0, 2)) > 12) {
                        $("#pop_st_time_afternoon").addClass("on")
                        $("#btn_sel_noon").text("오후")
                        show_time = ("0" + (parseInt(json.result_txt['SE_SHOW_TIME'].substring(0, 2)) - 12)).slice(-2) + ":00"
                    }
                    else {
                        $("#pop_st_time_beforenoon").addClass("on")
                        $("#btn_sel_noon").text("오전")
                        show_time = json.result_txt['SE_SHOW_TIME']
                    }
                    $('#btn_sel_dy').text(show_time);
//

                    $('.step5').find('button').removeClass('on');
                    $('#hope_'+json.result_txt['SE_SHOW_HOPE_TIME']).addClass('on');

                    $('.step6').find('button').removeClass('on');
                    $('#area_'+json.result_txt['SE_SHOW_AREA']).addClass('on');
                    $('.second_addr').addClass('on');

                    area_sel_chk(json.result_txt['SE_SHOW_AREA'],json.result_txt['SE_SHOW_AREA2']);
                    area_conf_str(json.result_txt['SE_SHOW_AREA'],json.result_txt['SE_SHOW_AREA2']);

                    $(".detail_addr").addClass('on');
                    if(json.result_txt['SE_SHOW_AREA_STR'] !=""){
                        $('#cast_area_str').val(json.result_txt['SE_SHOW_AREA_STR']);
                    }

                    if(json.result_txt['SE_SHOW_PLACE'] == "실내"){
                        $('#place_in').addClass('on');
                        $('#place_out').removeClass('on');
                        $('#place_random').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_PLACE'] == "실외"){
                        $('#place_out').addClass('on');
                        $('#place_in').removeClass('on');
                        $('#place_random').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_PLACE'] == "미정"){
                        $('#place_random').addClass('on');
                        $('#place_out').removeClass('on');
                        $('#place_in').removeClass('on');
                    }

                    if(json.result_txt['SE_SHOW_DEVICE'] == "있다"){
                        $('#device_ok').addClass('on');
                        $('#device_no').removeClass('on');
                        $('#device_random').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_DEVICE'] == "없다"){
                        $('#device_no').addClass('on');
                        $('#device_ok').removeClass('on');
                        $('#device_random').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_DEVICE'] == "미정"){
                        $('#device_random').addClass('on');
                        $('#device_no').removeClass('on');
                        $('#device_ok').removeClass('on');
                    }

                    if(json.result_txt['SE_SHOW_SEX'] == "무관"){
                        $('#gender').addClass('on');
                        $('#gender_man').removeClass('on');
                        $('#gender_woman').removeClass('on');
                        $('#gender_mix').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_SEX'] == "남성"){
                        $('#gender_man').addClass('on');
                        $('#gender').removeClass('on');
                        $('#gender_woman').removeClass('on');
                        $('#gender_mix').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_SEX'] == "여성"){
                        $('#gender_woman').addClass('on');
                        $('#gender_man').removeClass('on');
                        $('#gender').removeClass('on');
                        $('#gender_mix').removeClass('on');
                    }else if(json.result_txt['SE_SHOW_SEX'] == "혼성"){
                        $('#gender_mix').addClass('on');
                        $('#gender_man').removeClass('on');
                        $('#gender_woman').removeClass('on');
                        $('#gender').removeClass('on');
                    }

                    $('#cast_memo').val(json.result_txt['SE_SHOW_MEMO']);
                    } else {
                    // $("#firstGenre").empty();
                    }
                });

                $('#cast_name').val($('#castd'+val).val());
                // $('#cast_name').val($('#'+val).val());
                $("#cast_name_display").prop("checked", false); //비공개 비활성화

        //$("#cast_name_display").prop("checked", false); //비공개 비활성화
    }

    function name_chk(){ //행사명 작성시
        if($("input:checkbox[name=cast_name_display]").is(":checked") == true){
            $("#cast_name_display").prop("checked", false); //비공개 비활성화
        }

        if($("input:radio[name='castd']").is(":checked") == true){
            $("#infoCall").prop("checked", false); //등록한 행사정보 불러오기 비활성화
            $("input:radio[name='castd']").prop("checked", false); //등록한 행사정보 불러오기 비활성화
            $('.event_info').removeClass('on');
        }

    }


    function CloseWindow(){
        var userAgent=navigator.userAgent.toLowerCase();
        var browser;
        //alert(userAgent);
        if(userAgent.indexOf('showgleapp') != -1){
        browser='app';
        }else{
        browser='web';
        }

        if(browser == 'app'){
        //alert(browser);
        appRequest.closeWindow();
        }else{
        //alert(browser);
        modal.close('casting_step');
        window.location.reload();
        }
    }

    function decodeHtmlEntities(str) {
        return str
            .replace(/&quot;/g, '"')
            .replace(/&#39;/g, "'")
            .replace(/&amp;/g, "&")
            .replace(/&lt;/g, "<")
            .replace(/&gt;/g, ">");
    }

    function formatObject(obj, indent = '') {
        let result = '';

        if (Array.isArray(obj)) {
            obj.forEach(function(value) {
                if (typeof value === 'object' && value !== null) {
                    result += formatObject(value, indent);
                } else {
                    result += indent + value + "\n";
                }
            });
        } else if (typeof obj === 'object' && obj !== null) {
            Object.keys(obj).forEach(function(key) {
                const value = obj[key];

                if (typeof value === 'object' && value !== null) {
                    result += indent + key + ":\n";
                    result += formatObject(value, indent + '  ');
                } else {
                    result += indent + key + " : " + value + "\n";
                }
            });
        } else {
            result += indent + obj + "\n";
        }

        return result;
    }

     // 소비자 중요도 선택 시
    function importance_check (importance_seq, importance_name) {
        if (importance_seq == '') {
            $("#customer_importance_text").val("")
            $("#customer_importance_text").show()
        }
        else {
            $("#customer_importance_text").val("")
            $("#customer_importance_text").hide()
        }

        $("#selected_customer_importance_val").val(importance_seq)
        $("#selected_customer_importance_text").val(importance_name)
    }

    function setting_check() {
        $("#btn_sel_noon").text("오전/오후");
        $("#pop_setting_noon").find("a.sel").removeClass("on");
        $("#cast_date2").val("미정");
        $("#pop_setting_time").closest("div.select").find("a.btn_sel").text("시간 선택")
        $("#pop_setting_time").find("a.sel").removeClass("on")
    }


  // 시간 표시 조정 - 오전/오후
  $(() => {
    $("#pop_cast_time").find("a.sel").hide()
  })
  $("#pop_st_time_beforenoon").on("click", function() {
    $("#pop_cast_time").closest("div.select").find("a.btn_sel").text("시간 선택")
    $("#pop_cast_time").find("a.sel").removeClass("on")
    $("#pop_cast_time").find("a.sel.beforenoon_sel").show()
    $("#pop_cast_time").find("a.sel.afternoon_sel").hide()
  })
  $("#pop_st_time_afternoon").on("click", function() {
    $("#pop_cast_time").closest("div.select").find("a.btn_sel").text("시간 선택")
    $("#pop_cast_time").find("a.sel").removeClass("on")
    $("#pop_cast_time").find("a.sel.beforenoon_sel").hide()
    $("#pop_cast_time").find("a.sel.afternoon_sel").show()
  })
  // 시간 표시 조정 - 오전/오후
</script>
<div class="modal modal_access_authority_info">
      <div class="modal_wrap">
        <div class="modal_inner">
          <div class="content_box">
            <p class="tit">앱 접근 권한 안내</p>
            <p class="txt">쇼글 앱을 사용하기 위해<br>
              다음 접근 권한 허용이 필요합니다.</p>
            <ul>
              <li>
                <div class="image bg" style="background-image: url(/images/icon/ico_phone_cir_m.png);"></div>
                <div class="txt_box">
                  <p><span class="font_or">[필수]</span>기기 및 앱 기록</p>
                  <p class="txt">앱 실행 시, 서비스 최적화 및 오류 확인</p>
                </div>
              </li>
              <li>
                <div class="image bg" style="background-image: url(/images/icon/ico_camera_cir_m.png);"></div>
                <div class="txt_box">
                  <p><span class="font_or">[필수]</span>사진/미디어/파일 사용</p>
                  <p class="txt">섭외공고 시 파일 설정 시 이미지 첨부</p>
                </div>
              </li>
              <li>
                <div class="image bg" style="background-image: url(/images/icon/ico_alarm_cir_m.png);"></div>
                <div class="txt_box">
                  <p><span class="font_or">[필수]</span>알림</p>
                  <p class="txt">서비스 푸시알림 등 공지 알림 받기</p>
                </div>
              </li>
            </ul>
            <div class="txt_box">
              <p class="txt">선택적 접근 권한은 해당 기능을 사용할 때 허용이 필요하며 허용하지 않을 시 제한적 이용이 가능합니다.</p>
              <p class="txt">접근권한 설정은 설정>위치기반 서비스 설정 에서 변경할 수 있습니다.</p>
            </div>
          </div>
          <div class="btn_wrap">
            <a href="#" role="button" class="btn btn_or" onclick="modal.close('access_authority_info'); modal.open('push_agree_info');return false;">확인</a>
          </div>
        </div>
      </div>
    </div>

    <!-- <div class="modal modal_access_permission"> -->
    <!--   <div class="modal_wrap"> -->
    <!--     <div class="modal_inner"> -->
    <!--       <div class="content_box"> -->
    <!--         <p class="txt">쇼글에서 기기의 사진, 미디어, 파일에 액세스 하도록 허용하시겠습니까?</p> -->
    <!--       </div> -->
    <!--       <div class="btn_wrap"> -->
    <!--         <a href="#" role="button" class="btn btn_gr" onclick="modal.close('access_permission');modal.open('access_authority_refusal');return false;">거부</a> -->
    <!--         <a href="#" role="button" class="btn btn_or" onclick="modal.close('access_permission');modal.open('access_authority_comp');return false;">확인</a> -->
    <!--       </div> -->
    <!--     </div> -->
    <!--   </div> -->
    <!-- </div> -->

    <!-- <div class="modal modal_access_authority_comp"> -->
    <!--   <div class="modal_wrap"> -->
    <!--     <div class="modal_inner"> -->
    <!--       <div class="content_box"> -->
    <!--         <p class="txt">권한 설정이 완료 되었습니다.</p> -->
    <!--       </div> -->
    <!--       <div class="btn_wrap"> -->
    <!--         <a href="#" role="button" class="btn btn_or" onclick="modal.close('access_authority_comp');modal.open('push_agree_info');return false;">확인</a> -->
    <!--       </div> -->
    <!--     </div> -->
    <!--   </div> -->
    <!-- </div> -->

    <!-- <div class="modal modal_access_authority_refusal"> -->
    <!--   <div class="modal_wrap"> -->
    <!--     <div class="modal_inner"> -->
    <!--       <div class="content_box"> -->
    <!--         <p class="tit">권한 설정이 거부되거나<br> -->
    <!--           미설정 상태입니다.</p> -->
    <!--         <p class="txt">쇼글 서비스를 이용하시려면 필수 접근권한을 허용으로 설정하셔야 합니다.</p> -->
    <!--         <p class="txt"><span class="font_or">[설정]</span>화면으로 이동하셔서 접근권한을 설정하시겠습니까?</p> -->
    <!--       </div> -->
    <!--       <div class="btn_wrap"> -->
    <!--         <a href="#" role="button" class="btn btn_gr" onclick="modal.close('access_authority_refusal');return false;">취소</a> -->
    <!--         <a href="#" role="button" class="btn btn_or" onclick="modal.close('access_authority_refusal');return false;">권한설정</a> -->
    <!--       </div> -->
    <!--     </div> -->
    <!--   </div> -->
    <!-- </div> -->

    <div class="modal modal_push_agree_info">
      <div class="modal_wrap">
        <div class="modal_inner">
          <div class="content_box">
            <p class="tit">PUSH 알림 동의 안내</p>
            <p class="txt">푸쉬(PUSH)수신에 동의하시면 쇼글 앱을 이용하시는 모든 고객님께 다양한 정보를 알려드립니다.</p>
            <p class="txt font_or">* 광고, 프로모션 등</p>
            <div class="txt_box">
              <p class="txt">·동의여부는 설정 > PUSH알림 수신동의 에서 변경할 수 있습니다.</p>
            </div>
          </div>
          <div class="btn_wrap">
            <a href="#" role="button" class="btn btn_gr" onclick="push_agree_chk('N'); modal.close('push_agree_info');">거부</a>
            <a href="#" role="button" class="btn btn_or" onclick="push_agree_chk('Y') ;modal.close('push_agree_info');">허용</a>
          </div>
        </div>
      </div>
    </div>

    <div class="modal modal_push_agree">
      <div class="modal_wrap">
        <div class="modal_inner">
          <div class="content_box">
            <p class="tit">PUSH 알림 수신동의</p>
            <p class="date"></p>
            <p class="txt">쇼글에서 제공하는 혜택정보<br>
              PUSH알림 수신에 동의하셨습니다.</p>
          </div>
          <div class="btn_wrap">
            <a href="#" role="button" class="btn btn_or" onclick="
              modal.close('push_agree');
              modal.open('tutorial');
              slickSetting();
              return false;
            ">확인</a>
          </div>
        </div>
      </div>
    </div>

    <div class="modal modal_push_refusal">
      <div class="modal_wrap">
        <div class="modal_inner">
          <div class="content_box">
            <p class="tit">PUSH 알림 수신거부</p>
            <p class="date"></p>
            <p class="txt">쇼글에서 제공하는 혜택정보<br>
              PUSH알림 수신에 거부하셨습니다.</p>
          </div>
          <div class="btn_wrap">
            <a href="#" role="button" class="btn btn_or" onclick="
              modal.close('push_refusal');
              modal.open('tutorial');
              slickSetting();
              return false;
            ">확인</a>
          </div>
        </div>
      </div>
    </div>

	  <div class="modal modal_tutorial">
      <div class="modal_wrap">
        <div class="modal_inner">
          
          <!-- Swiper -->
          <!-- <div class="swiper tutorialSwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial1.png);"></div>
                <div class="txt_box">
                  <p class="tit">내 손안에 쉬운 섭외,</p>
                  <p class="txt">섭외, 너무 쉬워요!<br>
                    행사 내용만 등록하세요!<br>
                    아티스트가 실시간으로 견적을 보내드려요</p>
                </div>
                <div class="btn_wrap">
                  <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial2.png);"></div>
                <div class="txt_box">
                  <p class="tit">원하는 아티스트와 실시간 채팅!</p>
                  <p class="txt">견적받은 아티스트와 구체적인 상담을<br>
                    실시간 채팅으로!</p>
                </div>
                <div class="btn_wrap">
                  <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial3.png);"></div>
                <div class="txt_box">
                  <p class="tit">쇼글 매니져에게<br>
                    무엇이든 물어보세요!</p>
                  <p class="txt">섭외방법부터 어려운 연예인 섭외까지!<br>
                    쇼글 매니져에게 무엇이든 물어보세요~ !</p>
                </div>
                <div class="btn_wrap">
                  <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial4.png);"></div>
                <div class="txt_box">
                  <p class="tit">에스크로 결제로 안전한 거래!</p>
                  <p class="txt">소비자와 아티스트(공연팀)가<br>
                    안심하고  믿고 거래할 수 있어요!</p>
                </div>
                <div class="btn_wrap">
                  <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial5.png);"></div>
                <div class="txt_box">
                  <p class="tit">아티스트에게 공연의 기회를!</p>
                  <p class="txt">다양한 섭외공고.<br>
                    프로필을 등록하면  카테고리별로<br>
                    나에게 맞는 공고를 알아서 찾아줘요!</p>
                </div>
                <div class="btn_wrap">
                  <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
                </div>
              </div>
              <div class="swiper-slide last_view">
                <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial6.png);"></div>
                <div class="txt_box">
                  <p class="tit">정밀하게 개선된 통합검색</p>
                  <p class="txt">섭외공고를 비롯한 아티스트 검색과<br>
                    FAQ, 프로모션 혜택까지 검색화면 하나로 OK!</p>
                </div>
                <div class="btn_wrap">
                  <a href="#" class="btn btn_non_show">다시보지 않기</a>
                  <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
                </div>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div> -->
          
          <!-- Initialize Swiper -->
          <!-- <script>
            var tutorialSwiper = new Swiper(".tutorialSwiper", {
              slidesPerView: 'auto',
              spaceBetween: 0,
              pagination: {
                el: ".tutorialSwiper .swiper-pagination",
                clickable: false,
              }
            });
          </script> -->

          <div class="tutorialSwiper">
            <div class="swiper-slide">
              <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial1.png);"></div>
              <div class="txt_box">
                <p class="tit">내 손안에 쉬운 섭외,</p>
                <p class="txt">섭외, 너무 쉬워요!<br>
                  행사 내용만 등록하세요!<br>
                  아티스트가 실시간으로 견적을 보내드려요</p>
              </div>
              <div class="btn_wrap">
                <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial2.png);"></div>
              <div class="txt_box">
                <p class="tit">원하는 아티스트와 실시간 채팅!</p>
                <p class="txt">견적받은 아티스트와 구체적인 상담을<br>
                  실시간 채팅으로!</p>
              </div>
              <div class="btn_wrap">
                <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial3.png);"></div>
              <div class="txt_box">
                <p class="tit">쇼글 매니져에게<br>
                  무엇이든 물어보세요!</p>
                <p class="txt">섭외방법부터 어려운 연예인 섭외까지!<br>
                  쇼글 매니져에게 무엇이든 물어보세요~ !</p>
              </div>
              <div class="btn_wrap">
                <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial4.png);"></div>
              <div class="txt_box">
                <p class="tit">에스크로 결제로 안전한 거래!</p>
                <p class="txt">소비자와 아티스트(공연팀)가<br>
                  안심하고  믿고 거래할 수 있어요!</p>
              </div>
              <div class="btn_wrap">
                <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial5.png);"></div>
              <div class="txt_box">
                <p class="tit">아티스트에게 공연의 기회를!</p>
                <p class="txt">다양한 섭외공고.<br>
                  프로필을 등록하면  카테고리별로<br>
                  나에게 맞는 공고를 알아서 찾아줘요!</p>
              </div>
              <div class="btn_wrap">
                <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
              </div>
            </div>
            <div class="swiper-slide last_view">
              <div class="image bg" style="background-image: url(/images/contents/tutorial/tutorial6.png);"></div>
              <div class="txt_box">
                <p class="tit">정밀하게 개선된 통합검색</p>
                <p class="txt">섭외공고를 비롯한 아티스트 검색과<br>
                  FAQ, 프로모션 혜택까지 검색화면 하나로 OK!</p>
              </div>
              <div class="btn_wrap">
                <a href="#" class="btn btn_non_show" onclick="modal.close('tutorial');return false;">다시보지 않기</a>
                <a href="#" class="btn btn_ok" onclick="modal.close('tutorial');return false;">확인</a>
              </div>
            </div>
          </div>

          <script>
            $(document).ready(function(){
              $('.tutorialSwiper').slick({
                dots: true,
                infinite: false,
                prevArrow: false,
                nextArrow: false,
              });
            });

          </script>
        </div>
      </div>
    </div>
	<!-- <div class="modal modal_non_login"> -->
	<!-- 	<div class="modal_wrap"> -->
	<!-- 		<div class="modal_inner"> -->
	<!-- 			<div class="tit"><i class="ico_login"></i>로그인</div> -->
	<!-- 			<div class="txt">아티스트의 견적과 직접 소통을 위해서는 로그인이 필요합니다.<br> -->
	<!-- 				로그인 하시겠습니까? -->
	<!-- 			</div> -->
	<!-- 			<ul class="btn_wrap"> -->
	<!-- 				<li> -->
	<!-- 					<a href="#" role="button" onclick="modal.close('non_login');return false;">취소</a> -->
	<!-- 				</li> -->
	<!-- 				<li> -->
	<!-- 					<a href="/login">로그인</a> -->
	<!-- 				</li> -->
	<!-- 			</ul>	 -->
	<!-- 			<div class="info"> -->
	<!-- 				<span>아직 쇼글 회원이 아니시라면<br> -->
	<!-- 					<span class="strong">회원 가입하시고  쇼글의 다양한 서비스</span>를 이용해 보세요. -->
	<!-- 				</span> -->
	<!-- 				<a href="/join">회원가입하러가기</a> -->
	<!-- 			</div> -->
	<!-- 		</div> -->
	<!-- 	</div> -->
	<!-- </div> -->
	<!-- <div class="modal modal_header_alarm"> -->
    <!--   <div class="modal_wrap"> -->
    <!--     <div class="modal_inner"> -->
    <!--       <div class="content_box"> -->
    <!--         <p class="tit"><i class="ico ico_alarm bg"></i> 알림</p> -->
    <!--         <p class="txt">로그인이 필요한 메뉴입니다.<br> -->
    <!--           로그인 하시겠어요?</p> -->
    <!--         <div class="txt_box"> -->
    <!--           <p class="txt">아직 쇼글 회원이 아니신가요?<br> -->
    <!--             <span class="font_or">회원 가입하시고 쇼글의 다양한 서비스</span>를 이용해 보세요</p> -->
    <!--           <a href="/join" class="link">회원가입하러가기</a> -->
    <!--         </div> -->
    <!--       </div> -->
    <!--       <div class="btn_wrap"> -->
    <!--         <a href="#" role="button" class="btn btn_gr" onclick="modal.close('header_alarm');return false;">취소</a> -->
    <!--         <a href="/login" class="btn btn_or">확인</a> -->
    <!--       </div> -->
    <!--     </div> -->
    <!--   </div> -->
    <!-- </div> -->
    <!-- <form name="pc_form" id="pc_form" method="post" enctype="multipart/form-data">
			<input type="hidden" id="pc_change" name="pc_change"  value="">
		</form> -->
	<div class="modal modal_logout_comp">
      <div class="modal_wrap">
        <div class="modal_inner">
          <div class="content_box">
            <p class="tit">로그아웃 완료</p>
            <div class="txt_box">
              <p class="txt">안전하게 로그아웃 되었습니다.</p>
              <p class="txt">쇼글의 다양한 서비스를 이용하시려면 로그인 후 이용해 주세요.</p>
            </div>
          </div>
          <div class="btn_wrap">
            <a href="/login/logout" role="button" class="btn btn_or">확인</a>
          </div>
        </div>
      </div>
    </div>

</div>


<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 113559 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. -->
<script type="text/javascript">var _TRK_LID = "113559";var _L_TD = "ssl.logger.co.kr";var _TRK_CDMN = ".showgle.co.kr";</script>
<script type="text/javascript">var _CDN_DOMAIN = location.protocol == "https:" ? "https://fs.bizspring.net" : "http://fs.bizspring.net";
(function (b, s) { var f = b.getElementsByTagName(s)[0], j = b.createElement(s); j.async = true; j.src = "//fs.bizspring.net/fs4/bstrk.1.js"; f.parentNode.insertBefore(j, f); })(document, "script");
</script>
<noscript><img alt="Logger Script" width="1" height="1" src="http://ssl.logger.co.kr/tracker.1.tsp?u=113559&amp;js=N"/></noscript>
<!-- END OF LOGGER TRACKING SCRIPT -->


<script>
	$(".contents_wrap").on('click', '.btn_more', function(e){
	  e.preventDefault();
	  $(".cont_lists .hide_row").toggleClass('on');
	})

	function push_agree_chk(type){
		$.ajax({
			type : 'post',
			url : '/app/push_agree',
			data : {'at_token':$('#app_token').val(), 'at_push':type},
			dataType : 'json',
			async: false,
			error: function(xhr, status, error){
				//alert.open(JSON.stringify(xhr));
				// alert.open(error);
			},
			success : function(result){
				preloading.end();
				modal.close('push_agree_info');
				if(type == 'N'){
					// appRequest.setPushOnOff('N');
					// appRequest.setUserLevels(result.m_type);
					$('.modal_push_refusal .content_box .date').text(result.date);
					modal.open('push_refusal');
				}else{
					// appRequest.setPushOnOff('Y');
					// appRequest.setUserLevels(result.m_type);
					modal.open('push_agree');
					$('.modal_push_agree .content_box .date').text(result.date);
				}
			}
		});
	}
	// function pc_change(val){
	// 	$('#pc_change').val(val)

	// 	$('#pc_form').submit();
	// }
</script>


<!-- 20231027 조휘제 추가 -->
<script type="text/javascript">
	// 웹뷰인지 체크해서 기본 함수의 호출방식을 변경한다.
	// if (window.ReactNativeWebView !== undefined) {
	// 	// alert function closer
	// 	window.alert = function (message) {
	// 		window.ReactNativeWebView.postMessage(
	// 			JSON.stringify({
	// 				type : "ALERT",
	// 				data : message
	// 			})
	// 		)
	// 	}
	// }
</script>

<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 113559 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. -->
<script type="text/javascript">var _TRK_LID = "113559";var _L_TD = "ssl.logger.co.kr";var _TRK_CDMN = ".showgle.co.kr";</script>
<script type="text/javascript">var _CDN_DOMAIN = location.protocol == "https:" ? "https://fs.bizspring.net" : "http://fs.bizspring.net";
(function (b, s) { var f = b.getElementsByTagName(s)[0], j = b.createElement(s); j.async = true; j.src = "//fs.bizspring.net/fs4/bstrk.1.js"; f.parentNode.insertBefore(j, f); })(document, "script");
</script>
<noscript><img alt="Logger Script" width="1" height="1" src="http://ssl.logger.co.kr/tracker.1.tsp?u=113559&amp;js=N"/></noscript>
<!-- END OF LOGGER TRACKING SCRIPT -->

<!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
<script type="text/javascript">
if (!wcs_add) var wcs_add={};
wcs_add["wa"] = "s_3ee8ac4396cf";
if (!_nasa) var _nasa={};
if(window.wcs){
wcs.inflow();
wcs_do(_nasa);
}
</script>

</body>
</html>