<!--array(48) {
  ["M_SEQ"]=>
  string(5) "31742"
  ["M_ID"]=>
  string(16) "20thcenturybboys"
  ["T_NAME"]=>
  string(39) "한글 비보이 _20세기 비보이즈"
  ["T_GENRE_GROUP"]=>
  string(1) "4"
  ["T_GENRE1"]=>
  string(2) "11"
  ["T_GENRE2"]=>
  string(2) "36"
  ["T_PEOPLE"]=>
  string(1) "4"
  ["T_TIME"]=>
  string(2) "20"
  ["T_AREA"]=>
  string(6) "서울"
  ["T_AREATYPE"]=>
  string(1) "0"
  ["T_AGENT_ID"]=>
  NULL
  ["T_PRICE"]=>
  string(7) "4000000"
  ["T_DISCOUNT"]=>
  string(1) "0"
  ["T_SHOWPRICE"]=>
  string(1) "0"
  ["T_COMMISSION"]=>
  string(1) "0"
  ["T_SIMPLEINTRO"]=>
  string(97) "역동적인 스트릿댄스 브레이킹을 이용해 한글을 형상화 하는 한글비보이"
  ["T_MEMBERINTRO"]=>
  string(0) ""
  ["T_DETAILINTRO"]=>
  string(553) " 우리 고유 문자인 한글을 역동적인 비보이 동작으로 표현하는 퍼포먼스로 한글의 우수성과
보다 독창적인 움직으로 구성 됐으며 저희 '20th century bboys'만의 대표 퍼포먼스 입니다

 한글 비보이 퍼포먼스는 행사 취지 또는 행사 제목에 따라 표현할 수 있는 한글을 수정,변경 할 수있는 큰 장점을 가지고 있으며 글자를 하나하나 읽어가는 재미와 함께 우리 한글을 우수성을 다시금 느끼게 할 수 있는 퍼포먼스 입니다"
  ["T_RECORD"]=>
  string(1736) "2023 삼성전자 갤럭시 s23 울트라 광고
2022 베스킨라빈스 X 넉살 - 보름달이 뜰 땐 곶감! 곧 감 M/V
2022 스트릿 골프웨어 'YORF GOLF S/S LOOK BOOK MODEL
2022 BLSP - No Way(Feat. Justhis, Huckleberry P) M/V
2022 WOOALONG - 100STAGE EP.3
2022 '한글비보이' 시흥 브레이킹배틀 쇼케이
2022 팝핀현준 - Let's poppin(Feat. 양동근) 뮤직뱅크 댄서출연
2022 팝핀현준 - Let's poppin(Feat. 양동근) 인기가요 댄서출연
2022 스트릿의류 브랜드 'STIGMA' W/ Season MODEL
2022 원주복합문화센터 '미담' WPEACE 전시 공 연
2022 아리랑 '야 K-POP호' 게스트 공연
2022 3on3 'B on top' 우승
2022 20주년 기념행사 'Youngcity studio 오픈파티'
2019 '한글비보이' 충주 깊은산속 옹달샘 꿈춤 공연
2019  대만 SOUL FOOD SESSION VOL.1 심사위원 & 쇼케이스
2019 베이징 FLGZ 15주년 3:3 배틀대회 심사위원 & 워크샵
2018 중국, 웨이하이, 영월군 동방채묵 아트페스타 메인 연출 및 공연
2018 얘기아트씨어터, 판 페스티벌 '픽셀(PIXEL)' 총 연출 및 공연
2018 서울문화재단,꿈다락 토요문화학교 '한글 비보이' 연출 및 공연
2018 거창군, 창녕&함안문화예술회관, 경남도민예술회관 순회공연 
           '만석중놀이 비보이와 날개를 달다' 연출 및 공연             
2017 광고 '힐리스, 에코슈즈, 롯데 앱로드, 삼성생명' 안무 및 출연
2015 맥주 브랜드 '기네스' 광고 출연
                                                                외 각종 TV광고,방송,공연 출연 다수                             "
  ["T_REPATORY"]=>
  string(83) "한글 비보이
 외 신나는 스트릿댄스 공연 등 유연한 변경 가능"
  ["T_TECHRIDER"]=>
  string(231) "스크린 또는 빔프로젝트가 있으면 퍼포먼스를 표현하는데 더욱 좋습니다
만약 없어서 퍼포먼스를 진행하는데는 문제가 없습니다

*비보이가 가능한 바닦 상태
*음향 장비 "
  ["T_FILE_ORG"]=>
  string(33) "한글비보이__쇼글ㄹ용.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-05-03 17:48:28"
  ["APPR_DATE"]=>
  string(19) "2023-05-03 17:52:53"
  ["UPD_DATE"]=>
  string(19) "2024-02-06 10:41:55"
  ["APPR_SEQ"]=>
  string(2) "48"
  ["T_RECOMMENDER"]=>
  string(0) ""
  ["T_AGREECONT"]=>
  string(1) "1"
  ["T_SHOWHUB_AGENCIES"]=>
  string(1) "0"
  ["T_050NUM"]=>
  NULL
  ["T_REQDATE"]=>
  string(19) "2023-05-03 17:48:28"
  ["T_MEMNUM"]=>
  string(0) ""
  ["T_AGENCIES_YN"]=>
  string(0) ""
  ["T_GENRE_GROUP_NAME"]=>
  string(12) "공연팀&MC"
  ["T_GENRE1_NAME"]=>
  string(12) "댄스무용"
  ["T_GENRE2_NAME"]=>
  string(26) "비보이·스트릿댄스"
  ["CAST_CNT"]=>
  string(1) "1"
  ["MEMBER_CNT"]=>
  string(1) "0"
  ["MOVIE_CNT"]=>
  string(1) "2"
  ["PHOTO_CNT"]=>
  string(1) "3"
  ["PS_CNT"]=>
  string(1) "0"
  ["DIBS_CNT"]=>
  string(1) "4"
}
--><!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?1736936212">
	<link rel="stylesheet" type="text/css" href="/assets/css/reset.css?1736936212">

	<!-- 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?1736936212"></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?1736936212">
	<link rel="stylesheet" type="text/css" href="/assets/css/main.css?1736936212">

	<!-- 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?1736936212">
			<script>
				$(document).on('ready', function(){
				    var ogUrl = window.location.href;
				    $('meta[property="og:image"]').after('<meta property="og:url" content="/uploads/artist_photo/1310.png" />');
				    $('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 : 31742
	        },
	        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 : 31742,
		        genre : 11,
		        sub_genre : 36,
		        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 : 31742
	        },
	        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" ><span>노래</span></a>
						<a href="/show?genre=192" ><span>연주</span></a>
						<a href="/show?genre=11" class="on"><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=11&sub_genre=34" >케이팝댄스</a>
						<a href="/show?genre=11&sub_genre=36" class="on">비보이·스트릿댄스</a>
						<a href="/show?genre=11&sub_genre=39" >치어리더</a>
						<a href="/show?genre=11&sub_genre=40" >복고댄스</a>
						<a href="/show?genre=11&sub_genre=38" >탭댄스</a>
						<a href="/show?genre=11&sub_genre=37" >댄스스포츠</a>
						<a href="/show?genre=11&sub_genre=35" >밸리댄스</a>
						<a href="/show?genre=11&sub_genre=41" >발레·현대무용·재즈</a>
						<a href="/show?genre=11&sub_genre=108" >폴댄스</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_13_m.png');"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/KakaoTalk_Photo_2023-04-12-01-45-37_0021.jpeg')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/KakaoTalk_Photo_2023-04-12-01-45-37_0011.jpeg')"
