<?php
/**
 * SOOP 메인
 *
 * @author		$Author: gyusung.lee $
 * @version		$Revision: 43460 $
 * @link
 * @copyright Copyright(c)2013 by AfreecaTV. Co., Ltd. Seoul, Korea. All rights reserved.
 */


require_once 'Neo_Afreeca/_config.php';
//지역 정보
require_once "Neo_Afreeca/cRegionType.php";
//접속한 유저 정보 가져오기
require_once "Neo_Afreeca/cLocaleTranslator.php";
require_once 'Neo_Afreeca/cLogging.php';
require_once "Neo_Afreeca/Util.php";

$szHttpUserAgent = '';

if(array_key_exists('HTTP_USER_AGENT', $_SERVER)){
	$szHttpUserAgent = $_SERVER['HTTP_USER_AGENT'];
}

// 모바일기기 리디렉션
if (!isset($_GET['mobile']) && preg_match('/(iPhone|Android).*(Mobile|Opera\ mini)/i',$szHttpUserAgent)) {
	header("HTTP/1.1 302 Moved Temporarily");
    header("Location: " . M_AFREECA);
	exit;
} else{
	header("Location: " . WWW_AFREECATV);
	exit;
}

// HTTP 일 경우에는 HTTPS 로 리다이렉션
if (array_key_exists('HTTPS', $_SERVER) == false || $_SERVER['HTTPS'] !== 'on') {
    header('HTTP/1.1 302 Moved Temporarily');
    header('Location: https://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']);
	exit;
}

$oLocaleTranslator = new cLocaleTranslator();

/* lang 파라미터로 강제 SEO용 페이지 전환 처리 x-default 테스트후에 다시 시도
$szReqLang = getInput($_REQUEST['lang'], FILTER_ONLY_ENG_NUM);
$szReqLang = !empty($szReqLang) ? substr($szReqLang, 0, 5) : '';
$oLocaleTranslator->setGaftvLocaleConfig($szReqLang);
*/
$oLocaleTranslator->setGaftvLocaleConfig();
$szLang =  $oLocaleTranslator->szTransLocaleLang;
$szAcptLang = $oLocaleTranslator->getHttpAcceptLang(false);

$szBroadCategoryLocation = "locale/{$szLang}/";

//메인 글로벌 방송리스트  API
$szGetBroadMainInfo = LIVE_AFREECATV."/api/get_broadlist_main_info.php?type=script";
switch($szLang){
	case 'ko_KR' :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="block";
		$hreflang = "ko"; // SEO용 ISO 639-1
		// 국내만 메인 API 정적 파일적용 (CDN 적용하지 않음)
		$szGetBroadMainInfo = RES_AFREECATV . '/main/get_broadlist_main_info_ko_KR.js?'.(int)(time()/60);
		$szSimpleLnb = isset($_COOKIE['simpleLnb']) ? $_COOKIE['simpleLnb'] : "off";
	}
	break;
	case 'zh_TW' :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="none";
		$hreflang = "zh"; // SEO용 ISO 639-1
	}
	break;
	case 'zh_CN' :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="none";
		$hreflang = "zh"; // SEO용 ISO 639-1
	}
	break;
	case 'th_TH' :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="none";
		$hreflang = "th"; // SEO용 ISO 639-1
	}
	break;
	case 'ja_JP' :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="none";
		$hreflang = "js"; // SEO용 ISO 639-1
	}
	break;
	case 'en_US' :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="none";
		$hreflang = "en"; // SEO용 ISO 639-1
	}
	break;
	case 'vi_VN' :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="none";
		$hreflang = "vi"; // SEO용 ISO 639-1
	}
	break;
	default :{
		$szCategoryShow = "Y";
		$szInstallPlayerShow="none";
		$hreflang = "en"; // SEO용 ISO 639-1
	}
	break;
}

// 메인 방송리스트 부분
$broadlistMainUrl = STATIC_FILE_AFREECATV ."/pc/". LOCALE_CODE ."/main_broad_list.js";
// 나이를 PdboxTicket에서 가져오고 싶은데, 왜그런지 nowlximg 계열에서는 쓴데가 없네?
// 동작을 하는건 다 검증을 했는데 뭔가 찜찜하여 PdboxUser 쿠키 사용했음
$loginUser = array();

if(!empty($_COOKIE[USER_COOKIE_NAME]) && parse_str($_COOKIE[USER_COOKIE_NAME], $loginUser) !== FALSE){
	if(!empty($loginUser['age']) && $loginUser['age'] >= 19) {
		// 로그인 + 19세 이상 계정에 한해서 연령제한 컨텐츠 포함해 줌 
		// URL이 따로인게 마음에 안들지만 현재구조에선 답이 없음
		$broadlistMainUrl = STATIC_FILE_AFREECATV ."/pc/". LOCALE_CODE ."/main_broad_list_with_adult.js";
	}
	
	if( (!empty($_SERVER["REMOTE_ADDR"]) && $_SERVER["REMOTE_ADDR"] == '39.117.111.110') || (!empty($loginUser['uid']) && ($loginUser['uid'] =='anonymize' || $loginUser['uid'] =='anonymity'))){
		cLogging::info('user find', 'main_adult_none_user_log');
	}
}


// 광고 on/off 세분화 이전 데이터 : 호출이 있을수 있어서 false로 반환
$BPCBANNER = 0; 
// 광고배너 false면 0으로저장
$BPcMainBanner = $BPcMainBanner ? 1:0; // 메인브랜딩 배너
$BPcCategoryBanner = $BPcCategoryBanner ? 1:0; // 카테고리 배너
$BPcMainCoupleBanner = $BPcMainCoupleBanner ? 1:0; // 메인커플 배너

$isLogin = 0;
$szIdTag = "";
if (!empty($_COOKIE[BBS_COOKIE_NAME]))
{
	$isLogin = 1;
	$szUserId = $_COOKIE[BBS_COOKIE_NAME];
	$szIdTag = md5($szUserId);
}
$szHash = isset($_REQUEST['hash'])?$_REQUEST['hash']:'';
$szHash = getInput($szHash, FILTER_ONLY_ENG_NUM);
$szHash = !empty($szHash) ? $szHash : '';

$szHashTag = isset($_REQUEST['tagname'])?$_REQUEST['tagname']:'';
$szHashTag = removeXSS2($szHashTag);
$szHashTag = !empty($szHashTag) ? $szHashTag : '';

$szHashType = isset($_REQUEST['hashtype'])?$_REQUEST['hashtype']:'';;
$szHashType = removeXSS2($szHashType);
$szHashType = !empty($szHashType) ? $szHashType : '';


$szActType = '';
if (!empty($szHashTag)) {
	$szActType = "hash";	// 해시태그 액션로그
}

if ($isLogin != 1) {
	// 로그인 여부 체크해서 로그인 안되어있으면 바로 로그인 페이지로 이동
	if ($szHash == "favorite" || $szHash == "recent" || $szHash == "foru" || $szHash == "subsBJ" || $szHash == "fanBJ") {
		header("Location: " . LOGIN_AFREECATV . "/afreeca/login.php?szFrom=full&request_uri=". WWW_AFREECATV ."?hash=".$szHash);
		exit;
	} else if ($szHash == "adult") {
		header("Location: " . LOGIN_AFREECATV . "/afreeca/login.php?szFrom=adult&request_uri=". WWW_AFREECATV ."?hash=".$szHash);
		exit;
	}
}

$szAbroadVod = isset($_COOKIE['AbroadVod'])?$_COOKIE['AbroadVod']:'';
$nAbroadChk = ($szAbroadVod == "OK") ? 1 : 0;

$nChinaChk = (LOCAL_COUNTRY_CODE == 'CN') ? 1 : 0;
$szTheme = isset($_COOKIE['theme'])?$_COOKIE['theme']:'';
$szDarkMode = ($szTheme == 'dark') ? 'true' : 'false'; //다크모드 여부

// 홈 개편 백업 플래그
$bMyplusOpen = true;

//2023방송 대상 추가 코드 start
$szAwardConfetti = 'off';
/*
//2024년에 쓸지 몰라서 삭제 하지 않고 코드 유지
$nTime = date('YmdH');
if($nTime >= 2023123000 && $nTime < 2023123100){
	$szAwardConfetti = 'on';
}
//2023방송 대상 추가 코드 end
*/
?>
<!DOCTYPE html>
<?if($szDarkMode == 'true' && $szLang == 'ko_KR'){?>
<html lang="<?=LOCALE_LANG?>" dark="true">
<?}else{?>
<html lang="<?=LOCALE_LANG?>">
<?}?>
<head>
	<meta charset="utf-8">
	<title><?=SERVICE_TITLE_UTF8?></title>
	<meta name="keywords" content="<?=SERVICE_META_KEYWORDS?>">
	<meta name="Description" content="<?=SERVICE_META_DESCRIPTION?>">    
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta property="fb:app_id" content="118793551515130" />
	<meta property="og:title" content="<?=SERVICE_META_KEYWORDS?>" />
	<meta property="og:description" content="<?=SERVICE_META_DESCRIPTION?>"/>
	<meta property="og:type" content="website"/>
	<meta property="og:image" content="<?=RES_AFREECATV?>/images/common/afreecatv_logo.jpg" />
	<meta property="og:site_name" content="<?=SERVICE_META_KEYWORDS?>"/>
	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@afreecatv">
	<meta name="twitter:title" content="<?=SERVICE_META_KEYWORDS?>">
	<meta name="twitter:description" content="<?=SERVICE_META_DESCRIPTION?>">
	<meta name="twitter:image" content="<?=RES_AFREECATV?>/images/common/afreecatv_logo.jpg">
	<meta name="naver-site-verification" content="98df4fe3d93739986f0e50b567f0001b39dc85f0"/>
    <?=REFERRER_META_TAG?>
	<link rel="alternate" href="<?=WWW_AFREECATV?>" hreflang="x-default" />
	<!--<link rel="alternate" href="<?=WWW_AFREECATV?>/?lang=<?=$szLang?>" hreflang="<?=$hreflang?>" /> 171102 SEO TEST-->
	<link rel="shortcut icon" type="image/x-icon" href="<?=RES_AFREECATV?>/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="<?=RES_AFREECATV?>/css/global/main_live.css">
	<script type="text/javascript" src="<?=RES_AFREECATV?>/script/common/jquery.js"></script>
	<!--<script type="text/javascript" src="<?=RES_AFREECATV?>/script/afmain/mousewheelStopPropagation.min.js"></script> //LNB 개편으로 제외-->
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/config/constant.js"></script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/script/new_main/afreecacook.js"></script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/script/swiper.5.3.1.js"></script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/main/main_category_<?=$szLang?>.js"></script>
	<!-- 국내와 분기하기위에 상단에 선언 <script type="text/javascript" src="<?=LIVE_AFREECATV?>/api/get_broadlist_main_info.php?type=script"></script> -->
	<script type="text/javascript" src="<?=$szGetBroadMainInfo?>"></script>
	<script type="text/javascript">window.szLogAction = 'MAIN_LIST';</script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/script/new_main/common.js"></script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/script/custom_scroll.js"></script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/data/afreeca_notice_portlet_<?=LOCALE_CODE?>.js"></script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/main/simple_page.js"></script>
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/library/requirejs/2.1.8/require.js"></script>
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/ad/check_ad.js"></script>
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/ad/check_new_ad.js"></script>
	<script type="text/javascript" src="<?=$broadlistMainUrl?>"></script>
	<!-- <script type="text/javascript" src="<?=LIVE_AFREECATV?>/script/<?=$szBroadCategoryLocation?>broad_category.js"></script> -->
	<!-- <script type="text/javascript" src="<?=LIVE_AFREECATV?>/script/pop_open.js" charset="euc-kr"></script> -->
	<!--메인 화면 구성을 하는 모든 스크립트를 노출 시키는 스크립트를 모아놓은 API / 파라미터로 서비스별 최적화-->
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/get_service_script.php?lang=<?=LOCALE_CODE?>"></script>
	<!--
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/gnb/gnb_common.js"></script>
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/gnb/gnb.js"></script>
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/footer/footer.js"></script>-->
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/common/common_analysis.js"></script>
	<script type="text/javascript" src="<?=STATIC_AFREECATV?>/asset/service/da/BannerLoader.js"></script>
	<script type="text/javascript" src="<?=RES_AFREECATV?>/script/statistics/afreeca.front.statistics.js"></script>
	<script type="text/javascript">
	var szLang = '<?=$szLang?>';
    var szAcptLang = '<?=$szAcptLang?>';
	var _szCurHash = '<?=$szHash?>';
	var _szHashTag = '<?=$szHashTag?>';
	var _szHashType = '<?=$szHashType?>';
	//var szPageType = ( szLang != "" ) ?  szLang : "list_main";
	var szPageType = "list_main";
	var nCurrentPageType = 2;
	// 홈 개편 백업 플래그
	var bMyplusOpen = true;
	// 방송 대상 효과 flag
	var szAwardConfetti = '<?=$szAwardConfetti?>';

	if(szLang == "ko_KR" )
	{
		if ( (oMainData.MAIN_PM_RESULT == 1) && _szCurHash == "" )
		{
			location.href = VOD_AFREECATV;
		}
	}

	function initSeasonalBnr()
	{
		// 시즈널 배너
		if(oMainData.MAIN_SEASONAL_BNR_RESULT == 1)
		{
			var oSeasonalBnr = oMainData.MAIN_SEASONAL_BNR_DATA[0];
			var szTarget = '';

			if(oSeasonalBnr.target == 'Y')
			{
				szTarget = 'target="_blank"';
			}

			if (oSeasonalBnr.list_img_path != "" && oSeasonalBnr.list_img_path != null)
			{
				$('h1#afLogo').html('<a href="'+ oSeasonalBnr.link +'" '+ szTarget +'><img alt="" src="'+ ADMIN_IMG_AFREECATV +'/'+ oSeasonalBnr.list_img_path +'" width="210" height="65" title="SOOP loading="lazy"">');
			}
			else
			{
				$('h1#afLogo').html('<a href="<?=WWW_AFREECATV?>"><?=SERVICE_NAME?></a></h1>');
			}
		}
		else
		{
			$('h1#afLogo').html('<a href="<?=WWW_AFREECATV?>"><?=SERVICE_NAME?></a></h1>');
		}
	}

    try
    {
        var importAAB = document.createElement('script');
        importAAB.src = RES_AFREECATV + '/script/player/service-maintenance.js';
        document.head.appendChild(importAAB);
    } catch(e) {}

    // 창크기 변환 리스트
    $(window).ready(function(){
		const szCoupleBnrHash = (_szCurHash == "" && <?=$bMyplusOpen?>) ? "myplus" : _szCurHash;
		const bAdMainCoupleBanner = <?=$BPcMainCoupleBanner?> ? 1 : 0; //애드블럭 때문에 php 변수로 변수 재생성

		if (bAdMainCoupleBanner && (typeof BannerLoader !== 'undefined')) {
			//비동기로 인해 BannerLoader.js에서 this 값이 겹쳐 객체 2개 생성
			const mainCouplebanner = new BannerLoader();
			
			if (mainCouplebanner.loadMainCoupleBanner) {
				mainCouplebanner.loadMainCoupleBanner({parentId: "afSearch_inner", subParentId: "innerLnb", category: szCoupleBnrHash});
			}
		}

        if((checkSimple("main","ad_banner") && (_szCurHash == "" || _szCurHash == "myplus" || _szCurHash == "all")) && <?=$BPcMainBanner?>) {
            if(typeof BannerLoader !== 'undefined') {
				var mainBanner = new BannerLoader();				
				mainBanner.loadMainBanner((_szCurHash == "" && <?=$bMyplusOpen?>) ? 'myplus' : _szCurHash);
            }
        }
    });

	function profileImgOnError(e, szUserId){
		if(e.src.split(".").at(-1) == "webp"){
			e.src = "<?=STIMG_AFREECATV?>/LOGO/" + szUserId.substring(0,2) + "/" + szUserId + "/" + szUserId + ".jpg";
		} else {
			e.src="<?=RES_AFREECATV?>/images/afmain/img_thumb_profile.gif";
		}
	}

	</script>
	<span itemscope="" itemtype="http://schema.org/Organization">
	<link itemprop="url" href="<?=WWW_AFREECATV?>">
	<a itemprop="sameAs" href="https://www.facebook.com/afreecaTV.korea"></a>
	<a itemprop="sameAs" href="http://blog.naver.com/afreecatvblog"></a>
	<a itemprop="sameAs" href="https://www.instagram.com/afreecatv_official"></a>
	</span>
