<!--array(48) {
  ["M_SEQ"]=>
  string(5) "32953"
  ["M_ID"]=>
  string(8) "ssgh2733"
  ["T_NAME"]=>
  string(9) "사나래"
  ["T_GENRE_GROUP"]=>
  string(1) "4"
  ["T_GENRE1"]=>
  string(2) "12"
  ["T_GENRE2"]=>
  string(2) "42"
  ["T_PEOPLE"]=>
  string(1) "6"
  ["T_TIME"]=>
  string(2) "30"
  ["T_AREA"]=>
  string(6) "서울"
  ["T_AREATYPE"]=>
  string(1) "0"
  ["T_AGENT_ID"]=>
  NULL
  ["T_PRICE"]=>
  string(7) "4000000"
  ["T_DISCOUNT"]=>
  string(1) "0"
  ["T_SHOWPRICE"]=>
  string(1) "0"
  ["T_COMMISSION"]=>
  string(1) "0"
  ["T_SIMPLEINTRO"]=>
  string(198) "외교부 한-아세안 기념 음악회, 베트남,인도,자카르타 등 국내외 외교행사에서 활발하게 활동하는 격조높은 국악×클래식 퓨전국악 공연단체입니다. "
  ["T_MEMBERINTRO"]=>
  string(0) ""
  ["T_DETAILINTRO"]=>
  string(883) "국악기 대금,가야금과 클래식의 현악 트리오 구성으루접목하여 듣기 쉽고 누구나 이해할 수 있도록 국악을 재해섣하여 연주하는 앙상블 단체입니다. 

○ 자체 영어 진행이 가능하며 아시아×서양 음악의 조합으로 국내외 외교 행사의 공연에서 활발히 활동하고 있습니다. 

○ 작곡 전공 대표가 운영하는 단체로 공연 컨셉에 맞는 음악 제작 및 편곡이 가능하여 공연 기획부터 연주까지 올인원으로 제공해드립니다.

○ 재즈,뮤지컬,성악,소리꾼 등 여러 협연 보컬을 보유하고 있어 국악을 다양한 장르로 구성할 수 있습니다.

☆ 공연 기획부터 연주까지 올인원!
☆ 다양한 장르 연출! 여러명의 협연 보컬
☆ 사나래 한 팀으로 국악부터 재즈, 클래식까지!



"
  ["T_RECORD"]=>
  string(1412) "2024 울산 에이팜 초청 공연/ 울산문화재단
2024 한-베 문화 우호 협력의 날 기념 행사(호치민) / 주베트남 한국문화원
2024 한-아세안 문화 공동 협력 프로젝트 수행 / 문체부, KOFICE
2024  최우수 공연팀 서울시장상 수상 / 서울시
2024  국악 콘서트 판 출연 / 국악방송
2023  YCAFE 개막식 축하공연 / 외교부
2023  한-아세안의 날 기념 음악회 in 베트남 / 외교부
2023  한국 개천절 기념 축하 공연 in 인도 /  외교부
2023  한국의 날 기념 사나래 단독공연 in 인도/ 외교부
2022  ‘사나래’ 앨범 발매 쇼케이스 단독 콘서트
2022  ‘말할 수 없는’ 기획 단독 공연 / 한국 실연자 협회
2021  성호박물관 <뮤지엄 백스테이지> / 안산시박물관
2021  <국악 한마당> 출연 / KBS
2021  서울 돈의문 역사관 특별 공연 / 서울 역사 박물관
2021  서울 백인제 가옥 특별 공연 / 서울 역사 박물관
2021  <시민 영상 특이점 추석특집> 출연  / TBS
2021  한-아세안의 날 기획 공연/ 주아세안대표부
2021  <강원 와유> 출연 / 강원 G1 방송(SBS)
2021  장윤정의 헬로 콘서트 출연  / 헬로비젼, 은평구
2021  UN평화 소년, 소녀 합창단 협업 공연 
2021  펄벅 기념관 초청 연주 / 펄벅 기념관
2020  신촌, 다시 청춘 / 서대문구"
  ["T_REPATORY"]=>
  string(413) "[대표곡]
● 국악 창작곡 (항해 외 10여곡)
● 외교행사 기념 제작 음악
  (한-아세안 메들리 등 참여국가의 대표 음악을 메들리로 
  제작하여 연주 )
● POP 커버 (k-pop 메들리, Queen 메들리, Love 등)
● 민요 (뱃노래와 옹헤야, 풍년가,얼씨구야 등 )
● 아리랑 메들리 
(아리랑을 엮어 하나의 공연 컨텐츠로 제작)
"
  ["T_TECHRIDER"]=>
  string(0) ""
  ["T_FILE_ORG"]=>
  string(27) "사나래_소개_축소.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(1) "0"
  ["REG_DATE"]=>
  string(19) "2024-05-11 14:37:10"
  ["APPR_DATE"]=>
  string(19) "2024-05-13 09:26:15"
  ["UPD_DATE"]=>
  string(19) "2025-11-13 22:58:00"
  ["APPR_SEQ"]=>
  string(2) "57"
  ["T_RECOMMENDER"]=>
  string(0) ""
  ["T_AGREECONT"]=>
  string(1) "1"
  ["T_SHOWHUB_AGENCIES"]=>
  string(1) "0"
  ["T_050NUM"]=>
  NULL
  ["T_REQDATE"]=>
  string(19) "2024-05-11 14:37:10"
  ["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(18) "전통악기연주"
  ["CAST_CNT"]=>
  string(1) "0"
  ["MEMBER_CNT"]=>
  string(2) "10"
  ["MOVIE_CNT"]=>
  string(1) "5"
  ["PHOTO_CNT"]=>
  string(1) "5"
  ["PS_CNT"]=>
  string(1) "0"
  ["DIBS_CNT"]=>
  string(1) "0"
}
--><!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<meta content="width=1500" name="Viewport">
	<title>대한민국 모든 공연팀과 나를 연결해 주는 쇼글!</title>
	<!-- <title>쇼글 - 국내 최대 아티스트 섭외 플랫폼!</title> -->

	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<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="아티스트가 필요한 땐 쇼글, 고객만족도 1위! 아티스트 섭외 2만건! 금액 바로 확인 가능, 아티스트와 1:1 채팅, 연예인, 공연팀, 행사시스템, 결혼식축가"> -->
	<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" />

	<meta name="naver-site-verification" content="9b999f65539e6284a04e9c2528685465a3733b69"/>

	<link rel="stylesheet" type="text/css" href="/assets/css/fonts.css?1765454915">
	<link rel="stylesheet" type="text/css" href="/assets/css/reset.css?1765454915">

	<!-- swiper slider -->
	<link rel="stylesheet" type="text/css" href="/assets/plugin/swiper/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="/assets/plugin/swiper/swiper-bundle.min.css">
	<script src="/assets/plugin/swiper/swiper-bundle.min.js"></script>

	<script src="/assets/plugin/jquery-3.6.0.min.js"></script>
	<script src="/assets/plugin/swiper/swiper.min.js"></script>
	<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
	<script src="//code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script src="/assets/js/common.js?1765454915"></script>

	<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.css?1765454915">
	<link rel="stylesheet" type="text/css" href="/assets/css/main.css?1765454915">

	<!-- Google tag (gtag.js) Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-53064428-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-53064428-1');
	</script>





</head>
<body>
	<div id="showgle">
<header class="header whmode">
	<div class="top_header">
		<div class="top_header_wrap">
			<div class="container">
				<div>
					<h1><a href="/">showgle</a></h1>
					<p class="desc">대한민국 모든 공연팀과 나를 연결해 주는 쇼글!</p>
				</div>
				<div>
					<div class="search">
						<div class="srch_wrap">
							<input type="text" name="top_search_str" id="top_search_str" placeholder="검색어를 입력하세요" onkeyup="if(window.event.keyCode==13){search_form_action('T')}">
							<button type="button" class="btn_srch" onclick="search_form_action('T');">검색</button>
						</div>
					</div>
					<ul>
							<li><a href="/login">로그인</a></li>
							<li><a href="/join">회원가입</a></li>
							<li><a href="#" onclick="modal.open('login');return false;">마이쇼글</a></li>
					</ul>
					<a href="https://sgmgm.co.kr/" target="_blank" class="gnb_banner"><img src="/images/common/bnr_care.png" alt="" /></a>
				</div>
			</div>
		</div>
	</div>
	<div class="showgle_nav">
		<div class="showgle_nav_wrap">
			<div class="container">
				<div class="gnb">
					<a href="#" class="btn_menu" role="button">메뉴</a>
					<ul>
						<li><a href="/show?genre=10&sub_genre=236">공연팀</a></li>
						<li><a href="/show?genre=239">MC</a></li>
						<li><a href="/arti?genre=2">연예인</a></li>
						<li><a href="/show?genre=190">결혼식&돌잔치</a></li>
						<li><a href="/show?genre=143">시스템</a></li>
						<li><a href="/show?genre=153">렌탈</a></li>
						<li><a href="/show?genre=249">인력</a></li>
						<li><a href="/show?genre=250&sub_genre=253">제작물/프로그램/음식</a></li>
					</ul>
				</div>
				<form class="frm_search_form" id="frm_search_form" action="/search" method="get">
					<input type="hidden" name="search_str" id="search_s" value="">
				</form>
				<div class="search">
					<div class="srch_wrap">
						<input type="text" name="top_search_str1" id="top_search_str1" placeholder="검색어를 입력하세요" onkeyup="if(window.event.keyCode==13){search_form_action('T1')}">
						<button type="button" class="btn_srch" onclick="search_form_action('T1');">검색</button>
					</div>
					<a href="javascript:void(0);" class="btn_area_search" onclick="area_url()"><i></i><span>지역별 검색</span></a>
				</div>
			</div>
		</div>
		<div class="sub_menu">
			<div class="container">
				<div class="menu_1depth">
					<h2><a href="#">공연팀</a></h2>
					<div class="concert_wrap">
					<ul>
							<li><a href="/show?genre=10&sub_genre=236"><span class="strong">노래</span></a></li>
							<li><a href="/show?genre=192&sub_genre=193"><span class="strong">연주</span></a></li>
							<li><a href="/show?genre=11&sub_genre=34"><span class="strong">댄스무용</span></a></li>
							<li><a href="/show?genre=12&sub_genre=45"><span class="strong">전통</span></a></li>
							<li><a href="/show?genre=13&sub_genre=218"><span class="strong">퍼포먼스</span></a></li>
							<li><a href="/show?genre=14&sub_genre=65"><span class="strong">기획공연</span></a></li>
					</ul>
					</div>
				</div>
				<div class="menu_1depth">
					<h2><a href="#">MC</a></h2>
					<div class="concert_wrap">
					<ul>
							<li><a href="/show?genre=239&sub_genre="><span class="strong">전문MC</span></a></li>
							<li><a href="/show?genre=240&sub_genre="><span class="strong">아나운서</span></a></li>
							<li><a href="/show?genre=241&sub_genre="><span class="strong">외국어</span></a></li>
							<li><a href="/show?genre=242&sub_genre="><span class="strong">쇼호스트</span></a></li>
					</ul>
					</div>
				</div>
				<div class="menu_1depth">
					<h2><a href="#">연예인</a></h2>
					<ul>
							<li><a href="/arti?genre=2">K-POP(아이돌)</a></li>
							<li><a href="/arti?genre=3">일반가요</a></li>
							<li><a href="/arti?genre=4">트로트</a></li>
							<li><a href="/arti?genre=5">힙합·DJ</a></li>
							<li><a href="/arti?genre=6">밴드</a></li>
							<li><a href="/arti?genre=7">708090·포크</a></li>
							<li><a href="/arti?genre=8">아나운서</a></li>
							<li><a href="/arti?genre=9">개그맨</a></li>
							<li><a href="/arti?genre=107">국악·클래식·재즈·뮤지컬</a></li>
							<li><a href="/arti?genre=109">방송인·강사·셀럽</a></li>
					</ul>
				</div>
				<div class="menu_1depth">
					<h2><a href="#">결혼식&돌잔치</a></h2>
					<ul>
							<li><a href="/show?genre=190"><span class="strong">축가</span></a></li>
							<li><a href="/show?genre=238"><span class="strong">축주</span></a></li>
							<li><a href="/show?genre=191"><span class="strong">전문 사회자</span></a></li>
							<li><a href="/show?genre=234"><span class="strong">연예인 축가</span></a></li>
							<li><a href="/show?genre=235"><span class="strong">연예인 사회자</span></a></li>
					</ul>
				</div>
				<div class="menu_1depth">
					<h2><a href="#">시스템</a></h2>
					<ul>
							<li><a href="/show?genre=143"><span class="strong">음향</span></a></li>
							<li><a href="/show?genre=144"><span class="strong">조명</span></a></li>
							<li><a href="/show?genre=146"><span class="strong">영상 LED</span></a></li>
							<li><a href="/show?genre=245"><span class="strong">빔프로젝터</span></a></li>
							<li><a href="/show?genre=147"><span class="strong">중계</span></a></li>
							<li><a href="/show?genre=231"><span class="strong">레이저</span></a></li>
							<li><a href="/show?genre=145"><span class="strong">트러스</span></a></li>
							<li><a href="/show?genre=246"><span class="strong">레이허</span></a></li>
							<li><a href="/show?genre=148"><span class="strong">특수효과</span></a></li>
							<li><a href="/show?genre=247"><span class="strong">불꽃놀이</span></a></li>
							<li><a href="/show?genre=149"><span class="strong">무대</span></a></li>
							<li><a href="/show?genre=150"><span class="strong">전식</span></a></li>
							<li><a href="/show?genre=152"><span class="strong">발전차</span></a></li>
							<li><a href="/show?genre=248"><span class="strong">전기공사</span></a></li>
					</ul>
				</div>
				<div class="menu_1depth">
					<h2><a href="#">렌탈</a></h2>
					<ul>
							<li><a href="/show?genre=153"><span class="strong">대형천막(TFS,AH)</span></a></li>
							<li><a href="/show?genre=154"><span class="strong">일반렌탈(천막,의자,테이블)</span></a></li>
							<li><a href="/show?genre=155"><span class="strong">감성렌탈(피크닉 용품 등)</span></a></li>
							<li><a href="/show?genre=156"><span class="strong">컨테이너부스</span></a></li>
							<li><a href="/show?genre=158"><span class="strong">공기막조형물(바운스,에어돔,에어텐트)</span></a></li>
							<li><a href="/show?genre=160"><span class="strong">전시부스</span></a></li>
							<li><a href="/show?genre=161"><span class="strong">회의장비</span></a></li>
							<li><a href="/show?genre=223"><span class="strong">악기렌탈</span></a></li>
							<li><a href="/show?genre=224"><span class="strong">행사용품</span></a></li>
					</ul>
				</div>
				<div class="menu_1depth">
					<h2><a href="#">인력</a></h2>
					<ul>
							<li><a href="/show?genre=249"><span class="strong">영상제작,편집</span></a></li>
							<li><a href="/show?genre=178"><span class="strong">사진촬영</span></a></li>
							<li><a href="/show?genre=175"><span class="strong">디자이너</span></a></li>
							<li><a href="/show?genre=182"><span class="strong">진행요원</span></a></li>
							<li><a href="/show?genre=184"><span class="strong">음악감독</span></a></li>
							<li><a href="/show?genre=185"><span class="strong">VJ</span></a></li>
							<li><a href="/show?genre=186"><span class="strong">성우</span></a></li>
							<li><a href="/show?genre=187"><span class="strong">도우미</span></a></li>
							<li><a href="/show?genre=188"><span class="strong">경호</span></a></li>
							<li><a href="/show?genre=189"><span class="strong">통역</span></a></li>
					</ul>
				</div>
				<div class="menu_1depth">
					<h2><a href="#">제작물/프로그램/음식</a></h2>
					<ul>
							<li><a href="/show?genre=250"><span class="strong">제작물</span></a></li>
							<li><a href="/show?genre=251"><span class="strong">프로그램</span></a></li>
							<li><a href="/show?genre=252"><span class="strong">음식</span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<form class="frmMod_area" action="/show/area">

	</form>

	<div class="modal modal_logout">
			<div class="modal_wrap">
				<div class="modal_inner">
					<div class="tit">로그아웃 완료</div>
					<div class="txt">안전하게 로그아웃 되었습니다.<br>쇼글의 다양한 서비스를 이용하시려면 로그인 후 이용해 주세요. </div>
					<a href="/login/logout" class="button btn_solid" >확인</a>
				</div>
			</div>
	</div>

	<form id="chatSendForm" name="chatSendForm">
		<input type="hidden" name="user_id" value="">
		<input type="hidden" name="user_name" value="">
	</form>

	<script type="text/javascript">

		function area_url() {
			preloading.start();
	        $('.frmMod_area').submit();
	  	}

		function chat_list_open(){
			//var myForm = document.chatSendForm;
			var user_type_chk = "";
			if(user_type_chk == 'ARTIST'){
				var url = "/mychatcli/list_arti.php?chatinfo=";
			}else{
				var url = "/mychatcli/list_membership.php?chatinfo=";
			}
			window.open(url ,"popForm","toolbar=no, directories=no, status=no, resizable=no");

			// window.open("" ,"popForm","toolbar=no, directories=no, status=no, resizable=no");
			// myForm.action =url;
			// myForm.method="get";
			// myForm.target="popForm";
			// myForm.submit();
		}

		$(function(){
			var $nav = $(".header"),
				$gnb = $(".gnb");

			$nav.on('mouseenter', ".gnb", function(event) {
				event.preventDefault();
				/* Act on the event */
				$nav.addClass("menu-open")
			});

			$nav.on('mouseleave', function(event) {
				event.preventDefault();
				/* Act on the event */
				$nav.removeClass("menu-open")
			});
			$nav.on('click', '.btn_menu', function(event) {
				event.preventDefault();
				$nav.toggleClass('menu-open')
			});
		})

		function logout_submit(){
			modal.open('logout');
		}

	  	var cookieList = getCookie('search');
		var $main_search = $(".main_search");

		function search_form_action(type,chk) {
			var search_str = '';
			var search_txt = '';

			if(type == 'T'){
				search_str = $('#top_search_str').val();

				if(cookieList){
					var cookeSearch = cookieList.split(',');

					var cnt = 0;
					for(let i = 0; i < cookeSearch.length; i++){
						if(cookeSearch[i] == search_str){
							cnt++;
						}
					}
					if(cnt > 0){
					}else{
						search_txt = search_str+','+cookieList;
						setCookie('search',search_txt,1);
					}
				}else{
					search_txt = search_str;
					setCookie('search',search_txt,1);
				}

			}else if(type == 'T1'){
				search_str = $('#top_search_str1').val();

				if(cookieList){
					var cookeSearch = cookieList.split(',');

					var cnt = 0;
					for(let i = 0; i < cookeSearch.length; i++){
						if(cookeSearch[i] == search_str){
							cnt++;
						}
					}
					if(cnt > 0){
					}else{
						search_txt = search_str+','+cookieList;
						setCookie('search',search_txt,1);
					}
				}else{
					search_txt = search_str;
					setCookie('search',search_txt,1);
				}

			}else{
				var cookieList = getCookie('search');

				if(chk != '' && chk != undefined){
					search_str = chk;
				}else{
					search_str = $('#search_str').val();
				}


				if(cookieList){
					var cookeSearch = cookieList.split(',');

					var cnt = 0;
					for(let i = 0; i < cookeSearch.length; i++){
						if(cookeSearch[i] == search_str){
							cnt++;
						}
					}
					if(cnt > 0){
					}else{
						search_txt = search_str+','+cookieList;
						setCookie('search',search_txt,1);
					}

				}else{
					search_txt = search_str;
					setCookie('search',search_txt,1);
				}

			}

			$('#search_s').val(search_str);
			$('#frm_search_form').submit();
		}



		// 계정 전환
		const member_change_login = (target_seq) => {
			// login_check로 해당 계정 조회 및 아이디 패스워드 집어넣기
			// 기존 로그인과 같은 과정 밟아준다.
			// 로그인 성공 이후 계정의 상태가 소비자/아티스트 구분하여
			// 알맞은 화면으로 redirection (/my, /my_arti )
			$.ajax({
				type : 'POST',
				url : '/login/login_check',
				data : {
					member_seq : target_seq,
					login_type : 'change_member_group'
				},
				dataType : 'json',
				success : result => {
					if (result?.Stat != 'Y') {
						// 로그인 실패 alert 띄운다.
						alert(result?.Msg)
					}
					else {
						location.href = result?.Url
					}
				},
				error : err => {
					console.log("ERROR", err)
				}
			})
		}
		// 계정전환 X 버튼 클릭 시 호출
		function member_group_delete_confirm (target_seq) {
			// 정말 삭제하시겠습니까 컨펌창 띄운다.
			$("#member_delete_modal_target").val(target_seq)
			modal.open('member_delete_confirm')
		}

	</script>

</header>
	<link rel="stylesheet" type="text/css" href="/assets/css/subpage.css">
			<script>
				$(document).on('ready', function(){
				    var ogUrl = window.location.href;
				    $('meta[property="og:image"]').after('<meta property="og:url" content="/uploads/artist_photo/Screenshot_20241202_153223_Gallery.jpg" />');
				    $('meta[property="og:url"]').attr('content', ogUrl);
				});

			</script>

	<script>
		var video_st = 0;
		var video_ls=5;
		$( document ).ready(function() {
			video_more();
			cast_more();
			review_more('P','C');

			$("#genre2").val('12');
			$("#review_ord").val();

		});

		function video_more(){
	        $.get("/show/get_video_more/" ,{
		        video_st : video_st,
        		video_ls : video_ls,
		        t_seq : 32953
	        },
	        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 : 32953,
		        genre : 12,
		        sub_genre : 42,
		        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><a href="#"><span class="tit">아직 등록된 후기가 없습니다.</span></a></li>');
	            }
	            set_the_more_btn_review();

	            review_st += review_ls;

	        });
		}

		var cast_st = 0;
		var cast_ls=6;
		function cast_more(){
	        $.get("/show/get_cast_more/" ,{
		        cast_st : cast_st,
        		cast_ls : cast_ls,
		        t_seq : 32953
	        },
	        function(rslt){
	        	var rslt2=$.trim(rslt);
	            if(rslt2.length > 0){
	                if(video_st > 0){
	                    $("#show_cast_more").append(rslt2);
	                }else{
	                    $("#show_cast_more").html('');
                		$("#show_cast_more").html(rslt2);
	                }
	            }else if(rslt2.length == 0 && video_st == 0){
	                $("#show_cast_more").html('<li><a href="#"><span class="tit">아직 섭외된 행사가 존재하지 않습니다.</span></a></li>');
	            }
	            set_the_more_btn();
	            cast_st += cast_ls;

	        });
		}

	</script>
	<article id="contents" class="concert concert_detail">
	<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="container">
			<section class="page_top">
				<div class="line_map">
					<span>홈</span> <span class="strong">공연팀</span>
				</div>
				<h3>공연팀</h3>
				<div class="top_tab">
						<a href="/show"><span>전체</span></a>
						<a href="/show?genre=10" ><span>노래</span></a>
						<a href="/show?genre=192" ><span>연주</span></a>
						<a href="/show?genre=11" ><span>댄스무용</span></a>
						<a href="/show?genre=12" class="on"><span>전통</span></a>
						<a href="/show?genre=13" ><span>퍼포먼스</span></a>
						<a href="/show?genre=14" ><span>기획공연</span></a>
				</div>
				<div class="depth2_tab">
						<a href="/show?genre=12&sub_genre=45" >퓨전국악</a>
						<a href="/show?genre=12&sub_genre=42" class="on">전통악기연주</a>
						<a href="/show?genre=12&sub_genre=48" >국악밴드</a>
						<a href="/show?genre=12&sub_genre=43" >한국무용</a>
						<a href="/show?genre=12&sub_genre=44" >풍물·연희단</a>
						<a href="/show?genre=12&sub_genre=47" >민요·판소리</a>
						<a href="/show?genre=12&sub_genre=49" >탈춤·마당극</a>
				</div>
			</section>
			<section class="content_inner">
				<div class="content_box">
					<div class="img_gallery">
						<div class="gallery-box">
							<div class="gallery-main-box gallery-main-swiper swiper-container">
								<div class="swiper-wrapper">
											<div class="swiper-slide"
													style="background-image: url('//sfile.showgle.co.kr//artithumbnail/202412/rn_view_Screenshot_20241202_153223_Gallery_m.jpg');"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/1730038607075.jpg')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/IMG_0499-R.jpg')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/1727344082361.jpg')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/1730038607381.jpg')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/20231127_1926405.jpg')"