>
											</div>
											<div class="swiper-slide"
												style="background-image: url('/uploads/artist_photo/20th_한글비보이1.png')"
>
											</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_13_m.png');"
></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(1)"
 style="background-image: url('/uploads/artist_photo/KakaoTalk_Photo_2023-04-12-01-45-37_0021.jpeg')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(2)"
 style="background-image: url('/uploads/artist_photo/KakaoTalk_Photo_2023-04-12-01-45-37_0011.jpeg')"></div>
											<div class="swiper-slide" onclick="mainSwiper.slideTo(3)"
 style="background-image: url('/uploads/artist_photo/20th_한글비보이1.png')"></div>
								</div>
							</div>
						</div>
						<script>
							var thumbSwiper = new Swiper('.gallery-thumb-swiper', {
									spaceBetween: 10,
									watchSlidesProgress: true,
									slideToClickedSlide: true,
									loop: false,
									slidesPerView: 4,
							});
							var mainSwiper = new Swiper('.gallery-main-swiper', {
									effect: 'fade',
									spaceBetween: 10,
									allowTouchMove: true,
									loop: false,
									navigation: {
										nextEl: '.swiper-gallery-next',
										prevEl: '.swiper-gallery-prev'
									},
									on: {
										slideChangeTransitionStart: function () {
											thumbSwiper.slideTo(mainSwiper.activeIndex)
										},
									},
							})
						</script>
					</div>
					<div class="tab">
							<a href="#" role="button" class="tablinks on"><span>최근섭외</span></a>
							<a href="#" role="button" class="tablinks"><span>영상</span></a>
							<a href="#" role="button" class="tablinks"><span>포트폴리오</span></a>
							<a href="#" role="button" class="tablinks"><span>레파토리</span></a>
							<a href="#" role="button" class="tablinks"><span>요청장비</span></a>
						<a href="#" role="button" class="tablinks"><span>후기(<span>0</span>)</span></a>
					</div>
						<div class="recent_casting tab_cont" id="recentCasting">
							<div class="title_box">
								<h4>최근섭외</h4>
							</div>
							<table>
								<thead>
									<tr>
										<th>행사명</th>
										<th>행사일 </th>
										<th>러닝타임 </th>
										<th>편성인원 </th>
										<th>행사지역</th>
										<th>실섭외비(vat별도)</th>
									</tr>
								</thead>
							</table>
							<div id="show_cast_more">

							</div>
							<div class="btn_box cast_more_btn">
								<button class="btn_more" onclick="javascript:cast_more();">더보기</button>
							</div>
						</div>

						<div class="arti_video tab_cont" id="artiVideo">
							<div class="title_box">
								<h4>영상</h4>
								<span class="txt">최근 영상으로 아티스트를 먼저 만나보세요.</span>
							</div>
							<div class="show_box" id="show_video_more">

							</div>
							<div class="btn_box video_more_btn">
								<button class="btn_more" onclick="javascript:video_more();">더보기</button>
							</div>
						</div>

						<div class="arti_portfolio tab_cont">
							<div class="title_box">
								<h4>포트폴리오</h4>
								<span class="txt">최근 주요 행사 실적을 확인해 보세요.</span>
							</div>
							<div class="show_box txt_box">
								<div>
									2023 삼성전자 갤럭시 s23 울트라 광고<br />
