<!--array(48) {
  ["M_SEQ"]=>
  string(4) "8706"
  ["M_ID"]=>
  string(9) "kible1208"
  ["T_NAME"]=>
  string(6) "기봉"
  ["T_GENRE_GROUP"]=>
  string(1) "4"
  ["T_GENRE1"]=>
  string(2) "10"
  ["T_GENRE2"]=>
  string(3) "236"
  ["T_PEOPLE"]=>
  string(1) "1"
  ["T_TIME"]=>
  string(2) "40"
  ["T_AREA"]=>
  string(6) "서울"
  ["T_AREATYPE"]=>
  string(1) "0"
  ["T_AGENT_ID"]=>
  NULL
  ["T_PRICE"]=>
  string(6) "250000"
  ["T_DISCOUNT"]=>
  string(6) "100000"
  ["T_SHOWPRICE"]=>
  string(6) "400000"
  ["T_COMMISSION"]=>
  string(1) "5"
  ["T_SIMPLEINTRO"]=>
  string(33) "어쿠스틱 대중음악, 기봉"
  ["T_MEMBERINTRO"]=>
  string(0) ""
  ["T_DETAILINTRO"]=>
  string(218) "통기타와 함께 노래하는 버스커.
대중적인 노래를 부르며 포크록 싱어의 시원한 가창력과 감성을 동시에 느낄 수 있어 듣는 이에게 추억과 특별한 날을 선물합니다"
  ["T_RECORD"]=>
  string(890) "* 2024 한강 불빛 드론 라이트쇼
* 2023 현대카드 다빈치모텔
* 2023 서울 구석구석 라이브
* 2023 보령머드축제
* 2023 진해 군항제
* 2023 서울시 문화가 흐르는 예술마당
* 2022 문체부 주관 청춘마이크 아티스트
* 2022, 2023 용인문화재단 아임버스커 선정
* 2022 제 1회 홍대 앞 축제거리 공식 공연자
* 2022 코리아나호텔 50주년 기념 공연
* 2022 포천문화재단 프린지, 축제 공연
* 2022 윤동주 창작음악제 동상
* 2022 안성천 전국 버스킹대회 우수상
* 2023 문래 아트페어 MOAF
* 2022 중랑구 열린문화공감
* 2022 안양시 벚꽃축제
* 2022 일산 프리미엄 비어 페스티벌
* 2022 뷰티풀민트라이프
* 2022 경록절
* 2021 민트페이퍼 bright
* 2021 Arirang TV Live on 기타 세션
* 슈퍼스타k7 슈퍼위크 진출"
  ["T_REPATORY"]=>
  string(1213) "캐롤 메들리
고속도로 로맨스 - 윤종신
고백 - 뜨거운 감자
Day6 - HAPPY
이문세 - 붉은 노을
너드 커넥션 - 그대만 있다면
이적 - 하늘을 달리다
내게 남은 사랑을 드릴게요 - 장혜리
너의 의미 - 산울림
잊혀진 계절 - 이용
신호등 - 이무진
밤양갱 - 비비
이 밤이 지나면 - 임재범
첫사랑 - 백아
봄봄봄 - 로이킴
사랑은 늘 도망가 - 임영웅
언젠가는 - 이상은
빗속에서 - 이문세
옛사랑 - 이문세
소녀 - 이문세
회상 - 산울림
너무 아픈 사랑은 사랑이 아니었음을 - 김광석
서른즈음에 - 김광석
잊어야 한다는 마음으로 - 김광석
일어나 - 김광석
거꾸로 강을 거슬러 오르는 저 힘찬 연어들처럼 - 강산에
비처럼 음악처럼 - 김현식
밤눈 - 송창식
이젠 그랬으면 좋겠네 - 조용필
Ditto - 뉴진스
Can't Take My Eyes Off You - Frankie Valli
Falling Slowly - Once OST
I'm Yours - Jason Mraz
How Deep Is Your Love - Bee Gees
Stabd By Me - Ben E. King
Make You Feel My Love - Bob Dylan
Hey Jude - The Beatles
 I Will - The Beatles
Seven - 정국
Until I Found You - Stephen Sanchez"
  ["T_TECHRIDER"]=>
  string(156) "기본적인 음향장비와 마이크스탠드.
주최측에 음향장비가 없는 경우 제가 보유중인 버스킹 장비로 공연 가능합니다."
  ["T_FILE_ORG"]=>
  string(48) "기봉_프로필-복사.pdf"
  ["T_FILE_SVR"]=>
  string(0) ""
  ["T_FACEBOOK"]=>
  string(0) ""
  ["T_INSTAGRAM"]=>
  string(0) ""
  ["T_STATE"]=>
  string(1) "Y"
  ["T_STATE_CONT"]=>
  string(0) ""
  ["T_VIEWCNT"]=>
  string(3) "177"
  ["REG_DATE"]=>
  string(19) "2022-03-30 14:00:43"
  ["APPR_DATE"]=>
  string(19) "2022-10-24 16:16:20"
  ["UPD_DATE"]=>
  string(19) "2025-11-24 15:45:57"
  ["APPR_SEQ"]=>
  string(4) "3577"
  ["T_RECOMMENDER"]=>
  string(0) ""
  ["T_AGREECONT"]=>
  string(1) "1"
  ["T_SHOWHUB_AGENCIES"]=>
  string(1) "0"
  ["T_050NUM"]=>
  string(0) ""
  ["T_REQDATE"]=>
  string(19) "2022-10-24 15:06:20"
  ["T_MEMNUM"]=>
  string(1) "Y"
  ["T_AGENCIES_YN"]=>
  string(0) ""
  ["T_GENRE_GROUP_NAME"]=>
  string(9) "공연팀"
  ["T_GENRE1_NAME"]=>
  string(6) "노래"
  ["T_GENRE2_NAME"]=>
  string(23) "버스킹·어쿠스틱"
  ["CAST_CNT"]=>
  string(1) "9"
  ["MEMBER_CNT"]=>
  string(1) "1"
  ["MOVIE_CNT"]=>
  string(1) "4"
  ["PHOTO_CNT"]=>
  string(1) "4"
  ["PS_CNT"]=>
  string(1) "2"
  ["DIBS_CNT"]=>
  string(1) "2"
}
--><!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?1765618423">
	<link rel="stylesheet" type="text/css" href="/assets/css/subpage_m.css?1765618423">
	<script src="/assets/js/common.js?1765618423"></script>
	<script type="text/javascript" src="/assets/js/apps.js?1765618423"></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('//sfile.showgle.co.kr//artithumbnail/202312/rn_view_dddxx_m.png');"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/fsdafasdf.png')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/zzsdssd.png')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/dgftrtwer.png')"