>
											</div>
								</div>
								<div class="control-wrap">
									<div class="swiper-gallery-prev"></div>
									<div class="swiper-gallery-next"></div>
								</div>
							</div>
							<div class="gallery-thumb-box gallery-thumb-swiper swiper-container">
								<div class="swiper-wrapper">
											<div class="swiper-slide" onclick="mainSwiper.slideTo(0)"
													style="background-image: url('//sfile.showgle.co.kr//artithumbnail/202412/rn_view_Screenshot_20241202_153223_Gallery_m.jpg');"
></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(1)"
 style="background-image: url('/uploads/artist_photo/1730038607075.jpg')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(2)"
 style="background-image: url('/uploads/artist_photo/IMG_0499-R.jpg')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(3)"
 style="background-image: url('/uploads/artist_photo/1727344082361.jpg')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(4)"
 style="background-image: url('/uploads/artist_photo/1730038607381.jpg')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(5)"
 style="background-image: url('/uploads/artist_photo/20231127_1926405.jpg')"></div>
								</div>
							</div>
						</div>
						<script>
							var thumbSwiper = new Swiper('.gallery-thumb-swiper', {
									spaceBetween: 10,
									watchSlidesProgress: true,
									slideToClickedSlide: true,
									loop: false,
									slidesPerView: 4,
							});
							var mainSwiper = new Swiper('.gallery-main-swiper', {
									effect: 'fade',
									spaceBetween: 10,
									allowTouchMove: true,
									loop: false,
									navigation: {
										nextEl: '.swiper-gallery-next',
										prevEl: '.swiper-gallery-prev'
									},
									on: {
										slideChangeTransitionStart: function () {
											thumbSwiper.slideTo(mainSwiper.activeIndex)
										},
									},
							})
						</script>
					</div>
					<div class="tab">
							<a href="#" role="button" class="tablinks on"><span>최근섭외</span></a>
							<a href="#" role="button" class="tablinks"><span>영상</span></a>
							<a href="#" role="button" class="tablinks"><span>포트폴리오</span></a>
							<a href="#" role="button" class="tablinks"><span>레파토리</span></a>
							<a href="#" role="button" class="tablinks"><span>요청장비</span></a>
						<a href="#" role="button" class="tablinks"><span>후기(<span>0</span>)</span></a>
					</div>
						<div class="recent_casting tab_cont" id="recentCasting">
							<div class="title_box">
								<h4>최근섭외</h4>
							</div>
							<table>
								<thead>
									<tr>
										<th>행사명</th>
										<th>행사일 </th>
										<th>러닝타임 </th>
										<th>편성인원 </th>
										<th>행사지역</th>
										<!-- <th>실섭외비(vat별도)</th> -->
									</tr>
								</thead>
							</table>
							<div id="show_cast_more">

							</div>
							<div class="btn_box cast_more_btn">
								<button class="btn_more" onclick="javascript:cast_more();">더보기</button>
							</div>
						</div>

						<div class="arti_video tab_cont" id="artiVideo">
							<div class="title_box">
								<h4>영상</h4>
								<span class="txt">최근 영상으로 아티스트를 먼저 만나보세요.</span>
							</div>
							<div class="show_box" id="show_video_more">

							</div>
							<div class="btn_box video_more_btn">
								<button class="btn_more" onclick="javascript:video_more();">더보기</button>
							</div>
						</div>

						<div class="arti_portfolio tab_cont">
							<div class="title_box">
								<h4>포트폴리오</h4>
								<span class="txt">최근 주요 행사 실적을 확인해 보세요.</span>
							</div>
							<div class="show_box txt_box">
								<div>
									2024 울산 에이팜 초청 공연/ 울산문화재단<br />