</head>

<?if($szLang == 'ko_KR' && $bMyplusOpen){?>
<body id="listMain" class="<?=$szLang?>">
<?}else{?>
<body id="listWrap" class="<?=$szLang?>">
<?}?>
<div class="wa_skip">
<a href="#categoryMenu" rel="bookmark" tabindex="1" onclick="document.getElementById('categoryMenu').tabIndex = -1;document.getElementById('categoryMenu').focus();return false;"><?=gettext("방송 카테고리 바로가기")?></a>
<a href="#serviceMenu" rel="bookmark" tabindex="1" onclick="document.getElementById('serviceMenu').tabIndex = -1;document.getElementById('serviceMenu').focus();return false;"><?=gettext("주요 서비스 바로가기")?></a>
<a href="#studioPlay" rel="bookmark" tabindex="1" onclick="document.getElementById('studioPlay').tabIndex = -1;document.getElementById('studioPlay').focus();return false;"><?=gettext("방송하기 바로가기")?></a>
<a href="#container" rel="bookmark" tabindex="1" onclick="document.getElementById('container').tabIndex = -1;document.getElementById('container').focus();return false;"><?=gettext("방송리스트 바로가기")?></a>
<a href="#footer" rel="bookmark" tabindex="1" onclick="document.getElementById('footer').tabIndex = -1;document.getElementById('footer').focus();return false;"><?=gettext("하단메뉴 바로가기")?></a>
</div>

<!-- 서비스 종료 레이어 -->
<div class="af_modal_wrap" id="japanExchangeEndLayer" style="display:none"><div class="flex_box"><div class="modal_contents">
	<div class="contents_wrap">            
		<p class="notice_txt">
			<strong>日本法人を通じた報酬支給終了のお知らせ</strong><br><br>

			平素よりアフリカTVの日本サービスをご利用いただき誠にありがとうございます。<br><br>
			
			<span style="color:#ff1e1e">今後の報酬支給サービスは香港法人で行います。</span><br>
			<span style="color:#ff1e1e">香港法人からの報酬支給申請サービスについての詳しい説明は、お知らせをご参照ください。</span>
			<br><br>

			#日本法人からの報酬支給のサービスのみ終了されます。他のサービスは以前と同じくご利用いただけます。
			
		</p>
		<div class="btn-area"><button class="week" id="japanExchangeEndLayerCookie">以降１週間間見ない</button><button id="japanExchangeEndLayerLink" class="close">告知を確認</button></div>
		<div class="close-layer"><button id="japanExchangeEndLayerClose">close</button></div>
	</div>
</div></div></div>
<!-- //서비스 종료 레이어 -->

<!--vr플레이어 layer-->
<div id="layer_vr" style="display:none">
	<span class="txt"><?=gettext("VR전용 헤드셋이 준비 되셨나요?")?></span>
	<a href="javascript:;" class="go_vrbs"><?=gettext("공식 방송국가기")?></a>
	<a href="javascript:;" class="go_basecamp" id="basecampPlay"><?=gettext("VR플레이어 실행하기")?></a>
	<button type="button" class="btn_close"><?=gettext("닫기")?></button>
</div>

<!-- 중국 vpn 시청가능 안내 -->
	<div id="layer_zh_info" style='display:none'>
		<div class="dim" id='backlayer'></div>	
		<div class="ui-pop pop_chnoti">	
		<div class="pop-body">
			在中国的用户会员注册和电脑端观看时请关闭VPN，<br />在手机端观看时请使用VPN。
		<p class="close_ck"><input type="checkbox" id="chinatodayclose"><label for="">今天不再显示</label></p>
		</div>
		<div class="pop-btn">		
			<a href="javascript:;" class="btn btn_blue">确认</a>
		</div>
		</div>
	</div>
<!-- //중국 vpn 시청가능 안내 -->

<!-- 방송하기 레이어 -->
<div id="studioSelect" class="studio_selectbox" style="display:none">
	<a href="#" id="oldStudioPlay" class="btn_cast01">
		<span class="txt"><?=gettext("기존 방식으로 방송하시려면?")?></span>
		<span class="cast_v"><?=gettext("기존 방송하기")?></span>
	</a>
	<a href="#" id="newStudioPlay" class="btn_cast02">
		<span class="txt"><?=gettext("복잡한 장비없이! 다양한 방송 ")?><br><?=gettext("소스로 고화질 방송을 하시려면?")?></span>
		<span class="cast_v"><?=gettext("프릭샷 방송하기")?></span>
	</a>
	<a href="<?=DASHBOARD_AFREECATV?>" id="rtmpPlay" class="btn_cast03" target="_blank">
		<span class="txt"><?=gettext("OBS, XSplit 등 인코더 프로그램을 <br> 이용하여 방송 하시려면 ")?></span>
		<span class="cast_v"><?=gettext("방송하기")?></span>
	</a>
	<a href="<?=BJ_AFREECATV?>/afstudio" class="btn_cast_qna" target="_blank" id="newStudioLink"><?=gettext("공식방송국 가기")?></a>
	<div class="close"><a href="#" title="레이어 닫기"><span>닫기</span></a></div>

	<div class="studio_btn_wrap">
		<!-- 2017-0621 레이어 추가 -->
		<a href="#" id="avaPlay" class="btn_cast_help"> <span><?=gettext("AVA 로 꿀잼 방송 하기!")?><em></em> </span></a>
		<a href="<?=AQUA_AFREECATV?>" class="btn_aqua" target="_blank"><span><?=gettext("전자여성으로 방송화면 꾸미기!")?><em></em> </span></a>
	</div>
	<div class="bj_edu"><a href="<?=NEWBJ_AFREECATV?>" target="_blank">신입 스트리머 지원센터 바로가기</a></div>
</div>
<!-- //방송하기 레이어 -->

<!-- 장기구독자 알림 레이어 -->
<div id="right_bottom_message">
	<div class="message_box">
		<span class="icon ic_subscribe"></span>
		<p>장기구독 선물 대상자로 <br> 특별 선물 신청권을 보유중입니다. </p>
		<p>
			<button type="button" id="no_show_close">30일 동안 보지 않기</button>
			<a href="<?=SUBS_AFREECATV?>" class="go_subs_shop">바로가기</a>
		</p>
		<button type="button" class="close">닫기</button>
	</div>
</div>
<!-- //장기구독자 알림 레이어 -->

<!--사내 변경 유저 안내 레이어-->
<div class="change_company_name on" style="display:none">
    <div class="message_box">
        <span class="date"><?=gettext("2024년 3월 29일")?></span>
            <h4><?=gettext("<strong>주식회사 숲</strong>으로<br>새롭게 출발합니다.")?></h4>
                <p class="text"><?=gettext("주식회사 아프리카티비에서")?><br><?=gettext("<strong>주식회사 숲으로 사명이 변경</strong>되었습니다.")?></p>
                <p class="noti"><?=gettext("※서비스명 '아프리카TV'는 추후 변경될 예정입니다.")?></p>
                    <div class="btn_wrap">
                        <button type="button" class="no_show"><?=gettext("다시 보지 않기")?></button>
                        <a href="<?=SOTONG_AFREECATV?>/?board_type=servicenotice&work=view&b_no=6647&page=1&check_title=&check_content=" class="more"><?=gettext("자세히 보기")?></a>
					</div>
        <button type="button" class="close" onclick="$(this).closest('.change_company_name').removeClass('on')">닫기</button>
    </div>
</div>
<!--사내 변경 유저 안내 레이어-->

<!--231113 BJ대상 초대장 팝업 노출-->
<div class="noti_layer_wrap" style="display:none">
	<div class="conts_wrap">
		<div class="conts">
			<img src="<?=RES_AFREECATV?>/afevent/promotion/award2023/img/bjaward_layer.png" alt="">
			<div class="txt" id="award2023_message">
			</div>
			<div class="deco">
				<i class="star1"></i>
				<i class="star2"></i>
				<i class="star3"></i>
				<i class="snow1"></i>
				<i class="snow2"></i>
				<i class="snow3"></i>
			</div>
			<a href="<?=str_replace('//award', '//2023award', AWARD_AFREECATV)?>/?page=categoryWinner" target="_blank" class="btn_link">BJ대상 참여 바로가기</a>
		</div>
		<div class="todays">
			<div class="chk_wrap">
				<span class="ck_box"><input type="checkbox" name="ck_term" id="ck_term"></span>
				<label for="ck_term">오늘 하루 보지 않기</label>
			</div>
			<button type="button" class="todays_close">닫기</button>
		</div>
		<button type="button" class="noti_close">레이어 닫기</button>
	</div> 
</div>
<!--//231113 BJ대상 초대장 팝업 노출-->
<!-- 크롬 브라우저 Window7,8,8.1 지원 종료 안내 레이어 -->
<div id="end_browser_support_layer" class="end_browser_support">
	<div class="message_box">
		<strong><?=gettext("크롬 브라우저의<br>Window7,8,8.1 지원이 종료되었습니다.")?></strong>
		<p class="text"><?=gettext("정상적인 서비스 이용을 위해 Window10 이상으로 업데이트 해주세요.")?> <?=gettext("상세 내용은 <a href='<?=BJ_AFREECATV?>/afsupport/post/96206371' target='_blank' id='notice'>‘여기’</a>서 확인 가능합니다.")?></p>
		<a href="https://www.microsoft.com/ko-kr/windows/end-of-support" target="_blank" id="upgrade" class='upgrade'><?=gettext("업그레이드")?></a>
		<p class="close_week"><button type="button" id="hide_7days" class=""><?=gettext("1주일 동안 보지 않기")?></button></p>
		<button type="button" class="close"><?=gettext("닫기")?></button>
	</div>
</div>
<!-- // 크롬 브라우저 Window7,8,8.1 지원 종료 안내 레이어 -->

<div id="overlay" style="display:none;"></div>
<!-- 성인 인증 -->
<div id="adultLayer" class="layer_wrap adult_confirm" style="display:none;">
	<p class="txt_adult"><?=gettext("성인 확인")?></p>
	<p class="txt_c"><?=gettext("이 정보내용은 청소년 유해매체물로서 정보통신망<br>이용촉진 및 정보보호등에 관한 법률 및<br>청소년보호법의 규정에 의하여<br><strong>만 19세 미만의 청소년이 이용할 수 없습니다.")?></strong></p>
	<div class="btn_f"><a href="javascript:;"><?=gettext("되돌아가기(만19세 미만)")?></a></div>
	<div class="close"><a href="javascript:;"><span><?=gettext("닫기")?></span></a></div>
</div>
<!-- //성인 인증 -->
<!-- 방송 알림 예약 이용안내 2017-0623 -->
<div id="alarm_broadcast" style="display: none;">
		<h2>방송 알림 예약 이용안내</h2>
		<ol>
			<li>
				<h3>모바일 앱  로그인하기</h3>
				<p>SOOP 앱을 설치하고 로그인을 해주세요. 모바일 앱에 로그인이 되어 있지 않으면 알림을 받을 수 없습니다. </p>
				<a href="https://apps.apple.com/kr/app/id334185830" class="app ios" target="_blank">IOS 앱설치</a>
				<a href="https://play.google.com/store/apps/details?id=kr.co.nowcom.mobile.afreeca" class="app aos" target="_blank">AOS 앱설치</a>
			</li>
			<li>
				<h3>알림 예약 </h3>
				<p>보고 싶은 방송이 있으면 PC 배너 혹은 모바일 배너에서 알림 예약 을 해주세요.</p>
			</li>
			<li>
				<h3>모바일 알림 받기 </h3>
				<p>SOOP 모바일 앱을 통해 방송 시간에 맞춰 알림을 받을 수 있습니다. </p>
			</li>
		</ol>

	<div class="ar_bottom">
		<span>알림 예약 에 대해 문의 하기</span>&nbsp;&nbsp;
		<a href="<?=HELPAFREECA_SSL?>/inquiry" >1:1 문의하기</a>
	</div>
	<button type="text">닫기</button>
</div>
<!-- //방송 알림 예약 이용안내 -->