>
                        </div>
                        <div class="swiper-slide bg"
                            style="background-image: url('/uploads/artist_photo/8706_282e84fc872ee8c18b312207edd117ed.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">
                            <div class="badge silver"></div>
                    기봉
                    </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>섭외 9건</span>
                    <span class="review"><i class="ico ico_balloon bg"></i>후기 2개</span>
                    <span class="like_cnt like_tot_8706" onclick="modal.open('header_alarm');return false;">
                        <i class="ico ico_heart bg on"></i>2
                    </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>
                    * 기준지역: 서울
                        / 공연시간: 40분 / 편성인원: 1명                </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 class="col">
                <div class="thumb" style="background-image:url(/uploads/artist_member/8706_af8b8ebd5c922093755e6ead8261b40d.jpg);"></div>
                <div class="desc">기봉</div>
                </div>
        </div>
        <p class="txt">통기타와 함께 노래하는 버스커.<br />
대중적인 노래를 부르며 포크록 싱어의 시원한 가창력과 감성을 동시에 느낄 수 있어 듣는 이에게 추억과 특별한 날을 선물합니다</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 recent_casting">
    <!-- 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">2025.11.29</p>
                <p class="date">러닝타임 : 30분</p>
                <p class="date">편성인원 : 1명</p>
                    <!--                     <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->

                </a>
            <a href="javascirpt:;">
                <p class="location font_or">충남</p>
                <p class="tit">2025 당진드론라이트쇼 부대행사</p>
                <p class="date">2025.09.13</p>
                <p class="date">러닝타임 : 25분</p>
                <p class="date">편성인원 : 1명</p>
                    <!--                     <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->

                </a>
            </div>
          <div class="swiper-slide">
            <a href="javascirpt:;">
                <p class="location font_or">서울</p>
                <p class="tit">엔터테크 서울 2025</p>
                <p class="date">2025.09.19</p>
                <p class="date">러닝타임 : 15분</p>
                <p class="date">편성인원 : 1명</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">2025.09.20</p>
                <p class="date">러닝타임 : 40분</p>
                <p class="date">편성인원 : 1명</p>
                    <!--                     <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->

                </a>
            </div>
          <div class="swiper-slide">
            <a href="javascirpt:;">
                <p class="location font_or">경북</p>
                <p class="tit">다누림 한울림 콘서트</p>
                <p class="date">2025.06.12</p>
                <p class="date">러닝타임 : 30분</p>
                <p class="date">편성인원 : 1명</p>
                    <!--                     <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->

                </a>
            <a href="javascirpt:;">
                <p class="location font_or">제주</p>
                <p class="tit">검찰 PROS힐링 워크숍</p>
                <p class="date">2024.10.30</p>
                <p class="date">러닝타임 : 50분</p>
                <p class="date">편성인원 : 1명</p>
                    <!--                     <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->

                </a>
            </div>
          <div class="swiper-slide">
            <a href="javascirpt:;">
                <p class="location font_or">경기</p>
                <p class="tit">2024 갈매동 찾아가는 청소년수련관 - 청소년 힐링음악회</p>
                <p class="date">2024.09.27</p>
                <p class="date">러닝타임 : 30분</p>
                <p class="date">편성인원 : 1명</p>
                    <!--                     <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->

                </a>
            <a href="javascirpt:;">
                <p class="location font_or">경북</p>
                <p class="tit">제10회 낙동강세계평화문화대축전 (왜관시가지)</p>
                <p class="date">2023.10.14</p>
                <p class="date">러닝타임 : 30분</p>
                <p class="date">편성인원 : 1명</p>
                    <!--                     <p class="price">실섭외비 : <span class="font_or">VIP</span>에게만 보여집니다</p>
 -->

                </a>
            </div>
          <div class="swiper-slide">
            <a href="javascirpt:;">
                <p class="location font_or">경기</p>
                <p class="tit">한강문화관 유랑마당 공연팀 모집</p>
                <p class="date">2023.04.29</p>
                <p class="date">러닝타임 : 40분</p>
                <p class="date">편성인원 : 1명</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 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/" 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/" 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/" 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/YcvqxS9pl04" 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 portfolio">
    <div class="title_box">
        <h4>포트폴리오</h4>
        <p>최근 주요 행사 실적을 확인해 보세요.</p>
    </div>
    <div class="txt_box txt">
      * 2024 한강 불빛 드론 라이트쇼<br />