2024 한-베 문화 우호 협력의 날 기념 행사(호치민) / 주베트남 한국문화원<br />
2024 한-아세안 문화 공동 협력 프로젝트 수행 / 문체부, KOFICE<br />
2024  최우수 공연팀 서울시장상 수상 / 서울시<br />
2024  국악 콘서트 판 출연 / 국악방송<br />
2023  YCAFE 개막식 축하공연 / 외교부<br />
2023  한-아세안의 날 기념 음악회 in 베트남 / 외교부<br />
2023  한국 개천절 기념 축하 공연 in 인도 /  외교부<br />
2023  한국의 날 기념 사나래 단독공연 in 인도/ 외교부<br />
2022  ‘사나래’ 앨범 발매 쇼케이스 단독 콘서트<br />
2022  ‘말할 수 없는’ 기획 단독 공연 / 한국 실연자 협회<br />
2021  성호박물관 &lt;뮤지엄 백스테이지&gt; / 안산시박물관<br />
2021  &lt;국악 한마당&gt; 출연 / KBS<br />
2021  서울 돈의문 역사관 특별 공연 / 서울 역사 박물관<br />
2021  서울 백인제 가옥 특별 공연 / 서울 역사 박물관<br />
2021  &lt;시민 영상 특이점 추석특집&gt; 출연  / TBS<br />
2021  한-아세안의 날 기획 공연/ 주아세안대표부<br />
2021  &lt;강원 와유&gt; 출연 / 강원 G1 방송(SBS)<br />
2021  장윤정의 헬로 콘서트 출연  / 헬로비젼, 은평구<br />
2021  UN평화 소년, 소녀 합창단 협업 공연 <br />
2021  펄벅 기념관 초청 연주 / 펄벅 기념관<br />
2020  신촌, 다시 청춘 / 서대문구
								</div>
							</div>
						</div>

						<div class="arti_repertory tab_cont">
							<div class="title_box">
								<h4>레파토리</h4>
								<span class="txt">다양한 공연 레파토리를 확인해 보세요.</span>
							</div>
							<div class="show_box txt_box">
								<div>
									[대표곡]<br />
● 국악 창작곡 (항해 외 10여곡)<br />
● 외교행사 기념 제작 음악<br />
  (한-아세안 메들리 등 참여국가의 대표 음악을 메들리로 <br />
  제작하여 연주 )<br />
● POP 커버 (k-pop 메들리, Queen 메들리, Love 등)<br />
● 민요 (뱃노래와 옹헤야, 풍년가,얼씨구야 등 )<br />
● 아리랑 메들리 <br />
(아리랑을 엮어 하나의 공연 컨텐츠로 제작)<br />

								</div>
							</div>
						</div>

						<div class="equipment tab_cont">
							<div class="title_box">
								<h4>요청장비</h4>
								<span class="txt">아티스트가 공연을 할 때 필요한 장비를 확인 후 준비 부탁 드려요.</span>
							</div>
							<div class="show_box txt_box">
								<div>
									
								</div>
							</div>
						</div>

					<script>
						$(document).ready(function(){
							$('.arti_portfolio').each(function(){
								var content = $(this).children('.show_box');
								var content_txt = content.html();
								var content_txt_short = content_txt.substring(0,300)+"...";
								var btn_more = $('<div class="btn_box"><button class="btn_more">더보기</button></div>');

								$(this).append(btn_more);

								if(content_txt.length >= 400){
									content.html(content_txt_short)
								}else{
									btn_more.hide()
								}

								btn_more.click(toggle_content);

								function toggle_content(){
									if($(this).hasClass('short')){
										// 접기 상태
										$(this).children('.btn_more').text('더보기');
										content.html(content_txt_short)
										$(this).removeClass('short');
									}else{
					                    // 더보기 상태
										$(this).children('.btn_more').text('접기');
										content.html(content_txt);
										$(this).addClass('short');
									}
								}
							});

							$('.arti_repertory').each(function(){
								var content = $(this).children('.show_box');
								var content_txt = content.html();
								var content_txt_short = content_txt.substring(0,300)+"...";
								var btn_more = $('<div class="btn_box"><button class="btn_more">더보기</button></div>');

								$(this).append(btn_more);

								if(content_txt.length >= 300){
									content.html(content_txt_short)
								}else{
									btn_more.hide()
								}
								btn_more.click(toggle_content);

								function toggle_content(){
									if($(this).hasClass('short')){
										// 접기 상태
										$(this).children('.btn_more').text('더보기');
										content.html(content_txt_short)
										$(this).removeClass('short');
									}else{
										// 더보기 상태
										$(this).children('.btn_more').text('접기');
										content.html(content_txt);
										$(this).addClass('short');
									}
								}
							});
						});
					</script>

					<div class="review tab_cont arti_review">
						<div class="title_box">
							<h4>후기</h4>
							<span class="txt">실제로 섭외한 분들이 직접 작성해 주신 소중한 후기입니다.</span>
						</div>
						<div class="total_review">
							<span class="txt">총 <span>0</span>개의 후기가 있습니다.</span>
							<div>
								<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((0/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="grade">0</span>
							</div>
						</div>
						<div class="review_wrap">
							<div class="range_box">
								<div class="select">
									<a href="#" class="btn_sel" role="button">최근순</a>
									<div class="sel_li">
										<a href="#" onclick="review_more('R','M');return false;" class="sel on">최근순</a>
										<a href="#" onclick="review_more('H','M');return false;" class="sel">별점높은순</a>
										<a href="#" onclick="review_more('L','M');return false;" class="sel">별점낮은순</a>
									</div>
								</div>
							</div>
							<ul id="review_more">

							</ul>
						</div>
						<br>
						<div class="btn_box review_more_btn">
							<button class="btn_more" onclick="javascript:review_more('','C');">더보기</button>
						</div>
					</div>
				</div>

				<div class="status_box">
					<div class="profile_box">
						<!--             						<div class="img_box" style="background-image: url('//sfile.showgle.co.kr//artithumbnail/202412/rn_view_Screenshot_20241202_153223_Gallery.jpg');" ></div>
 -->

						<div class="txt_box">
							<div class="genre">
									<span class="type">공연팀 > 전통</span> <span class="strong">전통악기연주</span>
							</div>
							<span class="tit">
								사나래
							</span>
							<span class="txt">외교부 한-아세안 기념 음악회, 베트남,인도,자카르타 등 국내외 외교행사에서 활발하게 활동하는 격조높은 국악×클래식 퓨전국악 공연단체입니다. </span>
							<div class="grade_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((0/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">0</span>
								<span class="cast"><i></i>섭외 0건</span>
								<span class="review"><i></i>후기 0개</span>
								<span class="like_cnt" style="cursor:pointer;" onclick="modal.open('login');return false;"><i class="ico ico_heart"></i><span class="like_tot_32953">0</span></span>
							</div>

							<div class="btn_box">
									<button class="btn_profile" onclick="modal.open('arti');return false;">프로필 다운로드 <i class="ico_downArrow"></i></button>
							</div>

							<div class="info_box">
									<dl>
										<dt>기본 금액</dt>
											<dd class="price" onclick="window.location.href='/login'" style="cursor:pointer;"><span>로그인 후 확인가능</span></dd>
									</dl>

								<p>
									* 기준지역: 서울
										/ 공연시간: 30분 / 편성인원: 6명(조정가능)								</p>

								<!-- <dl>
									<dt>기준지역</dt>
									<dd>서울</dd>
								</dl>
								<dl>
									<dt>공연시간</dt>
									<dd>30분</dd>
								</dl>
								<dl>
									<dt>편성인원</dt>
									<dd>6명(조정가능)</dd>
								</dl>
 -->
							</div>

							<div class="desc_box">
								<p class="tit">공연팀,<br>
									다이렉트 연결</p>
								<p class="txt">원하는 조건으로 1:1 맞춤견적 받고, <br>
									상세 협의, 금액 조율까지 채팅으로 실시간 소통하세요.</p>
							</div>

							<div class="btn_box">
									<button class="btn_quotation_request" onclick="javscript:alert('소비자만 견적요청이 가능합니다.\n소비자로 로그인 후 견적요청해주세요!');return false;">1:1견적요청</button>
							</div>
						</div>
						<button class="btn_share" onclick="clip();modal.open('share');return false;">공유하기</button>
					</div>
					<div class="team_info side short">
						<p>소개</p>
						<div class="show_box">
							<div class="thumb_wrap">
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/MAY_1_(275).JPG);"></div>
									<div class="desc">대표 - 건반, 작곡</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/MAY_1_(281).JPG);"></div>
									<div class="desc">가야금 연주자</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/MAY_1_(304).JPG);"></div>
									<div class="desc">대금 연주자</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/MAY_1_(294).JPG);"></div>
									<div class="desc">첼로 연주자</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/231009-사나래-29848-R(1).jpg);"></div>
									<div class="desc">대표 - 건반, 작곡</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/231009-사나래-29531-R.jpg);"></div>
									<div class="desc">가야금 연주자</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/231009-사나래-29367-R.jpg);"></div>
									<div class="desc">대금 연주자</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/1727311089690.jpg);"></div>
									<div class="desc">바이올린연주자</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/231009-사나래-29639-R.jpg);"></div>
									<div class="desc">첼로 연주자</div>
								</div>
								<div class="col">
									<div class="thumb" style="background-image:url(/uploads/artist_member/1728534199811.jpg);"></div>
									<div class="desc">타악</div>
								</div>
							</div>
							<span class="txt">
								국악기 대금,가야금과 클래식의 현악 트리오 구성으루접목하여 듣기 쉽고 누구나 이해할 수 있도록 국악을 재해섣하여 연주하는 앙상블 단체입니다. <br />
