<!--array(48) {
  ["M_SEQ"]=>
  string(5) "30579"
  ["M_ID"]=>
  string(9) "dagamdong"
  ["T_NAME"]=>
  string(9) "클라라"
  ["T_GENRE_GROUP"]=>
  string(1) "4"
  ["T_GENRE1"]=>
  string(2) "10"
  ["T_GENRE2"]=>
  string(2) "30"
  ["T_PEOPLE"]=>
  string(1) "4"
  ["T_TIME"]=>
  string(2) "30"
  ["T_AREA"]=>
  string(6) "서울"
  ["T_AREATYPE"]=>
  string(1) "0"
  ["T_AGENT_ID"]=>
  NULL
  ["T_PRICE"]=>
  string(7) "2000000"
  ["T_DISCOUNT"]=>
  string(1) "0"
  ["T_SHOWPRICE"]=>
  string(1) "0"
  ["T_COMMISSION"]=>
  string(1) "0"
  ["T_SIMPLEINTRO"]=>
  string(66) "국내 유일 여성 4인조 팝페라그룹 클라라 입니다. "
  ["T_MEMBERINTRO"]=>
  string(0) ""
  ["T_DETAILINTRO"]=>
  string(428) "국내 유일 여성 4인조 팝페라그룹 클라라 입니다. 4인4색의 아름다운 하모니와 퍼포먼스를 선사합니다. 국내외 가장 활발하게 활동하고 있는 각종 시상식 및 중요 국가 및 기업행사 섭외 1순위 여성 팝페라팀이며, 클래시컬한 곡부터 가요, 7080, 팝 등 다양한 장르의 곡들을 저희만의 아름다운 하모니로 각색하여 공연합니다. "
  ["T_RECORD"]=>
  string(1504) "방송 및 해외 행사

-KBS 1 VS 100 출연
-KBS 헌혈, 생명을 나눕시다 출연
-MBC 함평나비축제 공연 출연
-Inet 전국가요대행진 출연
-중국 상해공연
-미국 오렌지카운티 한인축제 공연
-미국 한인교회 복음투어 공연 외 다수

공공기관 행사

-서울 시청 공연
-남해군청 공연
-대구 달성군민체전 공연
-거제도 차없는거리 페스티벌 공연
-전남영암 군민의날
-전남영암 국화축제
-영암 왕인문화축제
-서울시 정년명예퇴임식
-한국세무사회 신년회
-인천공항 문화와 하늘을 잇다
-고궁박물관 개관10주년 기념 공연
-일산호수공원 꽃빛축제
-석촌호수 벚꽃축제 행사
-남해군청 문화가있는날 작은음악회
-대구 비슬산 참꽃 문화제 외 다수

기업행사

-아모레퍼시픽 시상식 공연
-삼성화재 톡투유 공연
-한국소비자만족지수1위 시상식 공연
-제42회 관광의날 기념 공연
-강남세브란스병원 드림콘서트
-프로암 골프대회 공연
-거제도 레이디스 클래식 공연
-하야트 퍼플즈파티 공연
-한미약품 제약회사 심포지엄 행사
-동아ST 영업본부 시상식 공연
-매리어트 VIP 공연
-워커힐호텔 중국 VVIP 파티 공연
-한국품질만족도1위 공연
-대한민국 고객만족브랜드대상 공연
-국가품질만족지수1위 공연
-아우디 Fascination 3일공연 외 다수"
  ["T_REPATORY"]=>
  string(998) "클래식/팝페라

-Lucente Stella 위풍당당행진곡
-쇼스타코비치 왈츠 No.2
-Habanera (카르멘의 아리아)
-Time to say goodbye
-You raise me up
-A love until end of time
-My way
-Running (사라 브라이트만)
-신아리랑
-아름다운나라
-10월에 어느 멋진날에
그외 다수 


OST

-날 울게하소서 (Lascia Chio Pianga / 영화 파리넬리 OST)
-Por Una Cabeza (영화 여인의 향기 OST)
-그대 내게 행복을 주는 사람 (영화 파파로티 OST)
-백일몽 (영화 쎄시봉 OST)
-월량대표아적심 (영화 첨밀밀 OST)
-야래향 (첨밀밀 OST)
-Let it go (겨울왕국 OST)
-디즈니 메들리
-아바 메들리
-크리스마스 메들리
그외 다수 


가요
-너에게 (1집앨범 타이틀 곡)
-거위의 꿈 (인순이)
-꽃밭에서 (조관우)
-아아 대한민국 (정수라)
-바람이 불어오는곳 (김광석)
-봄봄봄 (로이킴)
-사랑했지만 (김광석)
-여행을 떠나요"
  ["T_TECHRIDER"]=>
  string(74) "-무선마이크 4대
모니터스피커보
-대기실 / 탈의실
-물"
  ["T_FILE_ORG"]=>
  string(41) "팝페라그룹_클라라_소개서12.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) "2023-02-18 15:28:57"
  ["APPR_DATE"]=>
  NULL
  ["UPD_DATE"]=>
  string(19) "2024-04-19 16:12:39"
  ["APPR_SEQ"]=>
  NULL
  ["T_RECOMMENDER"]=>
  string(0) ""
  ["T_AGREECONT"]=>
  string(1) "1"
  ["T_SHOWHUB_AGENCIES"]=>
  string(1) "0"
  ["T_050NUM"]=>
  NULL
  ["T_REQDATE"]=>
  string(19) "2023-02-18 15:28:57"
  ["T_MEMNUM"]=>
  string(1) "Y"
  ["T_AGENCIES_YN"]=>
  string(0) ""
  ["T_GENRE_GROUP_NAME"]=>
  string(12) "공연팀&MC"
  ["T_GENRE1_NAME"]=>
  string(6) "노래"
  ["T_GENRE2_NAME"]=>
  string(9) "팝페라"
  ["CAST_CNT"]=>
  string(1) "4"
  ["MEMBER_CNT"]=>
  string(1) "0"
  ["MOVIE_CNT"]=>
  string(1) "4"
  ["PHOTO_CNT"]=>
  string(1) "4"
  ["PS_CNT"]=>
  string(1) "1"
  ["DIBS_CNT"]=>
  string(1) "3"
}
--><!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?1735577326">
	<link rel="stylesheet" type="text/css" href="/assets/css/reset.css?1735577326">

	<!-- 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?1735577326"></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?1735577326">
	<link rel="stylesheet" type="text/css" href="/assets/css/main.css?1735577326">

	<!-- 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">공연팀&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=177">인력</a></li>
						<li><a href="/show?genre=163">제작/대행</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="#">공연팀&MC</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>
							<li><a href="/show?genre=15&sub_genre=74"><span class="strong">MC</span></a></li>
					</ul>
					</div>
				</div>
				<div class="menu_1depth enter_col">
					<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="beta_box">
					<p class="tit"><span>Beta</span>service</p>
					<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=147"><span class="strong">중계</span></a></li>
							<li><a href="/show?genre=231"><span class="strong">레이저</span></a></li>
							<li><a href="/show?genre=233"><span class="strong">종합시스템</span></a></li>
							<li><a href="/show?genre=145"><span class="strong">구조물(트러스,레이허)</span></a></li>
							<li><a href="/show?genre=148"><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=151"><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=157"><span class="strong">전기공사</span></a></li>
							<li><a href="/show?genre=158"><span class="strong">공기막조형물(바운스.에어돔)</span></a></li>
							<li><a href="/show?genre=159"><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=162"><span class="strong">통역부스</span></a></li>
							<li><a href="/show?genre=223"><span class="strong">악기렌탈</span></a></li>
							<li><a href="/show?genre=225"><span class="strong">소품대여/제작</span></a></li>
							<li><a href="/show?genre=224"><span class="strong">행사용품</span></a></li>
							<li><a href="/show?genre=226"><span class="strong">의상대여</span></a></li>
							<li><a href="/show?genre=229"><span class="strong">놀이기구·게임기</span></a></li>
							<li><a href="/show?genre=230"><span class="strong">홍보툴</span></a></li>
						</ul>
					</div>
					<div class="menu_1depth">
						<h2><a href="#">인력</a></h2>
						<ul>
							<li><a href="/show?genre=177"><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">디자이너(2D,3D)</span></a></li>
							<li><a href="/show?genre=176"><span class="strong">삽화</span></a></li>
							<li><a href="/show?genre=179"><span class="strong">프리랜서 기획자</span></a></li>
							<li><a href="/show?genre=180"><span class="strong">행사PM</span></a></li>
							<li><a href="/show?genre=181"><span class="strong">연출감독</span></a></li>
							<li><a href="/show?genre=182"><span class="strong">진행요원(운영인력)</span></a></li>
							<li><a href="/show?genre=183"><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>
							<li><a href="/show?genre=227"><span class="strong">수어</span></a></li>
						</ul>
					</div>
					<div class="menu_1depth">
						<h2><a href="#">제작/대행</a></h2>
						<ul>
							<li><a href="/show?genre=163"><span class="strong">관객참여프로그램</span></a></li>
							<li><a href="/show?genre=164"><span class="strong">체험프로그램</span></a></li>
							<li><a href="/show?genre=165"><span class="strong">케이터링</span></a></li>
							<li><a href="/show?genre=167"><span class="strong">기념품</span></a></li>
							<li><a href="/show?genre=169"><span class="strong">푸드트럭</span></a></li>
							<li><a href="/show?genre=172"><span class="strong">메타버스</span></a></li>
							<li><a href="/show?genre=170"><span class="strong">수송</span></a></li>
							<li><a href="/show?genre=171"><span class="strong">방역</span></a></li>
							<li><a href="/show?genre=168"><span class="strong">단체티</span></a></li>
							<li><a href="/show?genre=166"><span class="strong">행사보험</span></a></li>
							<li><a href="/show?genre=173"><span class="strong">홍보대행(온라인)</span></a></li>
						</ul>
					</div>
				</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?1735577326">
			<script>
				$(document).on('ready', function(){
				    var ogUrl = window.location.href;
				    $('meta[property="og:image"]').after('<meta property="og:url" content="/uploads/artist_photo/328.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');
		});

		function video_more(){
	        $.get("/show/get_video_more/" ,{
		        video_st : video_st,
        		video_ls : video_ls,
		        t_seq : 30579
	        },
	        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 : 30579,
		        genre : 10,
		        sub_genre : 30,
		        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 : 30579
	        },
	        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="">
		<div class="container">
			<section class="page_top">
				<div class="line_map">
					<span>홈</span> <span class="strong">공연팀&MC</span>
				</div>
				<h3>공연팀&MC</h3>
				<div class="top_tab">
						<a href="/show"><span>전체</span></a>
						<a href="/show?genre=10" class="on"><span>노래</span></a>
						<a href="/show?genre=192" ><span>연주</span></a>
						<a href="/show?genre=11" ><span>댄스무용</span></a>
						<a href="/show?genre=12" ><span>전통</span></a>
						<a href="/show?genre=13" ><span>퍼포먼스</span></a>
						<a href="/show?genre=14" ><span>기획공연</span></a>
						<a href="/show?genre=15" ><span>MC</span></a>
				</div>
				<div class="depth2_tab">
						<a href="/show?genre=10&sub_genre=236" >버스킹·어쿠스틱</a>
						<a href="/show?genre=10&sub_genre=26" >가요·팝</a>
						<a href="/show?genre=10&sub_genre=20" >아카펠라</a>
						<a href="/show?genre=10&sub_genre=30" class="on">팝페라</a>
						<a href="/show?genre=10&sub_genre=204" >뮤지컬갈라</a>
						<a href="/show?genre=10&sub_genre=21" >성악&합창</a>
						<a href="/show?genre=10&sub_genre=25" >트롯</a>
						<a href="/show?genre=10&sub_genre=24" >모창</a>
						<a href="/show?genre=10&sub_genre=222" >힙합·랩·비트박스</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/202402/rn_view_35_m.jpg');"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/그림41.png')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/그림31.png')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/그림21.png')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/사이즈수정_3.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/202402/rn_view_35_m.jpg');"