<!-- 2016-0616 알람  -->
<div id="alarm_mobile" style="display: none;">
	<h2><?=gettext("현재 모바일앱에 <br> 로그인이 되어 있지 않습니다.")?></h2>
	<p><?=gettext("예약한 알림을 받으시려면 지금 바로 <br> 모바일앱에 로그인해 주세요.")?></p>
	<button type="text" ><?=gettext("확인")?></button>
	<button type="text" class="close"><?=gettext("닫기")?></button>
</div>
<div id="fav-toast-box" class="toast-box"></div>

<div id="wrap">
	<!-- header -->
	<header id ="serviceHeader">
		<div id ="topInnerHeader" class="innerHeader">
			<?if($szLang == 'ko_KR' && $bMyplusOpen){?>
			<div class="btn_flexible">
				<button type="button" id="flexLnb" onclick="$('#serviceLnb').toggleClass('mini');">메뉴 확장/축소</button>
			</div>
			<?}?>
			<h1 id="afLogo"><script type="text/javascript">initSeasonalBnr();</script></h1>
			<script type="text/javascript">oGnb.setMainGnb(szPageType);</script>
		</div>
	</header>
	<!-- //header -->
	<!-- 카테고리 메뉴 -->
	<?if($szLang == 'ko_KR' && $szSimpleLnb != "on" && $bMyplusOpen){?>
		<div id="serviceLnb">
			<div class="innerLnb" id="innerLnb"><script type="text/javascript">oGnb.initMainCate();</script></div>
		</div>
	<?}else if($szLang == 'ko_KR' && $szSimpleLnb == "on" && $bMyplusOpen){?>
		<div id="serviceLnb" class="mini">
			<div class="innerLnb" id="innerLnb"><script type="text/javascript">oGnb.initMainCate();</script></div>
		</div>
	<?}else{?>
		<div id="sideArea">
		<div class="Left_Navigation_Bar main">
			<div id="LNB-ScrollBox"><script type="text/javascript">oGnb.initMainCate();</script></div>
		</div>
	<?}?>
	<!-- //카테고리 메뉴 -->
	<!-- content -->
	<div id="list-container">
		<!-- 국가 상관없이 추가 됨 -->
		<script type="text/javascript">oGnb.setMainEmailConfirm();</script>
		<?if(!($szLang == 'ko_KR' && $bMyplusOpen)){?>
		<div id="topBnrArea" class="main_banners" style="display:none;">
            <h2 class="blind"><?=gettext("배너 영역")?></h2>
            <div class="line"></div><!-- 180524 라인제거 -->
            <a href="javascript:;" class="btn_prev" id="btnPrev" tabindex="0" role="button" aria-label="Next slide">
                <span><?=gettext("이전배너보기")?></span>
            </a>
            <div id="topBnrSwiper" class="swiper-container">
                <ul class="banners_list swiper-wrapper"></ul>
            </div>
            <a href="javascript:;" class="btn_next" id="btnNext" tabindex="0" role="button" aria-label="Previous slide">
                <span>다음배너보기</span>
            </a>
        </div>
		<?}?>
		<div class="alarmBox" style="top: 137px; display:none;">
			<input type="hidden" id="alarm_push_idx" value=""/>
			<div class="reservation" style="display:none;" id="alarmBoxLayer">
				<p><?=gettext("방송이 시작되면 <br/>알려 드릴까요?")?></p>
				<a href="javascript:;" id="alarm_push_reg_btn"><span></span><?=gettext("알림 예약")?></a>
				<button type="text" class="question"><?=gettext("<em>모바일앱</em>을 통해 알림 발송됨")?><span></span></button>
				<button type="text" class="close"><?=gettext("알람 닫기")?></button>
			</div>
			<div class="complete" style="display:none;" id="alarmBoxSuccessLayer">
				<p><em></em><?=gettext("알림 예약 완료")?></p>
				<a href="javascript:;" id="alarm_push_cancle_btn" ><span></span><?=gettext("알림 취소")?></a>
				<button type="text" class="question"><?=gettext("<em>모바일앱</em>을 통해 알림 발송됨")?><span></span></button>
				<button type="text" class="close"><?=gettext("알람 닫기")?></button>
			</div>
			<div class="complete" style="display:none;" id="alarmBoxPrevLayer">
				<p><em></em><?=gettext("이미 알림 예약을<br/>하셨습니다")?></p>
				<a href="javascript:;" id="alarm_push_cancle_btn"><span></span><?=gettext("알림 취소")?></a>
				<button type="text" class="close"><?=gettext("알람 닫기")?></button>
			</div>
			<div class="cancel" style="display:none;" id="alarmBoxCancleLayer">
				<p><em></em><?=gettext("취소 되었습니다.")?></p>
				<a href="javascript:;" id="alarm_push_layer_close_btn"><span></span><?=gettext("닫기")?></a>
				<button type="text" class="close"><?=gettext("알람 닫기")?></button>
			</div>
		</div>
		<div id="list-section" class="content_area">
			<?if($szLang == 'ko_KR' && $bMyplusOpen){?>
			<div id="topBnrArea" class="main_banners" style="display:none;">
				<h2 class="blind"><?=gettext("배너 영역")?></h2>
				<div class="line"></div><!-- 180524 라인제거 -->
				<a href="javascript:;" class="btn_prev" id="btnPrev" tabindex="0" role="button" aria-label="Next slide">
					<span><?=gettext("이전배너보기")?></span>
				</a>
				<div id="topBnrSwiper" class="swiper-container">
					<ul class="banners_list swiper-wrapper"></ul>
				</div>
				<a href="javascript:;" class="btn_next" id="btnNext" tabindex="0" role="button" aria-label="Previous slide">
					<span>다음배너보기</span>
				</a>
			</div>
			<?}?>
			<div id="topCategoryArea"></div>

			<!-- 글로벌 라이브 섹션 상세 페이지 영역 -->
			<div id="liveSectionDetail" style="display:none;">
				<div class="title-wrap">
                    <h2 class="big"></h2>
                </div>
                <div class="sort-wrap">
                    <div class="sort-tab">
                        <button type="button" role="viewer" class="on"><span><?=gettext("참여인원순")?></span></button>
                        <button type="button" role="recent"><span><?=gettext("최신방송순")?></span></button>
                    </div>
                </div>
                <div class="cBox-list" data-broadcast="live">
                <ul></ul>
                </div>
			</div>
			<!-- //글로벌 라이브 섹션 상세 페이지 영역 -->

			<!-- 스태프 픽스 상세 페이지 영역 -->
			<div id="staffPicksDetail" style="display:none;">
				<div class="title-wrap">
                    <h2 class="big"></h2>
                </div>
                <div class="sort-wrap">
                    <div class="sort-tab">
                        <button type="button" role="all" class="on"><span><?=gettext("전체")?></span></button>
                        <button type="button" role="live"><span><?=gettext("라이브")?></span></button>
                        <button type="button" role="vod"><span><?=gettext("VOD")?></span></button>
                    </div>
                </div>
                <div class="cBox-list">
                <ul></ul>
                </div>
			</div>
			<!-- //스태프 픽스 상세 페이지 영역 -->

			<!-- 광고영역 -->
			<div  id="afreecaAd" class="ad_area"></div>
			<!-- //광고영역 -->

			<?if($szLang == 'ko_KR' && $bMyplusOpen){?>
			<!-- 실시간 급상승 TOP LIVE -->
			<div id="rktk_top_area" class="cBox-list" data-broadcast="live" style="display: none;">
				<div class="title-wrap first">
					<h2 class="big">실시간 급상승</h2>
				</div>
                <ul></ul>
            </div>
			<!-- 선호 스트리머 LIVE -->
			<div id="prefer_broadlist_area" class="cBox-list" data-broadcast="live" style="display: none;">
                <ul></ul>
            </div>
			<!-- //선호 스트리머 LIVE -->

			<!-- 트위치 LIVE -->
			<div class="slide-live" id="twitch_area" style="display: none;">
				<div class="title-wrap">
					<h2 class="big">Twitch! Welcome!</h2>
				</div>
				<div class="controller">
					<button type="button" class="arrow-prev slide_live_arrow-prev">
						<span>이전 목록</span>
					</button>
					<button type="button" class="arrow-next slide_live_arrow-next">
						<span>다음 목록</span>
					</button>
				</div>
				<div id="twitchLiveSwiper" class="swiper-container" data-broadcast="live">
					<ul class="swiper-wrapper"></ul>
				</div>
			</div>

			<!-- 선호 스트리머 VOD -->
			<div id="prefer_vodlist_area" class="cBox-list" style="display: none;">
				<div class="title-wrap">
					<h2 class="big">선호 스트리머 VOD</h2>
				</div>
                <ul></ul>
            </div>
			<!-- //선호 스트리머 VOD -->
			<?}?>
			<!-- 핫이슈 -->
			<div class="issue-box tab-live" id="hotArea" style="display: none;">
				<div class="issue-tab">
                    <h2>실시간 <?=gettext("핫이슈")?></h2>
                    <ul id="hotTab">
                        <li id="live_slider_btn" class="tab issue-live active" data-id="hotIissueLive">
                            <button type="button">
                                <span><?=gettext("라이브")?></span>
                            </button>
                        </li>
                        <li id="vod_slider_btn" class="tab issue-vod" data-id="hotIissueVod">
                            <button type="button">
                                <span>VOD</span>
                            </button>
                        </li>
                    </ul>
                    <div class="controller">
                    <button type="button" id="toggle" class="moving stop">
                        <span>멈춤/재생</span>
                    </button>
                    <button type="button" class="arrow-prev issue_vod-left" tabindex="0" role="button" aria-label="Previous slide">
                        <span>이전</span>
                    </button>
                    <button type="button" class="arrow-next issue_vod-next" tabindex="0" role="button" aria-label="Next slide">
                        <span>다음</span>
                    </button>
                    </div>
                
                <div id="hotIissueLive" class="hotIissue-live" style="display:none;">
                    <div id="hotIissueLiveSwiper" class="hotIssue-slider swiper-container" data-broadcast="live">
                        <ul class="swiper-wrapper"></ul>
                    </div>
                </div>

                <div id="hotIissueVod" class="hotIissue-item hotIissue-vod" style="display:none;">
                    <div id="hotIissueVodSwiper" class="swiper-container">
                        <ul class="swiper-wrapper"></ul>
                    </div>
                </div>
			</div>
			</div>
			<!-- //핫이슈 -->
			<!-- 실시간 핫이슈 -->
			<?if($szLang == 'ko_KR' && $bMyplusOpen){?>
			<div class="slide-live3" id="newHotArea" style="display: none;">
				<div class="title-wrap">
					<h2 class="big">실시간 <?=gettext("핫이슈")?><span id="preferEmptyNotice" style="display: none;">방송 참여를 통해 좋아하는 스트리머를 발견해 보세요!</span></h2>
				</div>
				<div class="controller">
					<button type="button" class="arrow-prev slide_live_arrow-prev">
						<span>이전 목록</span>
					</button>
					<button type="button" class="arrow-next slide_live_arrow-next">
						<span>다음 목록</span>
					</button>
					<button type="button" id="toggle2" class="moving stop"><span>멈춤/재생</span></button>
				</div>
				<div id="hotIssueLiveSwiper" class="hotIssue-slider swiper-container" data-broadcast="live" style="">
					<ul class="swiper-wrapper"></ul>
				</div>
			</div>
			<?} else {?>
			<div class="hotIssue-live" id="newHotArea" style="display: none;">
				<div id="hotIssueLive">
					<h2 class="">실시간 <?=gettext("핫이슈")?></h2>
					<div id="hotIssueLiveSwiper" class="hotIssue-slider swiper-container" data-broadcast="live" style="">
						<ul class="swiper-wrapper"></ul>
					</div>
					<button style="" type="button" class="issueSlider-arrow issue-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"><span>이전 목록</span></button>
					<button style="" type="button" class="issueSlider-arrow issue-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"><span>다음 목록</span></button>
					<button type="button" id="toggle2" class="moving stop">
						<span>멈춤/재생</span>
					</button>
				</div>
			</div>
			<?} ?>
			
			<!-- //실시간 핫이슈 -->
			<!--추천 캐치-->
			<div class="slide-catch" id="recommendCatchArea" style="display: none;">
				<div class="title-wrap catch">
					<h2 class="normal">Catch</h2>
				</div>
				<div class="controller">
					<button type="button" class="arrow-prev slide_vod_arrow-prev">
						<span>이전 목록</span>
					</button>
					<button type="button" class="arrow-next slide_vod_arrow-next">
						<span>다음 목록</span>
					</button>
				</div>
				<div class="catch_hz_box">
					<div id="recommendCatchList" class="catch-list">
						<ul class="swiper-wrapper"></ul>
					</div>
				</div>
			</div>
			<!-- //추천캐치-->
			<!--별별랭킹-->
			<div class="slide-live" id="starRankArea" style="display: none;">
				<div class="title-wrap">
					<h2 class="big">별별랭킹</h2>
				</div>
				<div class="controller">
					<button type="button" class="arrow-prev slide_live_arrow-prev">
						<span>이전 목록</span>
					</button>
					<button type="button" class="arrow-next slide_live_arrow-next">
						<span>다음 목록</span>
					</button>
					<button type="button" id="toggle3" class="moving stop"><span>멈춤/재생</span></button>
				</div>
				<div id="starRankLiveSwiper" class="swiper-container" data-broadcast="live">
					<ul class="swiper-wrapper"></ul>
				</div>
			</div>
			<!--//별별랭킹-->

			<!--실시간급상승-->
			<div class="slide-live2" id="realtimeRankingArea" style="display: none;">
				<div class="title-wrap">
					<h2 class="big">실시간 급상승</h2>
				</div>
				<div class="controller">
					<button type="button" class="arrow-prev slide_live_arrow-prev">
						<span>이전 목록</span>
					</button>
					<button type="button" class="arrow-next slide_live_arrow-next">
						<span>다음 목록</span>
					</button>
					<button type="button" id="toggle4" class="moving stop"><span>멈춤/재생</span></button>
				</div>
				<div id="realtimeRankingLiveSwiper" class="swiper-container" data-broadcast="live">
					<ul class="swiper-wrapper"></ul>
				</div>
			</div>
			<!--//실시간급상승-->

			<!-- 글로벌용 배너 -->
			<div id="GlobalBnrArea" class="main_banners GlobalBnr2" style="display:none;">
                <a href="javascript:;" class="btn_prev" id="btnPrev" tabindex="0" role="button" aria-label="Next slide">
                    <span><?=gettext("이전배너보기")?></span>
                </a>
                <div id="GlobalBnrSwiper" class="swiper-container">
                    <ul class="banners_list swiper-wrapper"></ul>
                </div>
                <a href="javascript:;" class="btn_next" id="btnNext" tabindex="0" role="button" aria-label="Previous slide"><span><?=gettext("다음배너보기")?></span></a>
            </div>
			<!-- //글로벌용 배너 -->
			
			<!-- 글로벌용 스태프 픽스 -->
			<div id="staffPicksList" style="display:none;"></div>
			<!-- //글로벌용 스태프 픽스 -->
			
			<!-- 글로벌용 라이브 섹션 -->
			<div id="liveSectionList" style="display:none;"></div>
			<!-- //글로벌용 라이브 섹션 -->

			<!-- 글로벌용 스태프 픽스 -->
			<div id="staffPicksList_more" style="display:none;"></div>
			<!-- //글로벌용 스태프 픽스 -->

			<!--<h2 class="title"><a href="javascript:;" id="titleToggle" class="on">전체<em></em></a></h2>		-->
			<!-- 타이틀 새로고침 (전체 카테고리 일때만 새로고침 버튼 위치 바뀜) -->
			<div class="title-wrap" id="title_area">
                <h2 class="big"></h2>
			<?if($szHash == '' || $szHash == 'myplus'){?>
				<div class="rt_group">
                    <button type="button" id="all_btn_reload" class="reload" style="display:none;">
                        <span><?=_("새로고침")?></span>
                    </button>
                </div>
			<?}else{?>
				<div class="rt_group" style="display:none;">
						<div class="filter_wrap">
							<div class="btns">
								<button type="button" id="btnRefresh" class="refresh"><?=_("새로고침")?></button>
							</div>
							<div class="select-box">
								<button type="button" id="btnSortAct" class="selected"><?=_("참여인원순")?></button>
								<ul class="list" id="btnSortList">
									<li><button type="button" role="viewer"><?=_("참여인원순")?></button></li>
									<li><button type="button" role="recent"><?=_("최신방송순")?></button></li>
								</ul>
							</div>
						</div>
					</div>
			<?}?>
            </div>
			<!-- 타이틀 새로고침 -->
			<!-- 전체 메인배너 영역 -->
			<div id="all_main_banner_wrap"></div>
			<!-- 전체 메인배너 영역 -->
			<!-- 썸네일형 -->
			<!-- 텍스트형 -->
			<div id="subCategory" class="category_text"></div>
			<div id="hashtag_div" class="tag_conts" style="display:none">
				<div id="hashtagTab" class="tag_tab"></div>	
				<div id="hashtagSort" class="sort_area"></div>
				<div class="item_list">
					<ul></ul>
				</div>
			</div>
			<div class="tag_infos_wrap" style="display:none">
				<div id="tag_infos" class="tag_infos" >
					<dl></dl>
					<dl >
						<dt>🔥 <?=_("태그 트렌드")?></dt>
						<dd>
							<ul id="today_trend"></ul>
						</dd>
					
					</dl>
				</div>
			</div>

            <!-- // 스포츠 라이브 스코어 -->
            <div class="SortVod schedule" style="display:none;">
                <div class="lt_group">
                    <div class="depth-3">
                        <h4>오늘의 주요일정</h4>
                    </div>
                </div>
            </div>

            <div class="sports_schedule" id="sports_schedule" style="display:none;">
                <!--<div class="calendar" id="div_sports_schedule_calendar"></div>-->
                <div class="game_list" id="div_sports_schedule_game_list"></div>
            </div>
            <!-- // 스포츠 라이브 스코어 -->

			<div id="broad_sv_area" class="sort-wrap" style="display:none;">
                <div id="sort-tab-group" class="sort-tab">
                    <button type="button" class="on" role="view_cnt"><span><?=gettext("참여인원순")?></span></button>
                    <button type="button" role="broad_start"><span><?=gettext("최신방송순")?></span></button>
                </div>
                <div class="rt_group">
                	<a href="javascript:;" class="btn_banner" id="sub_banner" style="display:none;">스포츠페이지 배너 이미지 영역</a>
                    <button type="button" class="reload"><span><?=gettext("새로고침")?></span></button>
                </div>
            </div>
			
			<div id="broad_sort_area" class="SortVod" style="display:none;">
				<div class="lt_group">
					<div class="depth-3">
						<h4>전체</h4>
					</div>
				</div>
				<div class="rt_group">
					<div class="filter_wrap">
						<div class="btns">
							<button type="button" id="btnRefresh" class="refresh">새로고침</button>
						</div>
						<div class="select-box">
							<button type="button" id="btnSortAct" class="selected">참여인원순</button>
							<ul class="list" id="btnSortList">
								<li><button type="button" role="viewer">참여인원순</button></li>
								<li><button type="button" role="recent">최신방송순</button></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			 <!-- 해시태그 동영상 sv_area -->
            <div id="hashtagVod_sv_area" class="sort-wrap"  style="display:none;">
                <div class="sort-tab" id="hashtagVod_order">
                    <button type="button" class="on" data-order="reg_date"><span><?=gettext('최신순')?></span></button>
                    <button type="button" data-order="view_cnt"><span><?=gettext('재생순')?></span></button>
                    <button type="button" data-order="recomm_cnt"><span><?=gettext('UP순')?></span></button>
                    <button type="button" data-order="memo_cnt"><span><?=gettext('댓글순')?></span></button>
                </div>
                <div class="rt_group" id="hashtagVod_range">
                    <div class="date_sort">
                        <button type="button" data-range="all"><span><?=gettext('전체')?></span></button>
                        <button type="button" data-range="1day"><span><?=gettext('1일')?></span></button>
                        <button type="button" data-range="1week"><span><?=gettext('1주')?></span></button>
                        <button type="button" class="on" data-range="1month"><span><?=gettext('1개월')?></span></button>
                    </div>
                </div>
            </div>
            <!-- //해시태그 동영상 sv_area -->

			<!-- 카테고리 고정 배너 -->
            <div class="banner_link" id="div_cate_banner" style="display:none;"></div>
            <!-- 게임배너 -->
            <div class="bnr_bothSide" id="div_game_banner" style="display:none;"></div>
            <!-- //게임배너 -->
            <!-- 보라배너 -->
            <div class="bnr_bothSide ban_img" id="div_bora_banner" style="display:none;"></div>
            <!-- //보라배너 -->

            <div id="broadlist_area" class="cBox-list" data-broadcast="live">
                <ul></ul>
            </div>

			<!-- 로딩중 -->
            <div class="loading-spinner"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
            <!-- //로딩중 -->

            <!-- 새로고침 -->
            <div class="reloading line_rt" style="display:none;">
                <p><?=gettext('일시적으로 정보를 불러 오지 못했습니다.<br>잠시 후 다시 새로고침 해 주세요.')?></p>
                <button class="icon"><span class="ir" id="reloadHotissue"><?=gettext("새로고침")?></span></button>
            </div>
            <!-- //새로고침 -->    


			<!-- 해시태그 전체 영역 -->
            <div id="hashtag_title_live_area" class="title-wrap" style="display:none;">
                <h2 class="normal"><?=gettext("생방송")?></h2>
                <div class="rt_group">
                    <a href="" class="btn_more"><?=gettext("생방송 더보기")?></a>
                </div>
            </div>
            <div id="hashtag_list_live_area" class="cBox-list" data-broadcast="live">
                <ul></ul>
            </div>
            <!-- 해시태그LIVE 빈 영역 -->
            <div class="nt_area" id="hashtagLive_nt_area" style="display: none;">
            </div>
            <div id="hashtag_title_vod_area" class="title-wrap" style="display:none;">
                <h2 class="normal"><?=gettext("VOD")?></h2>
                <div class="rt_group">
                    <a href="" class="btn_more"><?=gettext("VOD 더보기")?></a>
                </div>
            </div>
            <div id="hashtag_list_vod_area" class="cBox-list">
                <ul></ul>
            </div>
            <!-- 해시태그VOD 빈 영역 -->
            <div class="nt_area" id="hashtagVod_nt_area" style="display: none;">
            </div>


			<!-- 방송없을시 -->
            <div class="nt_area" id="broadLive_nt_area" style="display:none">
				<span id ="ic_nocast" name="message" style="display:none">
					<span class="ic_nocast"></span>
					<p class="txt01"><span > <?=gettext("현재 진행중인 생방송이 없습니다.")?></span> </p>
				</span>
            </div>
			<!-- //방송없을시 -->

			<!-- 더보기 -->
            <div class="btn-more" style="display:none;">
                <button type="button"><span><?=gettext("더보기")?></span></button>
            </div>
            <!-- //더보기 -->

			<!-- //list -->

			<!-- 해시태그 클릭 로그  -->
			<input type="hidden" name="szActType" value="<?=$szActType?>" />
			<input type="hidden" name="szActCode" value="" />
			<input type="hidden" name="szSwitchType" value="" />
			<input type="hidden" name="szBjId" value="" />
			<input type="hidden" name="szBno" value="" />
			<input type="hidden" name="szVno" value="" />
			<input type="hidden" name="szUseType" value="" />
			<input type="hidden" name="szSortType" value="" />
			<input type="hidden" name="szFilterType" value="" />
			<!-- <input type="hidden" name="szStype" value="" /> -->
			<input type="hidden" name="szTerm" value="" />
			<input type="hidden" name="nPageNo" value="" />
			<!-- // 해시태그 클릭 로그  -->

			<!--<div class="more_list" style="display:none;"><a href="#">더보기<em></em></a></div>-->
			<div class="bjissue_banner" style="display:none;"></div>
		</div>
		<div id= "ict-box" class="icon-menu" style="display:none;">
			<button type="button" class="bj_bs" tip="<?=gettext('방송국')?>"><span><?=gettext("방송국 바로가기")?></span></button>
			<button type="button" class="send_memo" tip="<?=gettext('쪽지 보내기')?>"><span><?=gettext("쪽지 보내기")?></span></button>
			<button type="button" class="favor" tip="<?=gettext('즐겨찾기')?>" data-add="<?=gettext('즐겨찾기 추가')?>" data-del="<?=gettext('즐겨찾기 삭제')?>"><span><?=gettext("즐겨찾기")?></span></button>
			<button type="button" class="srh" tip="<?=gettext('닉네임 검색')?>"><span><?=gettext("닉네임 검색")?></span></button>
		</div>
		<?if($szLang == 'ko_KR' && $bMyplusOpen){?>
		<!-- footer -->
		<div id="footer">
			<script type="text/javascript">oFooter.getMainFooter();</script>
		</div>
		<!-- //footer -->
		<?}?>
	</div>
		<div id= "more-dot" class="more-layer" style="display:none; visibility: visible; top: 271.594px; left: 1192.5px;">
			
		</div>


		<div class="ui-pop bs-sns_layer" style="display:none;">
			<div class="pop-title"><h3><?=_("공유하기")?></h3></div>
			<div class="pop-body">
				<div>
					<button type="button" class="tw"><em></em></button>
					<button type="button" class="fb"><em></em></button>
					<button type="button" class="url"><em></em></button>
				</div>
			</div>
			<a href="javascript:void(0)" class="pop-close"><span>공유하기 레이어 닫기</span></a>
		</div>

		<div id="add_playlist_layer" class="ui-pop PlayListAdd" style="display:none;">
			<div class="pop-title">
				<h3><?=_("재생목록에 담기")?></h3>
			</div>
			<div class="pop-body">
				<ul class="PlayListBox"></ul>
				<button type="button" class="btn_NewAddList">+ <?=_("새 재생목록 만들기")?></button>
			</div>
			<div class="pop-btn"><a href="javascript:;" class="btn">확인</a></div>
			<a href="javascript:void(0)" class="pop-close"><span>닫기</span></a>
		</div>
		<!-- 재생목록 생성 -->
		<div id ="ins_playlist_layer" class="ui-pop PlayListAdd AddList" style="display:none;">
		<div class="pop-title">
			<h3><?=_("새 재생목록 만들기")?></h3>
		</div>
		<div class="pop-body">
			<div class="ListForm">
				<div class="title"><input type="text" name="title" placeholder="<?=_("제목을 입력해주세요.")?>"><span class="bytes"><em>0/</em>30</span></div>
				<div class="select">
					<div id="ins_playlist_display" class="select_warp ">
						<button class="selected" data-display ="Y" type="button"><?=_("목록 공개")?></button>
						<ul>
							<li data-value="Y"><button type="button"><?=_("목록 공개")?></button></li>
							<li data-value="N"><button type="button"><?=_("목록 비공개")?></button></li>
						</ul>
					</div>
					<div id="ins_playlist_share" class="select_warp ">
						<button class="selected" data-share= "Y" type="button"><?=_("목록 퍼가기 허용")?></button>
						<ul>
							<li data-value="Y"><button type="button"><?=_("목록 퍼가기 허용")?></button></li>
							<li data-value="N"><button type="button"><?=_("목록 퍼가기 비허용")?></button></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="pop-btn"><a class="btn blue" href="javascript:;"><?=_("추가")?></a></div>
		<a class="pop-close" href="javascript:void(0)"><span><?=_("닫기")?></span></a>
	</div>
	</div>
	
	
	<!--2023방송 대상 추가 코드-->
	<?
		//콘펜티 활성화 기간일 경우에 값 추가
		//2024년에 혹시또 쓸수 있어서 일단 코드 유지함.
		if($szAwardConfetti == 'on'){
			$szConfettiPath = "./confetti_effect.tpl";
			if( file_exists($szConfettiPath) ){
                include_once($szConfettiPath);
			}
		}
	?>
	<!-- //content -->