<br />
○ 자체 영어 진행이 가능하며 아시아×서양 음악의 조합으로 국내외 외교 행사의 공연에서 활발히 활동하고 있습니다. <br />
<br />
○ 작곡 전공 대표가 운영하는 단체로 공연 컨셉에 맞는 음악 제작 및 편곡이 가능하여 공연 기획부터 연주까지 올인원으로 제공해드립니다.<br />
<br />
○ 재즈,뮤지컬,성악,소리꾼 등 여러 협연 보컬을 보유하고 있어 국악을 다양한 장르로 구성할 수 있습니다.<br />
<br />
☆ 공연 기획부터 연주까지 올인원!<br />
☆ 다양한 장르 연출! 여러명의 협연 보컬<br />
☆ 사나래 한 팀으로 국악부터 재즈, 클래식까지!<br />
<br />
<br />
<br />

							</span>
						</div>
					</div>
					<script>
					    $(document).ready(function(){
					        $('.team_info').each(function(){
								var $this = $(this);
					            var content = $this.find('.show_box .txt');
					            var content_txt = content.html();
								var content_txt_short = content_txt;
					            var btn_more = $('<div class="btn_box short"><button class="btn_more">더보기</button></div>');
								var thumbLen = $this.find(".thumb_wrap .col").length;

					            $this.append(btn_more);

					            if(content_txt.length >= 100){
									content_txt_short = content_txt.substring(0,100)+"...";
					                content.html(content_txt_short)
					            }else{
									if(thumbLen<4){
										btn_more.hide()
										$this.removeClass('short')
									}
					            }

					            btn_more.click(toggle_content);

					            function toggle_content(){
					                if($(this).hasClass('short')){
										// 더보기 상태
					                    $(this).children('.btn_more').text('접기');
					                    content.html(content_txt);
										$this.removeClass('short');
					                    $(this).removeClass('short');
					                }else{
					                    // 접기 상태
					                    $(this).children('.btn_more').text('더보기');
					                    content.html(content_txt_short)
										$this.addClass('short');
					                    $(this).addClass('short');
					                }
					            }
					        });
							$(".event_box").on('click', ".btn_more", function(){
								if($(this).hasClass('open')){
									$(this).text('접기');
									$(".event_box ul").css('height' , 'auto');
									$(this).removeClass('open');
								}else{
									$(this).text('더보기');
									$(".event_box ul").css('height' , '279px');
									$(this).addClass('open');
								}
							})
					    });
				  	</script>
				</div>
			</section>
		</div>
	</article>
	<div class="modal modal_share">
		<div class="modal_wrap">
			<div class="modal_inner">
				<span class="tit">URL이 클립보드에 복사되었습니다.</span>
				<button class="btn_ok" onclick="modal.close('share');return false;">확인</button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation">
		<div class="modal_wrap">
			<div class="modal_inner">
				<span class="tit">작성하신 내용으로 1:1 견적요청 하시겠습니까?</span>
				<div class="btn_box">
					<button class="btn_cancel" onclick="castingClose();return false;">취소</button>
					<button class="btn_ok" onclick="registrationFn()">확인</button>
				</div>
			</div>
		</div>
	</div>

		<div class="modal modal_arti">
			<div class="modal_wrap">
				<div class="modal_inner">
					<span class="tit">아티스트 상세보기</span>
					<div class="each_box">
						<div>
							<span class="txt">사진모음</span>
								<a href="javascript:alert('로그인 후 이용 가능합니다.')" class="btn_down">다운로드</a>
						</div>
						<div>
							<span class="txt">프로필(PDF)</span>
								<a href="javascript:alert('로그인 후 이용 가능합니다.')" class="btn_down">다운로드</a>
						</div>
					</div>
					<div class="total_box">
								<a href="javascript:alert('로그인 후 이용 가능합니다.')" class="btn_down_or">한번에 다운로드</a>
					</div>
					<button class="btn_close" onclick="modal.close('arti');return false;">닫기</button>
				</div>
			</div>
		</div>
	<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="32953">
		<input type="hidden" id="estimate_arti_id" name="estimate_arti_id"  value="ssgh2733">
		<input type="hidden" id="estimate_arti_name" name="estimate_arti_name"  value="사나래">
		<input type="hidden" id="estimate_arti_tel" name="estimate_arti_tel"  value="010-5696-0171">
		<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_date2" name="estimate_pop_date2"  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_in_time_chk" name="pop_in_time_chk"  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="12">

		<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_12">
		<input type="hidden" id="estimate_pop_chk_sub_genre" name="estimate_pop_chk_sub_genre"  value="42">

	</form>

	<div class="modal modal_quotation_step preview">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>1:1견적요청 미리보기</h5>
				</div>
				<div class="preview_box">
					<div class="sub_tit">
						<p id="total_cast_name"></p>
					</div>
					<ul>
						<li class="date_row">
							<dl>
								<dt><i style="background: url(/images/icon/ico_date.png)no-repeat 50% 50%;"></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>
					</ul>
					<dl class="cont_bot">
						<dt><i style="background: url(/images/icon/ico_exclamation.png)no-repeat 50% 50%;"></i>요청사항</dt>
						<dd id="total_cast_memo">

						</dd>
					</dl>
				</div>
				<div class="btn_box">
					<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" onclick="modal.close('quotation_step.preview');return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step preview_system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>1:1견적요청 미리보기</h5>
				</div>
				<div class="preview_box">
					<div class="sub_tit">
						<p id="total_cast_name"></p>
					</div>
				<ul>
					<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_time.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_speaker.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_time.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 class="btn_box">
					<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" onclick="modal.close('quotation_step.preview_system');return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step preview_rental">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>1:1견적요청 미리보기</h5>
				</div>
				<div class="preview_box">
					<div class="sub_tit">
						<p id="total_cast_name"></p>
					</div>
				<ul>
					<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_time.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_speaker.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_time.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 class="btn_box">
					<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" onclick="modal.close('quotation_step.preview_rental');return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step preview_people">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>1:1견적요청 미리보기</h5>
				</div>
				<div class="preview_box">
					<div class="sub_tit">
						<p id="total_cast_name"></p>
					</div>
				<ul>
					<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_time.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_speaker.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_time.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 class="btn_box">
					<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" onclick="modal.close('quotation_step.preview_people');return false;">닫기</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">
					<h5>1:1견적요청 미리보기</h5>
				</div>
				<div class="preview_box">
					<div class="sub_tit">
						<p id="total_cast_name"></p>
					</div>
				<ul>
					<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_time.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_speaker.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_time.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 class="btn_box">
					<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" onclick="modal.close('quotation_step.preview_etc');return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_quotation_step arti_comp">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>1:1 견적요청이 등록되었습니다.</h5>
				</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="txt_box">
					<span class="tit">아티스트에게 견적이 도착하면 바로 알림으로 알려드립니다.</span>
					<span class="txt">* 아티스트가 행사중 일 경우 답변이 조금 늦을수도 있어요~!</span>
				</div>
				<div class="btn_box" style="justify-content:center">
					<button class="btn_ok" onclick="window.location.reload()">확인</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>
						<!-- Add Arrows -->
						<div class="swiper-button-next btn btn_right"></div>
						<div class="swiper-button-prev btn btn_left"></div>
						<script>
							var arti_prAdSwiperComp;
							$(function(){
								arti_prAdSwiperComp = new Swiper('.modal_quotation_step .compPradSwiper', {
									slidesPerView: 3,
									spaceBetween: 46,
									navigation: {
										nextEl: '.modal_quotation_step .premiumAd .swiper-button-next',
										prevEl: '.modal_quotation_step .premiumAd .swiper-button-prev'
									}
								});
							})
						</script>
					</div>
				</section>
				<button class="btn_close" onclick="window.location.reload()">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_expansion">
		<div class="modal_wrap">
			<div class="modal_inner">
				<img src="" alt="후기이미지">
				<button href="#" class="btn_close" role="button" onclick="modal.close('expansion');return false;">닫기</button>
			</div>
		</div>
	</div>

	<script>

		let onIdx = 0,
			winHeight = 0,
			$contPos = [],
			$stepList = [];

		function imgSourceHandle(_this){
			let source = $(_this).css('backgroundImage').split('"');
			$(".modal_expansion img").attr("src", source[1]);
			modal.open('expansion');
			return false;
		}

		function onStep(idx){
			$(".tablinks.on").removeClass("on");
			$(".tablinks").eq(idx).addClass("on");
			onIdx = idx;
		}

		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);
			if(winHeight !== $('.concert_detail').height()){
				contPosFn();
				winHeight = $('.concert_detail').height();
			}
		}

		function contPosFn(){
			$contPos = [];
			$("#contents").find(".tab_cont").each(function(index, el) {
				$contPos.push($(el).offset().top-60);
			});
		}

		$(function(){

			// $("#pop_cast_memo")
		 //    	.keyup(function() {
		 //    		$(this).val($(this).val().replace(/[^a-zA-Z0-9@_.+-]/g,""));
		 //    		var chk=chkemail($('#pop_cast_memo').val());
		 //            // var reg_uid = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.[a-zA-Z]{2,4}$/;

		 //            if(chk==true){
		 //            	$(".email_txt").text("");
		 //            	$(".email_chk_txt").text("");
		 //            }else{
		 //            	$(".email_txt").text("이메일을 확인해주세요.");
		 //            	$(".email_chk_txt").text("");
		 //            }
		 //        })

			$stepList = $(".tab").children('.tablinks');

			$(".tablinks").on('click', function(event){
				event.preventDefault();
				let i;
				i = $($stepList).index(this);
				scMove($contPos[i]);
			})

			$(window).scroll(throttle((event)=>{
				event.preventDefault();
				scrollEffect();
			}));

		})

		$(window).on('load', function(event) {
			event.preventDefault();
			/* Act on the event */
			winHeight = $('.concert_detail').height();
			contPosFn();
		});

		$(function(){
			const group = '4'; // 4:공연팀, 5:시스템, 7:렌탈, 8:제작/대행, 9:인력, 10:개인인력
			const modal_prev = $(".modal_quotation_step.preview");

			if(group == "4" || group == "10"){
				modal_prev.addClass("concert_wrap");
			}else if(group == "5"){
				modal_prev.addClass("system_wrap");
			} else if(group == "7" || group == "8") {
				modal_prev.addClass("rent_wrap");
			} else if(group == "9") {
				modal_prev.addClass("manpower_wrap");
			}

			$(".btn_more").on('click', function(){
				$(this).parent('.btn_box').siblings('.hide_box').toggleClass('on');
			})

			$(".review").on('click', ".btn_wrap .btn_review", function(){
				$(this).closest(".btn_wrap").siblings(".write_box").toggleClass('on');

				if($(this).closest(".review_box").find(".write_box").attr('class').includes('on')){
					$(this).closest(".btn_wrap .btn_review").text('댓글 X');
				}else{
					$(this).closest(".btn_wrap .btn_review").text('댓글');
				}
			})

			$(".review").on('click', ".btn_wrap .btn_write", function(){
				$(this).closest(".btn_wrap").siblings(".write_box").toggleClass('on');
			})

			$(".review").on('click', ".btn_wrap .btn_modify", function(){
				$(this).closest("li").find('.write_box').toggleClass('on');
				$(this).closest("li").find(".comment_box").toggleClass('on');
				$(this).closest("li").find('.write_box').toggleClass('modify_form');

				if($(this).closest("li").find('.write_box').attr('class').includes('on')){
					$(this).closest("li").find(".review_box").find(".btn_modify").remove();
					$(this).closest("li").find(".review_box").find(".btn_wrap").append('<button class="btn_modify" type="button">수정 X</button>');
					$(this).closest("li").find('.write_box .comment_btn').text("댓글 수정");
					//$(this).closest("li").find('.write_box .comment_btn').attr("onclick", "bom_change();");
				}else{
					$(this).closest("li").find(".review_box").find(".btn_modify").remove();
					$(this).closest("li").find(".review_box").find(".btn_wrap").append('<button class="btn_modify" type="button">수정 </button>');
				}

			})

			$(".modal_quotation_step.event_name").on('click', '#infoCall', function(){
				if($(this).is(':checked') == true){
					$('.event_info').addClass('on');
				}else{
					$('.event_info').removeClass('on');
				}
			})

			$(".modal_quotation_step").on('click', "dd button", function(){
				$(this).siblings('button').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('비공개');
				}
			})

			$('#pop_cast_name').on('keydown', function(e){
				if(e.keyCode == 13) return false;
			});
		})

		function arti_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){
				$("#inCall").prop("checked", false); //등록한 행사정보 불러오기 비활성화
				$("input:radio[name='castd']").prop("checked", false); //등록한 행사정보 불러오기 비활성화
				$('.event_info').removeClass('on');
			}

		}

		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']);
					$('.datepicker1').val(json.result_txt['SEA_SHOW_DATE']);

					// $('.range_box').find('.btn_sel').text(json.result_txt['SEA_SHOW_TIME']);

					var show_time = ''
					if (parseInt(json.result_txt['SEA_SHOW_TIME'].substring(0, 2)) > 12) {
						$("#pop_st_time_afternoon").addClass("on")
						$("#btn_sel_noon").text("오후")
							show_time = ("0" + (parseInt(json.result_txt['SEA_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['SEA_SHOW_TIME']
					}

					$('#btn_sel_dy').text(show_time);
					$("#pop_cast_time").find("a.sel").each((i, e) => {
						if ($(e).text() == show_time) {
							$(e).addClass("on")
						}
					})

					$('#estimate_pop_date2').val(json.result_txt['SEA_SHOW_SETTING_DATE']);
					$('.datepicker4').val(json.result_txt['SEA_SHOW_SETTING_DATE']);
					$('.step3').find('button').removeClass('on');

					$('#hope_'+json.result_txt['SEA_SHOW_HOPE_TIME']).addClass('on');

					$('.event_area').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 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 pop_estimate_back_chk(type){
        	var group = '4'; // 4:공연팀, 5:시스템, 7:렌탈, 8:제작/대행, 9:인력, 10:개인인력

			if(type == 'event_area'){
				if(group == '5' || group == '7' || group == '8'){
					modal.close('quotation_step.event_area');
	    			modal.open('quotation_step.setting_date');
	    			return false;
				}else if(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' || group == '9'){
					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').find('#pop_cast_time .on').text();
				var cast_noon = $('.event_date').find('#pop_cast_noon .on').text();
        		var cast_str = $('.event_date').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 == '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_date2').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('#cast_place .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 = $('.event_date').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').find('.range_box #pop_cast_noon .on').text());
        			$('#tmp_cast_time').text($('.event_date').find('.range_box #pop_cast_time .on').text());
        		}else{
        			$('#tmp_cast_time').text($('.event_date').find('.range_box #btn_sel_dy').text());
        		}

        		if(group == "5" || group =="7" || group =="8"){
        			$('#tmp_setting_date').text($('#estimate_pop_date2').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_dy').text()); //셋팅시간
	        		}

	        		$('#tmp_cast_electricity').text($('.system').find('#cast_place .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').find('.range_box #pop_cast_time .on').text());
				// 	$("#estimate_cast_noon").val($('.event_date').find('.range_box #pop_cast_noon .on').text())
        		// }else{
        		// 	$('#estimate_pop_time').val($('.event_date').find('.range_box .btn_sel').text());
        		// }
        		// if(cast_time_str !=''){
        		// 	$('#estimate_pop_time').val($('.event_date').find('.range_box #pop_cast_time .on').text());
				// 	$("#estimate_cast_noon").val($('.event_date').find('.range_box #pop_cast_noon .on').text())
        		// }else{
        		// 	$('#estimate_pop_time').val($('.event_date').find('.range_box .btn_sel').text());
        		// }

				var cast_time = $('.event_date').find('.range_box #pop_cast_time a.on').data('time_val');
				$('#estimate_pop_time').val(cast_time)

        		if(group == "5" || group =="7" || group =="8"){
        			$('#estimate_pop_setting_date').val($('#estimate_pop_date2').val());  // 셋팅일자

        			if(pop_set_time_str !=''){
        				$('#pop_in_time_chk').val(pop_set_time_str);  // 셋팅시간
	        		}else{
	        			$('#pop_in_time_chk').val($('.setting_date.day').find('.range_box .btn_sel').text()); //셋팅시간
	        		}

	        		$('#estimate_pop_cast_electricity').val($('.system').find('#cast_place .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);
	                    console.log(error);
	                },
	                success : function(data){
	                	if(data.rslt == 'Y'){
	                		modal.close('quotation');
			    			modal.open('quotation_step.comp');
			    			return false;
	                	}
	                }
	            });
        	}

        }

        function show_area_sel(code){
			$.get("/show/show_get_area_sido/" ,{
		        code : code
	        },
	        function(rslt){
	        	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){
			//console.log(area1+":"+area2);
			$('#pop_cast_area2').val(area2);
		}

		function arti_estimate_chk(){
			$('#arti_view_chk').val('Y');
			$("#genre2").val('12');
			$('.event_name .btn_prev').hide();
			$(".progress_total_bar").each(function(){
				$(this).find(".progress_bar").html(0+'%').css('left',0);
				$(this).find(".bar").css('width',0)
			})
		}

		function arti_dibs_chk(seq){
			$.ajax({
    			url :'/my/my_artist_dibs',
                type : 'post',
                data : {'seq':seq},
                dataType : 'json',
                error: function(xhr, status, error){
                    console.log(xhr+"|"+status+"|"+error);
                },
                success : function(data){
                	if(data.rslt == 'Y'){
                		$(".like_tot_"+seq).text(data.dibs_cnt);

                		if(data.dibs_chk == 'N'){
                			$(".ico_heart").removeClass('on');
                		}else{
                			$(".ico_heart").addClass('on');
                		}
		    			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>

<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_login">
	<div class="modal_wrap">
		<div class="modal_inner">
			<div class="tit"><i class="ico_alarm"></i>알림</div>
			<div class="txt">로그인이 필요한 메뉴입니다.<br>
				로그인 하시겠습니까?</div>
			<ul class="btn_wrap">
				<li>
					<a href="#" role="button" onclick="modal.close('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_loginform">
	<div class="modal_wrap">
		<div class="modal_inner">
			<div class="tit"><i class="ico_login"></i>계정추가</div>
			<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 class="btn_wrap">
							<button type="button" onclick="member_group_add_login();" class="button btn_solid"><span>계정추가</span></button>
							<a href="#" class="button btn_line" onclick="modal.close('loginform');return false;"><span>취소</span></a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal modal_member_add_confirm">
	<div class="modal_wrap">
		<div class="modal_inner">
			<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">홍길동</div>
					</div>
					<div class="btn_wrap">
						<button type="button" onclick="member_group_add();" class="button btn_solid"><span>확인</span></button>
						<a href="#" class="button btn_line" onclick="modal.close('member_add_confirm');return false;"><span>취소</span></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<footer class="footer foot_main">
	<div class="container">
		<ul class="foot_menu">
			<li><a href="/customer/introduction">쇼글 소개</a></li>
			<li><a href="/customer/policy">이용약관</a></li>
			<li><a href="/customer/policy">개인정보취급방침</a></li>
			<li><a href="/customer/policy">약관 및 정책</a></li>
			<li><a href="/customer">고객센터</a></li>
		</ul>
		<ul class="info">
			<li>대표이사:장윤열</li>
			<li>사업자등록번호 220-87-31879</li>
			<li>대중문화예술기획업 제2025-127호</li>
			<li>통신판매업신고 2025-서울강남-04417호</li>
			<li>광고문의 02-598-4340</li>
		</ul>
		<div class="addr">
			<p>서울시 강남구 양재천로 179, 2층(도곡동, 주영빌딩) <a href="https://teht.hometax.go.kr/websquare/websquare.html?w2xPath=/ui/ab/a/a/UTEABAAA13.xml" target="_blank" title="사업자정보 새창에서 보기">[사업자정보확인]</a> Email : showgle@naver.com</p>
			<a href="/main/get_company_down?file_nm=showgle_business&ext=z" class="btn_down">사업자등록증/통장 사본 다운로드</a>
			<br>
			<p class="copyright">Showgle Copyright © (주)쇼글 All Rights Reserved.<img src="/images/common/foot_venture.png" alt="venture" style="vertical-align:Bottom;"></p>
		</div>
		<div class="sns">
			<ul>
				<li><a href="https://www.facebook.com/showglestar" class="facebook" target="_blank" title="쇼글 페이스북 새창에서 보기">페이스북</a></li>
				<li><a href="https://www.instagram.com/showgle_official/" class="insta" target="_blank" title="쇼글 인스타그램 새창에서 보기">인스타그램</a></li>
				<li><a href="https://blog.naver.com/showgle" class="blog" target="_blank" title="쇼글 블로그 새창에서 보기">블로그</a></li>
			</ul>
		</div>
	</div>
	<div class="widget">
		<div class="kakao">
			<a href="#" id="kakao"></a>
			<div class="txt_wrap">
				<span>도움이 필요할 땐?<br>
					쇼글 매니저!</span>
				<button onclick="document.querySelector('.kakao .txt_wrap').style.display='none';">닫기</button>
			</div>
		</div>

			<a href="#" id="ntcBtn" class="btn" onclick="modal.open('login');return false;">
				<i style="background-image: url(/images/ui/btn_notice.png);"></i>
				<span class="txt">섭외등록</span>
			</a>
			<a href="#" id="chatBtn" class="btn" onclick="modal.open('login');return false;">
				<i style="background-image: url(/images/ui/btn_chat.png)"></i>
				<!-- <span class="badge">9</span> -->
				<span class="txt">채팅목록</span>
			</a>
		<button id="topBtn"><span>TOP</span></button>
	</div>

	<div class="chat_alarm_box">
		<i class="ico ico_chat"></i>
		<span>채팅 메시지가 도착했습니다.</span>
	</div>

	<!-- 섭외공고 STEP 모달 -->
<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 .btn_prev',function(){
				prevCast();
			})
			$sg.on('click','.modal_casting .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.on").removeClass("on")
		var arti_view_chk = $('#arti_view_chk').val();

		castStep--;
		if(castStep == 0 && arti_view_chk != 'Y'){
			modal.open("casting.event_field");
		}else if(castStep == 0 && arti_view_chk == 'Y'){
			modal.open("casting.event_name");
		}else{
			// if(arti_view_chk == 'Y'){
			// 	var stepClass='quotation_step.'+castEvent[castStep-1];
			// }else{
				var stepClass='casting.'+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];
		}
		// console.log(castEvent+' >>>>>>>>>>>>>>>>>>>>>>> castEvent');
		// console.log(castStep+' >>>>>>>>>>>>>>>>>>>>>>> castStep');
		// console.log(castType+' >>>>>>>>>>>>>>>>>>>>>>> castType');
		// console.log(castLen+' >>>>>>>>>>>>>>>>>>>>>>> castLen');

		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;
			// console.log(cast_hope_genre_id);
			// console.log(cast_hope_genre_sub_val);
		}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;
			}

			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 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();

			// 분야별 모달 설정
			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';
			}

			// ======================================================================================================
			//	========================================== 미리보기 =======================================================
			// ======================================================================================================
			$('.'+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);	// 근무기간
					}else{
						$('.'+preview_modal_cls+' .worktime_row').hide();
					}

					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);	// 근무시간
					}else{
						$('.'+preview_modal_cls+' .workdate_row').hide();
					}
				}

				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.'+castEvent[castStep-1])
			if(arti_view_chk == 'Y'){
				modal.open('quotation_step.'+preview_modal_cls);
			}else{
				modal.open('casting.'+preview_modal_cls);
			}

			castType = preview_modal_cls;
			castStep++;
			return false;
		}


		castStep++;
		openCast(castStep);
	}
	//화면 오픈 후
	function openCast(){
		castType = castEvent[castStep-1];
		var stepClass='casting.'+castType;
		modal.close('casting');
		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_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_field .progress_bar").html('0%').css('left',0);
		$(".event_field .bar").css('width',0)
		$('.event_name .btn_prev').show();

		modal.close('casting');


		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');
							arti_prAdSwiperComp.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.registration');
							modal.open('casting.comp');
							prAdSwiperComp.update();
							return false;
						})
					}
				}
			});
		}

	}