></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(1)"
 style="background-image: url('/uploads/artist_photo/그림41.png')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(2)"
 style="background-image: url('/uploads/artist_photo/그림31.png')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(3)"
 style="background-image: url('/uploads/artist_photo/그림21.png')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(4)"
 style="background-image: url('/uploads/artist_photo/사이즈수정_3.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>1</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>
									방송 및 해외 행사<br />
<br />
-KBS 1 VS 100 출연<br />
-KBS 헌혈, 생명을 나눕시다 출연<br />
-MBC 함평나비축제 공연 출연<br />
-Inet 전국가요대행진 출연<br />
-중국 상해공연<br />
-미국 오렌지카운티 한인축제 공연<br />
-미국 한인교회 복음투어 공연 외 다수<br />
<br />
공공기관 행사<br />
<br />
-서울 시청 공연<br />
-남해군청 공연<br />
-대구 달성군민체전 공연<br />
-거제도 차없는거리 페스티벌 공연<br />
-전남영암 군민의날<br />
-전남영암 국화축제<br />
-영암 왕인문화축제<br />
-서울시 정년명예퇴임식<br />
-한국세무사회 신년회<br />
-인천공항 문화와 하늘을 잇다<br />
-고궁박물관 개관10주년 기념 공연<br />
-일산호수공원 꽃빛축제<br />
-석촌호수 벚꽃축제 행사<br />
-남해군청 문화가있는날 작은음악회<br />
-대구 비슬산 참꽃 문화제 외 다수<br />
<br />
기업행사<br />
<br />
-아모레퍼시픽 시상식 공연<br />
-삼성화재 톡투유 공연<br />
-한국소비자만족지수1위 시상식 공연<br />
-제42회 관광의날 기념 공연<br />
-강남세브란스병원 드림콘서트<br />
-프로암 골프대회 공연<br />
-거제도 레이디스 클래식 공연<br />
-하야트 퍼플즈파티 공연<br />
-한미약품 제약회사 심포지엄 행사<br />
-동아ST 영업본부 시상식 공연<br />
-매리어트 VIP 공연<br />
-워커힐호텔 중국 VVIP 파티 공연<br />
-한국품질만족도1위 공연<br />
-대한민국 고객만족브랜드대상 공연<br />
-국가품질만족지수1위 공연<br />
-아우디 Fascination 3일공연 외 다수
								</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 />