</div>

<!-- top -->
<div id="pagetop" style="display: none;"><a href="#top"><?=gettext("상단 바로가기")?></a></div>
<!-- //top -->
<?if(!($szLang == 'ko_KR' && $bMyplusOpen)){?>
<div id="footer">
	<script type="text/javascript">oFooter.getMainFooter();</script>
</div>
<?}?>
<script type="text/javascript">
	var _szUserId = '<?=(empty($szUserId))?'':$szUserId?>';
	var isLogin = <?=$isLogin?>;
	var bPcBanner =  '<?=$BPCBANNER?>';
	var bPcMainBanner =  '<?=$BPcMainBanner?>';
	var bPcCategoryBanner =  '<?=$BPcCategoryBanner?>';
	var bPcMainCoupleBanner =  '<?=$BPcMainCoupleBanner?>';
	var geo_cc = '<?=LOCAL_COUNTRY_CODE?>';
	var geo_rc = '<?=LOCAL_REGION?>';
	var szIdTag = '<?=$szIdTag?>'; 
	var szHrefLang = '<?=$hreflang?>';

	require.config({
		urlArgs: '' //'v=' + (+new Date())//AppVersion
		, paths: {
			favorite : 'app/main/favorite.global'
            , recent : 'app/main/recent'
			//, search : 'app/main/search.global'
			, hashtag : 'app/main/hashtag.global'
			, doT :	'app/main/doT.min'
			, view : 'app/main/view.global.broadlist.js?ver=20240319' //스트리머 숨기기 캐싱처리
			, banner : 'app/main/banner.category'
		}
		, shim: {
			'li18n' : {
				deps: ['jquery']
				, exports : 'jQuery'
			}
		}
		, deps: ['<?=STATIC_AFREECATV?>/asset/service/config/config.js']
		, callback: function() {
			requirejs(['app'], function(app) {
				app.start();
			}, function(err) {
			});
		}
	});

	define('preLoad', ['afreeca'], function() {
	});

	var _search;
	define('app', ['afreeca', 'view', 'preLoad'], function(afreeca, view) {
		var $ = afreeca.$;

		return {
			start : function()
			{
				//_search = search;
				view.szLocale = "<?=$szLang?>";
				view.nAbroadChk = "<?=$nAbroadChk?>";
				view.nChinaChk = "<?=$nChinaChk?>";
				view.bDisableMainHotIssueVod = "<?=$BDISABLEMAINHOTISSUEVOD?>";
				view.init();
                atv.releaseInit('addFav');
				atv.releaseInit('Later');
			}
		}
	});