</script>



	<!-- 20250709 신규 섭외공고 -->
	<div class="modal modal_casting event_field">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>어떤 분야를 원하시나요?</h5>
					<p>원하는 항목을 선택해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar">0%</div>
				</div>
				<dl>
					<dt>분야 선택<span>*</span></dt>
					<dd class="select_one" id="cast_genre_chk">
						<button id="cast_chk_con" value="4" type="button">공연팀</button>
						<button id="cast_chk_mc" value="11" type="button">MC</button>
						<button id="cast_chk_pt" value="10" type="button">결혼식&돌잔치</button>
						<button id="cast_chk_sys" value="5" type="button">시스템</button>
						<button id="cast_chk_rn" value="7" type="button">렌탈</button>
						<button id="cast_chk_pl" value="9" type="button">인력</button>
						<button id="cast_chk_sv" value="8" type="button">제작물/프로그램/음식</button>
						<p>* 연예인은 <span>‘1:1 견적요청’</span>을 이용해 주세요!</p>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_genre">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>분야를 선택해 주세요.</h5>
					<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>분야 선택<span>*</span></dt>
						<input type="radio" id="selec" name="radio" checked="checked">
						<dd class="select_one 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_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_name">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>어떤 행사인가요?</h5>
					<p></p>
					<!-- <p>행사명 공개를 원하지 않으신다면 비공개도 가능해요!</p> -->
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>행사명<span>*</span></dt>
					<dd class="dis_chk">
						<input type="text" class="ipt_event" id="cast_name" name="cast_name" placeholder="행사명 입력" onchange="name_chk();">
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>행사일은 언제인가요?</h5>
					<p>원하시는 날짜와 공연시작 시간을 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>행사일시<span>*</span>
						<span class="ipt_txt">* 복수날의 경우 시작일로 선택해주세요.</span>
					</dt>
					<dd>
						<div class="ipt_wrap datepicker_wrap2">
							<div class="ipt_cal_wrap">
								<input type="text" class="input datepicker datepicker2 ipt_md_2" placeholder="날짜 선택" readonly="">
							</div>
							<div class="sel_layPop">
								<div id="date-range1"></div>
							</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',
										container: '#date-range1',
										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_date').val(s1);
											$('.datepicker2').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_wrap2").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="#" id="btn_sel_noon" class="btn_sel" role="button" style="width: 120px; 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="width: 240px;">시간 선택</a>
								<div class="sel_li sel_li_timetable" 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>
									<!-- <a href="#" id="pop_st_time_12:00" class="sel">12:00</a> -->
								</div>
							</div>
						</div>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_area">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>행사는 어디서 진행되나요?</h5>
					<p>위치를 선택해주세요~</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<div class="content_wrap">
				<dl class="first_addr">
					<dt>시/도<span>*</span></dt>
					<dd class="select_one" id="cast_area">
							<button id="area_강원" onclick="area_sel('GW');">강원</button>
							<button id="area_경기" onclick="area_sel('GG');">경기</button>
							<button id="area_경남" onclick="area_sel('GN');">경남</button>
							<button id="area_경북" onclick="area_sel('GB');">경북</button>
							<button id="area_광주" onclick="area_sel('GJ');">광주</button>
							<button id="area_대구" onclick="area_sel('DG');">대구</button>
							<button id="area_대전" onclick="area_sel('DJ');">대전</button>
							<button id="area_부산" onclick="area_sel('BS');">부산</button>
							<button id="area_서울" onclick="area_sel('SO');">서울</button>
							<button id="area_세종" onclick="area_sel('SJ');">세종</button>
							<button id="area_울산" onclick="area_sel('US');">울산</button>
							<button id="area_인천" onclick="area_sel('IC');">인천</button>
							<button id="area_전남" onclick="area_sel('JN');">전남</button>
							<button id="area_전북" onclick="area_sel('JB');">전북</button>
							<button id="area_제주" onclick="area_sel('JJ');">제주</button>
							<button id="area_충남" onclick="area_sel('CN');">충남</button>
							<button id="area_충북" onclick="area_sel('CB');">충북</button>
							<button id="area_해외" onclick="area_sel('WD');">해외</button>
					</dd>
				</dl>
				<dl class="second_addr">
					<dt>시/군구<span>*</span></dt>
					<dd class="select_one area_sido_sel" id="cast_area_sub">

					</dd>
				</dl>
				<dl class="detail_addr">
					<dt>장소명(선택사항)</dt>
					<dd>
						<input type="text" id="cast_area_str" placeholder="장소명을 입력">
					</dd>
				</dl>
				</div>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_place">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>행사장소는 실내인가요? 실외인가요?</h5>
					<p>장소를 선택해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>공연장소 선택<span>*</span></dt>
					<dd class="select_one" id="cast_place">
						<button id="place_in">실내</button>
						<button id="place_out">실외</button>
						<button id="place_random">미정</button>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_customer_importance">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>섭외 시 가장 중요하게 생각하는 것은?</h5>
					<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_importance_radio" name="customer_importance_radio" checked="checked">
						<dd class="select_one classification on" id="customer_importance_section"></dd>
						<!-- <dd class="select_one classification" id="customer_importance_section2">
							<button onclick="importance_check('')">직접 입력</button>
							<input type="text" name="customer_importance_text">
						</dd> -->
					</dl>
				</div>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_product">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>필요한 제품과 수량을 적어주세요.</h5>
					<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_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_running">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>얼마동안 공연하길 원하시나요?</h5>
					<p>러닝타임을 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
						<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>러닝타임<span>*</span></dt>
					<dd class="select_one" id="cast_hope_time">
						<button id="hope_5분" class="sel">5분</button>
						<button id="hope_10분" class="sel">10분</button>
						<button id="hope_15분" class="sel">15분</button>
						<button id="hope_20분" class="sel">20분</button>
						<button id="hope_25분" class="sel">25분</button>
						<button id="hope_30분" class="sel">30분</button>
						<button id="hope_40분" class="sel">40분</button>
						<button id="hope_50분" class="sel">50분</button>
						<button id="hope_60분" class="sel">60분</button>
						<button id="hope_60분 이상" class="sel">60분 이상</button>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_running2">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>얼마동안 공연하길 원하시나요?</h5>
					<p>러닝타임을 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>러닝타임<span>*</span></dt>
					<dd class="select_one" id="cast_hope_time">
						<button id="hope_1시간" class="sel">1시간</button>
						<button id="hope_2시간" class="sel">2시간</button>
						<button id="hope_3시간 이상" class="sel">3시간 이상</button>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting sound_system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>공연장에 음향기기는 갖추어져 있나요?</h5>
					<p>음향기기가 없다면 아티스트나 쇼글 매니저에게 문의하세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>음향기기 선택<span>*</span></dt>
					<dd class="select_one" id="cast_device">
						<button id="device_ok">있다</button>
						<button id="device_no">없다</button>
						<button id="device_random">미정</button>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting gender">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>선호하는 성별이 있으신가요?</h5>
					<p>성별에 따라 공연 분위기가 다양하게 달라질 수 있어요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>성별 선택<span>*</span></dt>
					<dd class="select_one" id="cast_gender">
						<button id="gender">무관</button>
						<button id="gender_man">남성</button>
						<button id="gender_woman">여성</button>
						<button id="gender_mix">혼성</button>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting rental_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>렌탈 기간은 어떻게 되나요?</h5>
					<P>원하시는 날짜를 선택해 주세요.</P>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>렌탈 기간<span>*</span></dt>
					<dd>
						<div class="ipt_wrap datepicker_wrap4">
							<div class="ipt_cal_wrap">
								<input type="text" class="input datepicker datepicker4 ipt_md_2" placeholder="날짜 선택" readonly="">
							</div>
							<div class="sel_layPop">
								<div id="date-range4"></div>
							</div>
							<script type="text/javascript">
								$(function(){
									var nowDate = new Date();
									var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
									$(".datepicker4").dateRangePicker({
										inline: true,
										opens: 'left',
										singleMonth: true,
										// singleDate: true,
										startDate: today,
										showDropdowns: true,
										format: 'YYYY-MM-DD',
										container: '#date-range4',
										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)
										{
											$('#rental_date_st').val(s1);
											$('#rental_date_ed').val(s2);
											$('.datepicker4').val(s1);
											$('.datepicker5').val(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_wrap4").on('click', '.input', function(){
										$(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
									})
									$(".datepicker_wrap5").on('click', '.input', function(){
										$(".datepicker_wrap4 .ipt_cal_wrap").siblings('.sel_layPop').toggleClass('active');
									})
								})
							</script>
						</div>
						<div class="unit"> ~ </div>
						<div class="ipt_wrap datepicker_wrap5">
							<div class="ipt_cal_wrap">
								<input type="text" class="input datepicker datepicker5 ipt_md_2" placeholder="날짜 선택" readonly="">
							</div>
						</div>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting setting_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>세팅은 언제까지 되야하나요?</h5>
					<P>세팅 날짜를 선택해 주세요.</P>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>셋팅일시<span>*</span></dt>
					<dd>
						<div class="ipt_wrap 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 id="date-range3"></div>
							</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);
											$('#setting_un').removeClass('on');
										},
									}).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">
							<div class="select">
								<a href="#" id="btn_sel_noon" class="btn_sel" role="button" style="width: 120px; background: none;">오전/오후</a>
								<div class="sel_li" id="pop_setting_noon" style="height: 82px;">
									<a href="#" id="pop_setting_time_beforenoon" class="sel">오전</a>
									<a href="#" id="pop_setting_time_afternoon"  class="sel">오후</a>
								</div>
							</div>
							<div class="select">
								<a href="#" id="btn_sel_dy" class="btn_sel" role="button" style="width: 240px;">시간 선택</a>
								<div class="sel_li sel_li_timetable" 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>
					</dd>
					<dd class="select_one" id="cast_setting_btn">
						<button id="setting_un" onclick="setting_check()";>날짜 미정</button>
					</dd>
				</dl>

				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting deli_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>납품은 언제까지 되야하나요?</h5>
					<p>납품 일정를 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>납품일시<span>*</span></dt>
					<dd>
						<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 id="date-range6"></div>
							</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>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting work_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>근무 기간은 어떻게 되나요?</h5>
					<p>일정를 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>근무 기간<span>*</span></dt>
					<dd>
						<div class="ipt_wrap datepicker_wrap7">
							<div class="ipt_cal_wrap">
								<input type="text" class="input datepicker datepicker7 ipt_md_2" placeholder="날짜 선택" readonly="">
							</div>
							<div class="sel_layPop">
								<div id="date-range7"></div>
							</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',
										container: '#date-range7',
										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)
										{
											$('#working_date_st').val(s1);
											$('#working_date_ed').val(s2);
											$('.datepicker7').val(s1);
											$('.datepicker8').val(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');
									})
									$(".datepicker_wrap8").on('click', '.input', function(){
										$(".datepicker_wrap7 .ipt_cal_wrap").siblings('.sel_layPop').toggleClass('active');
									})
								})
							</script>
						</div>
						<div class="unit"> ~ </div>
						<div class="ipt_wrap datepicker_wrap8">
							<div class="ipt_cal_wrap">
								<input type="text" class="input datepicker datepicker8 ipt_md_2" placeholder="날짜 선택" readonly="">
							</div>
						</div>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting work_time">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>근무 시간은 어떻게 되나요?</h5>
					<p>근무 시간을 입력해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<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" style="width: 240px;">시간 선택</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="unit">~</div>
								<div class="inner_tit">종료시간</div>
								<div class="range_box">
									<div class="select">
										<a href="#" id="btn_sel_dy" class="btn_sel" role="button" style="width: 240px;">시간 선택</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 class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting pro_use_date">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>사용 기간은 어떻게 되나요?</h5>
					<p>사용 기간을 선택해 주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>기간<span>*</span></dt>
					<dd>
						<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 id="date-range9"></div>
							</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);
											$('.datepicker10').val(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_wrap9").on('click', '.input', function(){
										$(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
									})
									$(".datepicker_wrap10").on('click', '.input', function(){
										$(".datepicker_wrap9 .ipt_cal_wrap").siblings('.sel_layPop').toggleClass('active');
									})
								})
							</script>
						</div>
						<div class="unit"> ~ </div>
						<div class="ipt_wrap datepicker_wrap10">
							<div class="ipt_cal_wrap">
								<input type="text" class="input datepicker datepicker10 ipt_md_2" placeholder="날짜 선택" readonly="">
							</div>
						</div>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>전기의 형태는 어떻게 되나요?</h5>
					<p>전기를 선택해주세요.</p>
				</div>
				<div class="progress_total_bar">
					<div class="bar"></div>
					<div class="progress_bar"></div>
				</div>
				<dl>
					<dt>전기 선택<span>*</span></dt>
					<dd class="select_one" id="cast_system">
						<button id="h_elec">한전</button>
						<button id="c_elec">발전차</button>
						<button id="elec">발전기</button>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_request">
	  <div class="modal_wrap">
		<div class="modal_inner">
		  <div class="title_box">
			<h5>추가로 요청하실 내용이 있으신가요?</h5>
			<p>내용이 상세할수록 정확한 견적을 받을 수 있어요.</p>
		  </div>
		  <div class="progress_total_bar">
			<div class="bar"></div>
			<div class="progress_bar"></div>
		  </div>
		  <dl>
			<dt>요청사항</dt>
			<dd>
			  <textarea placeholder="ex)