<br />
-Lucente Stella 위풍당당행진곡<br />
-쇼스타코비치 왈츠 No.2<br />
-Habanera (카르멘의 아리아)<br />
-Time to say goodbye<br />
-You raise me up<br />
-A love until end of time<br />
-My way<br />
-Running (사라 브라이트만)<br />
-신아리랑<br />
-아름다운나라<br />
-10월에 어느 멋진날에<br />
그외 다수 <br />
<br />
<br />
OST<br />
<br />
-날 울게하소서 (Lascia Chio Pianga / 영화 파리넬리 OST)<br />
-Por Una Cabeza (영화 여인의 향기 OST)<br />
-그대 내게 행복을 주는 사람 (영화 파파로티 OST)<br />
-백일몽 (영화 쎄시봉 OST)<br />
-월량대표아적심 (영화 첨밀밀 OST)<br />
-야래향 (첨밀밀 OST)<br />
-Let it go (겨울왕국 OST)<br />
-디즈니 메들리<br />
-아바 메들리<br />
-크리스마스 메들리<br />
그외 다수 <br />
<br />
<br />
가요<br />
-너에게 (1집앨범 타이틀 곡)<br />
-거위의 꿈 (인순이)<br />
-꽃밭에서 (조관우)<br />
-아아 대한민국 (정수라)<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>
									-무선마이크 4대<br />