* 2023 현대카드 다빈치모텔<br />
* 2023 서울 구석구석 라이브<br />
* 2023 보령머드축제<br />
* 2023 진해 군항제<br />
* 2023 서울시 문화가 흐르는 예술마당<br />
* 2022 문체부 주관 청춘마이크 아티스트<br />
* 2022, 2023 용인문화재단 아임버스커 선정<br />
* 2022 제 1회 홍대 앞 축제거리 공식 공연자<br />
* 2022 코리아나호텔 50주년 기념 공연<br />
* 2022 포천문화재단 프린지, 축제 공연<br />
* 2022 윤동주 창작음악제 동상<br />
* 2022 안성천 전국 버스킹대회 우수상<br />
* 2023 문래 아트페어 MOAF<br />
* 2022 중랑구 열린문화공감<br />
* 2022 안양시 벚꽃축제<br />
* 2022 일산 프리미엄 비어 페스티벌<br />
* 2022 뷰티풀민트라이프<br />
* 2022 경록절<br />
* 2021 민트페이퍼 bright<br />
* 2021 Arirang TV Live on 기타 세션<br />
* 슈퍼스타k7 슈퍼위크 진출
  </div>
  <a href="javascript:;" class="btn_txtmore btn_gr" onclick="textEllipsis(this)">더보기</a>
</div>
<div class="tabCont repertory">
    <div class="title_box">
        <h4>레파토리</h4>
        <p>다양한 공연 레파토리를 확인해 보세요.</p>
    </div>
    <div class="txt_box txt">
      캐롤 메들리<br />