리허설 : 리허설 있습니다. 오후 2시쯤 진행 예정
공연성격 : 오프닝(or 만찬) 공연입니다.
대상 : 40-50대 , 100명 , 남성
비용 : 악기 지참 비용, 교통비 등 포함 견적 희망합니다.
선곡 : 다같이 즐길 수 있는 신나는 곡으로 부탁드립니다." id="cast_memo"></textarea>
			</dd>
		  </dl>
		  <div class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_next">다음</button>
				</div>
		  <button class="btn_close" onclick="castingClose();return false;">닫기</button>
		</div>
	  </div>
	</div>


	<div class="modal modal_casting preview">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>섭외공고 미리보기</h5>
				</div>
				<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 class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting.preview');modal.open('casting.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting preview_system">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>섭외공고 미리보기</h5>
				</div>
				<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 class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting.preview_system');modal.open('casting.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting preview_rental">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>섭외공고 미리보기</h5>
				</div>
				<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 class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting.preview_rental');modal.open('casting.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting preview_people">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>섭외공고 미리보기</h5>
				</div>
				<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 class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting.preview_people');modal.open('casting.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting preview_etc">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>섭외공고 미리보기</h5>
				</div>
				<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 class="btn_box">
					<button class="btn_prev">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting.preview_etc');modal.open('casting.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting registration">
		<div class="modal_wrap">
			<div class="modal_inner">
				<span class="tit">공고 등록</span>
				<span class="txt">작성하신 내용으로 공고 등록(견적받기) 하시겠습니까?</span>
				<div class="btn_box">
					<button class="btn_cancel" onclick="castingClose();return false;">취소</button>
					<button class="btn_ok" onclick="registrationFn();">확인</button>
				</div>
			</div>
		</div>
	</div>