모니터스피커보<br />
-대기실 / 탈의실<br />
-물
								</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>1</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((5/5)*100%);'>
										<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
									</div>
								</div>
								<span class="grade">5</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/202402/rn_view_35.jpg');" ></div>
 -->

						<div class="txt_box">
							<div class="genre">
									<span class="type">공연팀&MC > 노래</span> <span class="strong">팝페라</span>
							</div>
							<span class="tit">클라라</span>
							<span class="txt">국내 유일 여성 4인조 팝페라그룹 클라라 입니다. </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((5/5)*100%);'>
										<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
									</div>
								</div>
								<span class="rating">5</span>
								<span class="cast"><a href="#" onclick="scMove($('#recentCasting').offset().top-60);return false;"><i></i>섭외 4건</a></span>
								<span class="review"><a href="#" onclick="scMove($('.arti_review').offset().top-60);return false;"><i></i>후기 1개</a></span>
								<span class="like_cnt" style="cursor:pointer;" onclick="modal.open('login');return false;"><i class="ico ico_heart"></i><span class="like_tot_30579">3</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분 / 편성인원: 4명(조정가능)								</p>

								<!-- <dl>
									<dt>기준지역</dt>
									<dd>서울</dd>
								</dl>
								<dl>
									<dt>공연시간</dt>
									<dd>30분</dd>
								</dl>
								<dl>
									<dt>편성인원</dt>
									<dd>4명(조정가능)</dd>
								</dl>
 -->
							</div>

							<div class="desc_box">
								<p class="tit">공연팀&MC,<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>
							<span class="txt">
								국내 유일 여성 4인조 팝페라그룹 클라라 입니다. 4인4색의 아름다운 하모니와 퍼포먼스를 선사합니다. 국내외 가장 활발하게 활동하고 있는 각종 시상식 및 중요 국가 및 기업행사 섭외 1순위 여성 팝페라팀이며, 클래시컬한 곡부터 가요, 7080, 팝 등 다양한 장르의 곡들을 저희만의 아름다운 하모니로 각색하여 공연합니다. 
							</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 class="event_box side">
						<p>행사스케치</p>
						<ul>
									<li>
										<a href="https://www.facebook.com/showglestar/posts/pfbid0N3tN3u9dEWAy5RSfbS9HBhZiWXPyGxYB23Wgu8oQR1tD3Kk1fo11od2Q9j7uH9rEl" target="_blank">
											<span class="tit">2024 서대문 봄빛축제</span>
											<span class="date">2024.03.31</span>
										</a>
									</li>

						</ul>
							<button class="btn_more open">더보기</button>
					</div>
				</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="modal.close('quotation');return false;">취소</button>
					<button class="btn_ok" onclick="pop_estimate_chk('quotation')">확인</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="30579">
		<input type="hidden" id="estimate_arti_id" name="estimate_arti_id"  value="dagamdong">
		<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-8368-4416">
		<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="">

		<div class="quotation_contents">
		<!-- 견적 요청하기 팝업 시작 -->
			<div class="modal modal_quotation_step event_name">
				<div class="modal_wrap">
					<div class="modal_inner">
						<div class="title_box">
							<h5>어떤 행사인가요?</h5>
							<p>행사명을 입력해주세요.</p>
						</div>
						<div class="progress_total_bar">
							<div class="progress_bar">15%</div>
						</div>
						<dl>
							<dt>행사명<span>*</span></dt>
							<dd class="esti_ask_chk">
								<input type="text" class="ipt_event" id="pop_cast_name" name="pop_cast_name" placeholder="행사명 입력">
								<!-- <input type="checkbox" id="pop_cast_name_display" name="pop_cast_name_display">
								<label for="pop_cast_name_display"><span>행사명 비공개</span></label> -->
							</dd>
							<dd class="event_box">
								<input type="checkbox" id="infoCall">
								<label for="infoCall"><span>등록한 행사정보 불러오기</span></label>
								<div class="event_info">
										<span>등록된 행사가 없습니다.</span>
								</div>
							</dd>
						</dl>
						<div class="btn_box">
							<button class="btn_next" type="button" onclick="pop_estimate_chk('event_name');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<div class="modal modal_quotation_step 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="progress_bar">30%</div>
						</div>
						<dl>
							<dt>행사일시<span>*</span>
								<span class="txt">* 복수날의 경우 시작일로 선택해주세요.</span>
							</dt>
							<dd>
								<div class="ipt_wrap datepicker_wrap">
									<div class="ipt_cal_wrap">
										<input type="text" class="input datepicker datepicker1 ipt_md" placeholder="날짜 선택" readonly="">
									</div>
									<div class="sel_layPop">
										<div id="date-range"></div>
									</div>
									<script>
										$(function(){
											var nowDate = new Date();
											var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
											$(".datepicker1").dateRangePicker({
												inline: true,
												opens: 'left',
												singleMonth: true,
												singleDate: true,
												startDate: today,
												showDropdowns: true,
												format: 'YYYY-MM-DD',
												container: '#date-range',
												alwaysOpen:true,
												showTopbar: false,
												stickyMonths: true,
												customArrowPrevSymbol:'<img src="/images/ui/datepicker_prev.png" alt="">',
												customArrowNextSymbol:'<img src="/images/ui/datepicker_next.png" alt="">',
												setValue: function(s,s1,s2)
												{
													$('#estimate_pop_date').val(s1);
													$('.datepicker1').val(s1);
												},
											}).on('datepicker-first-date-selected',function(event,obj){
												$(".sel_layPop.active").removeClass("active");
											}).on('datepicker-opened',function(){
												/* This event will be triggered after date range picker open animation */
											})
											$(".datepicker_wrap").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" id="pop_cast_time">
							                <a href="#" id="pop_st_time_01:00" class="sel">01:00</a>
							                <a href="#" id="pop_st_time_02:00" class="sel">02:00</a>
							                <a href="#" id="pop_st_time_03:00" class="sel">03:00</a>
							                <a href="#" id="pop_st_time_04:00" class="sel">04:00</a>
							                <a href="#" id="pop_st_time_05:00" class="sel">05:00</a>
							                <a href="#" id="pop_st_time_06:00" class="sel">06:00</a>
							                <a href="#" id="pop_st_time_07:00" class="sel">07:00</a>
							                <a href="#" id="pop_st_time_08:00" class="sel">08:00</a>
							                <a href="#" id="pop_st_time_09:00" class="sel">09:00</a>
							                <a href="#" id="pop_st_time_10:00" class="sel">10:00</a>
							                <a href="#" id="pop_st_time_11:00" class="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" type="button" onclick="modal.close('quotation_step.event_date');modal.open('quotation_step.event_name');return false;">이전으로</button>
							<button class="btn_next" type="button" onclick="pop_estimate_chk('event_date');return false;">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>


			<div class="modal modal_quotation_step setting_date day">
				<div class="modal_wrap">
					<div class="modal_inner">
						<div class="title_box">
							<h5>셋팅일은 언제인가요?</h5>
							<p>원하시는 날짜와 셋팅시작 시간을 선택해 주세요.</p>
						</div>
						<div class="progress_total_bar">
							<div class="progress_bar">45%</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>
										$(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)
												{
													$('#estimate_pop_date2').val(s1);
													$('.datepicker4').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_wrap4").on('click', '.input', function(){
												$(this).closest('.ipt_cal_wrap').siblings('.sel_layPop').toggleClass('active');
											})
										})
									</script>
								</div>
								<div class="range_box">
									<div class="select">
										<a href="#" 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" id="pop_cast_time">
							                <a href="#" id="pop_st_time_01:00" class="sel">01:00</a>
							                <a href="#" id="pop_st_time_02:00" class="sel">02:00</a>
							                <a href="#" id="pop_st_time_03:00" class="sel">03:00</a>
							                <a href="#" id="pop_st_time_04:00" class="sel">04:00</a>
							                <a href="#" id="pop_st_time_05:00" class="sel">05:00</a>
							                <a href="#" id="pop_st_time_06:00" class="sel">06:00</a>
							                <a href="#" id="pop_st_time_07:00" class="sel">07:00</a>
							                <a href="#" id="pop_st_time_08:00" class="sel">08:00</a>
							                <a href="#" id="pop_st_time_09:00" class="sel">09:00</a>
							                <a href="#" id="pop_st_time_10:00" class="sel">10:00</a>
							                <a href="#" id="pop_st_time_11:00" class="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" type="button" onclick="modal.close('quotation_step.setting_date');modal.open('quotation_step.event_date');return false;">이전으로</button>
								<button class="btn_next" type="button" onclick="pop_estimate_chk('setting_date');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<div class="modal modal_quotation_step 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="progress_bar">45%</div>
						</div>
						<dl>
							<dt>러닝타임<span>*</span></dt>
							<dd id="pop_cast_hope_time">
								<button type="button" id="hope_5분">5분</button>
								<button type="button" id="hope_10분">10분</button>
								<button type="button" id="hope_15분">15분</button>
								<button type="button" id="hope_20분">20분</button>
								<button type="button" id="hope_25분">25분</button>
								<button type="button" id="hope_30분">30분</button>
								<button type="button" id="hope_40분">40분</button>
								<button type="button" id="hope_50분">50분</button>
								<button type="button" id="hope_60분">60분</button>
								<button type="button" id="hope_60분_up">60분 이상</button>
							</dd>
						</dl>
						<div class="btn_box">
							<button class="btn_prev" type="button" onclick="modal.close('quotation_step.event_running');modal.open('quotation_step.event_date');return false;">이전으로</button>
							<button class="btn_next" type="button" onclick="pop_estimate_chk('event_running');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<div class="modal modal_quotation_step 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="progress_bar">60%</div>
						</div>
						<div class="cont_box">
							<dl class="first_addr">
								<dt>시/도<span>*</span></dt>
								<dd id="pop_cast_area">
										<button type="button" id="area_강원" onclick="show_area_sel('GW');">강원</button>
										<button type="button" id="area_경기" onclick="show_area_sel('GG');">경기</button>
										<button type="button" id="area_경남" onclick="show_area_sel('GN');">경남</button>
										<button type="button" id="area_경북" onclick="show_area_sel('GB');">경북</button>
										<button type="button" id="area_광주" onclick="show_area_sel('GJ');">광주</button>
										<button type="button" id="area_대구" onclick="show_area_sel('DG');">대구</button>
										<button type="button" id="area_대전" onclick="show_area_sel('DJ');">대전</button>
										<button type="button" id="area_부산" onclick="show_area_sel('BS');">부산</button>
										<button type="button" id="area_서울" onclick="show_area_sel('SO');">서울</button>
										<button type="button" id="area_세종" onclick="show_area_sel('SJ');">세종</button>
										<button type="button" id="area_울산" onclick="show_area_sel('US');">울산</button>
										<button type="button" id="area_인천" onclick="show_area_sel('IC');">인천</button>
										<button type="button" id="area_전남" onclick="show_area_sel('JN');">전남</button>
										<button type="button" id="area_전북" onclick="show_area_sel('JB');">전북</button>
										<button type="button" id="area_제주" onclick="show_area_sel('JJ');">제주</button>
										<button type="button" id="area_충남" onclick="show_area_sel('CN');">충남</button>
										<button type="button" id="area_충북" onclick="show_area_sel('CB');">충북</button>
										<button type="button" id="area_해외" onclick="show_area_sel('WD');">해외</button>
								</dd>
							</dl>
							<dl class="second_addr">
								<dt>시/군구<span>*</span></dt>
								<dd id="pop_cast_place" class="area_sido_show">

								</dd>
							</dl>
							<dl class="detail_addr on">
								<dt>장소명(선택사항)</dt>
								<dd>
									<input type="text" id="pop_cast_area_str" placeholder="장소명을 입력">
								</dd>
							</dl>
						</div>
						<div class="btn_box">
							<button class="btn_prev" type="button" onclick="pop_estimate_back_chk('event_area');">이전으로</button>
							<button class="btn_next" type="button" onclick="pop_estimate_chk('event_area');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<div class="modal modal_quotation_step 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="progress_bar">70%</div>
						</div>
						<dl>
							<dt>행사장소 선택<span>*</span></dt>
							<dd id="pop_cast_place">
								<button type="button" id="pop_place_in" class="on">실내</button>
								<button type="button" id="pop_place_out">실외</button>
								<button type="button" id="pop_place_random" >미정</button>
							</dd>
						</dl>
						<div class="btn_box">
							<button class="btn_prev" onclick="modal.close('quotation_step.event_place');modal.open('quotation_step.event_area');return false;">이전으로</button>
							<button class="btn_next" type="button" onclick="pop_estimate_chk('event_place');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<div class="modal modal_quotation_step 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="progress_bar">80%</div>
						</div>
						<dl>
							<dt>전기 선택<span>*</span></dt>
							<dd class="select_one" id="cast_place">
								<button type="button" id="pop_elec">발전기</button>
								<button type="button" id="pop_h_elec">자체 대용량 전기</button>
								<button type="button" id="pop_ran">미정</button>
							</dd>
						</dl>
						<div class="btn_box">
							<button class="btn_prev" type="button" onclick="modal.close('quotation_step.system');modal.open('quotation_step.event_place');return false;">이전으로</button>
							<button class="btn_next" type="button" onclick="pop_estimate_chk('system');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<div class="modal modal_quotation_step 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="progress_bar">80%</div>
						</div>
						<dl>
							<dt>음향기기 선택<span>*</span></dt>
							<dd id="pop_cast_device">
								<button type="button" id="pop_device_ok" class="on">있다</button>
								<button type="button" id="pop_device_no">없다</button>
								<button type="button" id="pop_device_random">미정</button>
							</dd>
						</dl>
						<div class="btn_box">
							<button class="btn_prev" type="button" onclick="modal.close('quotation_step.sound_system');modal.open('quotation_step.event_place');return false;">이전으로</button>
							<button class="btn_next" type="button" onclick="pop_estimate_chk('sound_system');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<div class="modal modal_quotation_step 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="progress_bar">90%</div>
						</div>
						<dl>
							<dt>요청사항</dt>
							<dd>
								<textarea placeholder="행사팀에게 전달할 행사 내용이나, 요청 사항을 기입해 주세요." id="pop_cast_memo"></textarea>
							</dd>
						</dl>
						<div class="btn_box">
							<button class="btn_prev" type="button" onclick="pop_estimate_back_chk('event_request');">이전으로</button>
							<button class="btn_next" type="button" onclick="pop_estimate_chk('event_request');">다음</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>

			<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="tmp_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="tmp_cast_date"></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="tmp_setting_date"></dd>
									</dl>
								</li>
								<li class="time_row">
									<dl>
										<dt><i style="background: url(/images/icon/ico_time.png)no-repeat 50% 50%;"></i>행사시간</dt>
										<dd id="tmp_cast_noon">
										</dd>
										<dd id="tmp_cast_time">
										</dd>
									</dl>
								</li>

								<li class="setting_row">
									<dl>
										<dt><i style="background: url(/images/icon/ico_time.png)no-repeat 50% 50%;"></i>셋팅시간</dt>
										<dd id="tmp_setting_time"></dd>
									</dl>
								</li>
								<li class="location_row">
									<dl>
										<dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 50%;"></i>행사지역</dt>
										<dd id="tmp_cast_area"></dd>
									</dl>
								</li>
								<li class="place_row">
									<dl>
										<dt><i style="background: url(/images/icon/ico_place.png)no-repeat 50% 50%;"></i>행사장소</dt>
										<dd id="tmp_cast_place"></dd>
									</dl>
								</li>
								<li class="running_row">
									<dl>
										<dt><i style="background: url(/images/icon/ico_time.png)no-repeat 50% 50%;"></i>러닝타임</dt>
										<dd id="tmp_cast_hope_time"></dd>
									</dl>
								</li>
								<li class="sound_row">
									<dl>
										<dt><i style="background: url(/images/icon/ico_speaker.png)no-repeat 50% 50%;"></i>음향기기</dt>
										<dd id="tmp_cast_device"></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="tmp_cast_electricity"></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="tmp_cast_memo">

								</dd>
							</dl>
						</div>
						<div class="btn_box">
							<button class="btn_prev" type="button" onclick="modal.close('quotation_step.preview');modal.open('quotation_step.event_request');return false;">이전으로</button>
							<button class="btn_quotation" type="button" onclick="modal.close('quotation_step.preview');modal.open('quotation');return false;">1:1견적요청</button>
						</div>
						<button class="btn_close" type="button" onclick="modal.close('quotation_step');">닫기</button>
					</div>
				</div>
			</div>
		</div>
	</form>

	<div class="modal modal_quotation_step 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="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="window.location.reload()">확인</button>
				</div>
				<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 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());
        		}

        		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_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;
                	}
                }
            });


		}

	</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>통신판매업신고 2021-경기하남-0087호</li>
		</ul>
		<div class="addr">
			<p>경기도 하남시 미사대로 550 현대지식산업센터 한강미사 A동 10층 3호 <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>

	<div class="modal modal_casting event_name">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>어떤 행사인가요?</h5>
					<p>행사명 공개를 원하지 않으신다면 비공개도 가능해요!</p>
				</div>
				<div class="progress_total_bar">
					<div class="progress_bar">5%</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();">
					<!-- <input type="checkbox" id="cast_name_display" name="cast_name_display"> -->
					<!-- <label for="cast_name_display"><span>행사명 비공개</span></label> -->
					</dd>
					<dd class="event_box">
					<input type="checkbox" id="inCall" name="inCall">
					<label for="inCall"><span>등록한 행사정보 불러오기</span></label>
					<div class="event_info">
						<p>등록된 행사가 없습니다.</p>
					</div>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_next" onclick="estimate_chk('event_name');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');">닫기</button>
			</div>
		</div>
	</div>

	<div class="modal modal_casting event_status">
		<div class="modal_wrap">
			<div class="modal_inner">
				<div class="title_box">
					<h5>제안단계인가요, 확정된 행사인가요?</h5>
					<p>제안단계인지, 확정된 행사인지 알려주세요</p>
				</div>
				<div class="progress_total_bar">
					<div class="progress_bar">10%</div>
				</div>
				<dl>
					<dt>선택<span>*</span></dt>
					<dd class="select_one" id="cast_chk">
						<button type="button" id="dev_cast">제안단계예요.</button>
						<button type="button" id="cast">확정된 행사예요.</button>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev" onclick="modal.close('casting.event_status');modal.open('casting.event_name');return false;">이전으로</button>
					<button class="btn_next" onclick="estimate_chk('event_status');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');return false;">닫기</button>
			</div>
		</div>
	</div>

	<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="progress_bar">20%</div>
				</div>
				<dl>
					<dt>분야 선택<span>*</span></dt>
					<dd class="select_one" id="cast_genre_chk">
						<button id="cast_chk_con" value="4" 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_sv" value="8" type="button">제작/대행</button>
						<button id="cast_chk_pl" value="9" type="button">인력</button> -->
						<p>* 연예인, 시스템, 렌탈, 인력, 제작/대행 카테고리는 <span>‘1:1 견적요청’</span>을 이용해 주세요!</p>
					</dd>
				</dl>
				<div class="btn_box">
					<button class="btn_prev" onclick="modal.close('casting.event_field');modal.open('casting.event_status');return false;">이전으로</button>
					<button class="btn_next" onclick="estimate_chk('event_field');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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>
				</div>
				<div class="progress_total_bar">
					<div class="progress_bar">30%</div>
				</div>
				<div class="content_wrap">
					<dl>
						<dt>장르 선택<span>*</span></dt>
						<dd class="radio_row">
							<label class="ipt_chk radio">
								<input type="radio" id="selec" name="radio" checked="checked">
								<span class="chk"></span> 장르를 직접 선택할래요.
							</label>

							<label class="ipt_chk radio mane">
								<input type="radio" id="choice" name="radio">
								<span class="chk"></span> 쇼글 매니저가 추천해 주세요.
							</label>
						</dd>
						<dd class="select_one classification" 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" onclick="modal.close('casting.event_genre');modal.open('casting.event_field');return false;">이전으로</button>
					<button class="btn_next" onclick="estimate_chk('event_genre');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="progress_bar">40%</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" id="pop_cast_time">
									<a href="#" id="pop_st_time_01:00" class="sel">01:00</a>
									<a href="#" id="pop_st_time_02:00" class="sel">02:00</a>
									<a href="#" id="pop_st_time_03:00" class="sel">03:00</a>
									<a href="#" id="pop_st_time_04:00" class="sel">04:00</a>
									<a href="#" id="pop_st_time_05:00" class="sel">05:00</a>
									<a href="#" id="pop_st_time_06:00" class="sel">06:00</a>
									<a href="#" id="pop_st_time_07:00" class="sel">07:00</a>
									<a href="#" id="pop_st_time_08:00" class="sel">08:00</a>
									<a href="#" id="pop_st_time_09:00" class="sel">09:00</a>
									<a href="#" id="pop_st_time_10:00" class="sel">10:00</a>
									<a href="#" id="pop_st_time_11:00" class="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" onclick="modal.close('casting.event_date');modal.open('casting.event_genre');return false;">이전으로</button>
						<button class="btn_next" onclick="estimate_chk('event_date');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="progress_bar">50%</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);
										},
									}).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_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" id="pop_cast_time">
									<a href="#" id="pop_st_time_01:00" class="sel">01:00</a>
									<a href="#" id="pop_st_time_02:00" class="sel">02:00</a>
									<a href="#" id="pop_st_time_03:00" class="sel">03:00</a>
									<a href="#" id="pop_st_time_04:00" class="sel">04:00</a>
									<a href="#" id="pop_st_time_05:00" class="sel">05:00</a>
									<a href="#" id="pop_st_time_06:00" class="sel">06:00</a>
									<a href="#" id="pop_st_time_07:00" class="sel">07:00</a>
									<a href="#" id="pop_st_time_08:00" class="sel">08:00</a>
									<a href="#" id="pop_st_time_09:00" class="sel">09:00</a>
									<a href="#" id="pop_st_time_10:00" class="sel">10:00</a>
									<a href="#" id="pop_st_time_11:00" class="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" onclick="modal.close('casting.setting_date');modal.open('casting.event_date');return false;">이전으로</button>
						<button class="btn_next" onclick="estimate_chk('setting_date');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="progress_bar">50%</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" onclick="modal.close('casting.event_running');modal.open('casting.event_date');return false;">이전으로</button>
							<button class="btn_next" onclick="estimate_chk('event_running');">다음</button>
					</div>
					<button class="btn_close" onclick="modal.close('casting');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="progress_bar">60%</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" onclick="estimate_back_chk('event_area')">이전으로</button>
					<button class="btn_next" onclick="estimate_chk('event_area');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="progress_bar">70%</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" onclick="modal.close('casting.event_place');modal.open('casting.event_area');return false;">이전으로</button>
					<button class="btn_next" onclick="estimate_chk('event_place');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="progress_bar">75%</div>
				</div>
				<dl>
					<dt>전기 선택<span>*</span></dt>
					<dd class="select_one" id="cast_system">
						<button id="elec">발전기</button>
						<button id="h_elec">자체 대용량 전기</button>
						<button id="ran">미정</button>
					</dd>
				</dl>
				<div class="btn_box">

					<button class="btn_prev" onclick="modal.close('casting.system');modal.open('casting.event_place');return false;">이전으로</button>
					<button class="btn_next" onclick="estimate_chk('system');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="progress_bar">80%</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" onclick="modal.close('casting.sound_system');modal.open('casting.event_place');return false;">이전으로</button>
				<button class="btn_next" onclick="estimate_chk('sound_system');">다음</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="progress_bar">85%</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" onclick="estimate_back_chk('gender')">이전으로</button>
						<button class="btn_next" onclick="estimate_chk('gender');">다음</button>
					</div>
					<button class="btn_close" onclick="modal.close('casting');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="progress_bar">90%</div>
		  </div>
		  <dl>
			<dt>요청사항</dt>
			<dd>
			  <textarea placeholder="전달할 행사 내용이나, 요청 사항을 기입해 주세요." id="cast_memo"></textarea>
			</dd>
		  </dl>
		  <div class="btn_box">
			<button class="btn_prev" onclick="estimate_back_chk('event_request')">이전으로</button>
			<button class="btn_next" onclick="estimate_chk('event_request');">다음</button>
		  </div>
		  <button class="btn_close" onclick="modal.close('casting');return false;">닫기</button>
		</div>
	  </div>
	</div>

	<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="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="modal.close('casting');return false;">확인</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="setting_row">
						<dl>
							<dt><i style="background: url(/images/icon/ico_time.png)no-repeat 50% 100%;"></i>셋팅일자</dt>
							<dd id="total_setting_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>
					<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" onclick="modal.close('casting.preview');modal.open('casting.event_request');return false;">이전으로</button>
					<button class="btn_ok" onclick="modal.close('casting.preview');modal.open('casting.registration');return false;">공고올리기</button>
				</div>
				<button class="btn_close" onclick="modal.close('casting');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="modal.close('casting.registration');return false;">취소</button>
					<button class="btn_ok" onclick="estimate_chk('registration');">확인</button>
				</div>
			</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="30579">
	<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_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_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="">

	<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;
				$(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();
					if(i==0)$("#all_cast_genre3").val(temp);
					else $("#all_cast_genre3").val($("#all_cast_genre3").val()+","+temp);
				}
				// 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 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 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 cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text();

			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 == '시스템'){
					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 estimate_chk(type){
			var cate_val = $('.event_field').find('#cast_genre_chk .on').val();

			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');
					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');
						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_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);

					modal_prev.removeClass("concert_wrap").removeClass("system_wrap").removeClass("rent_wrap").removeClass("production_wrap").removeClass("manpower_wrap");
					switch(cast_hope_genre){
						case "공연팀, MC":
						case "결혼식&돌잔치":
							modal_prev.addClass("concert_wrap");
							break;
						case "시스템":
							modal_prev.addClass("system_wrap");
							break;
						case "렌탈":
							modal_prev.addClass("rent_wrap");
							break;
						case "제작/대행":
							modal_prev.addClass("production_wrap");
							break;
						case "인력":
							modal_prev.addClass("manpower_wrap");
							break;
					}

					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');

					}

					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_genre');
					modal.open('casting.event_date');
					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{
					modal.close('casting.event_genre');
					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();
				// var cast_str = $('.event_date').find('.range_box #pop_cast_time .sel').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(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{

					}
				}
			}else if(type == 'setting_date'){
				var cast_time_str = $('.setting_date').find('.range_box #cast_st_time .on').text();
				var cast_str = $('.setting_date').find('.range_box .btn_sel').text();
				if($('#cast_date2').val() == ''){
					alert('셋팅일시를 선택해주세요.');
					return false;
				}else if(cast_time_str == '' && cast_str =='셋팅시작 시간 선택'){
					alert('셋팅시간을 선택해주세요.');
					return false;
				}else{
					modal.close('casting.setting_date');
					modal.open('casting.event_area');
					return false;
				}
			}else if(type == 'event_running'){
				var cast_hope_time_str = $('.event_running').find('#cast_hope_time .on').text();
				if(cast_hope_time_str == ''){
					alert('행사 희망 시간을 선택해주세요.');
					return false;
				}else{
					modal.close('casting.event_running');
					modal.open('casting.event_area');
					return false;
				}
			}else if(type == '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{
					modal.close('casting.event_area');
					modal.open('casting.event_place');
					return false;
				}
			}else if(type == 'event_place'){
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text();
				var cast_place_str = $('.event_place').find('#cast_place .on').text();
				if(cast_place_str == ''){
					alert('공연장소 실내외를 선택해주세요.');
					return false;
				}else{
					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 == '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 == '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 == '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 == '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($("#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 cast_time_str = $('.event_date').find('.range_box #cast_st_time .on').text();
				// var cast_set_time_str = $('.setting_date').find('.range_box #cast_set_st_time .on').text();
				var cast_hope_genre = $('.event_field').find('#cast_genre_chk .on').text();

				$('#total_cast_name').text($('#cast_name').val());
				$('#total_cast_date').text($('#cast_date').val());
				// $('#total_cast_genre_group').text($('.step4').find('#genre_fist .on').text()+'> '+ $('.step4').find('#genre_sub .on').text());
				$('#total_cast_genre_group').text($('#cast_genre2').val()+ $('#all_cast_genre3').val());

				if(cast_time_str !=''){ // 행사일자
					$('#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());
				}

				if(cast_hope_genre == "시스템" || cast_hope_genre =="렌탈"){
					$('#total_setting_date').text($('#cast_date2').val());  // 셋팅일자

					// if(cast_set_time_str !=''){
					// 	$('#total_setting_date').text($('.setting_date').find('.range_box #cast_set_st_time .on').text());  // 셋팅시간
					// }else{
					// 	$('#total_setting_date').text($('.setting_date').find('.range_box .btn_sel').text()); //셋팅시간
					// }

					$('#total_cast_electricity').text($('.system').find('#cast_system .on').text()); // 전기
				}else{

					$('#total_cast_hope_time').text($('.event_running').find('#cast_hope_time .on').text()); // 희망시간
					$('#total_cast_device').text($('.sound_system').find('#cast_device .on').text()); // 음향기기
					$('#total_cast_gender').text($('.gender').find('#cast_gender .on').text()); // 성별
				}


				$('#total_cast_area').text($('.event_area').find('#cast_area .on').text()+' '+$('#cast_area2').val()+' '+$('#cast_area_str').val()); // 지역
				$('#total_cast_place').text($('.event_place').find('#cast_place .on').text()); // 장소

				$('#total_cast_memo').html($('#cast_memo').val().replaceAll(/(\n|\r\n)/g, "<br>")); // 요청사항

				/**********************************************************************************************/

				$('#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);
					$('.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);
					// $("#all_cast_noon").val($('.event_date').find('.range_box #btn_sel_noon .on').text())
				}

				if(cast_hope_genre == "시스템" || cast_hope_genre =="렌탈"){
					$('#all_cast_date2').val($('#cast_date2').val());  // 셋팅일자

					// if(cast_set_time_str !=''){
					// 	$('#all_cast_set_st_time').val($('.setting_date').find('.range_box #cast_set_st_time .on').text());  // 셋팅시간
					// }else{
					// 	$('#all_cast_set_st_time').val($('.setting_date').find('.range_box .btn_sel').text()); //셋팅시간
					// }

					$('#all_cast_system').val($('.system').find('#cast_system .on').text()); // 전기

				}
				$('#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());
				$('#all_cast_hope_time').val($('.event_running').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');
				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');
							return false;
						}
					}
				});
			}
		}

		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 => {
					modal.close('member_add_confirm')
					modal.close('loginform')
					location.reload()
				},
				error : err => {
					console.log(err)
				}
			})
		}
		// 마이쇼글 계정 삭제 모달 OK했을 때
		const member_group_delete = () => {
			$.ajax({
				type : 'POST',
				url :  '/my/member_group_delete' ,
				data : {target_seq : $("#member_delete_modal_target").val()},
				success : result => {
					modal.close('member_delete_confirm')
					location.reload()
				},
				error : err => {
					console.log("ERROR", err)
				}
			})
		}
	</script>
</footer>
</div>

<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 113559 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. -->
<script type="text/javascript">var _TRK_LID = "113559";var _L_TD = "ssl.logger.co.kr";var _TRK_CDMN = ".showgle.co.kr";</script>
<script type="text/javascript">var _CDN_DOMAIN = location.protocol == "https:" ? "https://fs.bizspring.net" : "http://fs.bizspring.net";
(function (b, s) { var f = b.getElementsByTagName(s)[0], j = b.createElement(s); j.async = true; j.src = "//fs.bizspring.net/fs4/bstrk.1.js"; f.parentNode.insertBefore(j, f); })(document, "script");
</script>
<noscript><img alt="Logger Script" width="1" height="1" src="http://ssl.logger.co.kr/tracker.1.tsp?u=113559&amp;js=N"/></noscript>
<!-- END OF LOGGER TRACKING SCRIPT -->

<!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 -->
<script 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>