2022 베스킨라빈스 X 넉살 - 보름달이 뜰 땐 곶감! 곧 감 M/V<br />
2022 스트릿 골프웨어 'YORF GOLF S/S LOOK BOOK MODEL<br />
2022 BLSP - No Way(Feat. Justhis, Huckleberry P) M/V<br />
2022 WOOALONG - 100STAGE EP.3<br />
2022 '한글비보이' 시흥 브레이킹배틀 쇼케이<br />
2022 팝핀현준 - Let's poppin(Feat. 양동근) 뮤직뱅크 댄서출연<br />
2022 팝핀현준 - Let's poppin(Feat. 양동근) 인기가요 댄서출연<br />
2022 스트릿의류 브랜드 'STIGMA' W/ Season MODEL<br />
2022 원주복합문화센터 '미담' WPEACE 전시 공 연<br />
2022 아리랑 '야 K-POP호' 게스트 공연<br />
2022 3on3 'B on top' 우승<br />
2022 20주년 기념행사 'Youngcity studio 오픈파티'<br />
2019 '한글비보이' 충주 깊은산속 옹달샘 꿈춤 공연<br />
2019  대만 SOUL FOOD SESSION VOL.1 심사위원 &amp; 쇼케이스<br />
2019 베이징 FLGZ 15주년 3:3 배틀대회 심사위원 &amp; 워크샵<br />
2018 중국, 웨이하이, 영월군 동방채묵 아트페스타 메인 연출 및 공연<br />
2018 얘기아트씨어터, 판 페스티벌 '픽셀(PIXEL)' 총 연출 및 공연<br />
2018 서울문화재단,꿈다락 토요문화학교 '한글 비보이' 연출 및 공연<br />
2018 거창군, 창녕&amp;함안문화예술회관, 경남도민예술회관 순회공연 <br />
           '만석중놀이 비보이와 날개를 달다' 연출 및 공연             <br />
2017 광고 '힐리스, 에코슈즈, 롯데 앱로드, 삼성생명' 안무 및 출연<br />
2015 맥주 브랜드 '기네스' 광고 출연<br />
                                                                외 각종 TV광고,방송,공연 출연 다수                             
								</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 />
 외 신나는 스트릿댄스 공연 등 유연한 변경 가능
								</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>
									스크린 또는 빔프로젝트가 있으면 퍼포먼스를 표현하는데 더욱 좋습니다<br />