<!-- 20250709 신규 섭외공고
	<!-- 섭외공고 STEP 모달 -->

	<div class="modal modal_casting comp">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>섭외공고가 접수되었어요!</h5>
				</div>
				<div class="progress_total_bar">
					<div class="bar" style="width:100%"></div>
					<div class="progress_bar">100%</div>
				</div>
				<div class="txt_box">
					<span class="tit">아티스트가 견적을 보내면 알림톡으로 알려드려요.</span>
					<span class="txt">아티스트와 상세 조율은 채팅을 통해 할 수 있어요. </span>
				</div>
				<div class="btn_box">
					<button class="btn_ok" onclick="castingClose();return false;">확인</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>
						<!-- Add Arrows -->
						<div class="swiper-button-next btn btn_right"></div>
						<div class="swiper-button-prev btn btn_left"></div>
						<script>
							var prAdSwiperComp;
							$(function(){
								prAdSwiperComp = new Swiper('.modal_casting .compPradSwiper', {
									slidesPerView: 3,
									spaceBetween: 46,
									navigation: {
										nextEl: '.modal_casting .premiumAd .swiper-button-next',
										prevEl: '.modal_casting .premiumAd .swiper-button-prev'
									}
								});
							})
						</script>
					</div>
				</section>
				<button class="btn_close" onclick="castingClose();return false;">닫기</button>
			</div>
		</div>
	</div>



	<div class="modal modal_member_delete_confirm">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="btn_box">
					<input type="hidden" id="member_delete_modal_target"/>
				</div>
				<div class="form_wrap">
					<input type="hidden" name="login_type" value="add_member_group">
					<div class="ipt_wrap">
						<span class="tit">계정삭제</span>
					</div>
					<div class="ipt_wrap">
						<span class="txt">연결된 계정을 삭제하시겠습니까?</span>
					</div>
					<div class="btn_wrap">
						<button type="button" class="button btn_solid" onclick="member_group_delete();" style="border-radius: 60px"><span>확인</span></button>
						<button class="button btn_line" onclick="modal.close('member_delete_confirm');return false;" style="border-radius: 60px"><span>취소</span></button>
					</div>
				</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="32953">
	<input type="hidden" id="all_arti_id" name="all_arti_id"  value="ssgh2733">
	<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-5696-0171">
	<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>

		$(function(){
			var user_chat_cnt_team = '';

			if(user_chat_cnt_team == 'Y'){
				$(".chat_alarm_box").addClass('on');
				setTimeout(function () {
				  $(".chat_alarm_box").removeClass('on');
				}, 5000);

			}else{
				$(".chat_alarm_box").removeClass('on');
			}

			$(".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('비공개');
				}

				// $("#inCall").prop("checked", false); //등록한 행사정보 불러오기 비활성화
				// $("input:radio[name='castd']").prop("checked", false); //등록한 행사정보 불러오기 비활성화
				// $('.event_info').removeClass('on');
			})

			$(".select_one").on('click', "button", function(){
					$(this).siblings('button').removeClass('on');
					$(this).addClass('on');
					// $("#all_cast_genre3").val("");
					// var r_gen = $("button[name='gen'].on").text();
			})

			$(".select_three").on('click', "button", 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).attr('class') == '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();
						var temp_val = $("button[name='genre_sub_row[]'].on").eq(i).val();
						if(i==0){
							$("#all_cast_genre3").val(temp);
							$("#all_cast_genre3_val").val(temp_val);
						}else{
							$("#all_cast_genre3").val($("#all_cast_genre3").val()+","+temp);
							$("#all_cast_genre3_val").val($("#all_cast_genre3_val").val()+","+temp_val);
						}

					}

				}


				// console.log($("#all_cast_genre3").val());
			})

			$(".modal_casting.event_area").on('click', '.first_addr button', function(){
				let btnList = $(".first_addr button");
				let checkCnt = 0;
				btnList.each(function(){
					if($(this).attr('class') == 'on'){
						return checkCnt ++;
					}
				})
				if(checkCnt == 1){
					$(".second_addr").addClass('on');
					$(".detail_addr").addClass('on');
				}
			})

			$(".modal_casting.event_genre").on('click', ".radio_row input" , function(){
				if($("#selec").is(':checked')){
					$(".select_one.classification").addClass('on');
				}else{
					$(".select_one").removeClass('on');
					$(".select_three").removeClass('on');
					$(".detail_category_tit").removeClass('on');
					$(".second_tit").removeClass('on');
					$("#genre_fist button").removeClass('on');
				}
			})

			$(".modal_casting.event_genre").on('click', ".select_one.classification button" , function(){
				if($(this).hasClass('on')){
					$(".select_three.subdivision").addClass('on')
					$(".detail_category_tit").addClass('on')
					$(".second_tit").addClass('on')
				}
			})

			$(".modal_casting.event_name").on('click', '#inCall', function(){
				if($(this).is(':checked') == true){
					$('.event_info').addClass('on');
					$('#cast_name').val('');
					$("#cast_name_display").prop("checked", false); //비공개 비활성화
				}
				else{
					$('.event_info').removeClass('on');
				}
			})
		})


		$(function(){
			var $topbtn = $('#topBtn');
			$(window).scroll(function() {
				if ($(window).scrollTop() > 300) {
					$topbtn.show();
				} else {
					$topbtn.hide();
				}
			});
			$topbtn.on('click', function(e) {
				e.preventDefault();
				$('html, body').animate({scrollTop:0}, '300');
			});
			$(".widget").on('mouseenter', ".btn", function(){
				$(this).addClass('on');
			})

			$(".widget").on('mouseleave', ".btn", function(){
				$(this).removeClass('on');
			})
		})

		function area_sel(code){
			$.get("/main/get_area_sido/" ,{
				code : code
			},
			function(rslt){
				var rslt2=$.trim(rslt);
				// console.log(rslt2.length);
				if(rslt2.length > 24){
					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 genre_cate(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 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) {
			if (product_seq == '') {
				$("#customer_product_text").val("")
				$("#customer_product_text").show()
			}
			else {
				$("#customer_product_text").val("")
				$("#customer_product_text").hide()
			}

			$("#selected_customer_product_val").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_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 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);
					$('.third_genre').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('');
					$('.third_genre').hide();
					$('#cast_genre2').val(val2+">");
					$('#genre2').val(val);
					// $('#cast_genre_chk').val('Y');
				}
			});
		}

		function show_genre_sub_conf_str(val){

			// $("input[name='genre_sub_row[]']:checked").length
	  // 		var result_genre =
			  // $("#cast_genre3").val(val);
			  // var arr = [];
		//     var data= "";
			// 노출 사이트 구분

			// $("#all_cast_genre3").val($("#all_cast_genre3").val()+","+val);
			  // arr[arr.length] = $(v).val(obj);
			// };

			// for(var i=0; i<arr.length; i++){
			//   if(i!=0) {
			//       data+= ",";
			//   }
			//   data+= arr[i];
			// }



			// $("input[name='genre3']").val(data);

			// console.log($("#all_cast_genre3").val());
		}

		// 소비자 중요도 선택 시
		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")
		}

		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');
						}

						// genre_cate_chk(json.result_txt['SE_GENRE_GROUP']);
						if(json.result_txt['SE_GENRE_GROUP'] == '4' && json.result_txt['SE_GENRE1'] > 0){
							$("#selec").prop('checked', true); // 선택하기
							// $('.event_genre').find('#genre_fist').addClass('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']);
							$(".select_one.classification").addClass('on');
							$('.second_tit').addClass('on');
							$(".select_three.subdivision").addClass('on');


						}else if(json.result_txt['SE_GENRE_GROUP'] == '4' && json.result_txt['SE_GENRE1'] == 0){
							$("#choice").prop('checked', true); // 선택하기
							$('.classification').removeClass('on');
							$('#gen_'+json.result_txt['SE_GENRE1']).removeClass('on');
							$('.second_tit').removeClass('on');
							$(".select_three.subdivision").removeClass('on');
						}else{
							genre_cate_chk(json.result_txt['SE_GENRE_GROUP'],json.result_txt['SE_GENRE1']);
							$('#gen_'+json.result_txt['SE_GENRE1']).addClass('on');
						}

						$('#cast_date').val(json.result_txt['SE_SHOW_DATE']);
						$('.datepicker2').val(json.result_txt['SE_SHOW_DATE']);

						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);
						$("#pop_cast_time").find("a.sel").each((i, e) => {
							if ($(e).text() == show_time) {
								$(e).addClass("on")
							}
						})

						$('.step6').find('button').removeClass('on');

						$('#hope_'+json.result_txt['SE_SHOW_HOPE_TIME']).addClass('on');

						$('.step7').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_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){
				$("#inCall").prop("checked", false); //등록한 행사정보 불러오기 비활성화
				$("input:radio[name='castd']").prop("checked", false); //등록한 행사정보 불러오기 비활성화
				$('.event_info').removeClass('on');
			}

		}

		// 모달창 이전 클릭 시 이동
		function estimate_back_chk(type){
			var cate_val = $('.event_field').find('#cast_genre_chk .on').val();	// 최초 분야 시퀀스
			var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text();
			var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');

			if(type == 'gender'){
			//  ================================= 선호성별 =================================
				modal.close('casting.gender');

				if(cate_val == '4'){	// 공연팀
					modal.open('casting.sound_system');	// 음향기기
					return false;
				}else if(cate_val == '11'){	// MC
					modal.open('casting.event_running2');	// 얼마동안 진행 2
					return false;
				}else if(cate_val == '10'){	// 결혼식,돌잔치
					modal.open('casting.event_customer_importance');	// 섭외 시 가장 중요하게 생각하는 것
					return false;
				}
			}else if(type == 'event_product'){
			//  ================================= 제품&수량 =================================
				modal.close('casting.event_product');

				if(cate_val == '5'){	// 시스템
					modal.open('casting.event_place');	//	실내외
					return false;
				}else if(cate_val == '7'){	// 렌탈
					if(cast_hope_genre_id == 'gen_153' || cast_hope_genre_id == 'gen_158'){
						// 대형천막 , 공기막조형물
						modal.open('casting.event_area');	//	행사지역
						return false;
					}else{
						modal.open('casting.event_place');	//	실내외
						return false;
					}
				}else if(cate_val == '9'){	// 인력
					if(cast_hope_genre_id == 'gen_175' || cast_hope_genre_id == 'gen_184'){
						// 디자이너 , 음악감독
						modal.open('casting.event_area');	//	행사지역
						return false;
					}else{
						modal.open('casting.event_place');	//	실내외
						return false;
					}
				}else if(cate_val == '8'){	// 제작물..
					if(cast_hope_genre_id == 'gen_167' || cast_hope_genre_id == 'gen_243'){
						// 기념품 , 현수막
						modal.open('casting.event_area');	//	행사지역
						return false;
					}else{
						modal.open('casting.event_place');	//	실내외
						return false;
					}
				}
			}else if(type == 'setting_date'){
			//  ================================= 세팅일자 =================================
				modal.close('casting.setting_date');

				if(cate_val == '5' || cate_val == '7'){	// 시스템 , 렌탈
					modal.open('casting.rental_date');	//	렌탈기간
					return false;
				}else if(cate_val == '8'){	// 제작물..
					modal.open('casting.event_product');	//	제품&수량
					return false;
				}
			}else if(type == 'work_date'){
			//  ================================= 근무기간 - 인력만 있음. =================================
				modal.close('casting.work_date');

				if(cast_hope_genre_id == 'gen_182'){
					// 진행요원
					modal.open('casting.event_product');	//	제품&수량
					return false;
				}else if(cast_hope_genre_id == 'gen_187'){
					// VJ
					modal.open('casting.event_place');	//	실내외
					return false;
				}else{
					modal.open('casting.event_product');	//	제품&수량
					return false;
				}
			}else if(type == 'pro_use_date'){
			//  ================================= 사용기간 - 제작물... 만 있음 =================================
				modal.close('casting.pro_use_date');

				if(cast_hope_genre_id == 'gen_167' || cast_hope_genre_id == 'gen_243'){
					// 기념품 , 현수막
					modal.open('casting.event_product');	//	제품&수량
					return false;
				}else if(cast_hope_genre_id == 'gen_163' || cast_hope_genre_id == 'gen_164'){
					// 관객참여 , 체험프로그램
					modal.open('casting.event_place');	//	실내외
					return false;
				}
			}else if(type == 'event_request'){
			//  ================================= 마지막 단계 =================================
				modal.close('casting.event_request');

				if(cate_val == '4' || cate_val == '11' || cate_val == '10'){	// 공연팀 , MC , 돌잔치
					modal.open('casting.gender');	// 선호성별
					return false;
				}else if(cate_val == '5'){	// 시스템
					if(cast_hope_genre_id == 'gen_149' || cast_hope_genre_id == 'gen_152'){	// 무대 , 발전차
						modal.open('casting.setting_date');	// 세팅일자
						return false;
					}else{
						modal.open('casting.system');	// 전기유무
						return false;
					}
				}else if(cate_val == '7'){	// 렌탈
					modal.open('casting.setting_date');	// 세팅일자
					return false;
				}else if(cate_val == '9'){	// 인력
					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'){
						// 진행요원 , 도우미, 경호, 통역
						modal.open('casting.work_time');	// 근무시간
						return false;
					}else if(cast_hope_genre_id == 'gen_187'){
						// VJ
						modal.open('casting.work_date');	// 근무기간
						return false;
					}else if(cast_hope_genre_id == 'gen_175' || cast_hope_genre_id == 'gen_184' | cast_hope_genre_id == 'gen_186'){
						// 디자이너 , 음악감독 , 성우
						modal.open('casting.deli_date');	// 납품기간
						return false;
					}else{
						modal.open('casting.event_product');	// 제품&수량
						return false;
					}
				}else if(cate_val == '8'){	// 제작물..
					if(cast_hope_genre_id == 'gen_165' || cast_hope_genre_id == 'gen_169'){
						// 케이터링 , 푸드트럭
						modal.open('casting.event_product');	// 제품&수량
						return false;
					}else{
						modal.open('casting.deli_date');	// 납품기간
						return false;
					}
				}
			}

			// if(type == 'event_area'){
			// 	if(cast_hope_genre == '렌탈' || cast_hope_genre == '시스템'){
			// 		modal.close('casting.event_area');
			// 		modal.open('casting.setting_date');
			// 		return false;
			// 	}else if(cast_hope_genre == '제작/대행' || cast_hope_genre == '인력'){
			// 		modal.close('casting.event_area');
			// 		modal.open('casting.event_date');
			// 		return false;
			// 	}else{
			// 		modal.close('casting.event_area');
			// 		modal.open('casting.event_running');
			// 		return false;
			// 	}

			// }else if(type == 'event_request'){
			// 	if(cast_hope_genre == '시스템'){
			// 		if(cast_hope_genre_id == 'gen_149' || cast_hope_genre_id == 'gen_152'){	// 무대 , 발전차
			// 			modal.close('casting.event_request');
			// 			modal.open('casting.setting_date');
			// 			return false;
			// 		}else{
			// 			modal.close('casting.event_request');
			// 			modal.open('casting.system');
			// 			return false;
			// 		}
			// 	}else if(cast_hope_genre == '렌탈'){
			// 		modal.close('casting.event_request');
			// 		modal.open('casting.setting_date');
			// 		return false;
			// 	}else if(cast_hope_genre == '인력'){
			// 		modal.close('casting.event_request');
			// 		modal.open('casting.setting_date');
			// 		return false;
			// 	}else{
			// 		modal.close('casting.event_request');
			// 		modal.open('casting.gender');
			// 		return false;
			// 	}


			// 	// if(cast_hope_genre == '시스템'){
			// 	// 	modal.close('casting.event_request');
			// 	// 	modal.open('casting.system');
			// 	// 	return false;
			// 	// }else if(cast_hope_genre == '렌탈' || cast_hope_genre == '제작/대행'){
			// 	// 	modal.close('casting.event_request');
			// 	// 	modal.open('casting.event_place');
			// 	// 	return false;
			// 	// }else{
			// 	// 	modal.close('casting.event_request');
			// 	// 	modal.open('casting.gender');
			// 	// 	return false;
			// 	// }

			// }else if(type == 'gender'){
			// 	if(cast_hope_genre == '인력'){
			// 		modal.close('casting.gender');
			// 		modal.open('casting.event_place');
			// 		return false;
			// 	}else{
			// 		modal.close('casting.gender');
			// 		modal.open('casting.sound_system');
			// 		return false;
			// 	}
			// }

		}

		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 estimate_chk(type){

			var cate_val = $('.event_field').find('#cast_genre_chk .on').val();

			// 분야 선택
			if(type == 'event_field'){
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text();

				let modal_prev = $(".modal_casting.preview");

				if(cast_hope_genre == ''){
					alert('분야를 선택해주세요.');
					return false;
				}else{
					modal.close('casting.event_field');
					modal.open('casting.event_genre');

					genre_cate(cate_val);

					if(cate_val == "4"){
						$(".event_genre .radio_row").addClass("on");
						if($("#selec").is(':checked')){
							$(".event_genre .select_one.classification").addClass('on');
						}else{
							$(".event_genre .select_one.classification").removeClass('on');
						}
						// $(".event_genre .select_one.classification").removeClass('on');
					} else {
						$(".event_genre .radio_row").removeClass("on");
						$(".event_genre .select_one.classification").addClass('on');
						$(".event_genre .detail_category_tit").removeClass('on');
						$(".event_genre .select_three").removeClass('on');

					}

					if(cate_val != "4"){
						$('#all_cast_categore_group').val('');
						$('#all_cast_genre3').val('');
					}

					return false;
				}

			}
			else if(type == '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();

				if($("input:radio[id=choice]").is(":checked") == true){
					$('#cast_genre2').val('');
					$('#all_cast_genre3').val('쇼글 매니저 추천');
					modal.close('casting.event_customer_importance');
					modal.open('casting.event_genre');
					return false;
				}
				else if(cast_hope_genre_str == ''){
					alert('분야를 선택해주세요.');
					return false;
				}
				else if(cast_hope_genre_sub_str == '' && cate_val_chk == '4'){
					alert('세부 분야를 선택해주세요.');
					return false;
				}
				else{
					// 소비자 중요도
					//customer_importance_list($("#genre2").val())
					modal.close('casting.event_genre');
					modal.open('casting.event_name');
					// modal.open('casting.event_customer_importance');
					return false;
				}

			}
			else if(type == 'event_name'){	// 행사명
				let show_name_display = $("input:checkbox[name=cast_name_display]").is(":checked");
				if(show_name_display == true){
					$('#all_name_display').val('Y');
					modal.close('casting.event_name');
					// modal.open('casting.event_status');
					modal.open('casting.event_date');
					return false;
				}

				if($('#cast_name').val() == ''){
					alert('행사명을 입력해주세요.');
					return false;
				}else{
					if(show_name_display == false){
						$('#all_name_display').val('N');

						modal.close('casting.event_name');
						// modal.open('casting.event_status');
						modal.open('casting.event_date');
						return false;
					}
				}
			}
			else if(type == 'event_date'){	// 행사일
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text();
				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{

					modal.close('casting.event_date');
					modal.open('casting.event_area');
					return false;

					// if(cast_hope_genre == '공연팀, MC' || cast_hope_genre == '결혼식&돌잔치'){
					// 	modal.close('casting.event_date');
					// 	modal.open('casting.event_running');
					// 	return false;
					// }else if(cast_hope_genre == '시스템' || cast_hope_genre == '렌탈'){
					// 	modal.close('casting.event_date');
					// 	modal.open('casting.setting_date');
					// 	return false;
					// }else if(cast_hope_genre == '제작/대행' || cast_hope_genre == '인력'){
					// 	modal.close('casting.event_date');
					// 	modal.open('casting.event_area');
					// 	return false;
					// }else{
					// 	modal.close('casting.event_date');
					// 	modal.open('casting.event_area');
					// 	return false;
					// }
				}
			}
			else if(type == 'event_area'){	// 행사 장소
				var cate_val_chk = $('.event_field').find('#cast_genre_chk .on').val();
				var cast_area_str = $('.event_area').find('#cast_area .on').text();
				var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');

				// console.log(cast_hope_genre_str);
				if(cast_area_str == ''){
					alert('시/도를 선택해주세요.');
					return false;
				}else if($('#cast_area2').val() == '' && $('#cast_area_chk').val() == 'N'){
					alert('시/군구를 입력해주세요.');
					return false;
				}else{
					// 공연팀 , MC , 결혼식 , 시스템
					if(cate_val_chk == '4' || cate_val_chk == '11' || cate_val_chk == '10' || cate_val_chk == '5'){
						modal.close('casting.event_area');
						modal.open('casting.event_place');
						return false;
					}else{
						if(cate_val_chk == '7' && (cast_hope_genre_id == 'gen_153' || cast_hope_genre_id == 'gen_158')){
							// 렌탈 - 대형천막 , 공기막조형물
							customer_product_list($("#genre2").val())
							modal.close('casting.event_area');
							modal.open('casting.event_product');
							return false;
						}else if(cate_val_chk == '9' && (cast_hope_genre_id == 'gen_175' || cast_hope_genre_id == 'gen_184')){
							// 인력 - 디자이너 , 음악감독
							customer_product_list($("#genre2").val())
							modal.close('casting.event_area');
							modal.open('casting.event_product');
							return false;
						}else if(cate_val_chk == '8' && (cast_hope_genre_id == 'gen_167' || cast_hope_genre_id == 'gen_243')){
							// 제작물.. - 기념품 , 현수막
							customer_product_list($("#genre2").val())
							modal.close('casting.event_area');
							modal.open('casting.event_product');
							return false;
						}else{
							modal.close('casting.event_area');
							modal.open('casting.event_place');
							return false;
						}
					}

				}
			}
			else if(type == 'event_place'){	// 행사 실내외
				var cate_val_chk = $('.event_field').find('#cast_genre_chk .on').val();
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text();
				var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');
				var cast_place_str = $('.event_place').find('#cast_place .on').text();
				if(cast_place_str == ''){
					alert('공연장소 실내외를 선택해주세요.');
					return false;
				}else{

					// 공연팀 , MC , 결혼식 , 시스템
					if(cate_val_chk == '4' || cate_val_chk == '11' || cate_val_chk == '10'){
						// 소비자 중요도
						customer_importance_list($("#genre2").val())
						modal.close('casting.event_place');
						modal.open('casting.event_customer_importance');
						return false;
					}else{
						if(cast_hope_genre_id == 'gen_185'){
							// 인력 - VJ
							modal.close('casting.event_place');
							modal.open('casting.event_request');
							return false;
						}else if(cast_hope_genre_id == 'gen_163' || cast_hope_genre_id == 'gen_164'){
							//제작물 - 관객참여프로그램 , 체험프로그램
							modal.close('casting.event_place');
							modal.open('casting.pro_use_date');
							return false;
						}else{
							customer_product_list($("#genre2").val())
							modal.close('casting.event_place');
							modal.open('casting.event_product');
							return false;
						}

					}

					// if(cast_hope_genre == '시스템'){
					// 	modal.close('casting.event_place');
					// 	modal.open('casting.system');
					// 	return false;
					// }else if(cast_hope_genre == '렌탈' || cast_hope_genre == '제작/대행'){
					// 	modal.close('casting.event_place');
					// 	modal.open('casting.event_request');
					// 	return false;
					// }else if(cast_hope_genre == '인력'){
					// 	modal.close('casting.event_place');
					// 	modal.open('casting.gender');
					// 	return false;
					// }else{
					// 	modal.close('casting.event_place');
					// 	modal.open('casting.sound_system');
					// 	return false;
					// }

				}
			}
			else if(type == 'event_product'){	// 제품&수량
				// product_ib_시퀀스 하드코딩
				// SH_CUSTOMER_PRODUCT
				var cate_val_chk = $('.event_field').find('#cast_genre_chk .on').val();
				var cast_hope_genre_id = $('.event_genre #genre_fist .on').attr('id');
				// =========================== 시스템  ======================================
				if(cate_val_chk == '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_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_29').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_chk == '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_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_chk == '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_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();
						console.log(cast_time_str_st);
						console.log(cast_time_str_ed);
						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_chk == '8'){	// 제작물,프로그램,음식
					if(cast_hope_genre_id == 'gen_167'){	// 기념품
						if($('#product_ib_106').val() == ''){
							alert('필요한 제품과 수량을 입력해 주세요.');
							return false;
						}
					}

					if(cast_hope_genre_id == 'gen_243'){	// 현수막
						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_165'){
						if ($("#customer_product_section button.on").length == 0 && $('#product_ib_126').val() == '') {
							alert('준비 인원을 확인해 주세요.');
							return false;
						}
					}

					if(cast_hope_genre_id == 'gen_169'){
						if ($("#customer_product_section button.on").length == 0 && $('#product_ib_127').val() == '') {
							alert('원하는 서비스를 확인해 주세요.');
							return false;
						}
					}
				// =========================== 제작물,프로그램,음식 끝======================================
				//
				}

				// JSON 가공
				const result = {};
				const section = document.querySelector('#customer_product_section');
				const children = Array.from(section.children);

				let i = 0;
				let currentQuestion = null;

				while (i < children.length) {
				    const el = children[i];

				    if (el.classList.contains('question_title')) {
				        currentQuestion = el.textContent.trim();
				        result[currentQuestion] = {};  // 질문 시작할 때 초기화
				        i++;
				        continue;
				    }

				    if (!currentQuestion) {
				        i++;
				        continue;
				    }

				    // 버튼 그룹
				    if (children[i].tagName === 'BUTTON') {
				        while (children[i] && children[i].tagName === 'BUTTON') {
				            if (children[i].classList.contains('on')) {
				                result[currentQuestion]['선택'] = children[i].textContent.trim();
				            }
				            i++;
				        }
				        continue;
				    }

				    // 인풋 그룹
				    if (children[i] && children[i].tagName === 'INPUT') {
					    while (children[i] && children[i].tagName === 'INPUT') {
					        let labelText = '';

					        // 먼저 텍스트 노드 찾기
					        let prev = children[i].previousSibling;
					        while (prev) {
					            if (prev.nodeType === Node.TEXT_NODE && prev.textContent.trim()) {
					                labelText = prev.textContent.trim().split(':')[0];
					                break;
					            }
					            prev = prev.previousSibling;
					        }

					        // 그래도 없으면 previousElementSibling
					        if (!labelText) {
					            const labelNode = children[i].previousElementSibling;
					            if (labelNode) {
					                labelText = labelNode.textContent.trim().split(':')[0];
					            }
					        }

					        if (!labelText) labelText = '값';

					        const value = children[i].value.trim();
					        if (value !== '') {
					            result[currentQuestion][labelText] = value;
					        }

					        i++;
					    }
					    continue;
					}



				    // 셀렉트 그룹
				    if (children[i].querySelector && children[i].querySelector('.select')) {
				        while (i < children.length && children[i].classList.contains('range_box')) {
				            const rangeBox = children[i];

				            let label = '';
				            let prev = rangeBox.previousSibling;
				            while (prev && prev.nodeType !== Node.TEXT_NODE) {
				                prev = prev.previousSibling;
				            }
				            if (prev && prev.nodeType === Node.TEXT_NODE) {
				                label = prev.textContent.trim().replace(':', '');
				            }

				            const selects = rangeBox.querySelectorAll('.select');
				            const selectedValues = [];

				            selects.forEach(select => {
				                const selected = select.querySelector('.sel.on, .sel.active');
				                if (selected) {
				                    selectedValues.push(selected.textContent.trim());
				                }
				            });

				            result[currentQuestion][label] =
				                selectedValues.length === 1
				                    ? selectedValues[0]
				                    : selectedValues;

				            i++;
				        }
				        continue;
				    }

				    i++;
				}


				// console.log(JSON.stringify(result, null, 2));
				$('#all_customer_product_val').val(JSON.stringify(result, null, 2));

				if(cate_val_chk == '5' || cate_val_chk == '7'){	// 시스템, 렌탈
					modal.close('casting.event_product');
					modal.open('casting.rental_date');
					return false;
				}else if(cast_hope_genre_id == 'gen_175' || cast_hope_genre_id == 'gen_184' || cast_hope_genre_id == 'gen_186' || cast_hope_genre_id == 'gen_167' || cast_hope_genre_id == 'gen_243'){
					// 인력 - 디자이너 , 음악감독, 성우
					// 제작물 - 기념품, 현수막
					modal.close('casting.event_product');
					modal.open('casting.deli_date');
					return false;
				}else if(cast_hope_genre_id == 'gen_182' || cast_hope_genre_id == 'gen_185' || cast_hope_genre_id == 'gen_187' || cast_hope_genre_id == 'gen_188' || cast_hope_genre_id == 'gen_189'){
					// 인력 - 진행요원 , VJ , 도우미, 경호, 통역
					modal.close('casting.event_product');
					modal.open('casting.work_date');
					return false;
				}else if(cast_hope_genre_id == 'gen_163' || cast_hope_genre_id == 'gen_164'){
					// 제작물.. -  관객참여, 체험
					modal.close('casting.event_product');
					modal.open('casting.pro_use_date');
					return false;
				}else if(cast_hope_genre_id == 'gen_165' || cast_hope_genre_id == 'gen_169'){
					// 제작물.. - 케이터링, 푸드트럭
					modal.close('casting.event_product');
					modal.open('casting.setting_date');
					return false;
				}else{
					modal.close('casting.event_product');
					modal.open('casting.event_request');
					return false;
				}
			}
			else if(type == 'deli_date'){	// 납품
				if($('#delivery_date').val() == ''){
					alert('납품일을 선택해주세요.');
					return false;
				}else{
					modal.close('casting.deli_date');
					modal.open('casting.event_request');
					return false;
				}
			}
			else if(type == 'pro_use_date'){	// 사용기간
				if($('#pro_use_date_st').val() == '' || $('#pro_use_date_ed').val() == ''){
					alert('사용기간을 선택해주세요.');
					return false;
				}else{
					modal.close('casting.pro_use_date');
					modal.open('casting.event_request');
					return false;
				}
			}
			else if(type == 'work_date'){	// 근무기간
				if($('#working_date_st').val() == '' || $('#working_date_ed').val() == ''){
					alert('근무기간을 선택해주세요.');
					return false;
				}else{
					modal.close('casting.work_date');
					modal.open('casting.work_time');
					return false;
				}
			}
			else if(type == '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{
					modal.close('casting.work_time');
					modal.open('casting.event_request');
					return false;
				}
			}
			else if(type == 'rental_date'){	// 렌탈
				if($('#rental_date_st').val() == '' || $('#rental_date_ed').val() == ''){
					alert('렌탈일시를 선택해주세요.');
					return false;
				}else{
					modal.close('casting.rental_date');
					modal.open('casting.setting_date');
					return false;
				}
			}
			else if(type == 'event_status'){
				// var cast_chk_str = $('.event_status').find('#cast_chk .on').text();
				// if(cast_chk_str  == ''){
				// 	alert('현황을 선택해주세요.');
				// 	return false;
				// }else{
				// 	modal.close('casting.event_status');
				// 	modal.open('casting.event_field');
				// 	return false;
				// }
			}
			else if(type == 'event_customer_importance') {	// 소비자 중요도
				var cate_val_chk = $('.event_field').find('#cast_genre_chk .on').val();
				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())
						}
					}
				}

				// 공연팀
				if(cate_val_chk == '4'){
					modal.close('casting.event_customer_importance');
					modal.open('casting.event_running');
					return false;
				}else if(cate_val_chk == '11'){	// MC
					modal.close('casting.event_customer_importance');
					modal.open('casting.event_running2');
					return false;
				}else{	// 결혼식..
					modal.close('casting.event_customer_importance');
					modal.open('casting.gender');
					return false;
				}
			}
			else if(type == 'event_running'){	// 희망시간
				var cate_val_chk = $('.event_field').find('#cast_genre_chk .on').val();
				if(cate_val_chk == '4'){
					var cast_hope_time_str = $('.event_running').find('#cast_hope_time .on').text();
				}else if(cate_val_chk == '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(cate_val_chk == '4'){
						modal.close('casting.event_running');
						modal.open('casting.sound_system');
						return false;
					}else if(cate_val_chk == '11'){	// MC
						modal.close('casting.event_running2');
						modal.open('casting.gender');
						return false;
					}
				}
			}
			else if(type == 'sound_system'){	// 음향기기
				var cast_device_str = $('.sound_system').find('#cast_device .on').text();
				if(cast_device_str == ''){
					alert('음향기기 유무를 선택해주세요.');
					return false;
				}else{
					modal.close('casting.sound_system');
					modal.open('casting.gender');
					return false;
				}
			}
			else if(type == 'gender'){	// 선호 성별
				var cast_gender_str = $('.gender').find('#cast_gender .on').text();
				if(cast_gender_str == ''){
					alert('선호하는 성별을 선택해주세요.');
					return false;
				}else{
					modal.close('casting.gender');
					modal.open('casting.event_request');
					return false;
				}
			}

			else if(type == 'setting_date'){	// 셋팅 일자
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text().trim();
				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_time_str = $('.setting_date').find('.range_box #pop_setting_time .on').text();
				var cast_str = $('.setting_date').find('.range_box .btn_sel').text();

				if($('#cast_date2').val() == ''){
					alert('셋팅일시를 선택해주세요.');
					return false;
				}else if($('#cast_date2').val() != '미정' && cast_time_str == ''){
					alert('셋팅시간을 선택해주세요.');
					return false;
				}else{
					if(cast_hope_genre == '렌탈' || cate_val_chk == '8'){	// 렌탈 , 제작물 ..
						modal.close('casting.setting_date');
						modal.open('casting.event_request');
						return false;
					}else{
						if(cast_hope_genre_id == 'gen_149' || cast_hope_genre_id == 'gen_152'){	// 시스템 - 무대,발전차
							modal.close('casting.setting_date');
							modal.open('casting.event_request');
							return false;
						}else{
							modal.close('casting.setting_date');
							modal.open('casting.system');
							return false;
						}
					}
				}
			}
			else if(type == 'system'){	// 전기유무
				var cast_system_str = $('.system').find('#cast_system .on').text();
				if(cast_system_str == ''){
					alert('전기를 선택해주세요.');
					return false;
				}else{
					modal.close('casting.system');
					modal.open('casting.event_request');
					return false;
				}
			}

			else if(type == 'event_request'){	// 미리보기
				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();
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text().trim();

				// 분야별 모달 설정
				var preview_modal_cls = '';
				// console.log(cate_val_chk, typeof cate_val_chk);
				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';
				}

				// ======================================================================================================
				//	========================================== 미리보기 =======================================================
				// ======================================================================================================
				$('.'+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($('.step4').find('#genre_sub .on').text());
				$('#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_genre3').val($('#genre3').val());
				$('#all_cast_date').val($('#cast_date').val());

				// if(cast_time_str !=''){
				// 	// var cast_time = $('.event_date').find('.range_box #btn_sel_dy').text().substring(0, 2)
				// 	// var cast_noon = $('.event_date').find('.range_box #btn_sel_noon').text()
				// 	// if (cast_noon == "오후") {
				// 	// 	cast_time = parseInt(cast_time) + 12;
				// 	// 	cast_time += ":00";
				// 	// }
				// 	// $('#all_cast_st_time').val(cast_time);0
				// 	var cast_time = $('.event_date').find('.range_box #pop_cast_time a.on').data('time_val');
				// 	$('#all_cast_st_time').val(cast_time)
				// 	// $('.event_date').find('.range_box #btn_sel_dy').text()
				// 	// $("#all_cast_noon").val($('.event_date').find('.range_box #btn_sel_noon .on').text())
				// }else{
				// 	var cast_time = $('.event_date').find('.range_box #btn_sel_dy').text().substring(0, 2)
				// 	var cast_noon = $('.event_date').find('.range_box #btn_sel_noon').text()
				// 	if (cast_noon == "오후") {
				// 		cast_time = parseInt(cast_time) + 12;
				// 		cast_time += ":00";
				// 	}
				// 	$('#all_cast_st_time').val(cast_time);


				// 	var cast_time = $('.event_date').find('.range_box #pop_cast_time a.on').data('time_val');
				// 	// $("#all_cast_noon").val($('.event_date').find('.range_box #btn_sel_noon .on').text())
				// }


				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());

				modal.close('casting.event_request');
				modal.open('casting.'+preview_modal_cls);

				return false;
			}
			else if(type == 'registration'){
				var queryString = $("form[name=estimate_cast_all]").serialize();

				$.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'){
							modal.close('casting.registration');
							modal.open('casting.comp');
							prAdSwiperComp.update();
							return false;
						}
					}
				});
			}
		}

		function arti_estimate_chk_foo(){
			$('#arti_view_chk').val('N');
		}

		function non_select(){
			alert('소비자 회원만 이용 가능합니다.');
			return false;
		}

		// 마이쇼글 계정 추가 모달 로그인
		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 => {
					// console.log(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)
				}
			})
		}

		// 시간 표시 조정 - 오전/오후
		$(() => {
			$("#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()
		})
		$("#pop_setting_time_beforenoon").on("click", function() {
			$("#pop_setting_time").closest("div.select").find("a.btn_sel").text("시간 선택")
			$("#pop_setting_time").find("a.sel").removeClass("on")
			$("#pop_setting_time").find("a.sel.beforenoon_sel_setting").show()
			$("#pop_setting_time").find("a.sel.afternoon_sel_setting").hide()
		})
		$("#pop_setting_time_afternoon").on("click", function() {
			$("#pop_setting_time").closest("div.select").find("a.btn_sel").text("시간 선택")
			$("#pop_setting_time").find("a.sel").removeClass("on")
			$("#pop_setting_time").find("a.sel.beforenoon_sel_setting").hide()
			$("#pop_setting_time").find("a.sel.afternoon_sel_setting").show()
		})
		$("#pop_pd_time_beforenoon").on("click", function() {
			$("#pop_prd_time").closest("div.select").find("a.btn_sel").text("시간 선택")
			$("#pop_prd_time").find("a.sel").removeClass("on")
			$("#pop_prd_time").find("a.sel.beforenoon_sel_prd").show()
			$("#pop_prd_time").find("a.sel.afternoon_sel_prd").hide()
		})
		$("#pop_pd_time_afternoon").on("click", function() {
			$("#pop_prd_time").closest("div.select").find("a.btn_sel").text("시간 선택")
			$("#pop_prd_time").find("a.sel").removeClass("on")
			$("#pop_prd_time").find("a.sel.beforenoon_sel_prd").hide()
			$("#pop_prd_time").find("a.sel.afternoon_sel_prd").show()
		})
		// 시간 표시 조정 - 오전/오후

	</script>
</footer>
</div>

<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 110764 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. -->
<script type="text/javascript">var _TRK_LID = "110764";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=110764&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_3b3db13291f2";
if (!_nasa) var _nasa={};
if(window.wcs){
wcs.inflow();
wcs_do(_nasa);
}
</script>

</body>
</html>