고속도로 로맨스 - 윤종신<br />
고백 - 뜨거운 감자<br />
Day6 - HAPPY<br />
이문세 - 붉은 노을<br />
너드 커넥션 - 그대만 있다면<br />
이적 - 하늘을 달리다<br />
내게 남은 사랑을 드릴게요 - 장혜리<br />
너의 의미 - 산울림<br />
잊혀진 계절 - 이용<br />
신호등 - 이무진<br />
밤양갱 - 비비<br />
이 밤이 지나면 - 임재범<br />
첫사랑 - 백아<br />
봄봄봄 - 로이킴<br />
사랑은 늘 도망가 - 임영웅<br />
언젠가는 - 이상은<br />
빗속에서 - 이문세<br />
옛사랑 - 이문세<br />
소녀 - 이문세<br />
회상 - 산울림<br />
너무 아픈 사랑은 사랑이 아니었음을 - 김광석<br />
서른즈음에 - 김광석<br />
잊어야 한다는 마음으로 - 김광석<br />
일어나 - 김광석<br />
거꾸로 강을 거슬러 오르는 저 힘찬 연어들처럼 - 강산에<br />
비처럼 음악처럼 - 김현식<br />
밤눈 - 송창식<br />
이젠 그랬으면 좋겠네 - 조용필<br />
Ditto - 뉴진스<br />
Can't Take My Eyes Off You - Frankie Valli<br />
Falling Slowly - Once OST<br />
I'm Yours - Jason Mraz<br />
How Deep Is Your Love - Bee Gees<br />
Stabd By Me - Ben E. King<br />
Make You Feel My Love - Bob Dylan<br />
Hey Jude - The Beatles<br />
 I Will - The Beatles<br />
Seven - 정국<br />
Until I Found You - Stephen Sanchez
  </div>
  <a href="javascript:;" class="btn_txtmore btn_gr" onclick="textEllipsis(this)">더보기</a>
</div>
<div class="tabCont equipment">
    <div class="title_box">
      <h4>요청장비</h4>
      <p>공연에 필요한 장비를 준비해 주세요.</p>
  </div>
  <div class="txt_box txt">
      기본적인 음향장비와 마이크스탠드.<br />
주최측에 음향장비가 없는 경우 제가 보유중인 버스킹 장비로 공연 가능합니다.
  </div>
  <a href="javascript:;" class="btn_txtmore btn_gr" onclick="textEllipsis(this)">더보기</a>
</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=30069&genre=10&sub_genre=30">
                                    <div class="img_box" style="background-image: url('//sfile.showgle.co.kr//artithumbnail/202311/rn_view_8118585e8732b92b12f63b4ddf8db94e8b1e642a_s2_n2_y2.jpg');"></div>
                                <div class="txt_box">
                                    <div class="tit">뮤페라N샤르망</div>
                                    <div class="personnel">인원 : 10명 이상</div>
                                            <span class="price" onclick="window.location.href='/login'">기본금액 : 로그인 후 확인</span>
                                </div>
                                <div class="cont_bot">
                                    <div class="cast"><i></i>섭외 6</div>
                                    <div class="review"><i></i>후기 1</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_30069 on"></i>
                                        <span class="like_tot_30069">2</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="8706">
	<input type="hidden" id="estimate_arti_id" name="estimate_arti_id"  value="kible1208">
	<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-6419-0562">
	<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="10">

	<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="4">
	<input type="hidden" id="estimate_pop_chk_genre" name="estimate_pop_chk_genre"  value="gen_10">
	<input type="hidden" id="estimate_pop_chk_sub_genre" name="estimate_pop_chk_sub_genre"  value="236">

</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 = '4'; // 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 = '4'; // 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 = '4'; // 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 = '4';
        var video_st = 0;
        var video_ls=5;

        $( document ).ready(function() {
            $("#genre2").val('10');
        });

        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 : 8706
            },
            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 : 8706,
                genre : 10,
                sub_genre : 236,
                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 : 8706
        },
        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="8706">
    <input type="hidden" id="all_arti_id" name="all_arti_id"  value="kible1208">
	<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-6419-0562">
	<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>