만약 없어서 퍼포먼스를 진행하는데는 문제가 없습니다<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>0</span>개의 후기가 있습니다.</span>
							<div>
								<div class="stars">
									<div class="stars_background">
										<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
									</div>
									<div class="star_ratings_base" style='width: calc((0/5)*100%);'>
										<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
									</div>
								</div>
								<span class="grade">0</span>
							</div>
						</div>
						<div class="review_wrap">
							<div class="range_box">
								<div class="select">
									<a href="#" class="btn_sel" role="button">최근순</a>
									<div class="sel_li">
										<a href="#" onclick="review_more('R','M');return false;" class="sel on">최근순</a>
										<a href="#" onclick="review_more('H','M');return false;" class="sel">별점높은순</a>
										<a href="#" onclick="review_more('L','M');return false;" class="sel">별점낮은순</a>
									</div>
								</div>
							</div>
							<ul id="review_more">

							</ul>
						</div>
						<br>
						<div class="btn_box review_more_btn">
							<button class="btn_more" onclick="javascript:review_more('','C');">더보기</button>
						</div>
					</div>
				</div>

				<div class="status_box">
					<div class="profile_box">
						<!--             						<div class="img_box" style="background-image: url('//sfile.showgle.co.kr//artithumbnail/202402/rn_view_13.png');" ></div>
 -->

						<div class="txt_box">
							<div class="genre">
									<span class="type">공연팀&MC > 댄스무용</span> <span class="strong">비보이·스트릿댄스</span>
							</div>
							<span class="tit">한글 비보이 _20세기 비보이즈</span>
							<span class="txt">역동적인 스트릿댄스 브레이킹을 이용해 한글을 형상화 하는 한글비보이</span>
							<div class="grade_box">
								<div class="stars">
									<div class="stars_background">
										<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
									</div>
									<div class="star_ratings_base" style='width: calc((0/5)*100%);'>
										<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
									</div>
								</div>
								<span class="rating">0</span>
								<span class="cast"><a href="#" onclick="scMove($('#recentCasting').offset().top-60);return false;"><i></i>섭외 1건</a></span>
								<span class="review"><a href="#" onclick="scMove($('.arti_review').offset().top-60);return false;"><i></i>후기 0개</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_31742">4</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>
									* 기준지역: 서울
										/ 공연시간: 20분 / 편성인원: 4명 								</p>

								<!-- <dl>
									<dt>기준지역</dt>
									<dd>서울</dd>
								</dl>
								<dl>
									<dt>공연시간</dt>
									<dd>20분</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">
								 우리 고유 문자인 한글을 역동적인 비보이 동작으로 표현하는 퍼포먼스로 한글의 우수성과<br />
보다 독창적인 움직으로 구성 됐으며 저희 '20th century bboys'만의 대표 퍼포먼스 입니다<br />
<br />
 한글 비보이 퍼포먼스는 행사 취지 또는 행사 제목에 따라 표현할 수 있는 한글을 수정,변경 할 수있는 큰 장점을 가지고 있으며 글자를 하나하나 읽어가는 재미와 함께 우리 한글을 우수성을 다시금 느끼게 할 수 있는 퍼포먼스 입니다
							</span>
						</div>
					</div>
					<script>
					    $(document).ready(function(){
					        $('.team_info').each(function(){
								var $this = $(this);
					            var content = $this.find('.show_box .txt');
					            var content_txt = content.html();
								var content_txt_short = content_txt;
					            var btn_more = $('<div class="btn_box short"><button class="btn_more">더보기</button></div>');
								var thumbLen = $this.find(".thumb_wrap .col").length;

					            $this.append(btn_more);

					            if(content_txt.length >= 100){
									content_txt_short = content_txt.substring(0,100)+"...";
					                content.html(content_txt_short)
					            }else{
									if(thumbLen<4){
										btn_more.hide()
										$this.removeClass('short')
									}
					            }

					            btn_more.click(toggle_content);

					            function toggle_content(){
					                if($(this).hasClass('short')){
										// 더보기 상태
					                    $(this).children('.btn_more').text('접기');
					                    content.html(content_txt);
										$this.removeClass('short');
					                    $(this).removeClass('short');
					                }else{
					                    // 접기 상태
					                    $(this).children('.btn_more').text('더보기');
					                    content.html(content_txt_short)
										$this.addClass('short');
					                    $(this).addClass('short');
					                }
					            }
					        });
							$(".event_box").on('click', ".btn_more", function(){
								if($(this).hasClass('open')){
									$(this).text('접기');
									$(".event_box ul").css('height' , 'auto');
									$(this).removeClass('open');
								}else{
									$(this).text('더보기');
									$(".event_box ul").css('height' , '279px');
									$(this).addClass('open');
								}
							})
					    });
				  	</script>
					<div class="event_box side">
						<p>행사스케치</p>
						<ul>
								<li>
									<a href="#">
										<span class="tit">아직 행사 스케치가 존재하지 않습니다.</span>
										<span class="date"></span>
									</a>
								</li>

						</ul>
					</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="31742">
		<input type="hidden" id="estimate_arti_id" name="estimate_arti_id"  value="20thcenturybboys">
		<input type="hidden" id="estimate_arti_name" name="estimate_arti_name"  value="한글 비보이 _20세기 비보이즈">
		<input type="hidden" id="estimate_arti_tel" name="estimate_arti_tel"  value="010-9177-3863">
		<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="31742">
	<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>