</script>
<script type="text/javascript">
callAnalytics();
</script>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js?network-code=84015925"></script>
</body>
<script id="tpl_live" type="text/x-dot-template">
<li >
	<!-- @@ -->
	<div class="cast_box">
		<a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="box_link" target="_blank">
			<span class="grbox"></span>
			<div class="ic_wrap">
				{{? it.BROAD_TYPE == 40 }}<span class="ppv"><em><?=gettext("유료")?></em></span>
				{{?? it.RESOLUTION == '1080' }}<span class="ic_1080p">1080p</span>{{??}}{{?}}
				{{? it.VISIT_BROAD == '1' }}<span class="ic_allow"><?=gettext("탐방허용")?></span>{{?}}
			</div>
			<span class="thumb"><img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="this.src='{{=it.THUMB_ERROR}}'" title=""></span>
			{{? it.BROAD_TYPE == 22 }}<span class="vr">360</span>{{?}}
			<span class="info">
				<em class="grade">{{=it.GRADE}}K</em>
				<span class="time">{{=it.TIME}} <?=gettext("방송시작")?></span>
			</span>
			<span class="subject">{{=it.SUBJECT}}</span>
			<span class="viewer"><em></em>{{=it.TOTAL_VIEW}}</span>
			<span class="count"><em class="pc"></em>{{=it.PC_VIEW}}<em class="mobile"></em>{{=it.MOBILE_VIEW}}</span>
		</a>
		<a href="javascript:;" user_id="{{=it.USER_ID}}" class="nick" target="_blank">{{=it.USER_NICK}}</a>
		<span class="laterwatch"><a href="javascript:;" id="laterview_push" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}" class="icon"><span class="btn">추가하기</span><em class="ttip"><?=gettext("나중에 보기")?><span class="arr"></span></em></a></span>
	</div>
	<!-- //@@ -->
</li>
</script>
<script id="tpl_live_list" type="text/x-dot-template">
<li id="live_{{=it.BROAD_NO}}" broad_no="{{=it.BROAD_NO}}" data-type="cBox">
        <!-- @@ -->
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}
        {{? it.BROAD_TYPE == 22 }}<span class="vr360">vr 방송</span>{{?}}
        {{? it.BROAD_TYPE == 40 }}<span class="ppv"><em><?=gettext("유료")?></em></span>{{?}}
        {{? it.VISIT_BROAD == '1' }}<span class="allow"><?=gettext("탐방허용")?></span>{{?}}
        <span class="time">{{=it.TIME}} <?=gettext("방송시작")?></span>
        <button type="button" class="btn-later" id="laterview_push" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
    </div>
    <div class="cBox-info">
			<a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank"><img loading="lazy" alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
    	<div class="details">
					<a href="javascript:;" user_id="{{=it.USER_ID}}" class="nick"><span>{{=it.USER_NICK}}</span></a>
					<span class="views"><em>{{=it.TOTAL_VIEW}}</em></span>
			</div>    
			<h3>
				<a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank">
				{{? it.DROPS_FLAG == 1 }}<em class="ic_itemdrop"><i><?=gettext("드롭스 이벤트 진행중")?>"</i></em><i class="tip" tip="<?=gettext("드롭스 이벤트 진행중")?>"></i>{{?}}
				{{=it.SUBJECT}}</a>
				{{? it.LOGIN_ID != ''}}<button type="button" class="more_dot" data-type="live" id="{{=it.BROAD_NO}}" title="{{=it.SUBJECT}}" data-user-id="{{=it.USER_ID}}"  data-user-nick="{{=it.USER_NICK}}" list-data-type="broadlist_area" data-prefer="false"><span>더보기 메뉴</span></button>{{?}}
			</h3>
			<div class="tag_wrap">
				{{~ it.AUTO_TAG :value:index}}
						{{? it.WELCOME_STYLE.style !== undefined   }}
						<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{??}}
						<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{?}}
				{{~}}
				{{~ it.CATEGORY_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
				{{~}}
				
				{{~ it.HASH_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
				{{~}}
				
			</div>
    </div>
	<div class="hidden_bj_wrap" id="hidden_bj_wrap" style="display:none;">
    	<p><strong>{{=it.USER_NICK}}</strong>의 콘텐츠를<br> 현재 목록에서 제외합니다.</p>
      	<div class="btns">
         	<a class="btn_adm" href="<?=MEMBER_AFREECATV?>/app/bj_hide_info.php" target="_blank">숨긴 스트리머 관리</a>
         	<button type="button" id="hidden_cancel_undo" data-user-id="{{=it.USER_ID}}" data-broad-no="{{=it.BROAD_NO}}" data-type="live" list-data-type="{{=it.BROAD_GRADE}}" >실행 취소</button>
      	</div>
	</div>
    <!-- //@@ -->
</li>
</script>

<script id="tpl_live_new_list" type="text/x-dot-template">
<li broad_no="{{=it.BROAD_NO}}" data-type="cBox">
        <!-- @@ -->
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}
        {{? it.BROAD_TYPE == 22 }}<span class="vr360">vr 방송</span>{{?}}
        {{? it.BROAD_TYPE == 40 }}<span class="ppv"><em><?=gettext("유료")?></em></span>{{?}}
        {{? it.VISIT_BROAD == '1' }}<span class="allow"><?=gettext("탐방허용")?></span>{{?}}
		<span class="time">{{=it.TIME}} <?=gettext("방송시작")?></span>
        <button type="button" class="btn-later" id="laterview_push" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
    </div>
    <div class="cBox-info">
        <a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank"><img loading="lazy" alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
        <div class="details">
					<a href="javascript:;" user_id="{{=it.USER_ID}}" class="nick"><span>{{=it.USER_NICK}}</span></a>
					<span class="views"><em>{{=it.TOTAL_VIEW}}</em></span>
        </div>
				<h3>
					<a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank">
					{{? it.DROPS_FLAG == 1 }}<em class="ic_itemdrop"><i><?=gettext("드롭스 이벤트 진행중")?></i></em><i class="tip" tip="<?=gettext("드롭스 이벤트 진행중")?>"></i>{{?}}
					{{=it.SUBJECT}}
					</a>
				</h3>
				
				<div class="tag_wrap">
					{{~ it.AUTO_TAG :value:index}}
						{{? it.WELCOME_STYLE.style !== undefined  }}
							<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
							{{??}}
							<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
							{{?}}
					{{~}}
					{{~ it.CATEGORY_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					{{~ it.HASH_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					{{? it.LOGIN_ID != ''}}<button type="button" class="more_dot" title="{{=it.SUBJECT}}"  data-type="live" id="{{=it.BROAD_NO}}" data-user-id = "{{=it.USER_ID}}" data-prefer="false"><span>더보기 메뉴</span></button>{{?}}
			
				</div>
    </div>	
    <!-- //@@ -->
</li>
</script>

<script id="tpl_live_prefer_new_list" type="text/x-dot-template">
<li id="live_{{=it.BROAD_NO}}" broad_no="{{=it.BROAD_NO}}" data-type="cBox">
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}
        {{? it.BROAD_TYPE == 22 }}<span class="vr360">vr 방송</span>{{?}}
        {{? it.BROAD_TYPE == 40 }}<span class="ppv"><em><?=gettext("유료")?></em></span>{{?}}
        {{? it.VISIT_BROAD == '1' }}<span class="allow"><?=gettext("탐방허용")?></span>{{?}}
		<span class="time">{{=it.TIME}} <?=gettext("방송시작")?></span>
        <button type="button" class="btn-later" id="laterview_push" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
    </div>
    <div class="cBox-info">
        <a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank"><img loading="lazy" alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
        <div class="details">
					<a href="javascript:;" user_id="{{=it.USER_ID}}" class="nick"><span>{{=it.USER_NICK}}</span></a>
					<span class="views"><em>{{=it.TOTAL_VIEW}}</em></span>
        </div>
				<h3>
					<a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank" user-id="{{=it.USER_ID}}">
					{{? it.DROPS_FLAG == 1 }}<em class="ic_itemdrop"><i><?=gettext("드롭스 이벤트 진행중")?></i></em><i class="tip" tip="<?=gettext("드롭스 이벤트 진행중")?>"></i>{{?}}
					{{=it.SUBJECT}}
					</a>
				</h3>
				
				<div class="tag_wrap">
					{{~ it.AUTO_TAG :value:index}}
						{{?  it.WELCOME_STYLE.style !== undefined  }}
						<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{??}}
						<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{?}}
					{{~}}
					{{~ it.CATEGORY_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					{{~ it.HASH_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					{{? it.LOGIN_ID != ''}}<button type="button" class="more_dot" title="{{=it.SUBJECT}}"  data-type="live" id="{{=it.BROAD_NO}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-user-id = "{{=it.USER_ID}}" data-user-nick = "{{=it.USER_NICK}}" data-prefer="true"><span>더보기 메뉴</span></button>{{?}}
			
				</div>
    </div>

</li>
</script>

<script id="tpl_live_prefer_list" type="text/x-dot-template">
	<li id="live_{{=it.BROAD_NO}}" broad_no="{{=it.BROAD_NO}}" data-type="cBox">
			<!-- @@ -->
		<div class="thumbs-box">
			{{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
			<a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
			{{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
			<a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
			{{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
			<a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
			{{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
			<a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
				<img src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();" alt=""></a>{{?}}
			{{? it.BROAD_TYPE == 22 }}<span class="vr360">vr 방송</span>{{?}}
			{{? it.BROAD_TYPE == 40 }}<span class="ppv"><em><?=gettext("유료")?></em></span>{{?}}
			{{? it.VISIT_BROAD == '1' }}<span class="allow"><?=gettext("탐방허용")?></span>{{?}}
			<span class="time">{{=it.TIME}} <?=gettext("방송시작")?></span>
			<button type="button" class="btn-later" id="laterview_push" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
		</div>
		<div class="cBox-info">
				<a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank" onclick="javascript:{{=it.CLICK_THUMB_FNC}}"><img alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" loading="lazy" onerror="profileImgOnError(this, '{{=it.USER_ID}}')" alt=""></a>
		<div class="details">
			<a href="javascript:;" user_id="{{=it.USER_ID}}" class="nick"><span>{{=it.USER_NICK}}</span></a>
			<span class="views"><em>{{=it.TOTAL_VIEW}}</em></span>
		</div>
				<h3>
					<a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank" user-id="{{=it.USER_ID}}">
						{{? it.DROPS_FLAG == 1 }}<em class="ic_itemdrop"><i><?=gettext("드롭스 이벤트 진행중")?>"</i></em><i class="tip" tip="<?=gettext("드롭스 이벤트 진행중")?>"></i>{{?}}
						{{=it.SUBJECT}}
					</a>
					{{? it.LOGIN_ID != ''}}<button type="button" class="more_dot" title="{{=it.SUBJECT}}" data-type="live" id="{{=it.BROAD_NO}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-user-id="{{=it.USER_ID}}" data-user-nick="{{=it.USER_NICK}}" data-prefer="true"><span>더보기 메뉴</span></button>{{?}}
				</h3>
		
				<div class="tag_wrap">
					{{~ it.AUTO_TAG :value:index}}
							{{?  it.WELCOME_STYLE.style !== undefined  }}
							<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
							{{??}}
							<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
							{{?}}
					{{~}}
					{{~ it.CATEGORY_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					
					{{~ it.HASH_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					
				</div>
		</div>
		
		<!-- 관심없음 스트리머 -->
		<div class="hidden_bj_wrap" id="hide_bj_wrap" style="display:none; ">
			<p>MY+에서 <strong>{{=it.USER_NICK}}</strong>의 콘텐츠를<br>90일간 추천하지 않습니다.</p>
			<span class="desc">(해당 스트리머 재 시청 시 노출 가능)</span>
			<div class="btns"><button id="recommend_cancel_undo" type="button" data-type='live' data-broad-no="{{=it.BROAD_NO}}" data-user-id="{{=it.USER_ID}}" data-score="{{=it.SCORE}}" list-data-type="{{=it.LIST_DATA_TYPE}}">실행 취소</button></div>
		</div>

		<!-- 스트리머 숨기기 -->
		<div class="hidden_bj_wrap" id="hidden_bj_wrap" style="display:none;">
			<p><strong>{{=it.USER_NICK}}</strong>의 콘텐츠를<br> 현재 목록에서<br> 제외합니다.</p>
				<div class="btns">
					<a class="btn_adm" href="<?=MEMBER_AFREECATV?>/app/bj_hide_info.php" target="_blank">숨긴 스트리머 관리</a>
					<button type="button" id="hidden_cancel_undo" data-user-id="{{=it.USER_ID}}" data-broad-no="{{=it.BROAD_NO}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-type="live" >실행 취소</button>
				</div>
		</div>
		<!-- //@@ -->
	</li>
</script>

<script id="tpl_vod_prefer_list" type="text/x-dot-template">
<li id="vod_{{=it.TITLE_NO}}" data-type="cBox">
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();" alt=""></a>{{?}}

        {{? it.FILE_TYPE === 'REVIEW'}}
        <span class="replay" ><?=gettext('다시보기')?></span>{{?}}
        {{? it.UCC_TYPE == 22}}
        <span class="vr360"><?=gettext('360도 영상')?></span>{{?}}

        <span class="time">{{=it.VTIME}}</span>

		{{? it.FILE_TYPE !== 'CATCH'}}
        <button type="button" class="btn-later" data-vod-type="VOD" data-title-no="{{=it.TITLE_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>{{?}}
    </div>
    <div class="cBox-info">
			<a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank"><img alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" loading="lazy" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
				<div class="details">
					<div class="nick_wrap">
							<div class="nicknames">
									<a href="javascript:;" user_id="{{=it.USER_ID}}" ><span>{{=it.USER_NICK}}</span></a>
							</div>
							{{? it.COPYRIGHT_ID != "" && it.COPYRIGHT_NICK != "" }}
							<div class="clip_nick">
									<a href="javascript:;" user_id="{{=it.COPYRIGHT_ID}}"><span>{{=it.COPYRIGHT_NICK}}</span></a>
							</div>
							{{?}}
					</div>
				</div>
				<h3>
					<a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank" user-id="{{=it.USER_ID}}">{{=it.SUBJECT}}</a>
					{{? it.LOGIN_ID != ''}}<button type="button" class="more_dot" title="{{=it.SUBJECT}}" data-type="vod" id="{{=it.TITLE_NO}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-user-id="{{=it.USER_ID}}" data-user-nick="{{=it.USER_NICK}}" data-prefer="true"><span>더보기 메뉴</span></button>{{?}}
        </h3>
        <div class="vod_info">
						<span class="views">{{=it.TOTAL_VIEW}}</span>
						<span class="date">{{=it.REG_DATE}}</span>
				</div>
				<div class="tag_wrap">
					{{~ it.AUTO_TAG :value:index}}
						{{? it.WELCOME_STYLE.style !== undefined   }}
							<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
							{{??}}
							<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
							{{?}}
					{{~}}
					{{~ it.CATEGORY_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=vod&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					{{~ it.HASH_TAG :value:index}}
						<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=vod&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{~}}
					
				</div>
    </div>
	<div class="hidden_bj_wrap" id="hide_bj_wrap" style="display:none; ">
   		<p>MY+에서 <strong>{{=it.USER_NICK}}</strong>의 콘텐츠를<br>90일간 추천하지 않습니다.</p>
     	<span class="desc">(해당 스트리머 재 시청 시 노출 가능)</span>
      	<div class="btns"><button id="recommend_cancel_undo" type="button" data-user-id="{{=it.USER_ID}}" data-title-no="{{=it.TITLE_NO}}" data-score="{{=it.SCORE}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-type='vod'>실행 취소</button></div>
	</div>

	<div class="hidden_bj_wrap" id="hidden_bj_wrap" style="display:none;">
  		<p><strong>{{=it.USER_NICK}}</strong>의 콘텐츠를<br> 현재 목록에서<br> 제외합니다.</p>
     		<div class="btns">
				<a class="btn_adm" href="<?=MEMBER_AFREECATV?>/app/bj_hide_info.php" target="_blank">숨긴 스트리머 관리</a>
				<button type="button" id="hidden_cancel_undo" data-user-id="{{=it.USER_ID}}" data-title-no="{{=it.TITLE_NO}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-type="vod" >실행 취소</button>
     		</div>
	</div>
</li>
</script>

<script id="tpl_recommend_catch_list" type="text/x-dot-template">
{{? it.RESOLUTION_TYPE == "horizontal"}}
<li class="swiper-slide thumb_16_9" id="catch_{{=it.TITLE_NO}}">{{?}}
{{? it.RESOLUTION_TYPE == "vertical"}}
<li class="swiper-slide" id="catch_{{=it.TITLE_NO}}">{{?}}
	<a class="catch-item" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
	{{? it.BROAD_GRADE == 19 }}
	<span class="thumb-adult">{{?}}
	{{? it.BROAD_GRADE != 19 }}
	<span class="thumb">{{?}}

		<img src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.replace('thumb', 'thumb-default'); this.remove();" alt="">
		{{? it.RESOLUTION_TYPE == "horizontal"}}
		<div class="thumb_blur" style="background-image: url('{{=it.THUMB}}')"></div>{{?}}
	</span>
	<div class="info_area">
		<button id="{{=it.TITLE_NO}}" type="button" class="more_dot" data-user-id="{{=it.USER_ID}}" data-user-nick="{{=it.USER_NICK}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-prefer="false" data-type="catch"><span>더보기 메뉴</span></button>
		<p class="tit" title="{{=it.SUBJECT}}">{{=it.SUBJECT}}</p>
		<span class="view">{{=it.TOTAL_VIEW}}</span>
	</div>
	</a>
	
	<div class="hidden_bj_wrap" id="hidden_bj_wrap" style="display:none;">
  		<p><strong>{{=it.USER_NICK}}</strong>의 콘텐츠를<br> 현재 목록에서<br> 제외합니다.</p>
     		<div class="btns">
				<a class="btn_adm" href="<?=MEMBER_AFREECATV?>/app/bj_hide_info.php" target="_blank">숨긴 스트리머 관리</a>
				<button type="button" id="hidden_cancel_undo" data-user-id="{{=it.USER_ID}}" data-title-no="{{=it.TITLE_NO}}" list-data-type="{{=it.LIST_DATA_TYPE}}" data-type="catch" >실행 취소</button>
     		</div>
	</div>
</li>
</script>

<script id="tpl_vod" type="text/x-dot-template">
<li data-type="cBox">
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}


        <span class="time">{{=it.VTIME}}</span>
        <button type="button" class="btn-later" data-vod-type="VOD" data-title-no="{{=it.TITLE_NO}}"  id="laterview_push" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
    </div>
    <div class="cBox-info">
        <h3><a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank">{{=it.SUBJECT}}</a>
        </h3>
        <div class="details">
            <div class="nick_wrap">
                <div class="nicknames">
                    <a href="javascript:;" user_id="{{=it.USER_ID}}"><span>{{=it.USER_NICK}}</span></a>
                </div>
                {{? it.COPYRIGHT_ID != "" && it.COPYRIGHT_NICK != "" }}
                <div class="clip_nick">
                    <a href="javascript:;" user_id="{{=it.COPYRIGHT_ID}}"><span>{{=it.COPYRIGHT_NICK}}</span></a>
                </div>
                {{?}}
            </div>
            <div class="info">
                <span class="views">{{=it.TOTAL_VIEW}}</span>
                <span class="date">{{=it.REG_DATE}}</span>
            </div>
        </div>
    </div>
</li>
</script>

<script id="tpl_vod_hashtag" type="text/x-dot-template">
<li data-type="cBox">
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}

		{{? it.FILE_TYPE === 'HIGHLIGHT'}}
        <span class="hilight"><?=gettext('하이라이트')?></span>{{?}}
        {{? it.FILE_TYPE === 'REVIEW'}}
        <span class="replay" ><?=gettext('다시보기')?></span>{{?}}
        {{? it.UCC_TYPE == 22}}
        <span class="vr360"><?=gettext('360도 영상')?></span>{{?}}

        <span class="time">{{=it.VTIME}}</span>

		{{? it.FILE_TYPE !== 'CATCH'}}
        <button type="button" class="btn-later" data-vod-type="VOD" data-title-no="{{=it.TITLE_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>{{?}}
    </div>
    <div class="cBox-info">
        <h3><a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank">{{=it.SUBJECT}}</a>
        </h3>
        <div class="details">
            <div class="nick_wrap">
                <div class="nicknames">
                    <a href="javascript:;"  user_id="{{=it.USER_ID}}" ><span>{{=it.USER_NICK}}</span></a>
                </div>
                {{? it.COPYRIGHT_ID != "" && it.COPYRIGHT_NICK != "" }}
                <div class="clip_nick">
                    <a href="javascript:;" user_id="{{=it.COPYRIGHT_ID}}"><span>{{=it.COPYRIGHT_NICK}}</span></a>
                </div>
                {{?}}
            </div>
            <div class="info">
                <span class="views">{{=it.TOTAL_VIEW}}</span>
                <span class="date">{{=it.REG_DATE}}</span>
            </div>
        </div>
    </div>
</li>

</script>
<script id = "tpl_hashtag_vod_item" type="text/x-dot-template">
<li data-type="cBox">
	<div class="thumbs-box" data-title-no="{{=it.TITLE_NO}}" data-user-id = "{{=it.USER_ID}}" data-file-type = "{{=it.FILE_TYPE}}" data-key = {{=(it.CURRENT_PAGE-1)*20 +it.CURRENT_INDEX}}>
		<!-- 기본 썸네일 타입 -->
		{{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
		<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
		{{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
		<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
		{{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
		<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
		{{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
		<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
			<img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}

		<!-- // 기본 썸네일 타입 -->
		{{? it.FILE_TYPE === 'HIGHLIGHT'}}
		<span class="hilight"><?=gettext('하이라이트')?></span>{{?}}
		{{? it.FILE_TYPE === 'REVIEW'}}
		<span class="replay" ><?=gettext('다시보기')?></span>{{?}}
		{{? it.UCC_TYPE == 22}}
		<span class="vr360"><?=gettext('360도 영상')?></span>{{?}}

		<span class="time">{{=it.VTIME}}</span>
		{{? it.FILE_TYPE !== 'CATCH'}}
		<button type="button" class="btn-later" data-vod-type="VOD" data-title-no="{{=it.TITLE_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>{{?}}
	</div>
	<div  name = "vod_tag_info" class="tag-info" data-title-no="{{=it.TITLE_NO}}" data-user-id = "{{=it.USER_ID}}" data-file-type = "{{=it.FILE_TYPE}}" data-key = {{=(it.CURRENT_PAGE-1)*20 +it.CURRENT_INDEX}}>
		<div class="profile_wrap">
			<a href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank" class="thumb"><img src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" alt="" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
			<a href="javascript:" target="_blank" class="nick" user_id="{{=it.USER_ID}}">{{=it.USER_NICK}}</a>
			{{? it.COPYRIGHT_ID != "" && it.COPYRIGHT_NICK != "" }}
			<a href="javascript:" target="_blank" class="clip_nick" user_id="{{=it.COPYRIGHT_ID}}">{{=it.COPYRIGHT_NICK}}</a>
			{{?}}
		</div>

		<a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank">{{=it.SUBJECT}}</a>
		<div class="view">
			<span>{{=it.TOTAL_VIEW}}</span>
			<em>{{=it.REG_DATE}}</em>
		</div>
		<div class="tag">
			{{~ it.AUTO_TAG :value:index}}
					{{? it.WELCOME_STYLE.style !== undefined  }}
					<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main" data-hash-tag="{{=value}}">#{{=value}}</a>
					{{??}}
					<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main" data-hash-tag="{{=value}}">#{{=value}}</a>
					{{?}}
			{{~}}
			{{~ it.CATEGORY_TAG :value:index}}
				<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=vod&stype=hash&acttype=total&location=total_search" data-hash-tag="{{=value}}" >#{{=value}}</a>
			{{~}}
			{{~ it.HASH_TAG :value:index}}
				<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=vod&stype=hash&acttype=total&location=total_search" data-hash-tag="{{=value}}" >#{{=value}}</a>
			{{~}}
		</div>
		<button id = "{{=it.TITLE_NO}}" type="button" data-title-no="{{=it.TITLE_NO}}" class="more_dot" title="{{=it.SUBJECT}}"  data-user-id = "{{=it.USER_ID}}" data-file-type = "{{=it.FILE_TYPE}}" data-type ="LIVE" data-prefer="false"><span>더보기 메뉴</span></button>

	</div>
</li>
</script>

<script  id = "tpl_related_tag" type="text/x-dot-template">
	<dl>
		<dt># 연관 태그</dt>
		<dd class="list">
			<a href="#">#버츄얼</a>
			<a href="#">#버튜버</a>
			<a href="#">#소통</a>
			<a href="#">#유토피아</a>
			<a href="#">#게임</a>
			<a href="#">#한국유저</a>
			<a href="#">#아프리카TV</a>
			<a href="#">#캐치</a>
			<a href="#">#신입</a>
			<a href="#">#로나월드</a>
			<a href="#">#버츄얼</a>
			<a href="#">#버튜버</a>
			<a href="#">#소통</a>
		</dd>
	</dl>
</script>
<script  id = "tpl_today_trend_tag" type="text/x-dot-template">
				<li><i>{{=it.index}}.</i><div><a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=it.key}}&stype=hash&acttype=total&location=total_search">#{{=it.key}}</a> <span class="view">{{=it.count}}<?=_("번 조회")?></span></div></li>
</script>

<script id="tpl_livesection_list" type="text/x-dot-template">
<div>
    <h2 class="af_sectionTitle"><a href="{{=it.PAGE_URL}}"><img src="{{=it.IMG}}" loading="lazy" style="width:34px;height:34px;" alt="">{{=it.TITLE}}</a><strong>{{=it.SUBTITLE}}</strong><a href="{{=it.PAGE_URL}}" class="show_all"><?=gettext("더보기")?><em></em></a></h2>
    <div class="cBox-list" data-broadcast="live">
        <ul>
            {{=it.LIVEITEM}}
        </ul>
    </div>
</div>
</script>

<script id="tpl_staffpicks_list" type="text/x-dot-template">
<div class="staffFix">
	{{? it.BOOLSLIDE == true}}
        <div class="global-slider global_sl{{=it.SLIDEIDX}}">
            <h2 class="af_sectionTitle">
                <a href="{{=it.PAGE_URL}}">
                    <img loading="lazy" src="{{=it.IMG}}" style="width:34px;height:34px;" alt="" target="_blank">{{=it.TITLE}}
                </a>
                <strong>{{=it.SUBTITLE}}</strong>
            </h2>
            <div class="controller">
                <button type="button" class="arrow-prev slide_g_arrow-prev" tabindex="0" role="button" aria-label="Previous slide"">
                    <span>이전 목록</span>
                </button>
                <button type="button" class="arrow-next slide_g_arrow-next" tabindex="0" role="button" aria-label="Next slide">
                    <span>다음 목록</span>
                </button>
            </div>
            <div class="swiper-container">
                <ul class="swiper-wrapper">
	                {{=it.LIVEITEM}}
	                {{=it.VODITEM}}
            	</ul>
            </div>
        </div>
    {{?}}
    {{? it.BOOLSLIDE != true}}
    <h2><a href="{{=it.PAGE_URL}}"><img loading="lazy" src="{{=it.IMG}}" style="width:34px;height:34px;" alt="" target="_blank">{{=it.TITLE}}</a><strong>{{=it.SUBTITLE}}</strong></h2>
    <div class="cBox-list">
        <ul>
            {{=it.LIVEITEM}}
            {{=it.VODITEM}}
        </ul>
    </div>
    {{?}}
</div>
</script>

<script id="tpl_live_section" type="text/x-dot-template">
<li broad_no="{{=it.BROAD_NO}}" data-type="cBox">
        <!-- @@ -->
        <div class="thumbs-box">
            {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
            <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
            {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
            <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
            {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
            <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
            {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
            <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}
            <span class="live">LIVE</span>
            <span class="time">{{=it.TIME}} <?=gettext("방송시작")?></span>
            <button type="button" class="btn-later" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
        </div>
        <div class="cBox-info" title="{{=it.SUBJECT}}">
        	<a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank"><img loading="lazy" alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
					<div class="details">
							<a href="javascript:;" user_id="{{=it.USER_ID}}" class="nick"><span>{{=it.USER_NICK}}</span></a>
							<span class="views"><em>{{=it.TOTAL_VIEW}}</em></span>
					</div>
					
					<h3><a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}">
        	{{? it.DROPS_FLAG == 1 }}<em class="ic_itemdrop"><i><?=gettext("드롭스 이벤트 진행중")?></i></em><i class="tip" tip="<?=gettext("드롭스 이벤트 진행중")?>"></i>{{?}}
            {{=it.SUBJECT}}</a></h3>
            
					<div class="tag_wrap">
						{{~ it.AUTO_TAG :value:index}}
								{{? it.WELCOME_STYLE.style !== undefined  }}
								<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
								{{??}}
								<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
								{{?}}
						{{~}}
						{{~ it.CATEGORY_TAG :value:index}}
							<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{~}}
						
						{{~ it.HASH_TAG :value:index}}
							<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{~}}
						
					</div>
					<button type="button" class="more_dot" data-type="live" id="{{=it.BROAD_NO}}" title="{{=it.SUBJECT}}" data-user-id="{{=it.USER_ID}}" data-prefer="false"><span>더보기 메뉴</span></button>
			
        </div>
        <!-- //@@ -->
    </li>
</script>

<script id="tpl_hashtag_sub" type="text/x-dot-template">
	<ul>
		<li data-type="hashtag_live"><a id="hashtag_live" href="javascript:;"><?=gettext('LIVE')?></a></li>
		<li data-type="hashtag_vod"><a id="hashtag_vod" href="javascript:;"><?=gettext('VOD')?></a></li>
	</ul>
    
</script>

<script id="tpl_hashtag_live_sort" type="text/x-dot-template">
		<div class="btns">
			<button id ="order-live-result" type="button" class="sort" onclick="$('.sort_area').toggleClass('active')"><?=gettext("참여인원순")?></button>
		</div>
		<div class="select_list">
			<dl id = "order-live">
				<dt><?=gettext("정렬기준")?></dt>
				<dd class="on"><a data-live-order ="view_cnt" href="javascript:"><?=_("참여인원순")?></a></dd> 	
				<dd ><a data-live-order ="broad_start" href="javascript:"><?=_("최신순")?></a></dd>
				<!-- <dd ><a data-live-order ="rank" href="javascript:"><?=_("스트리머 랭킹순")?></a></dd> -->
			</dl>
			<button type="button" class="close" onclick="$('.sort_area').toggleClass('active')">검색조건 닫기</button>
		</div>
</script>

<script id ="tpl_hashtag_vod_sort" type ="text/x-dot-template">
		<div class="btns">
			<button id="order-vod-result" type="button" data-vod-order = "view_cnt" class="sort" onclick="$('.sort_area').toggleClass('active')"><?=_("조회순")?></button>
			<button id="type-vod-result" type="button" data-vod-type = "all" onclick="$('.sort_area').toggleClass('active')"><?=_("전체")?></button>
			<button id="range-vod-result" type="button" data-vod-range ="1week" onclick="$('.sort_area').toggleClass('active')"><?=_("1주")?></button>
		</div>
		<div class="select_list">
			<dl id = "order-vod">
				<dt><?=_("정렬기준")?></dt>
				<dd class="on"><a data-vod-order ="view_cnt" href="javascript:"><?=_("조회순")?></a></dd>
				<dd ><a data-vod-order ="reg_date" href="javascript:"><?=_("최신순")?></a></dd>
				<dd ><a data-vod-order ="memo_cnt" href="javascript:"><?=_("댓글순")?></a></dd>
				<dd ><a data-vod-order ="recomm_cnt" href="javascript:"><?=_("UP순")?></a></dd>
			</dl>
			<dl id= "type-vod">
				<dt><?=_("구분")?></dt>
				<dd  ><a data-vod-type = "ALL" href="javascript:"><?=_("전체")?></a></dd>
				<dd><a  data-vod-type = "NORMAL" href="javascript:"><?=_("업로드 VOD")?></a></dd>
				<dd ><a data-vod-type = "REVIEW" href="javascript:"><?=_("다시보기")?></a></dd>
				<dd class="on"><a  data-vod-type = "HIGHLIGHT" href="javascript:"><?=_("하이라이트")?></a></dd>
				<dd ><a data-vod-type = "CLIP" href="javascript:"><?=_("유저클립")?></a></dd>
				<!-- <dd ><a data-vod-type = "PLAYLIST" href="javascript:"><?=_("재생목록")?></a></dd> -->
				<dd ><a  data-vod-type = "CATCH" href="javascript:">Catch</a></dd>
			</dl>
			<dl id = "range-vod">
				<dt><?=_("날짜")?></dt>
				<dd ><a data-vod-range ="all" href="javascript:"><?=_("전체")?></a></dd>
				<dd ><a data-vod-range ="1day" href="javascript:"><?=_("1일")?></a></dd>
				<dd class="on" ><a data-vod-range ="1week" href="javascript:"><?=_("1주")?></a></dd>
				<dd><a data-vod-range ="1month" href="javascript:"><?=_("1개월")?></a></dd>
				<dd ><a data-vod-range ="1year"  href="javascript:"><?=_("1년")?></a></dd>
			</dl>
			<button type="button" class="close" onclick="$('.sort_area').toggleClass('active')">검색조건 닫기</button>
		</div>
</script>

<script id="tpl_hashtag_live_item" type="text/x-dot-template">
	<li data-type="cBox">
		<div class="thumbs-box" data-broad-no="{{=it.BROAD_NO}}" data-user-id = "{{=it.USER_ID}}" data-key = {{=(it.CURRENT_PAGE-1)*20 + it.CURRENT_INDEX}}>
			{{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
			<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
			{{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
			<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult" target="_blank">19금</a>{{?}}
			{{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
			<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock" target="_blank">비번방</a>{{?}}
			{{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
			<a name="real-thumb" href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
				<img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}
			{{? it.BROAD_TYPE == 22 }}<span class="vr360">vr 방송</span>{{?}}
			{{? it.BROAD_TYPE == 40 }}<span class="ppv"><em><?=gettext("유료")?></em></span>{{?}}
			{{? it.VISIT_BROAD == '1' }}<span class="allow"><?=gettext("탐방허용")?></span>{{?}}
			<button type="button" class="btn-later" id="laterview_push" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}" data-user-id = "{{=it.USER_ID}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
		</div>
		<div name= "live_tag_info" class="tag-info" data-broad-no="{{=it.BROAD_NO}}" data-user-id = "{{=it.USER_ID}}" data-key = {{=(it.CURRENT_PAGE-1)*20 + it.CURRENT_INDEX}}>
			<div class="profile_wrap">
				<a href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank" class="thumb"><img src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" alt="" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
				<a href="javascript:;" class="nick" user_id="{{=it.USER_ID}}">{{=it.USER_NICK}}</a>
			</div>

			<a href="{{=it.VIEW_URL}}" title="{{=it.SUBJECT}}" class="title" target="_blank">
				{{? it.DROPS_FLAG == 1 }}<em class="ic_itemdrop"><i><?=gettext("드롭스 이벤트 진행중")?>"</i></em><i class="tip" tip="<?=gettext("드롭스 이벤트 진행중")?>"></i>{{?}}
				{{=it.SUBJECT}}
			</a>
			<div class="view">
				<span>{{=it.TOTAL_VIEW}}</span>
				<em>{{=it.TIME}} <?=gettext("방송시작")?></em>
			</div>
			<div class="tag">
				{{~ it.AUTO_TAG :value:index}}
					{{? it.WELCOME_STYLE.style !== undefined   }}
							<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main" data-hash-tag="{{=value}}">#{{=value}}</a>
							{{??}}
							<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main" data-hash-tag="{{=value}}">#{{=value}}</a>
							{{?}}
				{{~}}
				{{~ it.CATEGORY_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=total_search" data-hash-tag="{{=value}}">#{{=value}}</a>
				{{~}}	
				{{~ it.HASH_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=total_search" data-hash-tag="{{=value}}" >#{{=value}}</a>
				{{~}}
			</div>
			<button id = "{{=it.BROAD_NO}}" type="button" class="more_dot" data-type ="LIVE" title="{{=it.SUBJECT}}"  data-broad-no="{{=it.BROAD_NO}}" data-user-id = "{{=it.USER_ID}}" data-prefer="false"><span>더보기 메뉴</span></button>

		</div>
	</li>

		
</script>

<script id="tpl_staffpicks_live" type="text/x-dot-template">
<li id="live_{{=it.BROAD_NO}}" class="live-block{{? it.BOOLSLIDE == true}} swiper-slide{{?}}" data-type="cBox">
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult" target="_blank">19금+비번방</a>{{?}}
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult"target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock"target="_blank">비번방</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}
        <span class="live">LIVE</span>
        <span class="time">{{=it.TIME}} <?=gettext("방송시작")?></span>
        <button type="button" class="btn-later" data-vod-type="LIVE" data-broad-no="{{=it.BROAD_NO}}"   tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
    </div>
    <div class="cBox-info">
    	<a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank"><img loading="lazy" alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
			<div class="details">
					<a href="javascript:;" user_id="{{=it.USER_ID}}" class="nick"><span>{{=it.USER_NICK}}</span></a>
					<span class="views"><em>{{=it.TOTAL_VIEW}}</em></span>
			</div>  
			<h3>
				<a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank">
    		{{? it.DROPS_FLAG == 1 }}<em class="ic_itemdrop"><i><?=gettext("드롭스 이벤트 진행중")?>"</i></em><i class="tip" tip="<?=gettext("드롭스 이벤트 진행중")?>"></i>{{?}}
    		{{=it.SUBJECT}}
        </a>
			</h3>
			<div class="tag_wrap">
				{{~ it.AUTO_TAG :value:index}}
					{{? it.WELCOME_STYLE.style !== undefined   }}
					<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{??}}
					<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
					{{?}}
				{{~}}
				{{~ it.CATEGORY_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
				{{~}}
				
				{{~ it.HASH_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
				{{~}}
				<button type="button" class="more_dot" data-type="live" id="{{=it.BROAD_NO}}" title="{{=it.SUBJECT}}" data-user-id="{{=it.USER_ID}}" data-prefer="false"><span>더보기 메뉴</span></button>
			
			</div>
    </div>
</li>
</script>

<script id="tpl_staffpicks_vod" type="text/x-dot-template">
<li id="vod_{{=it.TITLE_NO}}" {{? it.BOOLSLIDE == true}}class="swiper-slide"{{?}} data-type="cBox">
    <!-- @@ -->
    <div class="thumbs-box">
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}"class="thumb-lock_adult"target="_blank">19금+비번방</a>{{?}}
        {{? it.BROAD_GRADE == 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-adult"target="_blank">19금</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD == true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" class="thumb-lock"target="_blank">비번방</a>{{?}}
        {{? it.BROAD_GRADE != 19 && it.BROAD_PASSWORD != true }}
        <a href="{{=it.VIEW_URL}}" onclick="javascript:{{=it.CLICK_FNC}}" target="_blank">
            <img alt="" src="{{=it.THUMB}}" loading="lazy" onerror="$(this).parent()[0].classList.add('thumb-default'); this.remove();"></a>{{?}}
        <span class="time">{{=it.VTIME}}</span>
        <button type="button" class="btn-later" data-vod-type="VOD" data-title-no="{{=it.TITLE_NO}}" tip="<?=gettext("나중에 보기")?>"><span><?=gettext("나중에 보기")?></span></button>
    </div>
    <div class="cBox-info">
    	<a class="thumb" href="<?=BJ_AFREECATV?>/{{=it.USER_ID}}" target="_blank"><img loading="lazy" alt="" src="<?=STIMG_AFREECATV?>/LOGO/{{=it.USER_ID.substring(0,2)}}/{{=it.USER_ID}}/m/{{=it.USER_ID}}.webp" onerror="profileImgOnError(this, '{{=it.USER_ID}}')"></a>
			<div class="details">
				<div class="nick_wrap">
						<div class="nicknames">
								<a href="javascript:;" user_id="{{=it.USER_ID}}" ><span>{{=it.USER_NICK}}</span></a>
						</div>
				</div>
				
			</div>  
			<h3><a href="{{=it.VIEW_URL}}" class="title" title="{{=it.SUBJECT}}" target="_blank">{{=it.SUBJECT}}</a></h3>
			<div class="vod_info">
					<span class="views">{{=it.TOTAL_VIEW}}</span>
			</div>

			<div class="tag_wrap">
				{{~ it.AUTO_TAG :value:index}}
						{{? it.WELCOME_STYLE.style !== undefined   }}
						<a name = 'welcome_tag' style="color:{{=it.WELCOME_STYLE.style.color}}; background:{{=it.WELCOME_STYLE.style.background}};" onmouseover ="this.style.color='{{=it.WELCOME_STYLE.event.hover.color}}'; this.style.background='{{=it.WELCOME_STYLE.event.hover.background}}';" onmouseout="this.style.color='{{=it.WELCOME_STYLE.style.color}}'; this.style.background='{{=it.WELCOME_STYLE.style.background}}';" href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{??}}
						<a name = 'welcome_tag' href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=live&stype=hash&acttype=total&location=main">#{{=value}}</a>
						{{?}}
				
				{{~}}
				{{~ it.CATEGORY_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=vod&stype=hash&acttype=total&location=main">#{{=value}}</a>
				{{~}}
			
				{{~ it.HASH_TAG :value:index}}
					<a href="<?=WWW_AFREECATV?>?hash=hashtag&tagname={{=value}}&hashtype=vod&stype=hash&acttype=total&location=main">#{{=value}}</a>
				{{~}}
				<button type="button" class="more_dot" data-type="vod" id="{{=it.TITLE_NO}}" title="{{=it.SUBJECT}}" data-user-id="{{=it.USER_ID}}" data-prefer="false"><span>더보기 메뉴</span></button>
			
			</div>
    </div>
    <!-- //@@ -->
</li>
</script>

<script id="tpl_notice_speech_bubble" type="text/x-dot-template">
	<div class="notice_area">
		{{=it.BUBBLE_LIST}}
	</div>
</script>

<script id="tpl_notice_speech_bubble_list" type="text/x-dot-template">
	<dl>
	<dt><a href="{{=it.NOTICE_URL}}" target="_blank">알려드립니다.</a></dt>
	<dd><a href="{{=it.LINK_URL}}" target="_blank"><strong>[안내] </strong>{{=it.SUBJECT}}</a></dd>
	</dl>
</script>

<script id="message_broad_cast_none" type="text/x-dot-template">
	<span class="ic_nocast"></span>
	<p class="txt01"><span  ><?=gettext("현재 진행중인 생방송이 없습니다.")?></span></p>
</script>

<script id= "message_hashtag_broad_cast_none" type="text/x-dot-template">
	<div class="noList">
		<p><?=gettext("검색 결과가 없습니다.")?></p>
	</div>
</script>

<script id="message_hashtag_vod_none" type="text/x-dot-template">
	<div class="noList">
		<p><?=gettext("검색 결과가 없습니다.")?></p>
	</div>
</script>

<script id="message_none_search_keyword" type="text/x-dot-template">
<?=gettext("검색어를 입력해주세요")?>
</script>

<script id="message_confirm_favorite_delete" type="text/x-dot-template">
<?=gettext("{{=it.USER_NICK}}님의 방송을 즐겨찾기에서 삭제하시겠습니까?")?>
</script>

<script id="message_confirm_need_login" type="text/x-dot-template">
<?=gettext("로그인이 필요합니다.")?>
</script>

<script id="message_alert_age_limit" type="text/x-dot-template">
<?=gettext("19세 미만은 사용할 수 없는 카테고리 입니다.")?>
</script>

<script id="message_alert_age_chk_fail" type="text/x-dot-template">
<?=gettext("성인인증에 실패하였습니다. 잠시 후 다시 이용해주세요.")?>
</script>

<script id="message_api_call_fail" type="text/x-dot-template">
<?=gettext("잠시 후 다시 시도해주세요.")?>
</script>

<script id="message_api_call_success" type="text/x-dot-template">
<?=gettext("적용되었습니다.")?>
</script>

<script id="message_favorite_add_success" type="text/x-dot-template">
<?=gettext("즐겨찾기가 추가되었습니다.")?>
</script>

<script id="message_favorite_max_over" type="text/x-dot-template">
<?=gettext("즐겨찾기는 1,200개까지만 추가가 가능합니다. 즐겨찾기 정리 후 추가해주세요.")?>
</script>

<script id="message_favorite_1day_over" type="text/x-dot-template">
<?=gettext("1일 즐겨찾기 등록 개수를 초과하였습니다. 내일 다시 시도해 주세요.")?>
</script>

<script id="message_favorite_already" type="text/x-dot-template">
<?=gettext("이미 즐겨찾기로 추가된 방송국입니다.")?>
</script>

<script id="message_favorite_del_success" type="text/x-dot-template">
<?=gettext("즐겨찾기가 삭제되었습니다.")?>
</script>

<script id="message_search_bannded_word" type="text/x-dot-template">
<?=gettext("입력하신 검색어 ‘{{=it.KEYWORD}}’는(은) 금칙어입니다.")?>
</script>

<script id="message_share_copy" type="text/x-dot-template">
	<?=gettext("주소가 복사되었습니다. 붙여넣기 (Ctrl+V) 해주세요.")?>
	</script>

<script id="search_favorite_body" type="text/x-dot-template">
<div class="inner_area">
	<h3><?=gettext("실시간 인기 검색어")?></h3>
	<ul class="list">
		{{=it.LISTITEM}}
	</ul>
</div>
</script>

<script id="search_favorite_list" type="text/x-dot-template">
	<li><a href="javascript:;" data="{{=it.KEYWORD}}"><em class="num">{{=it.KEY_NUM}}</em>{{=it.KEYWORD}}<span class="rank {{=it.CLASS}}">{{=it.SHOW_TEXT}}</span></a></li>
</script>

<script id="search_recent_body" type="text/x-dot-template">
<div class="inner_area">
	<h3><?=gettext("최근 검색어")?></h3>
	<ul class="list">
		{{=it.LISTITEM}}
	</ul>
	<div class="ct_area"><button class="btn_all_delete"><?=gettext("전체삭제")?></button></div>
</div>
</script>
    
<script id="search_recent_list" type="text/x-dot-template">
	<li><a href="javascript:;" data="{{=it.DATA}}">{{=it.DATA}}<button class="btn_delete" data="{{=it.DATA}}"><span>삭제</span></button></a></li>
</script>
    
<script id="message_later_add_success" type="text/x-dot-template">
<?=gettext("나중에 보기에 등록되었습니다.")?>
</script>

<script id="message_favorite_confirm" type="text/x-dot-template">
<?=gettext("해당 스트리머를 즐겨찾기에서 삭제하시겠습니까?")?>
</script>

<script id="message_later_add_fail" type="text/x-dot-template">
<?=gettext("이미 나중에 보기에 등록되어있습니다.")?>
</script>

<script id="message_later_add_fail2" type="text/x-dot-template">
<?=gettext("VOD 정보가 없습니다.")?>
</script>

<script id="message_later_add_fail3" type="text/x-dot-template">
<?=gettext("나중에 보기 리스트는 최대 1,000개 까지 등록 가능합니다.")?>
</script>

<script id="message_share_success" type="text/x-dot-template">
<?=gettext("주소가 복사되었습니다. 원하는 곳에 붙여넣기(Ctrl+V)해주세요.")?>
</script>    


<script id="ict_menu" type="text/x-dot-template">
<div id="contextMenu" class="icon-menu"">
	<button type="button" class="bj_bs" tip="<?=gettext('방송국')?>"><span><?=gettext("방송국 바로가기")?></span></button>
	<button type="button" class="send_memo" tip="<?=gettext('쪽지 보내기')?>"><span><?=gettext("쪽지 보내기")?></span></button>
	<button type="button" class="favor" tip="<?=gettext('즐겨찾기')?>" data-add="<?=gettext('즐겨찾기 추가')?>" data-del="<?=gettext('즐겨찾기 삭제')?>"><span><?=gettext("즐겨찾기")?></span></button>
	<button type="button" class="srh" tip="<?=gettext('닉네임 검색')?>"><span><?=gettext("닉네임 검색")?></span></button>
</div>
</script>

<script id="message_note_popup" type="text/x-dot-template">
<?=gettext("쪽지 보내기는 브라우저의 팝업 차단 해제 후 이용할 수 있습니다.")?>
</script>

<script id="category_list_body" type="text/x-dot-template">
<div class="menu_two" style="">
	<h2 class="blind"><?=gettext("하위 카테고리")?></h2>
	{{=it.LISTITEM}}
</div>
</script>

<script id="category_list" type="text/x-dot-template">
	<li class="{{=it.LI_CLASS}}" menu_idx="{{=it.MENU_IDX}}" menu_id="{{=it.MENU_ID}}" menu_type="{{=it.MENU_TYPE}}" parent_idx="{{=it.PARENT_IDX}}" action_type="{{=it.ACTION_TYPE}}" cate_no="{{=it.CATE_NO}}">
	<a href="javascript:;">{{=it.CATE_NAME}}</a></li>
</script>

<script id="category_list_action" type="text/x-dot-template">
	<li class="{{=it.LI_CLASS}}" id="{{=it.MENU_ID}}" name="{{=it.CATE_NAME}}" menu_idx="{{=it.MENU_IDX}}" parent_idx="{{=it.PARENT_IDX}}">
	<a href="{{=it.CATE_NO}}">{{=it.CATE_NAME}}</a></li>
</script>

<!---- 썸네일 카테고리  -->
<script id="poster_text_option" type="text/x-dot-template">
<ul class="view_option" style="display:none;">
<li>
	<a href="javascript:;"><?=gettext("썸네일형")?></a>
	<div class="toolbox"><p><em></em><?=gettext("썸네일형")?></p></div>
</li>
<li>
	<a href="javascript:;"><?=gettext("텍스트형")?></a>
	<div class="toolbox"><p><em></em><?=gettext("텍스트형")?></p></div>
</li>
</ul>
</script>

<!--- 텍스트 배너 -->
<script id="curation_text_banner_list_body" type="text/x-dot-template">
<div class="HotVodSlider">
	<div class="swiper HotList">
		<ul class="swiper-wrapper">
			{{=it.LISTITEM}}
		</ul>
	</div>
</div>
</script>

<!--- 포스트 형식 카테고리 리스트 --> 
<script id="category_list_post_body" type="text/x-dot-template">
<div id="gamePost" class="game_post_area on">
    <div class="controller">
        <div class="arrow-next swiper-button-next" role="button" aria-label="Next slide" aria-disabled="false">
            <span>다음</span>
        </div>
        <div class="arrow-prev swiper-button-prev" role="button" aria-label="Previous slide" aria-disabled="true">
            <span>이전</span>
        </div>
    </div>
    <div id="gameArea" class="scroll_area swiper-container">
        {{=it.LISTITEM}}
    </div>
    <div class="slide_toggle"><button class="open" id="gameToggle">열기</button></div>
</div>
</script>

<script id="category_list_post" type="text/x-dot-template">
<li class="swiper-slide">
    <a href="javascript:;"  cate_no="{{=it.CATE_NO}}" action_type="{{=it.ACTION_TYPE}}" >
        <span class="poster"><img alt="" loading="lazy" src="{{=it.CATE_PC_IMG}}" onerror="this.src='{{=it.THUMB_ERROR}}'" width="148" height="184" ><span class="viewer"><em></em>{{=it.CATE_VIEWER}}<?=gettext("명")?></span></span>
        <span class="tit" title="{{=it.CATE_NAME}}">{{=it.CATE_NAME}}</span>
    </a>
</li>
</script>
<!----- 포스트 형식 --> 

<script id="sub_category_list_body" type="text/x-dot-template">
<ul class="space_t sub_cate" id="subcategorylist">{{=it.LISTITEM}}</ul>
</script>

<script id="tab_category_list_body" type="text/x-dot-template">
<div class="menu_thr" style="">
	<h2 class="blind"><?=gettext("최하위 카테고리")?></h2>
		<ul>
			{{=it.LISTITEM}}
		</ul>
</div>
</script>

<script id="sports_schedule_game_list_body" type="text/x-dot-template">
<button type="button" class="btn_prev"><span>이전</span></button>
<div class="swiper-container">
	<ul class="swiper-wrapper" id="ul_sports_schedule_game_list">
		{{=it.LISTITEM}}
	</ul>
</div>
<button type="button" class="btn_next"><span>다음</span></button>
</script>

<script id="sports_schedule_list_item" type="text/x-dot-template">
<li class="swiper-slide">
	<div class="game_wrap {{=it.GAME_WRAP_CLASS}}">
		<div class="title">
			<p class="name">{{=it.CODE_NAME}}</p>
			{{=it.VIEW_STATE}}
		</div>
		<div class="match_wrap">
			{{=it.MATCH_SCORE}}
        </div>
        {{? it.VS_STATUS != '4' }}
		<div class="quick_vod">
			<a href="{{=it.HIGHLIGHT_VOD}}" {{=it.HIGHLIGHT_TAG}}>H/L</a>
			<a href="{{=it.REVIEW_VOD}}" {{=it.REVIEW_TAG}}>다시보기</a>
        </div>
        {{?}}
	</div>
</li>
</script>

<script id="text_banner_list_item" type="text/x-dot-template">
<li class="swiper-slide">
	<a href="{{=it.TEXT_BANNER_LINK}}" {{=it.TEXT_BANNER_TAG}}><em>HOT</em><p>{{=it.TEXT_BANNER_TITLE}}</p></a>
</li>
</script>

<script id = "text_vod_range" type ="text/x-dot-template">
{{? it.check_range == "day" }}
<?=_("{{=it.data}}일 전")?>
{{?? it.check_range == "hour" }}
<?=_("{{=it.data}}시간 전")?>
{{?? it.check_range == "minute" }} 
<?=_("{{=it.data}}분 전")?>
{{?? it.check_range =="second" }}
<?=_("{{=it.data}}초 전")?>
{{?}}
</script>

<script id = "more-dot-live-item" type ="text/x-dot-template">
<button type="button" id="laterview"><span><?=_("나중에 보기")?></span></button>
<button type="button" id="share"><span><?=_("공유하기")?></span></button>
</script>			

<script id = "more-dot-vod-item" type ="text/x-dot-template">
<button type="button" id="laterview"><span><?=_("나중에 보기")?></span></button>
<button type="button" id="playlist_add"><span><?=_("재생목록에 담기")?></span></button>
<button type="button" id="share"><span><?=_("공유하기")?></span></button>
</script>			


</html>