- 扫描 ID：
- a78bc9f5-9dcb-4410-b692-3366ed44d542已完成
- 提交的 URL：
- https://play.sooplive.co.kr/zpdl1313/279581578
- 报告完成时间：
链接 · 找到 29 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://www.sooplive.co.kr/ | |
| https://www.sooplive.co.kr/live/all | LIVE |
| https://www.sooplive.co.kr/directory/category | 탐색 |
| https://www.sooplive.co.kr/my/favorite | MY |
| https://vod.sooplive.co.kr/player/catch | Catch |
| https://esports.sooplive.co.kr/ | e스포츠 |
| https://sooptore.sooplive.co.kr | 숲토어 |
| https://sotong.sooplive.co.kr | 소통센터 |
| https://starrank.sooplive.co.kr | 랭킹 |
| http://afevent.sooplive.co.kr/app/event/event_list.php | 이벤트 |
JavaScript 变量 · 找到 628 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| szBroadCategory | object |
| AFREECA_ROOT_DOMAIN | string |
| AFREECATV_ROOT_DOMAIN | string |
| SOOPLIVE_ROOT_DOMAIN | string |
| SERVICE_ROOT_DOMAIN | string |
| DOMAIN | string |
控制台日志消息 · 找到 2 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| log | other |
|
| log | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en" dark=""><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="SOOP, 숲, 아프리카TV, AfreecaTV, 아프리카">
<meta name="Description" content="현재 스트리밍 중! 모두의 LIVE 생태계, SOOP">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta property="fb:app_id" content="118793551515130">
<meta property="og:title" content="[더케이_루키] 시즌2 일반회차 2회 룰렛데이 그리고 5배 상금 이벤트!! 신입 있습니다!! 오메킴x김학수x지유 [더케이x케이대]">
<meta property="og:type" content="website">
<meta property="og:image" content="https://liveimg.sooplive.co.kr/m/279581578?516">
<meta property="og:site_name" content="SOOP">
<meta property="og:description" content="Social | [BJ]케이">
<meta property="og:updated_time" content="1734269835">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@afreecatv">
<meta name="twitter:title" content="[더케이_루키] 시즌2 일반회차 2회 룰렛데이 그리고 5배 상금 이벤트!! 신입 있습니다!! 오메킴x김학수x지유 [더케이x케이대]">
<meta name="twitter:description" content="Social | [BJ]케이">
<meta name="twitter:image" content="https://liveimg.sooplive.co.kr/m/279581578?516">
<meta name="twitter:player" content="https://play.sooplive.co.kr/zpdl1313/embed">
<meta name="twitter:player:width" content="1280">
<meta name="twitter:player:height" content="720">
<meta name="weibo:video:embed_code" content="https://play.sooplive.co.kr/zpdl1313/embed">
<link rel="shortcut icon" type="image/x-icon" href="https://res.sooplive.co.kr/favicon.ico">
<link rel="stylesheet" type="text/css" href="https://res.sooplive.co.kr/css/global/chat/chat.css">
<link rel="stylesheet" type="text/css" href="https://res.sooplive.co.kr/css/global/soop_webplayer/webplayer.css">
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-KV34D9945N&cx=c&_slc=1"></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TD28M8R"></script><script type="text/javascript" src="https://live.sooplive.co.kr/script/locale/ko_KR/broad_category.js"></script>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/service/config/constant.js?_=20210803"></script>
<script type="text/javascript" src="https://res.sooplive.co.kr/script/new_main/common.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-9PY781H32Y"></script>
<script type="text/javascript" src="https://res.sooplive.co.kr/script/common/placeholders.min.js"></script>
<script type="text/javascript" src="https://res.sooplive.co.kr/script/player/service-maintenance.js"></script>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/service/config/constant.js?_=202108231100"></script>
<title>[BJ]케이 - SOOP</title>
<script src="https://static.sooplive.co.kr/asset/app/item-common-script/benefit-layer.js" type="text/javascript"></script><script type="text/javascript" charset="utf8" async="" src="https://res.sooplive.co.kr/script/new_main/common_pm.js"></script><script src="https://res.sooplive.co.kr/script/swiper.7.3.0.js" type="text/javascript"></script><script type="text/javascript" charset="utf8" async="" src="https://static.sooplive.co.kr/asset/service/da/AdParameter.js"></script><script type="text/javascript" charset="utf8" async="" src="https://static.sooplive.co.kr/asset/service/ad/check_new_ad.js?refresh=1734269841112"></script><script type="text/javascript" charset="utf-8" id="json" src="https://analysis.sooplive.co.kr/_au.js"></script><script src="https://noti.sooplive.co.kr/register.js"></script><script type="text/javascript" src="//analysis.sooplive.co.kr/_au.php?page=https%3A%2F%2Fplay.sooplive.co.kr%2Fzpdl1313%2F279581578&referer=&parent=https%3A%2F%2Fplay.sooplive.co.kr%2Fzpdl1313%2F279581578&type=&action=&szBannerDescription=&szEtc={"prompt":1,"unload":0,"redirect":0,"appcache":0,"dns":0,"tcp":1119,"request":503,"responce":748,"domloading":5220,"domactive":0,"domevent":1,"domtotal":6042,"onload":3,"totalduration":7759,"resorcecnt":63,"resorcetdur":"51805.70","resorcemdur":"2681.30","resorcemobj":{"name":"https%3A%2F%2Fstatic.sooplive.co.kr%2Fasset%2Fservice%2Fcommon%2Fcommon_analysis.js","type":"script","duration":"2681.30"}}&webview=false"></script></head>
<body broadcasting-type="live" class="ko_KR "><div class="award_ceremonyWrap"></div>
<div id="webplayer" class="chat_open">
<!-- FE팀 GNB, LNB 스크립트 호출-->
<div id="soop-gnb"><header id="serviceHeader"><div id="topInnerHeader" class="innerHeader "><div class="btn_flexible"><button type="button">메뉴 확장/축소</button></div><div class="logo_wrap"><h1 id="logo" data-service-domain="LIVE_PLAYER"><a href="https://www.sooplive.co.kr/" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/soop_logo.svg" alt="SOOP" style="opacity: 1;"></a></h1></div><div class="top_searcharea_wrap "><div class="search_inner"><div id="topSearchArea"><div class="searchInner"><div class="inputArea"><button type="button" class="srh_back">뒤로</button><div class="form"><input type="text" id="search-inp" name="szKeyword" autocomplete="off" value=""><button type="button" class="submit">검색</button></div></div></div></div></div></div><div class="serviceUtil"><button type="button" class="btn-search" tip="검색">검색</button><button type="button" id="studioPlayKor" class="btn-broadcast" tip="방송하기">방송하기</button><div class="noticeArea "><button class="btn-notice " tip="알림"><span>"알림"</span></button></div><button type="button" class="btn-login">로그인</button><div id="logArea" class="settingWrap "><button type="button" class="btn-settings" tip="설정">설정</button></div><div class="serviceMenu "><button type="button" class="btn-allMenu" tip="전체메뉴">전체메뉴</button></div></div></div></header></div>
<div id="serviceLnb" class="off"><div class="innerLnb"><div class="nav-header"><div class="btn_flexible"><button type="button">메뉴 확장/축소</button></div><div class="lnb_logo"><h1 id="logo" data-service-domain="LIVE_PLAYER"><a href="https://www.sooplive.co.kr/" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/soop_logo.svg" alt="SOOP" style="opacity: 1;"></a></h1></div></div><ul class="nav-conts"><li id="live" class=""><a href="https://www.sooplive.co.kr/live/all" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_live.svg" alt="image" style="opacity: 1;"><p>LIVE</p></a></li><li id="cate" class=""><a href="https://www.sooplive.co.kr/directory/category" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_cate.svg" alt="image" style="opacity: 1;"><p>탐색</p></a></li><li id="my" class=""><a href="https://www.sooplive.co.kr/my/favorite" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_my.svg" alt="image" style="opacity: 1;"><p>MY</p></a></li><li id="catch" class=""><a href="https://vod.sooplive.co.kr/player/catch" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_catch.svg" alt="image" style="opacity: 1;"><p>Catch</p></a></li></ul><div class="side-conts"><h3>인기</h3><div class="side_list"><div><a href="https://play.sooplive.co.kr/rudals5467" target="_blank" class="live"><span class="thumb"><img src="https://stimg.sooplive.co.kr/LOGO/ru/rudals5467/m/rudals5467.webp" alt="프로필이미지" style="opacity: 1;"></span><div class="side_info"><strong>이경민+_+.</strong><span class="ctg">스타크래프트</span></div><div class="rt"><em class="views">39,010</em></div></a></div><div><a href="https://play.sooplive.co.kr/y1026" target="_blank" class="live"><span class="thumb"><img src="https://stimg.sooplive.co.kr/LOGO/y1/y1026/m/y1026.webp" alt="프로필이미지" style="opacity: 1;"></span><div class="side_info"><strong>철구형2↑</strong><span class="ctg">스타크래프트</span></div><div class="rt"><em class="views">29,719</em></div></a></div><div><a href="https://play.sooplive.co.kr/khm11903" target="_blank" class="live"><span class="thumb"><img src="https://stimg.sooplive.co.kr/LOGO/kh/khm11903/m/khm11903.webp" alt="프로필이미지" style="opacity: 1;"></span><div class="side_info"><strong>봉준</strong><span class="ctg">리그 오브 레전드</span></div><div class="rt"><em class="views">28,350</em></div></a></div><div><a href="https://play.sooplive.co.kr/jdm1197" target="_blank" class="live"><span class="thumb"><img src="https://stimg.sooplive.co.kr/LOGO/jd/jdm1197/m/jdm1197.webp" alt="프로필이미지" style="opacity: 1;"></span><div class="side_info"><strong>악어∀</strong><span class="ctg">마인크래프트</span></div><div class="rt"><em class="views">21,314</em></div></a></div><div><a href="https://play.sooplive.co.kr/ecvhao" target="_blank" class="live"><span class="thumb"><img src="https://stimg.sooplive.co.kr/LOGO/ec/ecvhao/m/ecvhao.webp" alt="프로필이미지" style="opacity: 1;"></span><div class="side_info"><strong>우왁굳</strong><span class="ctg">마인크래프트</span></div><div class="rt"><em class="views">19,932</em></div></a></div></div><button type="button" class="btn_refresh">리스트 새로고침</button><div class="s_list_more"><button type="button" class="btn_more ">더보기</button></div></div><ul class="other-nav"><li id="esports" class="esports "><a href="https://esports.sooplive.co.kr/" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_esports.svg" alt="image" style="opacity: 1;"><p>e스포츠</p></a></li><li id="shop" class="shop "><a href="https://sooptore.sooplive.co.kr" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_shop.svg" alt="image" style="opacity: 1;"><p>숲토어</p></a></li><li id="sotong" class="sotong "><a href="https://sotong.sooplive.co.kr" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_sotong.svg" alt="image" style="opacity: 1;"><p>소통센터</p></a></li><li id="rank" class="rank "><a href="https://starrank.sooplive.co.kr" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_rank.svg" alt="image" style="opacity: 1;"><p>랭킹</p></a></li><li id="event" class="event "><a href="http://afevent.sooplive.co.kr/app/event/event_list.php" target="_blank"><img src="https://res.sooplive.co.kr/images/svg/ico_lnb_event.svg" alt="image" style="opacity: 1;"><p>이벤트</p></a></li></ul></div></div>
<button id="btnExtensions" class="btn_dashboard_extensions" tip="확장 프로그램" style="display:none"></button>
<!-- WebPlayer 영역 webplayer_contents -->
<div id="webplayer_contents">
<div id="player_area">
<!-- 영상 출력영역 htmlplayer_wrap -->
<div class="htmlplayer_wrap">
<div class="htmlplayer_content">
<div class="player_size"><div></div></div>
<div class="float_box">
<button type="close" class="close"> 미니모드 종료 </button>
<button type="close" class="resize it"> 미니모드 종료 </button>
<button type="close" class="resize rb"> 미니모드 종료 </button>
<div class="vr_player"></div>
<div id="player" class="play_start">
<!-- 플에이어 사이즈 비율 출력 엘리먼트 -->
<div class="player_size"></div>
<!-- 방송 중 아닐 때 추천 리스트 -->
<div class="rcmnd_broadcast" id="notBroadingList" style="display: none;">
<div class="after_recmnd" id="notBroadingArea">
<div class="info_msg">
<strong class="notBroadingInfoTitle">스트리머가 오프라인입니다.</strong>
<p id="notBroadingAreaInfoMsg"></p>
</div>
<div class="rcmnd_list_area" id="notBroadingRecommendListBox">
<div class="slide_box">
<div class="swiper-wrapper">
</div>
</div>
<!-- <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> -->
<div class="controller">
<button type="button" class="btn_prev">이전</button>
<button type="button" class="btn_next">다음</button>
</div>
</div>
<!-- 방송 중 아닐 때 추천 리스트 데이터 없을 경우 -->
<div class="empty_box" id="notBroadingEmptyBox" style="display: none;">
<strong class="notBroadingInfoTitle">스트리머가 오프라인입니다.</strong>
<p>지금 바로 SOOP의 다양한 생방송과 재미있는 VOD를 만나보세요!</p>
<div class="btn_box">
<a href="https://www.sooplive.co.kr" class="">리스트 이동</a>
<a href="https://vod.sooplive.co.kr" class="more">VOD 보러가기</a>
</div>
</div>
<!-- //방송 중 아닐 때 추천 리스트 데이터 없을 경우 -->
</div>
</div>
<!-- 비디오 영역 div 는 개발 요청으로 추가 -->
<div id="videoLayer"><video id="livePlayer" class="af_video" webkit-playsinline="true" playsinline="true" x-webkit-airplay="allow" src="data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAAAxVtZGF03gIATGF2YzU3LjY0LjEwMABCIAjBGDgAAAKuBgX//6rcRem95tlIt5Ys2CDZI+7veDI2NCAtIGNvcmUgMTQ4IHIyNzA4IDg2YjcxOTggLSBILjI2NC9NUEVHLTQgQVZDIGNvZGVjIC0gQ29weWxlZnQgMjAwMy0yMDE2IC0gaHR0cDovL3d3dy52aWRlb2xhbi5vcmcveDI2NC5odG1sIC0gb3B0aW9uczogY2FiYWM9MSByZWY9MyBkZWJsb2NrPTE6MDowIGFuYWx5c2U9MHgzOjB4MTEzIG1lPWhleCBzdWJtZT03IHBzeT0xIHBzeV9yZD0xLjAwOjAuMDAgbWl4ZWRfcmVmPTEgbWVfcmFuZ2U9MTYgY2hyb21hX21lPTEgdHJlbGxpcz0xIDh4OGRjdD0xIGNxbT0wIGRlYWR6b25lPTIxLDExIGZhc3RfcHNraXA9MSBjaHJvbWFfcXBfb2Zmc2V0PS0yIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MiBrZXlpbnQ9MjUwIGtleWludF9taW49MjUgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD00MCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIzLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IGlwX3JhdGlvPTEuNDAgYXE9MToxLjAwAIAAAAA6ZYiEACv//vZzfAprbbCVLgV292aj5dCS5fsQYPrQABinQSc9Xzd3KigCQgAAUkPKw0EhpTiMjzdDgSEQBGCMHAAABPJtb292AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAABAAABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAACKXRyYWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAEAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAABQAAAAPAAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAACgAAAAAAAEAAAAAAaFtZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAADIAAAACAFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAFMbWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAABDHN0YmwAAACoc3RzZAAAAAAAAAABAAAAmGF2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAABQADwAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAyYXZjQwFkAA3/4QAZZ2QADazZQUH7ARAAAAMAEAAAAwMg8UKZYAEABmjr48siwAAAABBwYXNwAAAAAQAAAAEAAAAYc3R0cwAAAAAAAAABAAAAAQAAAgAAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAEAAAABAAAAFHN0c3oAAAAAAAAC8AAAAAEAAAAUc3RjbwAAAAAAAAABAAAARwAAAfN0cmFrAAAAXHRraGQAAAADAAAAAAAAAAAAAAACAAAAAAAAAQAAAAAAAAAAAAAAAAEBAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAkZWR0cwAAABxlbHN0AAAAAAAAAAEAAACAAAAEAAABAAAAAAFrbWRpYQAAACBtZGhkAAAAAAAAAAAAAAAAAAAfQAAACABVxAAAAAAALWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABTb3VuZEhhbmRsZXIAAAABFm1pbmYAAAAQc21oZAAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAA2nN0YmwAAABqc3RzZAAAAAAAAAABAAAAWm1wNGEAAAAAAAAAAQAAAAAAAAAAAAIAEAAAAAAfQAAAAAAANmVzZHMAAAAAA4CAgCUAAgAEgICAF0AVAAAAAAF3AAAAA4oFgICABRWQVuUABoCAgAECAAAAGHN0dHMAAAAAAAAAAQAAAAIAAAQAAAAAHHN0c2MAAAAAAAAAAQAAAAEAAAABAAAAAQAAABxzdHN6AAAAAAAAAAAAAAACAAAAFwAAAAYAAAAYc3RjbwAAAAAAAAACAAAAMAAAAzcAAABidWR0YQAAAFptZXRhAAAAAAAAACFoZGxyAAAAAAAAAABtZGlyYXBwbAAAAAAAAAAAAAAAAC1pbHN0AAAAJal0b28AAAAdZGF0YQAAAAEAAAAATGF2ZjU3LjU2LjEwMA==" style="width: 100%; height: 100%; display: block;"></video></div>
<div id="videoLayerCover" tabindex="1" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2; display: none;"></div>
<!-- tl , tc , tr , bl , bc , br 클레스로 포지션 지정 , 포지션 지정되지 않을시 출력되지 않음 opacity 클레스 추가시 불투명하게 출력 -->
<div class="watermark tl opacity" style="display:none;">SOOP <span></span></div>
<!-- 기본로고 출력 -->
<div class="default_logo">SOOP</div>
<!-- 툴팁-->
<div class="tooltip" style="top:50px; left: 100px;"><em></em></div>
<!-- 플레이어 내부 방송 정보 영역 -->
<div id="player_info">
<div class="tuneout" style=" display:none; ">
<p>사전 협의되지 않은 탐방 및 재송출은 정중히 사절합니다.</p>
</div>
<!-- 전체화면에서 사용 -->
<div class="detail_info">
<div class="thumbnail live"> <!-- live 클래스 추가 시 테두리 출력 -->
<a href="#"><img src="https://res.sooplive.co.kr/images/svg/thumb_profile.svg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt=""></a>
</div>
<div class="item">
<div class="nick">
<a id="streamerNick" data-bj_id="zpdl1313"> [BJ]케이</a>
</div>
<ul class="depend_item" style="display: none;">
<li><button type="button" class="subscribe" tip="구독"><span></span></button></li>
<li><button id="bookMark" type="button" class="bookMark" tip="즐겨찾기">
<span>즐겨찾기</span>
<p><em></em><em></em><em></em></p>
</button>
</li>
<li><button type="button" class="like" tip="UP"><span></span></button></li>
</ul>
<h1 class="title" id="broadTitle"></h1>
<div class="cnt_info">
<ul>
<li class="user" id="allViewer">0</li>
<li class="time"> <span id="time"> 00:00:00 </span> <span id="broadState"> 방송중 </span></li>
</ul>
</div>
</div>
<a href="https://www.sooplive.co.kr" class="logo" target="_blank">SOOP</a>
</div>
</div>
<!-- 플레이어 내부 채팅창/리스트/선물하기 컨트롤러 -->
<ul class="view_ctrl">
<li class="btn_chat"><button type="button"><span>채팅창 on/off</span></button></li>
<li class="btn_list"><button type="button"><span>방송리스트 on/off</span></button></li>
<li class="btn_gift"><button type="button"><span>선물하기</span></button>
<!-- 플레이어 내부 선물하기 버튼 -->
<ul class="player_giftList">
<li class="donation"><button type="button"><span>후원</span></button></li>
<li class="adbollon"><button type="button"><span>애드벌룬</span></button></li>
<li class="sticker"><button type="button"><span>스티커</span></button></li>
<li class="jam"><button type="button"><span>잼</span></button></li>
</ul>
</li>
</ul>
<!-- 플레이어 컨트롤 버튼 -->
<div class="player_ctrlBox" tabindex="1">
<!-- 프로그레스 바 -->
<div class="progress" style="display: none;">
<div class="progress_track">
<div class="timeline_thumbnail chapter highlight">
<span class="reverse_time"><em></em></span>
</div>
<div class="watched" style="width:100%;"></div>
<button class="handler" style="left:100%;"><span></span></button>
<div class="download" style="width:0%; display: none;"></div>
<div class="progress_bar"></div>
</div>
</div>
<!-- 플레이어 재생 컨트롤러 -->
<div class="ctrlBox">
<div class="ctrl">
<!-- 타임 시프트 용 play pause 버튼 -->
<button type="button" id="time_shift_play" class="pause" aria-label="재생" style="display: none;"></button>
<!-- 재생버튼 stop 클레스 변경시 정지버튼으로 변경됨 -->
<button type="button" id="play" class="play" aria-label="재생"></button>
<!-- 볼륨 -->
<div class="volume">
<button type="button" class="sound" id="btn_sound">
<span></span><span></span>
<div class="tooltip"><span>음소거(m)</span><em></em></div></button>
<div class="volume_slider_wrap">
<div class="volume_slider">
<div class="volume_range" style="width: 100%;"></div>
<button class="volume_handler" style="left: 100%;"></button>
</div>
</div>
</div>
<button type="button" id="liveButton" class="live_state" style="display: block;"><em></em><span>LIVE</span></button>
</div>
<div class="player_item_list">
<ul style="display: none;">
<li class="donation"><button type="button" tip="별풍선"><em></em><span>별풍선</span></button></li>
<li class="adballoon"><button type="button" tip="애드벌룬"><em></em><span>애드벌룬</span></button></li>
<li class="sticker"><button type="button" tip="스티커"><em></em><span>스티커</span></button></li>
<li class="user_clip"><button type="button" tip="유저 클립"><em></em><span>유저 클립</span></button></li>
<li class="share"><button type="button" tip="공유하기"><em></em><span>공유하기</span></button></li>
<li class="count_vote off"><button type="button" tip="투표집계"><em></em><span>투표집계</span></button></li>
<li class="vote_result off"><button type="button" tip="투표 결과"><em></em><span>투표 결과</span></button></li>
<li class="vote off"><button type="button" tip="투표하기"><em></em><span>투표하기</span></button></li>
<li class="user_join off"><button id="u_multi" type="button" tip="유저참여"><em></em><span>유저참여</span></button></li>
<li class="esports off"><button type="button" tip="승부예측"><em></em><span>승부예측</span></button></li>
<li class="more_dot">
<button type="button" class="" tip="더 보기"><em>더 보기</em></button>
<div id="moreDotLayer" class="_moreDot_layer" style="display: none;">
<button class="donation" type="button">별풍선</button>
<button class="adballoon" type="button">애드벌룬</button>
<button class="sticker" type="button">스티커</button>
<button class="user_clip" type="button">유저클립</button>
<button class="share" type="button">공유하기</button>
<button class="count_vote off" type="button">투표집계</button>
<button class="vote_result off" type="button">투표결과</button>
<button class="vote off" type="button">투표하기</button>
<button class="user_join off" type="button">유저참여</button>
<button class="esports off" type="button">승부예측</button>
<button class="laterwatch" type="button">나중에 보기</button>
<button class="police" type="button">신고하기</button>
</div>
</li>
</ul>
</div>
<div class="right_ctrl">
<button type="button" class="btn_share">
<div class="tooltip"><span>공유하기</span><em></em></div>
</button>
<!-- 화질선택 임베디드는 미노출 -->
<div class="quality_box">
<button type="button" class="btn_quality_mode"><span>1080p</span><div class="tooltip"><span>화질</span><em></em></div></button>
<ul>
<li><button type="button" class="auto_quality"><span>자동화질</span></button></li>
<li><button type="button" class="original_quality"><span>원본화질</span></button></li>
<li><button type="button" class="high_quality_8000"><span>고화질</span></button></li>
<li><button type="button" class="high_quality"><span>고화질</span></button></li>
<li><button type="button" class="high_quality_4000"><span>고화질</span></button></li>
<li><button type="button" class="normal_quality"><span>일반화질</span></button></li>
<li><button type="button" class="low_quality"><span>저화질</span></button></li>
<li class="switchBtn_wrap">
<label for="clear_screen">선명한 모드
<input id="clear_screen" type="checkbox" checked="">
<span></span>
</label>
</li>
<!-- <li class="clear_screen" style="display: none;"> <label for="clear_screen">선명한 모드 <input id="clear_screen" type="checkbox"><span></span></label></li> -->
</ul>
<div class="tooltip_layer" style="display: none;" id="clearModeTooltip">
<img src="https://res.sooplive.co.kr/images/webplayer/live/img_clearscreen.png" alt="선명한 모드">
<p><em>선명한 모드</em>를<br>사용해보세요!</p>
<button type="button">닫기</button>
</div>
</div>
<!-- 편집각 -->
<div id="edit_angle_layer" class="edit_angle_box" style="display: none;">
<button type="button">
<em></em>
<div class="tooltip" style="display: none;">
<span>편집각</span>
</div>
</button>
</div>
<!-- 플레이어 셋팅버튼 -->
<div class="setting_box">
<button type="button" class="btn_setting">setting<div class="tooltip" style="display: none;"><span>설정</span><em></em></div>
<span class="red-dot" style="display: none;">NEW</span>
</button>
<div class="setting_list">
<ul>
<li><button type="button" id="btnCheckPlayerState" style="display: none;"><span>진단하기</span></button></li>
<li><button type="button" id="btnLiveCaptionOnOff" style="display: none;"><span>자막켜기</span></button></li>
<li><button type="button" id="btnBroadInfo"><span>방송정보</span></button></li>
<li class="switchBtn_wrap" id="DeleyCheck" style="display: none;">
<label for="delay_check">시차 단축
<input id="delay_check" type="checkbox" checked="">
<span></span>
</label>
</li>
</ul>
<div class="setting_list_subLayer broadInfo" id="broadInfoSubLayer">
<button type="button" class="goBack on">방송정보</button>
<div class="broadcast_info_layer">
</div>
</div>
</div>
</div>
<!-- PIP -->
<button type="button" class="btn_pip_mode" style="">
<div class="tooltip"><span>PIP 모드(p)</span><em></em></div>
</button>
<!-- 씨네마 -->
<button type="button" class="btn_screen_mode">
<!-- 툴팁 2016-0923--><div class="tooltip"><span>스크린모드(s)</span><em></em></div>
</button>
<!-- 전체모드 클레스 추가시 버튼형태 변경 -->
<button type="button" class="btn_fullScreen_mode">
<div class="tooltip"><span>전체화면(f)</span><em></em></div>
</button>
</div>
</div>
</div>
<div class="volume_text hide_text"></div><div class="center_btn fadeOut" style="">
<button type="button" class="btn_cneter_play" style="display: none;"><span>PLAY</span></button>
<div class="volume_icon" style="display: none;"><span></span><span></span><span></span><span></span><span></span></div>
<div class="fast_forward" style="display: none;"><span></span><em>5</em></div>
<div class="rewind" style="display: none;"><span></span><em>5</em></div></div>
<!-- 5초 앞,뒤로 이벤트 -->
<div class="center_msg" style="display: none;"><span>5초</span></div>
<div class="nextvideo" id="stop_screen" style="background-image: url("https://liveimg.sooplive.co.kr/m/279581578?516"); display: block;">
<dl>
<dt class="tit">다음 VOD</dt>
<dd class="stit">title</dd>
<dd class="nextplay"><a href="#n">VOD 보기</a></dd>
</dl>
<em class="cancel"><a href="#n">자동재생 취소</a></em>
<span class="timer"><em></em> 후 자동재생</span>
<span class="bg"></span>
</div>
<!-- 화면 블라인드 상태 -->
<div class="video_blind" style="display:none;">
<div class="video_blind_in">
<div class="content">
</div>
</div>
</div>
<!-- 크롬 브라우저 설치 유도 -->
<div class="ui-pop chrome_install" style="display:none">
<div class="pop-body">
<strong>Chrome 브라우저로 참여해 보세요!</strong>
<p>
최신 버전의 Chrome 브라우저를 이용하시면<br>보다 안정적인 HTML5 플레이어로<br>방송을 이용하실 수 있습니다.
</p>
<a href="https://www.google.com/chrome" target="_blank" class="btn_download">Chrome 브라우저 다운로드</a>
</div>
<div class="chk-box">
<input type="checkbox" name="" id="chk1">
<label for="chk1">30일간 열지 않기</label>
</div>
<a href="javascript:;" class="pop-close"><span>레이어 닫기</span></a>
</div>
<!-- 로딩바 -->
<div class="loading" style="display: none;">
<div>
<!--
광고 이미지 or 기본 로딩 이미지
둘 다 어드민에 등록된 것 사용
http://res.afreecatv.com/images/afreecatv_player/loading.gif(기존 로딩 이미지 136*136)는 사용하지 않는다
이미지 에러 시 http://res.afreecatv.com/images/afreecatv_player/default_loading.gif(160*160) 를 사용
-->
<img class="loading_img" src="https://res.sooplive.co.kr/images/webplayer/default_loading.gif" data-use-ad="1" data-tracking-tag="" onload="this.done=true;" alt="로딩 이미지">
</div>
</div>
<!-- //로딩바 -->
<!-- 버퍼링 바 -->
<div class="buffering" style="display: none;"><span></span></div>
<!-- //버퍼링 바 -->
<!-- 광고영역 -->
<!-- 2016-1007 -->
<div class="da_area" style="display:none;"><a href="javascript:;"></a></div>
<button type="button" style="display:none;" class="da_area_left" id="da_btn_click"><span>광고 페이지 보기</span><em>-00:00</em></button>
<button type="button" style="display:none;" class="da_area_right" id="da_btn_skip"><em>00</em><span>초 후 광고 SKIP</span></button>
<!-- 240712 - 프로모션 배너 추가 -->
<div class="promotion_banner">
<div class="contents">
<p class="message">이용 중인 <strong>구독 자동결제</strong>가 곧 <strong>해지</strong>됩니다
<span>해지 신청을 취소하고 <strong>첫 달 할인 혜택</strong> 받으세요</span>
</p>
<a href="#" target="_blank" class="_btn_primary">취소하러 가기</a>
<div class="today_check">
<input type="checkbox" name="" id="today_close">
<label for="today_close">다시 보지 않기</label>
</div>
</div>
<button type="button" class="btn_close">닫기</button>
</div>
<!-- // 240712 - 프로모션 배너 추가 -->
<!-- 불타는 텐미닛 -->
<div class="item_ten_layer">
<div class="contents">
<p>불타는 텐미닛 <span></span></p>
<button type="button">바로 UP</button>
</div>
<button type="button" class="btn_close">닫기</button>
</div>
<!-- 불타는 텐미닛 -->
<!--쉬는시간용 블루박스-->
<div class="break_time" id="breakTimeBox" style="display: none;">
<p>
<strong><i></i><em></em>쉬는시간 후 방송이 이어집니다. </strong>
스트리머에게 후원이 되는 광고 보면서 조금만 기다려요!
</p>
</div>
<!--//쉬는시간용 블루박스-->
<!--adcon-->
<div class="adballoon_icon" style="display: none;">
<a href="javascript:;" class="adcon-area">
<span class="thumb"><img src=""></span>
<span class="con_desc">
<span class="area">
<em class="con_tit">ADCON</em>
<span class="con_stit">스트리머가 선택한 ADCON 클릭</span>
</span>
</span>
</a>
<button type="button" class="adballoon_close"><span></span></button>
</div>
<!--//adcon-->
<!--shopfreeca banner--->
<div class="shopProduct_banner" style="display: none;">
<a href="javascript:;" class="product_area">
<span class="thumb"><img src=""></span>
<div class="info_desc">
<div class="area">
<strong class="title"></strong>
<div class="payment">
<em class="dis"></em><span></span>
</div>
</div>
</div>
</a>
<button type="button" class="product_close">닫기</button>
</div>
<!--//shopfreeca banner--->
<div id="paidPromotionNoticeBox" class="text_box"> <p>유료 광고 포함</p> </div>
<div id="liveCaptionBox" class="screen_text_output">
<div class="text">
<img src="" alt="">
<p></p> <!-- style="font-size: 10px;" -->
</div>
</div>
<dl class="esports_prediction" style="display: none;">
</dl>
<div class="message_player_wrap">
<!-- <div class="message_player">
<div class="contents">
<div class="time_machine"><p></p></div>
<div class="footer"><a href="https://item.sooplive.co.kr/quickview.php" target="_blank">퀵뷰 구매</a></div>
</div>
<button class="close">닫기</button>
</div>
<div class="message_player"> ... -->
</div>
<div>
<div id="extensionProgramWrap" class="extensions_item_wrap">
<div class="extensions_item">
<ul id="extensionMenu"></ul>
<div class="noti_tooltip">확장 프로그램을 사용하려면<br>플레이어 크기를 키워주세요.</div>
</div>
</div>
<div id="extensionsOutput" class="extensions_output" ondblclick="liveView.controller.callOne('ControlBarContainer', 'fullScreenClickEvents' )"></div>
</div>
<div class="screen_text_output" style="top: 82.1333%;">
<div class="text">
<img src="" alt="" draggable="false">
<p style=""></p> <!-- style="font-size: 10px;" -->
</div>
</div></div>
</div>
</div>
</div>
<!-- 방송 하단 방송 정보 -->
<!-- broadcast_information -->
<div class="wrapping player_bottom">
<div class="broadcast_information">
<div class="column" number="1">
<div class="thumbnail_box live" id="bjThumbnail">
<a class="thumb" href="https://ch.sooplive.co.kr/zpdl1313" target="_blank" title="채널 가기">
<img src="https://stimg.sooplive.co.kr/LOGO/zp/zpdl1313/zpdl1313.jpg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt="스트리머 로고" class="thum">
</a>
</div>
<div class="nickname">
<a id="infoNickName" data-bj_id="zpdl1313"> [BJ]케이</a>
</div>
<div class="column_sub">
<ul class="depend_item" style="display: none;">
<li><button id="subscribe" type="button" class="subscribe" tip="구독"><span>구독</span></button>
<div class="event_tooltip" style="display:none;">
<p>구독 개편 기념 이벤트</p>
<a href="https://www.sooplive.co.kr/events/new-subscribe" target="_blank">지금 확인하기!</a>
<button type="button" class="close">닫기</button>
</div></li>
<li><button id="bookMark" type="button" class="bookMark" tip="즐겨찾기">
<span>즐겨찾기</span>
<p><em></em><em></em><em></em></p>
</button>
</li>
<li><button id="like" type="button" class="like" tip="UP"><span>UP</span></button></li>
</ul>
<div class="player_item_list">
<ul style="display: none;">
<li class="donation"><button type="button" tip="별풍선"><em></em><span>별풍선</span></button></li>
<li class="adballoon"><button type="button" tip="애드벌룬"><em></em><span>애드벌룬</span></button></li>
<li class="sticker"><button type="button" tip="스티커"><em></em><span>스티커</span></button></li>
<li class="user_clip"><button type="button" tip="유저클립 & Catch"><em></em><span>유저 클립</span></button></li>
<li class="share"><button type="button" tip="공유하기"><em></em><span>공유하기</span></button></li>
<li class="count_vote off"><button type="button" tip="투표집계"><em></em><span>투표집계</span></button></li>
<li class="vote_result off"><button type="button" tip="투표 결과"><em></em><span>투표 결과</span></button></li>
<li class="vote off"><button type="button" tip="투표하기"><em></em><span>투표하기</span></button></li>
<li class="user_join off"><button id="u_multi" type="button" tip="유저참여"><em></em><span>유저참여</span></button></li>
<li class="esports off"><button type="button" tip="승부예측"><em></em><span>승부예측</span></button></li>
<li class="more_dot">
<button type="button" class="" tip="더 보기"><em>더 보기</em></button>
<div id="moreDotLayer" class="_moreDot_layer" style="display: none;">
<button class="laterwatch" data-target="laterwatch_text" type="button">나중에 보기</button>
<button class="police" type="button">신고하기</button>
</div>
</li>
</ul>
<div class="text_output"><p>스트리머에게 수익이 후원되는 광고를 시청하고 계십니다.</p></div>
</div>
</div>
</div>
<div class="column" number="2">
<div class="broadcast_title">
<div class="btn_shopping" style="display:none;">
<a href="#n">상품구매</a>
<div class="layer_shopping">
<div>
판매 수익은 방송중인<br><em class="\"nick\""></em> 님과 공유됩니다.
</div>
<button href="#n" class="close">닫기</button>
<span class="arr"></span>
</div>
</div>
<span id="infoTitle">[더케이_루키] 시즌2 일반회차 2회 룰렛데이 그리고 5배 상금 이벤트!! 신입 있습니다!! 오메킴x김학수x지유 [더케이x케이대]</span>
</div>
<div class="btn_bjaward_poll" style="display:none;">
<button type="button" class="btn_bjpoll">스트리머대상 투표</button>
</div>
<div class="cnt_info" id="broadInfo" style="display: none;">
<ul>
<li class="user" id="nAllViewer">0</li>
<li class="time"> <span id="time"> 00:00:00 </span> <span id="broadState"> 방송중 </span></li>
</ul>
</div>
</div>
<div class="column" number="3">
<div class="tag_wrap" id="hashtag"></div>
</div>
<div class="esports_info"> </div>
<div>
<button type="button" class="broadcast_more_btn">더보기</button>
</div>
</div>
</div> </div>
<div class="wrapping side">
<!-- 리스트 채팅 하단 내려갔을때 채팅 리스트 출력 컨트롤러 -->
<div class="section_selectTab">
<ul>
<li click-target="btn_chat"><button type="button">채팅</button></li>
<li click-target="btn_list"><button type="button">리스트</button></li>
</ul>
</div>
<section class="box chatting_box">
<!-- 채팅 영역 -->
<div id="chatting_area" font-level="2" class="" style="height: 420px;">
<div id="chatbox" class="chatbox">
<div class="chat_blind" style="display: none;">
<div>
<p>채팅 팝업 상태입니다.</p>
<button type="button">채팅 불러오기</button>
</div>
</div>
<div class="area_header">
<div class="chat_title">
<h2>
<span>채팅</span>
<!-- 본방 입장 확인 필요 -->
<a href="javascript:;" id="chatbox_btn_org" style="display:none">본방입장</a>
</h2>
<ul>
<li class="mchat" id="setbox_mchat" style="display: none;"><a href="javascript:;" tip="매니저 채팅" class="icon_flicker">매니저 채팅</a></li>
<li class="c-out" id="setbox_kicklist" style="display: none;"><a href="javascript:;" tip="강제퇴장 인원">강제퇴장 인원</a></li>
<li class="management" id="setbox_chat_management" style="display: none;"><a href="javascript:;" tip="채팅 관리">채팅 관리</a></li>
<li class="c-notice" id="setbox_chatnotice" style="display: none;"><a href="javascript:;" tip="스트리머 공지">스트리머 공지</a></li>
<li class="viewer" id="setbox_viewer"><a href="javascript:;" tip="채팅 참여 인원">채팅 참여 인원</a></li>
<li class="set" id="setbox_set"><a href="javascript:;" tip="설정">설정</a></li>
<!-- <li class="popout" id="setbox_popout"><a href="javascript:;" tip="채팅 팝업">채팅 팝업</a></li> -->
<li class="close" id="setbox_close"><a href="javascript:;" class="tip-right" tip="닫기">채팅 영역 숨기기</a></li>
</ul>
</div>
<div class="idsearch" id="idsearch" style="display:none;">
<div class="select_box_item"> <!-- on 추가 시 selectlist 오픈 -->
<button type="button" id="selChatOpt" class="selected">채팅금지</button>
<ul class="select_list" id="selChatOptList" style="display: none;">
<li class="on"><button type="button">채팅금지</button></li>
<li><button type="button">강제퇴장</button></li>
<li><button type="button">매니저 임명/해임</button></li>
</ul>
</div>
<input type="text" id="searchId" class="input_text" title="아이디" placeholder="아이디">
<a href="javascript:;" class="btn_apply" id="applyChatOpt">적용</a>
</div>
<!-- 채팅 공지, 광고 -->
<div class="chat_topbox" style="display: none;">
<div class="chat_banner2 on" style="display: none;">
<a href="#n" class="">
<span class="thumb"><img src="" alt=""></span>
<div class="info">
<strong></strong>
<p></p>
</div>
<p class="btn_style">다운로드</p>
</a>
<button type="button">닫기</button>
</div>
<div class="chat_notice ">
<span class="ico new"><em></em></span>
<div class="msg"><p></p></div>
<a href="javascript:;" class="btn_chat_notice"><span>채팅 공지 열고 닫기</span></a>
</div>
</div>
</div>
<!-- 외부장치 방송 채팅창 얼리기 설정 -->
<div class="chat_layer chatting_management" id="iceSetting">
<div class="area_header">
<h2><span>채팅 관리</span></h2>
</div>
<div class="contents">
<h3>채팅창 얼리기</h3>
<div class="dashboard" style="display: none;">
<button type="button" class="setting_detail">등급 상세설정</button>
<p class="description ">스트리머와 아래 선택한 등급은<br>채팅창을 얼려도 채팅이 가능합니다.</p>
<dl>
<dt><span>본방</span></dt>
<dd>
<p>얼린 후 채팅 참여 등급</p>
<ul id="freeze-setting">
<li><input type="checkbox" id="freeze1"><label for="freeze1">열혈팬</label></li>
<li><input type="checkbox" id="freeze2"><label for="freeze2">구독팬</label></li>
<li><input type="checkbox" id="freeze3"><label for="freeze3">팬클럽</label></li>
<li><input type="checkbox" id="freeze4"><label for="freeze4">서포터</label></li>
<li><input type="checkbox" id="freeze5"><label for="freeze5">매니저</label></li>
</ul>
<button type="button" id="ice-btn" state="ice-freeze" class="on"></button>
</dd>
</dl>
<dl style="display:none" id="ice-relay">
<dt>
<span>중계방</span>
<div class="tip">
<em></em>
<div>
<p>모든 중계방이 한번에<br> 얼리기/녹이기 됩니다.</p>
</div>
</div>
</dt>
<dd>
<p>얼린 후 채팅 참여 등급</p>
<ul id="freeze-setting-sub">
<li><input type="checkbox" id="freeze6"><label for="freeze6">열혈팬</label></li>
<li><input type="checkbox" id="freeze7"><label for="freeze7">구독팬</label></li>
<li><input type="checkbox" id="freeze8"><label for="freeze8">팬클럽</label></li>
<li><input type="checkbox" id="freeze9"><label for="freeze9">서포터</label></li>
<li><input type="checkbox" id="freeze10"><label for="freeze10">매니저</label></li>
</ul>
<button type="button" id="ice-btn-relay" state="ice-freeze" class="on"></button>
</dd>
</dl>
</div>
<div class="player" style="display: none;">
<p class="description ">스트리머와 매니저는 채팅창<br>얼리기/녹이기가 가능합니다.</p>
<button type="button" id="ice-btn-common" state="ice-freeze" class="on"></button>
</div>
<div class="chat_lowspeed slowmode">
<dl>
<dt>
<span>채팅 저속모드</span>
<div class="tip">
<em></em>
<div>
<p>채팅 입력 사이에 지연이 적용됩니다.</p>
<p>스트리머, 매니저는 저속모드가 적용되지 않습니다.</p>
</div>
</div>
</dt>
<dd>
<div class="unit">
<div class="ProgressBar" style="width:0%;">
<button class="handler"></button> <!-- 조절 -->
</div>
</div>
<ol>
<li><span>Off</span></li>
<li><span>5초</span></li>
<li><span>10초</span></li>
<li><span>20초</span></li>
<li><span>30초</span></li>
<li><span>60초</span></li>
</ol>
</dd>
</dl>
<button type="button" class="apply">적용</button>
</div>
</div>
<a href="#n" class="close">닫기</a>
</div>
<!-- 채팅 관리 -->
<div class="chat_layer chatting_management sub" id="iceSettingSub">
<div class="area_header">
<a href="#n" class="history_back">뒤로가기</a>
<h2><span>등급 상세설정</span></h2>
</div>
<div class="contents">
<p>일정 개수 이상 선물한 유저만 채팅이 가능합니다.</p>
<span>* 중계방도 동일하게 설정됩니다.</span>
<dl>
<dt>팬클럽 (별풍선/애드벌룬)</dt>
<dd>
<div class="btn_increase" id="increase-2">
<button type="button">10</button>
<button type="button">100</button>
<button type="button">500</button>
</div>
<div class="calculator">
<input type="text" value="1" id="calculator_2">
<label for="calculator_2">개</label>
<button type="button" class="plus">-</button>
<button type="button" class="minus">+</button>
</div>
</dd>
</dl>
<div class="btn_wrap">
<button type="button" id="reset">초기화</button>
<button type="button" id="save">저장</button>
</div>
</div>
</div>
<!-- 참여자 리스트 레이어 -->
<div class="chat_layer list_participant" id="list_viewer">
<div class="area_header">
<h2><span>채팅 참여 인원</span></h2>
<ul>
<li class="refresh"><a href="javascript:;">새로고침</a></li>
<li class="close"><a href="javascript:;">닫기</a></li>
</ul>
</div>
<div id="userList" class="contents">
<div class="effective_box">
<div class="effective_list"></div>
</div>
</div>
<div class="none" style="display: none;">
<div>
<em>%</em> 에 대한 <br>검색결과가 없습니다.
<p>확인 후 다시 검색해주세요.</p>
</div>
</div>
<button class="more">펼치기 / 닫기</button>
</div>
<!-- 참여자 리스트 레이어 -->
<!-- 채팅 설정 -->
<div class="chat_layer setting_chat">
<div class="area_header"><h2><span>설정</span></h2></div>
<div class="contents">
<ul>
<li><a href="javascript:;" class="more_layer" data-title="mark">이모티콘 표시 방법</a></li>
<li><a href="javascript:;" class="more_layer" data-title="person">개인 설정</a></li>
<li style="display:none;"><a href="javascript:;" class="more_layer" data-title="management">방송 관리</a></li>
</ul>
<ul>
<li><a href="javascript:;" id="clear_chat">채팅 지우기</a></li>
<li><a href="javascript:;" id="popout_chat">채팅 팝업</a></li>
<li><a href="javascript:;" id="chat_rules">채팅 규칙 보기</a></li>
</ul>
<div class="font-level">
<span>채팅 크기 설정</span>
<div class="ctrl">
<input type="text" value="2" readonly="">
<button class="minus">-</button>
<button class="plus">+</button>
</div>
<div class="preview" font-level="2">
<div class="chatting-list-item" user-type="streamer">
<div class="message-container">
<div class="username"><button><span class="thumb"><img src="https://res.sooplive.co.kr/afevent/event/2023/extension_challenge/img/honeyjam.png" alt=""></span><span class="grade-badge-streamer" tip="스트리머">스트리머</span><span class="author">SOOP</span></button></div><div class="message-text"><p class="msg">안녕하세요</p></div>
</div>
</div>
</div>
</div>
</div>
<a href="javascript:;" class="close">닫기</a>
</div>
<!-- 이모티콘 표시 방법 -->
<div class="chat_layer sub mark">
<div class="area_header">
<a href="javascript:;" class="history_back">뒤로가기</a>
<h2><span>이모티콘 표시 방법</span></h2>
</div>
<div class="contents">
<ul>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_emoticon">
<label for="st1_emoticon">이모티콘 보기</label>
</div>
</li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_emoticon_ani">
<label for="st1_emoticon_ani">이모티콘 움직이기</label>
</div>
</li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_ogq">
<label for="st1_ogq">OGQ 이모티콘 작게보기</label>
</div>
</li>
</ul>
</div>
<a href="javascript:;" class="close">닫기</a>
</div>
<!-- 개인 설정 -->
<div class="chat_layer sub person">
<div class="area_header">
<a href="javascript:;" class="history_back">뒤로가기</a>
<h2><span>개인 설정</span></h2>
</div>
<div class="contents">
<ul>
<li><a href="javascript:;" class="title" id="change_nickname">닉네임 변경</a></li>
<li><a href="javascript:;" class="title" id="change_subscription_nickname" style="display: none;">구독 닉네임 변경</a></li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="hot_fan">
<label for="hot_fan">내 열혈팬 입장 표시하기
<div class="tip">
<em>i</em>
<div><p>참여한 스트리머 방송에 열혈팬일 경우</p><strong>내 열혈팬 입장 표시를 숨길 수 있습니다.</strong></div>
</div>
</label>
</div>
</li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_joinout" checked="">
<label for="st1_joinout">참여자 출입 표시</label>
</div>
</li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_whisper">
<label for="st1_whisper">귓속말 수신 허용</label>
</div>
</li>
<li style="display: none;">
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_trans">
<label for="st1_trans">채팅 번역</label>
</div>
</li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_fanchatcolor">
<label for="st1_fanchatcolor">팬채팅 색상 사용</label>
</div>
</li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_randomnickname">
<label for="st1_randomnickname">닉네임 랜덤 색상</label>
</div>
</li>
<li>
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_chatalign">
<label for="st1_chatalign">채팅 메시지 정렬</label>
</div>
</li>
</ul>
</div>
<a href="javascript:;" class="close">닫기</a>
</div>
<!-- 매니저 채팅 관리 -->
<div class="chat_layer sub management">
<div class="area_header">
<a href="javascript:;" class="history_back">뒤로가기</a>
<h2><span>방송 관리</span></h2>
</div>
<div class="contents">
<ul>
<li style="display: none;"><a href="javascript:;" id="manage_relay">중계방 관리</a></li>
<li style="display: none;">
<div class="checkbox_wrap macUi">
<input type="checkbox" id="st1_ban_msg">
<label for="st1_ban_msg">강제퇴장 메세지 표시</label>
</div>
</li>
</ul>
</div>
<a href="javascript:;" class="close">닫기</a>
</div>
<!-- 이모티콘 미리보기 -->
<div class="emoticon_output">
<button type="button" class="btn_output"><img src="https://res.sooplive.co.kr/images/chat/ogq_default.svg" onerror="this.src='https://res.sooplive.co.kr/images/chat/ogq_default.svg'" alt=""></button>
<button type="button" class="close"><span>닫기</span></button>
</div>
<!-- 채팅 저속 모드 -->
<div class="chat_alert chat_low">
<div class="chat_alert_contents"></div>
<div class="chat_alert_footer">
<button>확인</button>
</div>
</div>
<!-- 플레이어 채팅 UI 개편 -->
<div id="emoticonContainer">
<div id="emoticonBox">
<div class="head">
<h3>이모티콘</h3>
<button type="button" class="btn_close">닫기</button>
</div>
<div class="tab_area">
<div class="item_list">
<button class="prev off">이전</button>
<div>
<ul>
<li data-type="RECENT" class="on"><button type="button" class="ic_clock"></button></li>
<li data-type="SUBSCRIPTION"><button type="button" class="ic_subscribe"></button></li>
<li data-type="DEFAULT"><button type="button" class="ic_emoticon"></button></li>
</ul>
</div>
<button type="button" class="btn_market">OGQ 마켓</button>
<button class="next off">다음</button>
</div>
</div>
<!-- 최근 사용 이모티콘 탭 -->
<ul class="subTab_area" style="display: none;">
<li class="on" data-type="DEFAULT"><a href="javascript:;"><span>이모티콘</span></a></li>
<li class="" data-type="OGQ"><a href="javascript:;"><span>구매 이모티콘</span></a></li>
</ul>
<!-- 최근 사용 이모티콘 -->
<div class="scroll_area" style="display: none;" id="recent">
<div class="empty_case" style="display: none;"> <!-- 이모티콘 없는 경우 -->
<p>최근 사용한 이모티콘이 없어요.<br>이모티콘 사용 후 확인해보세요.</p>
</div>
<div class="emoticon_item"></div>
</div>
<!-- 기본 이모티콘 -->
<div class="scroll_area" style="display: none;" id="common_emoticon">
<div class="emoticon_item"></div>
</div>
<!-- 타이틀 이모티콘 -->
<div class="scroll_area" style="display: none;" id="subscription_emoticon">
<div class="sg_area" style="display: none;"></div>
<div class="box_divider" style="display: none;">
<div id="subscription-divider" class="divider"></div>
<div class="emoticon_item" id="subscription"></div>
</div>
<div class="box_divider">
<div class="divider">기본 이모티콘</div>
<div class="emoticon_item" id="default"></div>
</div>
</div>
<!-- OGQ 이모티콘 -->
<div class="scroll_area ogq_item" style="display:none;">
<div class="loading" style="display:none;"></div>
<div class="emoticon_item" style="display:flex;"></div>
</div>
<!-- <div class="scroll_area recent_emoticon recent_emoticon_default"></div>
<div class="scroll_area recent_emoticon recent_emoticon_ogq" style="display: none;" ></div> -->
</div>
</div>
<!-- 라이브 채팅 영역 -->
<div class="chatting-item-wrap">
<div id="chat_area" class="chatting-viewer random-color-on" style="will-change: scroll-position;"></div>
<div class="chat_scroll_down" style="display: none;">
<button id="chat-bottom-preview-basic" style="display:none;" type="button" class="scroll_down">채팅 아래로 스크롤</button>
<button id="chat-bottom-preview" type="button" class="chatting-list-item" user-type="">
<div class="message-container">
<div class="username">
<span id="badge" class=""></span>
<span class="author"></span>
</div>
<div class="message-text"><p class="msg"></p></div>
</div>
</button>
</div>
<!-- 240820 구독 개편 구독 세레모니 보내기 추가, chatting-item-wrap 안으로 poll_layer 위치 이동 -->
<div id="sub-ceremony-banner" class="subscribe-ceremony">
<div class="cont">
<div class="ceremony-txt">
<strong>N개월 구독중</strong>
<p>구독 세레모니를 보내보세요!</p>
</div>
<div class="ceremony-img">
<img src="https://static.file.sooplive.co.kr/subscription_ceremony/m/gudok_1.png" alt="세레머니 이미지" onerror="this.src='https://static.file.sooplive.co.kr/subscription_ceremony/m/gudok_1.png'">
</div>
</div>
<button type="button" class="btn_send">보내기</button>
<button type="button" class="close">닫기</button>
</div>
<!-- 투표하기 -->
<div class="poll_layer" id="layer_poll"></div>
<!-- 240820 구독 개편 구독 세레모니 보내기 -->
</div>
<!-- 채팅 하단 -->
<div id="actionbox" class="actionbox">
<div class="chat_item_list">
<ul class="item_box" id="ul2"> <!-- 202405 - ui1 class명 변경 / ul2 삭제 -->
<li id="btn_star" class="star off"><a href="javascript:;" tip="별풍선">별풍선 선물하기</a></li>
<li id="btn_adballoon" class="adballoon off" style="display: none;"><a href="javascript:;" tip="애드벌룬">애드벌룬 후원하기</a></li>
<!-- <li id="btn_sticker" class="sticker off"><a href="javascript:;" tip="스티커">스티커 선물하기</a></li> -->
<li class="sooptore off"><a href="javascript:;" tip="숲토어">숲토어</a></li>
<li class="game_point" style="display: none;"><a href="javascript:;" tip="젬(Gem)">젬</a></li>
</ul>
</div>
<div class="ic_gem" style="display:none;"></div>
<!-- 운영자 채팅시 클래스 admin 추가, off 클레스 추가시 투명도 적용, lowspeed 클레스 추가시 저속모드, lowspeed_on 채팅가능시 클레스 추가-->
<div id="chat_write" class="chat_write">
<h3>채팅쓰기</h3>
<div class="ad_toggle">
<span class="blue">
<input id="manage" type="radio" name="managerchat" checked="checked" class="on" data-message-type="1">
<label for="manage" class="on">운영</label>
</span>
<span class="red">
<input id="warning" type="radio" name="managerchat" data-message-type="2">
<label for="warning">경고</label>
</span>
</div>
<div class="input_chat">
<div id="write_area" class="write_area" contenteditable="true" ondragenter="return false;" ondrop="return false;" ondragover="return false;"></div>
<span class="empty_chat" id="empty_chat">채팅 입력(c)</span>
</div>
<button type="button" id="btn_emo" tip="이모티콘" class="btn_emoticon off">이모티콘 레이어 열기</button>
<!-- 202405 - span 태그 추가 / class off 추가 시 버튼 사라짐 -->
<button type="button" id="btn_send" class="btn_send" title="보내기" placeholder="채팅 입력 (C)"><span style="display: none;">보내기</span></button>
</div>
</div>
<div id="chat_ad" class="chat_banner" style="display:none;"><div class="ti_in">
<a href="javascript:;"></a>
<a href="javascript:;" id="close"><img src="https://res.sooplive.co.kr/new_player/img/btn_adclose.png" class="btn_close" alt="닫기"></a>
</div>
</div>
<div class="toast-box chat" style="display:none;">
<div class="success">
<p></p>
<button type="button" class="close">
<span>닫기</span>
</button>
</div>
</div>
</div>
<div id="chat_container_chat_rules" class="chat_rule">
<div class="chat_rule_title"></div>
<div class="chat_rule_contents">
<div class="box"></div>
</div>
<div class="footer">
<button id="agree_button" type="button" class="_btn_primary">규칙에 동의합니다!</button>
</div>
<button id="close_button" type="button" class="close">닫기</button>
</div>
</div>
<div class="move_handle TnB"></div>
</section>
<section class="box list_box">
<!-- 리스트 영역 -->
<div id="list_area" class="">
<div class="area_header">
<h2><span>리스트</span></h2>
<ul>
<li class="refresh"><a href="#n" tip="새로고침">새로고침</a></li>
<li class="close"><a href="#n" tip="닫기">리스트 닫기</a></li>
</ul>
</div>
<!-- 240719 - 카테고리 swiper slide 변경 -->
<div class="filter_list">
<div id="filter_list_wrap" class="swiper-initialized swiper-horizontal swiper-pointer-events">
<ul class="swiper-wrapper" id="swiper-wrapper-9be7ae10d89f18cf5" aria-live="polite" style="transition-duration: 0ms;">
<li class="swiper-slide on" id="all"><button type="button">전체</button></li>
<li class="swiper-slide" id="bj"><button type="button">스트리머의 VOD</button></li>
<li class="swiper-slide" id="catch"><button type="button">Catch</button></li>
<li class="swiper-slide" id="recommend"><button type="button">추천방송</button></li>
</ul>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<!-- 240718 - 버튼 위치 변경 -->
<div class="filter_controller">
<button class="prev" tabindex="0" aria-label="Previous slide" aria-controls="swiper-wrapper-9be7ae10d89f18cf5" aria-disabled="false">이전</button> <!-- 240718- off 클래스로 비활성화 제거 -->
<button class="next" tabindex="0" aria-label="Next slide" aria-controls="swiper-wrapper-9be7ae10d89f18cf5" aria-disabled="false">다음</button> <!-- 240718 - off 클래스로 비활성화 제거 -->
</div>
</div>
<!-- 240719 - 카테고리 swiper slide 변경 -->
<div class="list_contents" id="list-container">
<!-- BJ 다시보기 -->
<div class="cBox-list" id="bj-list">
<ul list-derection="horizontal"></ul>
</div>
<!-- 캐치 -->
<div class="catch_list_wrap2" id="catch-list"></div>
<!-- 추천 방송 -->
<div class="recommend_list" id="recommend-list"></div>
<!-- 큐레이션, 실시간 핫이슈 -->
<div class="recommend_list" id="curation-hotissute-list"> </div>
</div>
</div> </section>
</div>
</div>
<!-- 각종 레이어 위치 -->
<div class="_Modal_UI_Wrap" id="modal">
<div class="modal-container">
<!-- 매니저 채팅 -->
<div id="layer_mchat" class="layer_mchat ui-resizable ui-draggable" style="display: none;">
<div class="title_area ui-draggable-handle">
<h2 class="ui-draggable-handle">매니저 채팅</h2>
<button type="button" class="btn_del" id="btn_mchat_clear" tip="채팅 지우기">채팅 지우기</button>
<button type="button" class="btn_close">닫기</button>
</div>
<div class="mchatlist" id="mchatlist" font-level="2"></div>
<div class="sendbox">
<div class="chat_write">
<div class="input_chat">
<div id="m_write_area" class="write_area" contenteditable="true" ondragenter="return false;" ondrop="return false;" ondragover="return false;"></div>
<span class="empty_chat" id="m_empty_chat">채팅 입력(c)</span>
</div>
<a id="m_btn_send" class="btn_send" href="javascript:;" placeholder="채팅 입력"><span style="display: none;">보내기</span></a>
</div>
</div>
<!-- 241008 - toastbox 추가 -->
<div class="toast-box managerChat" style="display: none;">
<div>
<p></p>
<!-- <button type="button" class="close"><span>닫기</span></button> --> <!-- 닫기 버튼 필요시 아래 사용 -->
</div>
</div>
<!-- // 241008 - toastbox 추가 -->
<div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div></div>
<!--매니저 중계방 관리 목록-->
<div class="modal-layer relay ui-draggable" id="relayBroadManageList" style="display: none;">
<div class="title-area ui-draggable-handle">
<strong>중계방 관리</strong>
</div>
<div class="modal-contents">
<p class="info-message">스트리머와 고정 매니저만 본방, 중계방을 관리할 수 있습니다.<br>(단 본방은 열혈팬이거나 퀵뷰를 보유해야만 입장가능)</p>
<div class="modal-table-wrap"> <!-- table 구조 전체 변경 -->
<button type="button" class="btn-refresh">새로고침</button>
<div class="table-head">
<strong class="category">구분</strong>
<strong>방송번호</strong>
<strong class="people">인원 (pc/mobile)</strong>
<strong>입장</strong>
</div>
<div class="table-body">
<ul></ul>
</div>
</div>
</div>
<button type="button" class="modal-close">닫기</button> <!-- 닫기 버튼 class 수정 -->
</div>
<!-- 방송진단 레이어 -->
<div id="layerCheckPlayerState" class="modal-layer diagnose" style="display:none;">
<!-- ui-pop, improve 제거 .modal-layer 추가 / scroll 클레스 추가시 컨텐츠 스크롤 되며 헤더 스타일 변경 -->
<p class="pop-title">내 상태 진단하기<span>방송 참여에 문제가 있을 때 확인해보세요.</span></p> <!-- text 변경 -->
<div class="pop-body">
<div class="scroll_box">
<dl id="playerStateServer">
<dt><em class="icon connect"></em> 방송접속상태</dt>
<dd>
<div class="state">진단 대기중</div>
<p class="progress_bar"><span style="width:0%;"></span></p>
<ul class="info"></ul>
</dd>
</dl>
<dl id="playerStateAgent" class="align-center">
<dt><em class="icon high-definition"></em>고화질 스트리머</dt>
<dd>
<div class="state">진단중</div>
<p class="progress_bar"><span style="width: 20%;"></span></p>
<ul class="info"></ul>
</dd>
</dl>
<dl id="playerStateChat" class="align-center"> <!-- open 클레스 추가시 하단 정보영역 출력-->
<dt><em class="icon chatting"></em>채팅 접속 상태</dt>
<dd>
</dd><dd>
<div class="state">진단중</div>
<p class="progress_bar"><span style="width: 20%;"></span></p>
<ul class="info"></ul>
</dd>
</dl>
<dl id="playerStateNetwork">
<dt><em class="icon network"></em>네트워크 상태</dt>
<dd>
<div class="state">진단중</div>
<p class="progress_bar"><span style="width: 20%;"></span></p>
<ul class="info"></ul>
</dd>
</dl>
<dl id="playerStateSpeed">
<dt><em class="icon internet"></em>인터넷 속도 측정</dt>
<dd>
<div class="state">진단중</div>
<p class="progress_bar"><span style="width: 20%;"></span></p>
<ul class="info"></ul>
</dd>
</dl>
<div class="pop-btn">
<button type="button" class="_btn_primary">진단 시작하기</button> <!-- 태그 및 class 변경 _btn_primary -->
</div>
</div>
</div>
<a href="javascript:;" class="pop-close"><span>레이어 닫기</span></a>
</div>
<!-- 강제퇴장인원 -->
<div class="modal-layer wrap-out" id="layerKickList" style="display:none;">
<div class="title-area"><strong>강제퇴장 인원</strong></div>
<div class="modal-contents">
<div class="total-area">
<span class="total">
<strong>총 인원</strong> (<span id="kickListCount">0</span>명)
</span>
<button type="button" id="refreshKickList" class="btn-refresh">새로고침</button>
</div>
<div class="modal-table-wrap">
<div class="table-head">
<strong class="nic">닉네임(ID)</strong>
<strong class="time">적용 시간</strong>
<strong class="sysop">적용 운영진</strong>
<strong class="out">강제퇴장</strong>
</div>
<div class="table-body">
<ul id="kickList"></ul>
</div>
</div>
</div>
<button type="button" class="modal-close">닫기</button>
</div>
<!-- 별풍선 선물하기 -->
<div class="modal-layer pop_stargift" id="layerStarGiftNew" style="display: none;">
<div class="layer_in">
<div id="starGiftModalDim" class="modal-dim"></div>
<div class="title-area">
<strong>선물하기</strong>
</div>
<div class="loading"><span></span></div>
<div id="layerStarGiftTapMenu" class="pop-tabMenu">
<a href="javascript:;" class="on">
<span>별풍선</span>
<button data-type="balloon" type="button" class="info-donation">별풍선이란?</button>
</a>
<a href="javascript:;">
<span>도전미션</span>
<button data-type="challenge" type="button" class="info-challenge">도전미션이란?</button>
</a>
<a href="javascript:;">
<span>대결미션</span>
<button data-type="battle" type="button" class="info-battle"> 대결미션이란?</button>
</a>
<a href="javascript:;">
<span>영상풍선</span>
<button data-type="vodBalloon" type="button" class="info-vodDonaion">영상풍선이란?</button>
</a>
</div>
<!-- 별풍선이란? 레이어 -->
<div class="donation-info-layer star_info_layer" style="display: none;">
<div class="inner">
<div class="info_box">
<dl>
<dt>별풍선이란?</dt>
<dd>참여자가 스트리머를 응원하고 후원할 수 있는 유료 선물 시스템입니다.</dd>
<dd>별풍선을 선물하면 자동으로 스트리머 팬클럽에 가입 됩니다.</dd>
<dd>선물받은 스트리머는 별풍선을 환전하여 실제수익으로 돌려 받게 됩니다.</dd>
</dl>
<div class="detail">
<a href="https://item.sooplive.co.kr/starballoon.php" target="_blank" class="btn-arrow">상세보기</a>
</div>
</div>
<div class="info_box">
<dl>
<dt>시그니처 풍선이란?</dt>
<dd>스트리머의 개성이 돋보이도록 직접 만들어 등록하는 맞춤형 별풍선입니다.</dd>
</dl>
<div class="detail">
<a href="https://afevent2.sooplive.co.kr/app/signature_balloon/index.php" target="_blank" class="btn-arrow">상세보기</a>
</div>
</div>
<a href="javascript:;" class="btn_close sub">닫기</a>
</div>
</div>
<!-- 도전미션이란? 레이어 -->
<div class="challenge_info_layer" style="display: none;">
<div class="inner">
<div class="challenge_info">
<dl>
<dt>도전미션이란?</dt>
<dd>스트리머가 미션을 진행, 성공 여부에 따라 유저가 모금한 상금을 획득하는 후원 서비스입니다.</dd>
<dd>도전미션은 유저가 미션 요청하거나 스트리머가 직접 미션을 등록할 수 있습니다.</dd>
<dd>미션 결과는 스트리머가 결정하며 미션 요청한 유저는 스트리머를 대신해 ‘성공’만 결정 가능합니다.</dd>
<dd>도전미션은 스트리머와 유저의 신뢰를 전제하에 진행되기에 어떤 상황에도 미션 결과를 번복할 수 없습니다.</dd>
<dd>미션 제한시간이 경과할 경우 자동으로 미션 실패됩니다.</dd>
<dd>미션 성공 시 스트리머에게 모금된 상금이 전달됩니다.</dd>
<dd>미션 취소, 미션 실패 시 상금은 유저에게 반환됩니다.</dd>
<dd>스트리머는 미션 제한시간을 1회 연장할 수 있습니다. (최대 10일)</dd>
<dd>대기/진행 중인 미션에 상금을 추가 후원할 수 있습니다.</dd>
<dd>팬클럽 가입/열혈팬 집계는 미션 성공 후 상금이 스트리머에게 전달되는 시점에 이루어집니다.</dd>
<dd>유저는 요청한 미션이 최근 24시간 내 누적 5회 취소될 경우 24시간 동안 모든 스트리머에게 미션 요청이 불가합니다. 신중히 미션을 요청해 주세요.</dd>
</dl>
</div>
<a href="#" class="btn_close">닫기</a>
</div>
</div>
<!-- 대결미션이란? 레이어 -->
<div class="mission_info_layer" style="display: none;">
<div class="inner">
<div class="info_b mission_info">
<dl>
<dt>대결미션이란?</dt>
<dd>스트리머가 팀을 이루어 대결 콘텐츠를 진행하고 후원된 별풍선을 대결결과에 따라 나눠가지는 기능입니다.</dd>
<dd>현재 시청중인 스트리머에게 별풍선 후원하는 것이 아닌 대결미션에 별풍선 후원하여 별풍선을 모금하였다가 결과에 따라 모금된 별풍선을 참여 스트리머에게 전달합니다.</dd>
<dd>별풍선 후원 시 해당 방송의 팬클럽 가입과 열혈팬 순위에 집계됩니다.</dd>
</dl>
</div>
<a href="#" class="btn_close">닫기</a>
</div>
</div>
<!-- 영상풍선이란? 레이어 -->
<div class="info_layer" style="display: none;">
<div class="contents">
<dl>
<dt><em class="icon_play"></em>영상풍선이란?</dt>
<dd>
<ul>
<li>별풍선에 좋아하는 영상을 담아서 선물하는 서비스입니다.</li>
<li>원하는 재생구간을 설정하여 선물할 수 있습니다.</li>
<li>SOOP VOD, 유튜브 URL을 입력할 수 있습니다.</li>
</ul>
</dd>
</dl>
<dl>
<dt><em class="icon_play2"></em>움짤 영상이란?</dt>
<dd>
<ul>
<li>SOOP 내에서 자체적으로 제작한 재미있는 짧은 영상입니다. </li>
<li>상단 필터를 선택하여 원하는 콘셉트의 영상만 모아볼 수 있습니다.</li>
</ul>
</dd>
</dl>
<dl>
<dt><em class="icon_heart"></em>인기 영상이란?</dt>
<dd>
<ul>
<li>SOOP 유저가 영상풍선으로 사용한 영상들을 인기순으로 볼 수 있습니다.</li>
<li>일간,주간,월간 필터를 사용할 수 있습니다.</li>
<li>관리자에 의해서 삭제 및 추가될 수 있습니다.</li>
</ul>
</dd>
</dl>
<dl>
<dt><em class="icon_donation"></em>MY 영상이란?</dt>
<dd>
<ul>
<li>내가 영상풍선으로 후원한 영상들을 한눈에 볼 수 있습니다.</li>
<li>편집 기능을 통해 삭제할 수 있습니다.(1개월 후 자동 삭제)</li>
</ul>
</dd>
</dl>
<button class="close">닫기</button>
</div>
</div>
<!-- 도전미션 후원하기 -->
<div class="challenge_gift_layer">
<!-- LiveView에서 돔생성 -->
</div>
<!-- 도전미션 요청하기 -->
<div class="challenge_request_layer">
<div class="inner">
<h4>미션 요청하기</h4>
<div class="mission_input">
<dl>
<dt>미션 내용</dt>
<dd>
<div class="_text_field"><input type="text" id="newRequestTitle" maxlength="30" placeholder="미션 내용을 입력해 주세요. (최대30자)" autocomplete="Off"></div>
</dd>
</dl>
<dl class="time">
<dt>미션 제한 시간<span>(최대 10일 미만)</span></dt>
<dd>
<div class="_text_field"><input id="newRequestDay" type="number" placeholder="00" name="requestInput"></div>
<span>일</span>
<div class="_text_field"><input id="newRequestHour" type="number" placeholder="00" name="requestInput"></div>
<span>시간</span>
<div class="_text_field"><input id="newRequestMin" type="number" placeholder="00" name="requestInput"></div>
<span>분</span>
</dd>
</dl>
<dl class="starballoon">
<dt>미션 상금<span>(최소 1,000개 이상)</span></dt>
<dd>
<div class="_text_field"><input type="number" id="newRequestCnt" placeholder="0" name="requestInput" autocomplete="Off"></div>
<span>개</span>
</dd>
</dl>
<dl class="my_starballoon">
<dt>보유 별풍선</dt>
<dd>
<span><em>10,980</em> 개</span>
<button type="button" class="btn_buy">구매</button>
</dd>
</dl>
</div>
<dl class="notice">
<dt>미션 이용 약관</dt>
<dd>
<ul>
<li>도전미션은 스트리머와 유저의 신뢰를 전제하에 진행되며 어떤 상황에도 미션 결과를 번복할 수 없습니다.</li>
<li>미션 결과는 스트리머가 결정하며 미션 요청한 유저는 스트리머를 대신해 ‘성공’만 결정 가능합니다.</li>
<li>미션 요청 후 1시간 경과 시 자동 취소되며 미션을 유저가 취소할 수 없습니다.</li>
<li>미션 취소, 미션 실패 시 상금은 유저에게 반환됩니다.</li>
<li>스트리머가 미션을 취소할 경우 5분간 해당 스트리머에게 미션 요청이 불가합니다.</li>
<li>최근 24시간 내 누적 5회 취소될 경우 24시간 동안 모든 스트리머에게 미션 요청이 불가합니다. 신중히 미션을 요청해 주세요.</li>
</ul>
<div class="agree">
<!-- 202405 - checkbox 구조 변경 -->
<div class="_check_box">
<input type="checkbox" name="" id="chk3">
<label for="chk3">동의합니다</label>
</div>
</div>
</dd>
</dl>
<div class="btn_area"> <!-- 202405 - button class명 변경 -->
<button type="button" class="_btn_line">취소</button>
<button type="button" class="_btn_primary">도전 미션 요청</button>
</div>
<a href="javascirpt:;" class="btn_close">닫기</a>
</div>
</div>
<!-- 스타즈별풍선 레이어 -->
<div class="stars_layer" style="display: none;">
<div class="inner">
<h2>별풍선</h2>
<div class="tab_area" style="display: none;">
<ul>
</ul>
</div>
<div class="scroll_area">
<ul>
</ul>
</div>
<a href="javascript:;" class="btn_close sub">닫기</a>
</div>
</div>
<!-- 전자비서 목소리 선택 레이어 개편 -->
<div class="voice_selector_layer" style="display: none;">
<div id="voiceSelectorModalDim" class="modal-dim" style="display: none;"></div>
<div class="overflow-flex">
<div class="title_area">
<h4>목소리 선택
<div class="tooltip_box">
<button type="button">상세보기</button>
<div class="tooltip"><p>스트리머의 방송 설정에 따라 알림음이 달리 적용되거나 재생이 안될 수 있습니다.</p></div>
</div>
</h4>
</div>
<div class="category_list">
<ul>
<li class="on" id="all"><button type="button">전체</button></li>
<li id="favorite"><button type="button">즐겨찾기</button></li>
<li id="man"><button type="button">남자</button></li>
<li id="woman"><button type="button">여자</button></li>
<li id="character"><button type="button">캐릭터</button></li>
</ul>
</div>
<div class="voice_conatiner">
<div class="empty_box" style="display: none;"><span>즐겨찾기한 목소리가 없습니다.</span></div>
<ul class="voice_list" id="aqua_voice_select_container"></ul>
</div>
<div class="footer_area">
<div class="btn_box">
<button type="button" id="listen" class="_btn_line">미리듣기</button>
<button type="button" class="_btn_primary">선택</button>
</div>
</div>
<button type="button" class="close">레이어 닫기</button>
</div>
</div>
<!-- 전자비서 목소리 선택 레이어 개편 -->
<!-- 전자비서 목소리 선택 레이어 유료안내 팝업 -->
<div class="reconfirm_layer" style="display: none;">
<div class="contents">
<p>이 목소리는 1개를 추가로 선물해야 합니다.</p>
</div>
<div class="btn_box">
<button type="button" id="cancel" class="_btn_line ">취소</button>
<button type="button" class="_btn_tertiary">확인</button>
</div>
<div class="todays">
<div class="chkBox">
<input type="checkbox" id="noshow">
<label for="noshow">다시 보지 않기</label>
</div>
</div>
</div>
<!-- 전자비서 목소리 선택 레이어 유료안내 팝업 -->
<!-- 별풍선 -->
<div class="tab1">
<div class="star_list">
<p>시그니처 풍선은 스트리머만의 특별한 풍선입니다.</p>
<div class="input_signature">
<input type="checkbox" id="signature_check">
<label for="signature_check">100개 이상의 시그니처 풍선 선물시 클립 남기기</label>
</div>
<ul>
<li><span class="donation_thumb active"><em></em><a href="#"><img alt=""></a></span></li>
<li><span class="donation_thumb"><em></em><a href="#"><img alt=""></a></span></li>
<li><span class="donation_thumb"><em></em><a href="#"><img alt=""></a></span></li>
</ul>
<!-- off 클래스로 활성 비활성화 -->
<div id="signatureArrowBtn" class="pagination">
<button type="button" class="prev off">prev</button>
<button type="button" class="next off">next</button>
</div>
<a href="javascript:;" id="btnMore" class="btn-more" onclick="document.querySelector('.stars_layer').style.display='block'">별풍선 더 보기</a>
</div>
<div class="send_area">
<dl class="gift_at">
<dt>
<span class="dear"> <strong>nickname(id)</strong>님께 선물 </span>
<div class="checkbox" id="divSequence">
<input type="checkbox" id="sequence_check">
<label for="sequence_check">연속선물</label>
<div class="question">?</div>
<div class="tooltip">선물 완료 후 선물할 개수가 +1개로 자동 입력됩니다.</div>
</div>
</dt>
<dd class="donation_num">
<span class="txt_default">선물할 별풍선</span>
<div class="input-num">
<input type="text" id="starballoon-input" value="10" class="starCount" placeholder="0" autocomplete="Off">
<span class="txt_count">개</span>
<button class="plus" type="button" enable="on">plus</button>
<button class="countReset">삭제</button>
</div>
</dd>
<dd class="gift_message" id="aqua_voice_input_container">
<a href="javascript:;" class="set_tts">
<span class="img_box"><img src="" alt=""></span>
<strong class="name"></strong>
<span class="commission" style="display: none;">+1</span>
</a>
<div class="tooltip_box" id="bj-tooltip">
<div class="message"></div>
</div>
<div class="voice_message">
<div id="auqa_voice_textarea" contenteditable="true" ondragenter="return false;" ondrop="return false;" ondragover="return false;" placeholder="전자여성 알림음으로 재생될 메시지를 입력해주세요."></div>
<span class="text_num"><em>0</em>/128</span>
</div>
</dd>
</dl>
<dl class="gift_st">
<dt>보유 별풍선</dt>
<dd><span id="starballoon-input-user" class="userBalloonCount">2,000</span>개</dd>
<dd class="txt_error" style="display:none;"><em></em><span>보유 별풍선 부족</span></dd>
<dd class="buy"><a href="#" class="btn_buy">구매</a></dd>
</dl>
<div class="btn_area">
<button class="btn_cancel">취소</button>
<button class="btn_gift">선물하기</button>
</div>
<p class="txt_info">별풍선을 선물하면 스트리머를 후원하고 팬클럽에도 가입됩니다.</p>
</div>
</div>
<!-- 230213 - 도전미션 추가 -->
<div class="tab2 challenge_mission" style="display:block;">
<div class="control">
<!-- LiveView에서 돔생성 -->
</div>
<div class="mission_list">
<div class="empty_box" style="display:none;"><p>진행 중인 미션이 없습니다.</p></div>
<ul style="display:none;"><!-- LiveView에서 돔생성 --></ul>
</div>
</div>
<!-- 대결미션 -->
<div class="tab3 mission" style="display:block;">
<div class="section" style="display: none;">
<h3>MCK 풀래티넘 대전</h3>
<div class="section_contents">
<!-- LiveView에서 돔생성 -->
</div>
</div>
<div class="send_area" style="display: none;">
<dl class="gift_at">
<dt></dt>
<dd class="donation_num">
<span class="txt_default">선물할 별풍선</span>
<div class="input-num">
<input type="text" value="10" placeholder="0" class="starCount">
<span class="txt_count">개</span>
<button class="countReset">삭제</button>
</div>
</dd>
</dl>
<dl class="gift_st">
<dt>보유 별풍선</dt>
<dd><span class="userBalloonCount">2,000</span>개</dd>
<dd class="txt_error" style="display:none;"><em></em><span>보유 별풍선 부족</span></dd>
<dd class="buy"><a class="btn_buy">구매</a></dd>
</dl>
<div class="btn_area">
<div class="btn_layer" style="display:none;">
보유 별풍선이 즉시 차감됩니다.
<a href="#n" id="tooltipCloseBtn" class="close"></a>
</div>
<button class="btn_cancel">취소</button>
<button class="btn_gift">선물하기</button>
</div>
<p class="txt_info">후원된 별풍선은 대결미션 참가 스트리머가 결과에 따라 나누어 가집니다. <br>
별풍선 후원 시 해당 방송의 팬클럽 가입과 열혈팬 순위에 집계됩니다.</p>
</div>
<div class="mission_dim" style="display: none;">
<div class="contents"><p>대결단계에서만 후원 가능합니다.</p></div>
</div>
</div>
<!-- //대결미션 -->
<!-- 영상풍선 -->
<div class="tab4 vodDonation" style="display:none">
<div class="vodDonation_contents">
<div class="info_input_wrap">
<div class="info_input">
<a href="javascript:;" class="thumb">
<span class="thumb-default"></span>
</a>
<div class="input_wrap">
<div class="line">
<div class="input url">
<span><em>URL</em></span>
<input type="text" class="inputVodURL" placeholder="SOOP VOD, 유튜브 URL">
</div>
</div>
<div class="line">
<div class="input start">
<span><em>시작</em></span>
<input type="text" class="vodStart" placeholder="00:00:00" value="00:00:00">
</div>
<div class="input time">
<span>재생 <em id="vodBalloonMaxTime">(최대 180초)</em></span>
<input type="text" class="vodDuration" placeholder="00:00">
</div>
</div>
</div>
</div>
<!-- txt_error -->
<p class="error alert" style="display:none">영상 종료시간으로부터 5초 이상의 재생 여유시간이 필요합니다.</p>
<ul class="text">
<li style="display:none">SOOP VOD 영상 (vod.sooplive.co.kr/~), 유튜브 영상 (youutbe.com/~)만 업로드
가능하며, 재생시간은 최소 5초~(스트리머가 설정한 최대 재생시간)까지 수정 가능합니다.</li>
</ul>
</div>
<div class="select_video">
<h3>어떤 영상을 선물할지 모르겠을 땐?</h3>
<div class="vodDonation_wrap">
<ul class="tap" id="donation_tab">
<li class="on" id="recommend" button-type="gif"><button type="bottun">움짤</button></li>
<li id="popular" button-type="pop"><button type="bottun">인기</button></li>
<li id="gift" button-type="my"><button type="bottun">MY</button></li>
</ul>
<div class="vodDonation_list">
<ul id="donation_lit">
</ul>
</div>
<button class="more">영상 더 보기</button>
</div>
</div>
</div>
<div class="send_area">
<dl class="gift_at">
<dt>
</dt><dt><strong class="dear">nickname(id)</strong>님께 선물</dt>
<dd class="donation_num">
<span class="txt_default">선물할 별풍선</span>
<div class="input-num">
<input type="text" id="starballoon-input" value="10" class="starCount" placeholder="0" autocomplete="Off">
<span class="txt_count">개</span>
<button class="plus" type="button" enable="on">plus</button>
<button class="countReset">삭제</button>
</div>
</dd>
</dl>
<dl class="gift_st">
<dt>보유 별풍선</dt>
<dd><span id="starballoon-input-user" class="userBalloonCount">2,000</span>개</dd>
<dd class="txt_error" style="display:none;"><em></em><span>보유 별풍선 부족</span></dd>
<dd class="buy"><a href="#" class="btn_buy">구매</a></dd>
</dl>
<div class="input_wrap"><input type="checkbox" id="vodDonation_check"><label for="vodDonation_check">영상풍선 이용동의</label><a href="javascript:;" id="videoballoon_agree">보기</a></div>
<div class="btn_area">
<button class="btn_cancel">취소</button>
<button class="btn_gift">선물하기</button>
</div>
</div>
<div class="vodDonation_wrap layer" id="pop_donation_library" style="display:none;"></div>
<div class="vodDonation_terms" style="display:none">
<div class="title">영상풍선 이용약관</div>
<ul>
<li>스트리머의 방송 설정이나 환경에 따라 후원을 하여도 알림이 노출되지 않을 수 있습니다.</li>
<li>주식회사 숲 및 유튜브 이용약관, 저작권 위반 또는 선정적, 폭력적인 영상을
공유하면 그에 따른 불이익 또는 법적 책임이 발생할 수 있으며, 주식회사 숲은 이로 인해 후원자에게 발생한 손해에 대하여 주식회사 숲의 고의·과실 없는 한 책임을 지지 않습니다.</li>
<li>유튜브 API 할당량 제한 등 유튜브의 정책 또는 기술상의 문제로 인하여 영상풍선이 일시적으로 중단될 수 있습니다.</li>
<li>본 이용약관 동의 시 <a href="https://www.youtube.com/t/terms" target="_blank">유튜브 서비스 약관</a>에 동의 한 것으로
간주되며, 후원자는 <a href="https://www.youtube.com/t/terms" target="_blank">유튜브 서비스 약관</a>,<a href="https://developers.google.com/youtube/terms/api-services-terms-of-service-apac?hl=ko" target="_blank">유튜브 API 서비스 약관 </a> 등 관련 정책을 준수하여 본 영상 후원 기능을 사용하여야 합니다.</li>
</ul>
<div class="send_area">
<div class="btn_area">
<button class="btn_white">취소</button>
<button class="btn_blue">동의하기</button>
</div>
</div>
</div>
<div class="dim" style="display:none;"></div>
</div>
<div class="challenge_layer" style="display: none;">
<div class="inner">
<strong>스트리머가 미션을 성공 하였습니까?</strong>
<p></p>
<div class="btn_area">
<button type="button" class="_btn_line">취소</button>
<button type="button" class="_btn_primary">미션 성공!</button>
</div>
</div>
</div>
<div id="common_container_chat_rules" class="chat_rule"> <!-- on 클레스 추가로 출력 -->
<div class="chat_rule_title">
</div>
<div class="chat_rule_contents">
<div class="box">
</div>
</div>
<div class="footer">
<button id="agree_button" type="button">규칙에 동의합니다!</button>
<button id="close_button" type="button">닫기</button>
</div>
</div>
<a href="javascript:;" class="btn_close">닫기</a>
</div>
</div>
<!-- 애드벌룬 레이어 -->
<div id="pop_adballoon" data-height="800" style="display: none;"></div>
<!-- 이모티콘 선물하기 레이어 -->
<div id="pop_gift_emoticon" class="ui-pop gift-emoticon" style="display:none;"></div>
<!-- 구독권 선물하기(국내만) -->
<div class="layer_l gd_gift" id="" style="display: none;">
<div class="layer_in"> <!-- 팝업버젼 win_pop 클래스 추가 504*408-->
<strong class="title">구독 선물하기</strong>
<div class="layer_al">
<strong class="color_blk">구독이란</strong> <a href="https://item.sooplive.co.kr/subscription.php#benefit" target="_blank" class="color_bl fts11">구독 혜택이 궁금하다면 클릭!</a><br>
<ul class="sub_list2">
<li>구독은 좋아하는 스트리머를 후원하고<br>본방 입장, 구독 전용 닉네임 등 다양한 혜택을 받을 수있는 정기 후원입니다.</li>
</ul>
<ul class="table_list">
<li><span>구독 대상 스트리머 : </span><strong class="color_bl"></strong></li>
<li><span>선물받을 유저 : </span><strong class="color_bl"></strong></li>
<li>
<span>보유중인 구독권 : </span>
<div class="quick_box">
<ul>
<li>
1개월 구독 선물권(30일) <em>보유 : <strong></strong></em>
<div class="btn_wrap"><a href="#" data="712001" class="btn_st4">구매</a> <a href="#" data="1" class="btn_st5">선물</a></div>
</li>
<li>
3개월 구독 선물권(90일) <em>보유 : <strong></strong></em>
<div class="btn_wrap"><a href="#" data="712002" class="btn_st4">구매</a> <a href="#" data="2" class="btn_st5">선물</a></div>
</li>
<li class="last">
6개월 구독 선물권(180일) <em>보유 : <strong></strong></em>
<div class="btn_wrap"><a href="#" data="712003" class="btn_st4">구매</a> <a href="#" data="3" class="btn_st5">선물</a></div>
</li>
</ul>
</div>
</li>
</ul>
<div class="fts11 pdt10 color_blk">※ 선물시 구독 대상 스트리머를 구독할 수 있는 구독 선물권이 1개 선물됩니다.</div>
</div>
<div class="btn_wrap"><a href="javascript:;" class="btn_st2">닫기</a></div>
<a href="javascript:;" class="btn_close2">닫기</a>
</div>
</div>
<!-- 스티커 선물하기 -->
<div class="modal-layer pop_stk" id="layerStickerGift" style="display: none;">
<div class="modal-dim"></div>
<div class="title-area">
<strong>스티커 선물하기</strong>
<button class="btn-info" type="button">스티커란?</button>
</div>
<div class="donation-info-layer" style="display:none;">
<div class="inner">
<div class="info_box">
<dl>
<dt>스티커란</dt>
<dd>유저가 스트리머에게 선물하는 유료 아이템입니다.</dd>
<dd>선물 받은 스티커는 스트리머가 방송 아이템으로 교환 가능합니다.</dd>
<dd>스트리머에게 스티커 선물 시 해당 스트리머의 서포터 등급으로 전환됩니다.</dd>
</dl>
<div class="detail">
<a href="https://item.sooplive.co.kr/sticker.php" target="_blank" class="btn-arrow">상세보기</a>
</div>
</div>
<a href="javascript:;" class="btn_close">닫기</a>
</div>
</div>
<div class="sticker_wrap">
<div class="stkview_wrap">
<p class="sticker_view" id="stickerView">
<img src="" alt="">
</p>
<div class="sticker_list">
<div class="list_tit">
<h2 class="blind">스티커 분류</h2>
<ul class="swiper-wrapper" id="stickerTabList"></ul>
<!-- 슬라이드 이전/다음 버튼 디자인 작업 후 추가 예정 -->
</div>
<div class="sticker_box" id="stickerImgList"></div>
</div>
</div>
<div class="choice_stk">
<h3 class="st_choice">선물할 스티커 개수</h3>
<ul>
<li>
<div class="_radio_box">
<input type="radio" class="radio" id="choiceStk1" name="choiceStk" checked="">
<label for="choiceStk1" data-value="5"><span>5개</span></label>
</div>
</li>
<li>
<div class="_radio_box">
<input type="radio" class="radio" id="choiceStk2" name="choiceStk">
<label for="choiceStk2" data-value="10"><span>10개</span></label>
</div>
</li>
<li>
<div class="_radio_box">
<input type="radio" class="radio" id="choiceStk3" name="choiceStk">
<label for="choiceStk3" data-value="50"><span>50개</span></label>
</div>
</li>
<li>
<div class="_radio_box">
<input type="radio" class="radio" id="choiceStk4" name="choiceStk">
<label for="choiceStk4" data-value="100"><span>100개</span></label>
</div>
</li>
<li>
<div class="_radio_box">
<input type="radio" class="radio" id="choiceStk5" name="choiceStk">
<label for="choiceStk5">
<div class="_text_field_stroke">
<input type="number" placeholder="직접입력" disabled="">
</div>
<span>개</span>
</label>
</div>
</li>
</ul>
</div>
<div class="result">
<ul>
<li>
<em class="ugold">선물할 스티커</em>
<div class="description">
<span class="use_gold">5</span>개
</div>
</li>
<li>
<em class="cggold">보유중인 스티커</em>
<div class="description">
<span class="gold"></span>개
<a href="javascript:;" class="_btn_line">구매</a>
</div>
</li>
<li>
<em class="givebj">선물할 스트리머</em>
<div id="streamer-info" class="description"></div>
</li>
</ul>
<button type="button" class="_btn_primary">선물하기</button>
</div>
</div>
<a href="#" id="sticker-close" class="btn_close">닫기</a>
</div>
<!-- 구독 하기 레이어 -->
<div id="layerBuyNoneSubscription" class="modal-layer subscribe subscribe_send" style="display:none">
<div class="title-area">
<h2 id="titleName">구독하기</h2>
</div>
<div class="content-area">
<div class="scroll_box">
<div class="gd_bj">
<div class="info_wrap">
<div class="thumb">
<!-- 스트리머 로고 이거로 달아야 함 -->
<img src="https://stimg.sooplive.co.kr/LOGO/zp/zpdl1313/zpdl1313.jpg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt="스트리머 로고" class="thum">
</div>
<div class="info">
<strong>스트리머</strong>
</div>
</div>
</div>
<div class="tier_select_area">
<h3>후원 티어</h3>
<div class="tier_btn_list" id="tier_btn_list">
<button type="button" class="tier1 active" data-tier="1">티어 1</button>
<button type="button" class="tier2" data-tier="2">티어 2</button>
</div>
</div>
<div class="period_select_area">
<h3>기간</h3>
<div class="period_btn_list">
<button type="button" class="active" data-period="autoPay">월 자동결제</button>
<button type="button" data-period="oneMonth">1개월</button>
<button type="button" data-period="threeMonths">3개월</button>
<button type="button" data-period="sixMonths">6개월</button>
</div>
</div>
<div class="benefits">
<h3>구독 혜택</h3>
<div class="benefits_info">
<ul>
<li class="ad_skip"><h4>LIVE/VOD 광고 스킵</h4></li>
<li class="emoticon"><h4>구독자는 이모티콘 10개 사용</h4></li>
<li class="my_personacon">
<h4><em class="tier-text">티어1</em> 구독 퍼스나콘</h4>
<ul id="personalcon_list"></ul>
<button type="button" id="personalcon_toggle_button" class="btn_all">퍼스나콘 전체보기/접기</button>
</li>
<!-- //구독 퍼스나콘 신규 -->
<li class="signature">
<h4><em class="tier-text">티어1</em>시그니처 이모티콘</h4>
<ul id="signature_list">
<li class="noList">등록된 시그니처 이모티콘이 없습니다.</li>
</ul>
<button type="button" id="signature_toggle_button" class="btn_all">시그니처 이모티콘 전체보기/접기</button>
</li>
<!-- 구독 퍼스나콘 -->
</ul>
</div>
<a href="https://item.sooplive.co.kr/subscription.php#benefit" target="_blank" class="more">더보기</a>
</div>
<div class="gd_notice">
<dl>
<dt>유의사항</dt>
<dd>실제 결제 금액은 환전 수수료 환율에 따라 상이할 수 있습니다.</dd>
<dd>정기구독권은 첫 사용일 경우 구매 즉시 이용됩니다.</dd>
<dd>결제 수단과 관계없이 14일 내 동일한 스트리머를 구독한 정보가 있는 경우 이전 구독과 연결됩니다. 단, 결제취소 또는 환불한 경우 이후 재구독하여도 연결되지 않음</dd>
<dd>같은 스트리머를 중복 구독할 경우 구독 기간이 연장됩니다.</dd>
<dd>미성년자가 결제할 경우 법정대리인이 동의하지 아니하면 본인 또는 법정대리인은 결제를 취소할 수 있습니다.</dd>
<dd>청약 철회는 앱스토어 환불 운영정책에 따라 진행됩니다. 본 소모성 아이템의 경우, 청약 철회가 제한됩니다.</dd>
<dd>앱 내 MY > 구독에서 구독 내용을 확인할 수 있습니다.</dd>
<dd>장기구독팬 크레딧 적립은 연속6,12,24개월 마다 2,000 ~ 6,000크레딧이 지급 되며 이후 12개월 마다 6,000크레딧이 자동 지급됩니다.</dd>
<dd>자세한 안내는 유료서비스 이용약관 및 고객센터를 통하여 확인하세요.</dd>
<dd>환불 발생 시 결제 수수료를 제한 금액에서 사용하지 않은 구독 개월수를 월할 계산하여 반환됩니다.</dd>
<dd>구글 인앱결제 서비스 정책에 따라 부분 환불 발생 시 환불 수수료가 최대 30% 발생할 수 있습니다.</dd>
</dl>
</div>
</div>
</div>
<div class="send-area">
<dl class="gd_total">
<dt>결제 금액</dt>
<dd id="pay_amount">매월 <strong> 4,500</strong>원</dd>
</dl>
<div class="btn-area full">
<button id="sub-btn" type="button" class="_btn_primary">티어1 월 자동결제로 구독하기</button>
<button id="button_payment" style="display:none;">히든버튼</button><!-- benefit-layer.js에서 사용하는 버튼 -->
</div>
</div>
<button id="close" type="button" class="btn_close"><span>레이어 닫기</span></button>
<input type="hidden" name="itemid" value="742560">
<input type="hidden" name="tier" value="1" data-tier="1">
</div>
<!-- 구독개편 이벤트 구독 하기 레이어 -->
<div id="layerEventBuyNoneSubscription" class="modal-layer subscribe subscribe_send" style="display:none">
<div class="title-area">
<h2 id="titleName">구독하기</h2>
</div>
<div class="modal-dim" style="display:none;"></div>
<!-- 생애 최초 구독 자동결제 레이어 -->
<div id="firstSubAutoPayEventInfoLayer" class="donation-info-layer subscribe-price" style="display: none;">
<div class="title-area">
<h2>생애 최초 구독 자동결제 이벤트 안내</h2>
</div>
<div class="price_noti">
<p>구독 자동결제 첫 이용 시 첫 달은 할인가로 적용되며 이후부터는 매월 정상가로 청구됩니다.</p>
<div class="price_list_wrap">
<div class="price_list_head">
<div class="grade"></div>
<div class="tier">할인가</div>
<div class="tier">정상가</div>
</div>
<div class="price_list_cont">
<div>
<div class="grade">구독 자동결제<br>티어 1</div>
<div class="tier">3,300</div>
<div class="tier">4,500</div>
</div>
<div>
<div class="grade">구독 자동결제<br>티어 2</div>
<div class="tier">10,500</div>
<div class="tier">14,500</div>
</div>
</div>
</div>
</div>
<div class="btn-area full">
<button id="confirm-btn" type="button" class="_btn_primary"><span>확인</span></button>
</div>
<button id="cancel-btn" type="button" class="btn_close" onclick="this.parentElement.style.display='none'; document.querySelector('.modal-dim').style.display='none'"><span>레이어 닫기</span></button>
</div>
<!-- // 생애 최초 구독 자동결제 레이어 -->
<!-- 자동결제 재구독 레이어 -->
<div id="resubAutoPayEventInfoLayer" class="donation-info-layer subscribe-price" style="display: none;">
<div class="title-area">
<h2>자동결제 재구독 시 혜택 안내</h2>
</div>
<div class="price_noti">
<p>구독 개편 이벤트 혜택으로 자동결제로 구독하던 스트리머 재구독 시 첫 달은 할인가로 적용되며, 이후부터는 매월 정상가로 청구됩니다.</p>
<div class="price_list_wrap">
<div class="price_list_head">
<div class="grade"></div>
<div class="tier">할인가</div>
<div class="tier">정상가</div>
</div>
<div class="price_list_cont">
<div>
<div class="grade">구독 자동결제<br>티어 1</div>
<div class="tier">3,300</div>
<div class="tier">4,500</div>
</div>
<div>
<div class="grade">구독 자동결제<br>티어 2</div>
<div class="tier">10,500</div>
<div class="tier">14,500</div>
</div>
</div>
</div>
</div>
<div class="btn-area full">
<button id="confirm-btn" type="button" class="_btn_primary"><span>확인</span></button>
</div>
<button id="cancel-btn" type="button" class="btn_close"><span>레이어 닫기</span></button>
</div>
<!-- // 자동결제 재구독 레이어 -->
<div class="content-area">
<div class="scroll_box">
<div class="gd_bj">
<div class="info_wrap">
<div class="thumb">
<!-- 스트리머 로고 이거로 달아야 함 -->
<img src="https://stimg.sooplive.co.kr/LOGO/zp/zpdl1313/zpdl1313.jpg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt="스트리머 로고" class="thum">
</div>
<div class="info">
<strong>스트리머</strong>
</div>
</div>
</div>
<div class="tier_select_area">
<h3>후원 티어</h3>
<div class="tier_btn_list" id="tier_btn_list">
<button type="button" class="tier1 active" data-tier="1">티어 1</button>
<button type="button" class="tier2" data-tier="2">티어 2</button>
</div>
</div>
<div class="period_select_area">
<h3>기간</h3>
<div class="period_btn_list">
<button type="button" class="active" data-period="autoPayEvent">월 자동결제</button>
<button type="button" data-period="oneMonth">1개월</button>
<button type="button" data-period="threeMonths">3개월</button>
<button type="button" data-period="sixMonths">6개월</button>
</div>
</div>
<div class="benefits">
<h3>구독 혜택</h3>
<div class="benefits_info">
<ul>
<li class="ad_skip"><h4>LIVE/VOD 광고 스킵</h4></li>
<li class="emoticon"><h4>구독자는 이모티콘 10개 사용</h4></li>
<li class="my_personacon">
<h4><em class="tier-text">티어1</em> 구독 퍼스나콘</h4>
<ul id="personalcon_list"></ul>
<button type="button" id="personalcon_toggle_button" class="btn_all">퍼스나콘 전체보기/접기</button>
</li>
<!-- //구독 퍼스나콘 신규 -->
<li class="signature">
<h4><em class="tier-text">티어1</em>시그니처 이모티콘</h4>
<ul id="signature_list">
<li class="noList">등록된 시그니처 이모티콘이 없습니다.</li>
</ul>
<button type="button" id="signature_toggle_button" class="btn_all">시그니처 이모티콘 전체보기/접기</button>
</li>
<!-- 구독 퍼스나콘 -->
</ul>
</div>
<a href="https://item.sooplive.co.kr/subscription.php#benefit" target="_blank" class="more">더보기</a>
</div>
<div class="gd_notice">
<dl>
<dt>유의사항</dt>
<dd>실제 결제 금액은 환전 수수료 환율에 따라 상이할 수 있습니다.</dd>
<dd>정기구독권은 첫 사용일 경우 구매 즉시 이용됩니다.</dd>
<dd>결제 수단과 관계없이 14일 내 동일한 스트리머를 구독한 정보가 있는 경우 이전 구독과 연결됩니다. 단, 결제취소 또는 환불한 경우 이후 재구독하여도 연결되지 않음</dd>
<dd>같은 스트리머를 중복 구독할 경우 구독 기간이 연장됩니다.</dd>
<dd>미성년자가 결제할 경우 법정대리인이 동의하지 아니하면 본인 또는 법정대리인은 결제를 취소할 수 있습니다.</dd>
<dd>청약 철회는 앱스토어 환불 운영정책에 따라 진행됩니다. 본 소모성 아이템의 경우, 청약 철회가 제한됩니다.</dd>
<dd>앱 내 MY > 구독에서 구독 내용을 확인할 수 있습니다.</dd>
<dd>장기구독팬 크레딧 적립은 연속6,12,24개월 마다 2,000 ~ 6,000크레딧이 지급 되며 이후 12개월 마다 6,000크레딧이 자동 지급됩니다.</dd>
<dd>자세한 안내는 유료서비스 이용약관 및 고객센터를 통하여 확인하세요.</dd>
<dd>환불 발생 시 결제 수수료를 제한 금액에서 사용하지 않은 구독 개월수를 월할 계산하여 반환됩니다.</dd>
<dd>구글 인앱결제 서비스 정책에 따라 부분 환불 발생 시 환불 수수료가 최대 30% 발생할 수 있습니다.</dd>
</dl>
</div>
</div>
</div>
<div class="send-area">
<dl class="gd_total">
<dt>결제 금액</dt>
<dd id="pay_amount">매월 <strong> 4,500</strong>원</dd>
</dl>
<div class="btn-area full">
<button id="sub-btn" type="button" class="_btn_primary">티어1 월 자동결제로 구독하기</button>
<button id="button_payment" style="display:none;">히든버튼</button><!-- benefit-layer.js에서 사용하는 버튼 -->
</div>
</div>
<button id="close" type="button" class="btn_close"><span>레이어 닫기</span></button>
<input type="hidden" name="itemid" value="742560">
<input type="hidden" name="tier" value="1" data-tier="1">
</div>
<!-- 정기 구독 연장 레이어 -->
<div id="layerSubscriptionTicket" class="modal-layer subscribe subscribe_send" style="display:none">
<div class="title-area">
<h2 id="titleName">구독 연장하기</h2>
</div>
<div class="modal-dim" style="display:none;"></div>
<!-- 구독 가격 변경 안내 레이어 -->
<div id="sub-price-info-layer" class="donation-info-layer subscribe-price" style="display: none;">
<div class="title-area">
<h2>구독 가격 변경 안내</h2>
</div>
<div class="price_noti">
<p>구독 개편으로 인해 결제 금액과 상품이 변경되었습니다.</p>
<div class="price_list_wrap">
<div class="price_list_head">
<div class="months"></div>
<div class="tier">티어1</div>
<div class="tier"><em class="new">New</em>티어2</div>
</div>
<div class="price_list_cont">
<div>
<div class="months">자동결제</div>
<div class="tier">4,500</div>
<div class="tier">14,500</div>
</div>
<div>
<div class="months">1개월<em>(30일)</em></div>
<div class="tier">4,500</div>
<div class="tier">14,500</div>
</div>
<div>
<div class="months">3개월<em>(90일)</em></div>
<div class="tier">13,500</div>
<div class="tier">43,500</div>
</div>
<div>
<div class="months">6개월<em>(180일)</em></div>
<div class="tier">27,000</div>
<div class="tier">87,000</div>
</div>
</div>
</div>
<ul>
<li>티어1은 기존 구독권으로 금액이 상승되었습니다.</li>
<li>티어2는 신규 구독권으로 생성됩니다.</li>
</ul>
</div>
<div class="btn-area full">
<button id="confirm-btn" type="button" class="_btn_primary"><span>확인 후 결제</span></button>
</div>
<button id="cancel-btn" type="button" class="btn_close"><span>레이어 닫기</span></button>
</div>
<!-- //구독 가격 변경 안내 레이어 -->
<div class="content-area"><div class="scroll_box">
<div class="gd_bj">
<div class="info_wrap">
<div class="thumb">
<img src="https://stimg.sooplive.co.kr/LOGO/zp/zpdl1313/zpdl1313.jpg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt="스트리머 로고" class="thum">
</div>
<div class="info">
<strong>스트리머</strong>
<p>N개월 구독 중</p>
</div>
</div>
</div>
<div id="subscriptionInfo" class="gd_infos">
<dl>
<dt>현재 구독권</dt>
<dd>월 자동결제</dd>
</dl>
<dl>
<dt>현재 구독권</dt>
<dd>2024년 4월 25일 ~ 현재</dd>
</dl>
<dl>
<dt>다음 결제일</dt>
<dd>2024년 4월 25일</dd>
</dl>
</div>
<div class="tier_select_area">
<h3>후원 티어</h3>
<div class="tier_btn_list" id="tier_btn_list">
<button type="button" class="tier1 active" data-tier="1">티어 1</button>
<button type="button" class="tier2" data-tier="2">티어 2</button>
</div>
</div>
<div class="period_select_area">
<h3>기간</h3>
<div class="gd_btn_list">
<button type="button" class="active" data-period="autoPay">월 자동결제</button>
<button type="button" data-period="oneMonth">1개월</button>
<button type="button" data-period="threeMonths">3개월</button>
<button type="button" data-period="sixMonths">6개월</button>
</div>
</div>
<div class="benefits">
<h3>구독 혜택</h3>
<div class="benefits_info">
<ul>
<li class="my_personacon">
<h4><em class="tier-text">티어1</em> 구독 퍼스나콘</h4>
<ul id="personalcon_list"></ul>
<button type="button" id="personalcon_toggle_button" class="btn_all">퍼스나콘 전체보기/접기</button>
</li>
<!-- //구독 퍼스나콘 신규 -->
<li class="signature">
<h4><em class="tier-text">티어1</em>시그니처 이모티콘</h4>
<ul id="signature_list">
<li class="noList">등록된 시그니처 이모티콘이 없습니다.</li>
</ul>
<button type="button" id="signature_toggle_button" class="btn_all">시그니처 이모티콘 전체보기/접기</button>
</li>
<!-- 구독 퍼스나콘 -->
</ul>
</div>
<a href="https://item.afreecatv.com/subscription.php#benefit" target="_blank" class="more">더보기</a>
</div>
<div class="gd_notice">
<dl>
<dt>유의사항</dt>
<dd>실제 결제 금액은 환전 수수료 환율에 따라 상이할 수 있습니다.</dd>
<dd>정기구독권은 첫 사용일 경우 구매 즉시 이용됩니다.</dd>
<dd>결제 수단과 관계없이 15일 내 동일한 스트리머를 구독한 정보가 있는 경우 이전 구독과 연결됩니다. 단, 결제취소 또는 환불한 경우 이후 재구독하여도 연결되지 않음</dd>
<dd>같은 스트리머를 중복 구독할 경우 구독 기간이 연장됩니다.</dd>
<dd>미성년자가 결제할 경우 법정대리인이 동의하지 아니하면 본인 또는 법정대리인은 결제를 취소할 수 있습니다.</dd>
<dd>청약 철회는 앱스토어 환불 운영정책에 따라 진행됩니다. 본 소모성 아이템의 경우, 청약 철회가 제한됩니다.</dd>
<dd>앱 내 MY > 구독에서 구독 내용을 확인할 수 있습니다.</dd>
<dd>장기구독팬 크레딧 적립은 6,12,24개월 마다 2,000 ~ 6,000크레딧이 지급 되며 이후 12개월 마다 6,000크레딧이 자동 지급됩니다.</dd>
<dd>자세한 안내는 유료서비스 이용약관 및 고객센터를 통하여 확인하세요.</dd>
<dd>환불 발생 시 결제 수수료를 제한 금액에서 사용하지 않은 구독 개월수를 월할 계산하여 반환됩니다.</dd>
<dd>구글 인앱결제 서비스 정책에 따라 부분 환불 발생 시 환불 수수료가 최대 30% 발생할 수 있습니다.</dd>
</dl>
</div>
</div></div>
<div class="send-area">
<dl class="gd_total">
<dt>결제 금액</dt>
<dd id="pay_amount">매월 <strong> 4,500</strong>원</dd>
</dl>
<div class="btn-area full">
<button id="renew-sub-btn" type="button" class="_btn_primary">티어1 월 자동결제로 구독하기</button>
<button id="button_payment" type="button" class="_btn_primary" style="display:none;">히든버튼</button> <!-- benefit-layer.js에서 사용하는 버튼 -->
</div>
</div>
<button id="close" type="button" class="btn_close"><span>레이어 닫기</span></button>
<input type="hidden" name="itemid" value="742560">
<input type="hidden" name="tier" value="1" data-tier="1">
</div>
<!-- 자동 결제 구독 정보 레이어 conversion 클래스 유지(웹인터렉션팀) -->
<div id="layerSubscriptionAutoPay" class="modal-layer subscribe subscribe_send conversion" style="display:none">
<div class="title-area">
<h2 id="titleName">구독 정보</h2>
</div>
<div class="content-area"><div class="scroll_box">
<div class="gd_bj">
<div class="info_wrap">
<div class="thumb">
<img src="https://stimg.sooplive.co.kr/LOGO/zp/zpdl1313/zpdl1313.jpg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt="스트리머 로고" class="thum">
</div>
<div class="info">
<strong>스트리머</strong>
<p>N개월 구독 중</p>
</div>
</div>
</div>
<div id="subscriptionInfo" class="gd_infos">
<dl>
<dt>현재 구독권</dt>
<dd>월 자동결제</dd>
</dl>
<dl>
<dt>현재 구독권</dt>
<dd>2024년 4월 25일 ~ 현재</dd>
</dl>
<dl>
<dt>다음 결제일</dt>
<dd>2024년 4월 25일 <button type="button">해지신청</button></dd>
</dl>
</div>
<div class="benefits">
<h3>구독 혜택</h3>
<div class="benefits_info">
<ul>
<li class="my_personacon">
<h4><em class="tier-text">티어1</em> 구독 퍼스나콘</h4>
<ul id="personalcon_list"></ul>
<button type="button" id="personalcon_toggle_button" class="btn_all">퍼스나콘 전체보기/접기</button>
</li>
<!-- //구독 퍼스나콘 신규 -->
<li class="signature">
<h4><em class="tier-text">티어1</em>시그니처 이모티콘</h4>
<ul id="signature_list">
<li class="noList">등록된 시그니처 이모티콘이 없습니다.</li>
</ul>
<button type="button" id="signature_toggle_button" class="btn_all">시그니처 이모티콘 전체보기/접기</button>
</li>
<!-- 구독 퍼스나콘 -->
</ul>
</div>
<a href="https://item.afreecatv.com/subscription.php#benefit" target="_blank" class="more">더보기</a>
</div>
</div>
</div>
<button id="close" type="button" class="btn_close"><span>레이어 닫기</span></button>
<input type="hidden" name="itemid" value="742560">
<input type="hidden" name="tier" value="1" data-tier="1">
</div>
<!-- 미 구독중인 BJ -->
<div id="layerNoneSubscriptionBjUseGift" class="modal-layer subscribe" style="display: none;">
<div class="title-area">
<strong>선물 받은 구독권 사용</strong>
</div>
<div class="info_area">
<p class="info_msg">
<span class="cr01">SOOP</span><em>(SOOP)</em>님을 구독하시겠습니까?
</p>
<div class="benefits">
<h3>구독 혜택</h3>
<div class="info_img">
<ul>
<li>구독료 후원</li>
<li>채팅 효과</li>
<li>구독팬 전용 닉네임</li>
</ul>
</div>
<a href="https://item.sooplive.co.kr/subscription.php#benefit" target="_blank" class="more">더보기</a>
</div>
</div>
<div class="send_area">
<dl class="gd_date">
<dt>사용할 구독권</dt>
<dd>선물 받은 N개월 구독권(##일)</dd>
</dl>
<p class="t_info">내 구독 > 내 선물·후원 정보 > 구독 선물권에서 보유중인 선물 받은 구독권을 확인하실 수 있습니다.</p>
<div class="btn_area">
<button class="btn_cancel">취소</button>
<button class="btn_gift">사용하기</button>
</div>
</div>
<a href="javascript:;" class="btn_close">닫기</a>
</div>
<!-- 정기구독중인 BJ -->
<div id="layerSubscriptionBjUseGift" class="modal-layer subscribe" style="display: none;">
<div class="title-area">
<h2>선물받은 구독권 사용</h2>
</div>
<div class="content-area">
<div class="gd_bj">
<div class="info_wrap">
<div class="thumb">
<img src="https://stimg.sooplive.co.kr/LOGO/zp/zpdl1313/zpdl1313.jpg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt="스트리머 로고" class="thum">
</div>
<div class="info period_info">
<p>
<strong>스트리머</strong>님의<br>구독을 연장하시겠습니까?
</p>
</div>
</div>
</div>
<div class="gd_infos">
<dl>
<dt>현재 구독권</dt>
<dd>1개월 정기구독권(30일)</dd>
</dl>
<dl>
<dt>구독 기간</dt>
<dd>2024년 4월 25일 ~ 2024년 7월 28일</dd>
</dl>
<dl>
<dt>사용할 구독권</dt>
<dd><em>선물받은 1개월 구독권(30일)</em></dd>
</dl>
</div>
<div class="benefits">
<h3>구독 혜택</h3>
<div class="benefits_info">
<ul>
<li class="ad_skip"><h4>LIVE/VOD 광고 스킵</h4></li>
<li class="emoticon"><h4>구독자는 이모티콘 10개 사용</h4></li>
<li class="my_personacon">
<h4>티어 별 퍼스나콘</h4>
</li>
<!-- //구독 퍼스나콘 신규 -->
<li class="signature">
<h4>시그니처 이모티콘</h4>
</li>
<!-- 구독 퍼스나콘 -->
</ul>
</div>
<a href="https://item.afreecatv.com/subscription.php#benefit" target="_blank" class="more">더보기</a>
</div>
</div>
<div class="btn-area full">
<button type="button" class="btn_cancel _btn_line">취소</button>
<button type="button" class="btn_gift _btn_primary">연장하기</button>
</div>
<button id="close" type="button" class="btn_close"><span>레이어 닫기</span></button>
</div>
<!-- 사용 성공 -->
<div id="layerSubscriptionBjUseGiftSuccess" class="modal-layer subscribe" style="display: none;">
<div class="title-area">
<h2>선물받은 구독권 사용</h2>
</div>
<div class="content-area">
<div class="gd_bj">
<div class="info_wrap">
<div class="thumb">
<img src="https://stimg.sooplive.co.kr/LOGO/zp/zpdl1313/zpdl1313.jpg" onerror="this.src='https://res.sooplive.co.kr/images/svg/thumb_profile.svg'" alt="스트리머 로고" class="thum">
</div>
<div class="info period_info">
<p>
<strong>감스트</strong>님의 <br>
1개월 구독을 연장하였습니다.
</p>
</div>
</div>
</div>
<div class="gd_infos">
<dl>
<dt>현재 구독권</dt>
<dd>1개월 정기구독권(30일)</dd>
</dl>
<dl>
<dt>구독 기간</dt>
<dd>2024년 4월 25일 ~ 2024년 7월 28일</dd>
</dl>
<dl>
<dt>사용한 구독권</dt>
<dd><em>선물받은 1개월 구독권(30일)</em></dd>
</dl>
</div>
</div>
<div class="btn-area full">
<button type="button" class="tertiary btn_confirm">확인</button>
</div>
<button type="button" class="btn_close"><span>레이어 닫기</span></button>
</div>
<!-- 구독이 불가능한 경우 -->
<div id="layerErrorSubscription" class="modal-layer pop_gudok" style="display: none;">
<div class="layer_in">
<div class="title-area">
<strong>구독하기</strong>
</div>
<div class="info_area">
<p class="info_msg"><span class="cr01">SOOP</span>(SOOP)님은<br>휴면중인 스트리머로 구독할 수 없습니다. </p>
</div>
<div class="send_area">
<div class="btn_area">
<button class="btn_cancel">확인</button>
</div>
</div>
<a href="#" class="btn_close">닫기</a>
</div>
</div>
<!-- 닉네임 변경 -->
<div class="modal-layer nickname" id="layerNickChange" style="display: none;">
<div class="title-area"><strong>닉네임 변경</strong></div>
<div class="modal-contents">
<div class="change-nickname">
<dl>
<dt>닉네임</dt>
<dd>
<div class="input-box">
<div class="_text_field">
<input id="nickChangeModalInput" type="text" value="[BJ]케이" placeholder=" ">
</div>
<button id="nickChangeModalCheckButton" type="button" class="_btn_tertiary" style="display: none;">중복확인</button>
</div>
<span id="nickChangeModalErrorMsg" class="error-msg" style="display: none;">입력 가능한 글자 수를 초과했습니다</span>
</dd>
</dl>
</div>
<div class="warning-list">
<ul>
<li>방송 채팅이나 게시물 작성시 보이는 닉네임입니다. (최대 한글 6자 영문 12자)</li>
<li>닉네임 변경 시 24시간 후에 재변경이 가능합니다.</li>
</ul>
</div>
</div>
<div class="btn-area">
<button id="nickChangeModalCancelButton" type="button" class="_btn_line">취소</button>
<button id="nickChangeModalChangeButton" type="button" class="_btn_primary">변경하기</button>
</div>
<button type="button" class="modal-close" id="nickChangeModalclose">닫기</button>
</div>
<!-- 구독 닉네임 변경 -->
<div class="modal-layer nickname" id="layerSubscriptionNickChange" style="display: none;">
<div class="title-area"><strong>구독팬 전용 닉네임 변경</strong></div>
<div class="modal-contents">
<div class="change-nickname">
<dl>
<dt>닉네임</dt>
<dd>
<div class="input-box">
<div class="_text_field">
<input id="subNickChangeModalInput" type="text" value="[BJ]케이" placeholder=" ">
</div>
<button id="subNickChangeModalCheckButton" type="button" class="_btn_tertiary" style="display: none;">중복확인</button>
</div>
<span id="subNickChangeModalErrorMsg" class="error-msg" style="display: none;">입력 가능한 글자 수를 초과했습니다</span>
</dd>
</dl>
<!-- id="nickSetting" -->
<button type="button" class="default-nick" id="useDefaultSubNickButton">기본 닉네임 사용하기</button>
</div>
<div class="warning-list">
<ul>
<li>방송 채팅이나 게시물 작성시 보이는 닉네임입니다. (최대 한글 6자 영문 12자)</li>
<li>닉네임 변경 시 24시간 후에 재변경이 가능합니다.</li>
</ul>
</div>
</div>
<div class="btn-area">
<button id="subNickChangeModalCancelButton" class="modal-cancel _btn_line" type="button">취소</button>
<button id="subNickChangeModalChangeButton" type="button" class="_btn_primary">변경하기</button>
</div>
<button type="button" class="modal-close" id="subNickChangeModalCloseButton">닫기</button>
</div>
<!-- 고화질로 시청 기본 -->
<div class="modal-layer small" id="layer_high_quality" style="display: none;">
<div class="title-area"><strong>고화질 참여 안내</strong></div>
<div class="modal-contents">
<div class="message-box">
<p>스트리머가 설정한 화질로 참여하시려면<br>고화질 스트리머 설치가 필요합니다.</p>
</div>
</div>
<div class="btn-area">
<button type="button" class="_btn_primary" id="install_streamer">고화질 스트리머 설치하기</button>
</div>
<div class="modal-bottom">
<a class="btn-arrow">저화질로 참여하기</a>
</div>
<button type="button" class="modal-close">닫기</button>
</div>
<!-- 맥 저화질 시차 단축 고화질 전환 안내 -->
<div class="modal-layer small" id="layer_high_quality_low_latency" style="display: none;">
<div class="title-area"><strong>시차 단축 이용 안내</strong></div>
<div class="modal-contents">
<div class="message-box">
<p>시차 단축 기능은 고화질에서<br>이용이 가능합니다</p>
</div>
</div>
<div class="btn-area">
<button type="button" class="_btn_primary" id="install_streamer">고화질로 전환하기</button>
</div>
<div class="modal-bottom">
<a class="btn-arrow">시차 단축 기능 사용하지 않기</a>
</div>
<button type="button" class="modal-close">닫기</button>
</div>
<!-- MAC 스트리머 업데이트 -->
<div class="modal-layer small" id="layer_high_quality_mac" style="display: none;">
<div class="title-area"><strong>고화질 참여 안내</strong></div>
<div class="modal-contents">
<div class="message-box">
<p>고화질 스트리머가 업데이트 되었습니다.<br>스트리머가 설정한 화질로 참여하기 위해서는 MAC OS 전용 고화질 스트리머가 필요합니다.</p>
</div>
</div>
<div class="btn-area">
<button type="button" class="_btn_primary" id="install_streamer">
<span>고화질 스트리머 업데이트하기</span>
</button>
</div>
<button type="button" class="modal-close">닫기</button>
</div>
<!-- macOS 업데이트 레이어 -->
<div class="modal-layer high_definition mac" style="display:none;">
<div class="pop-body">
<strong>고화질 스트리머 이용 안내</strong>
<p>이용중이신 MAC OS 버전은<br>원본,고화질 참여에 필요한 스트리머 설치가 지원되지 않아<br>MAC OS 버전을 업데이트하시거나 일반화질을 이용하셔야 합니다.</p> <!-- 텍스트 줄바꿈 변경 -->
<ul>
<li>
<strong>MAC OS 업데이트</strong>
<p>시스템 상단 ( <i class="ic_apple">apple</i> ) 아이콘 > 시스템 환경 설정 ><br>소프트웨어 업데이트</p>
<div class="browser">
<a href="https://support.apple.com/ko-kr/HT201541" target="_blank"><span class="icon setting">시스템 환경 설정</span></a>
</div>
</li>
</ul>
</div>
<a href="javascript:;" class="pop-close">닫기</a>
</div>
<!-- 사파리 업데이트 레이어 -->
<div class="modal-layer high_definition mac_safari" style="display:none;">
<div class="pop-body">
<strong>고화질 스트리머 이용 안내</strong>
<p>이용 중이신 MAC OS 버전은 원본, 고화질 참여에 필요한<br>스트리머 설치가 지원되지 않아 MAC OS 버전을 업데이트하시거나<br>일반화질을 이용하셔야 합니다.</p> <!-- 텍스트 줄바꿈 변경 -->
<ul>
<li>
<em>1</em>
<strong>MAC OS 업데이트</strong>
<p>시스템 상단 ( <i class="ic_apple">apple</i> ) 아이콘 > 시스템 환경 설정 ><br>소프트웨어 업데이트</p>
<div class="browser">
<a href="https://support.apple.com/ko-kr/HT201541" target="_blank"><span class="icon setting">시스템 환경 설정</span></a>
</div>
</li>
<li>
<em>2</em>
<strong>타 브라우저 이용</strong>
<p>이미지 클릭 시<br>해당 브라우저 다운로드 페이지로 이동합니다.</p>
<ul class="browser">
<li><a href="https://www.google.co.kr/chrome" target="_blank" class="icon chrome">Chrome</a></li>
<li><a href="https://www.microsoft.com/ko-kr/edge" target="_blank" class="icon edge">Edge</a></li>
<li><a href="https://www.mozilla.org/ko/firefox/new/" target="_blank" class="icon firefox">Firefox</a></li>
<li><a href="https://www.opera.com/ko" target="_blank" class="icon opera">Opera</a></li>
<li><a href="https://whale.naver.com/ko/download/mac/" target="_blank" class="icon whale">Whale</a></li>
</ul>
</li>
</ul>
</div>
<a href="#" class="pop-close">닫기</a>
</div>
<!-- 구독 선물권 수신 레이어 -->
<div class="modal-layer" id="layerGiftSubscriptionAlram" style="display: none;">
<div class="modal-contents">
<div class="message-box">
<p>스트리머 여노몽에게 사용 가능한<br><em>선물 받은 1개월 구독권(30일)</em>보유 중입니다.<br>사용하시겠습니까?</p>
</div>
</div>
<div class="btn-area">
<button type="button" id="close" class="_btn_line">취소</button>
<button type="button" class="_btn_primary" id="use">사용</button>
</div>
</div>
<!-- 운영자 강제 퇴장안내 -->
<div class="modal-layer kick-out" id="adminKickPenaltyLayer" style="display: none;">
<div class="title-area"><strong>강제퇴장 안내</strong></div>
<div class="modal-contents">
<div class="info-message">
<p>짱호두(zzanghodu)님 방송에서<br>채팅지킴이 32에 의해<br><em>강제퇴장 및 1시간 채팅금지</em>되었습니다.</p>
<span>참여 중인 모든 방송의 접속이 종료됩니다.</span>
</div>
<span class="accrue">누적 : 강제퇴장 <span id="count"><strong class="red">1</strong>회차</span></span>
<div class="warning-list">
<ul>
<li>타인비하, 인종/지역/성/직업/장애인 차별, 정치선동, 청소년 보호법 위반 등 방송내용과 상관없이 소통을 방해하는 어그로성 채팅은 강제퇴장 대상입니다.</li>
</ul>
</div>
</div>
<div class="btn-area">
<button type="button">확인</button>
</div>
<div class="modal-bottom">
<a href="https://help.sooplive.co.kr/atv.php?type=exMailQuestion" class="btn-arrow" target="_blank">고객센터 문의하기</a>
</div>
<button type="button" class="modal-close">닫기</button>
</div>
<!-- 방송 대상 -->
<div class="ui-pop award_vote" style="display: none;">
<p class="pop-title">스트리머 Awards 투표</p>
<div class="pop-body">
<ul>
</ul>
</div>
<div class="pop-btn">
<a href="javascript:;" class="btn btn_white">취소</a>
<a href="javascript:;" class="btn btn_blue">확인</a>
</div>
<a href="javascript:;" class="pop-close"><span>레이어 닫기</span></a>
</div>
</div>
<div id="customAlert" class="basic_alert sub-modal" style="display: none;"></div>
</div>
<div class="toast-box common" style="display:none;" id="toastMessage">
<div class="success">
<p></p>
</div>
</div>
</div>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/app/navigation/dist/ui-navigation-umd.js"></script>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/app/liveplayer/player/dist/vendor.js?_=202411151900"></script>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/app/liveplayer/player/dist/LivePlayer.js?_=202411151900"></script>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/app/liveplayer/view/dist/ViewVendor.js?_=202411081400"></script>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/app/liveplayer/view/dist/LiveView.js?_=202411081400"></script>
<script type="text/javascript" src="https://static.sooplive.co.kr/asset/service/common/common_analysis.js"></script>
<script>
$(window).trigger('resize');
callAnalytics();
function openAfreecaPayWindow() {
var width = 500;
var height = 810;
var url = POINT_AFREECATV+'/AfreecaPay/AfreecaPayMgmt.asp?nDevice=0';
window.open(url, '_blank', 'width=' + width + ', height=' + height + ', scrollbars=yes');
}
//window.opener에 접근하기 위해 domain이 맞아야 동작하므로 최상단에 적용
//기존에 requirejs내에 있엇던 선언이 있음. 모두 afreecatv.com이기때문에 if없이 걍 넣음
//외부에서 sandbox iframe으로 플레이어 추가하는 경우가 있어 try catch 검
try {
window.document.domain = "sooplive.co.kr";
} catch(e) {
//try catch도 sentry에 에러 로그 남겠지?
}
// LiveViewInfo에서도 사용해서 동작 할 수 있도록.
window.bEmbed = ('landing' == 'embed' || 'landing' == 'direct') ? true : false;
window.isSimpleMode = Boolean();
window.szLang = 'en_US';
window.szLocalCode = 'ES';
window.livePlayer = null;
window.liveView = null;
window.szBjId = 'zpdl1313';
window.szBjNick = '[BJ]케이';
window.nBroadNo = 279581578;
window.requestBroadNo = 279581578;
window.szBroadTitle = "[더케이_루키] 시즌2 일반회차 2회 룰렛데이 그리고 5배 상금 이벤트!! 신입 있습니다!! 오메킴x김학수x지유 [더케이x케이대]"; //방제 끝에 역슬래시 있으면 escape 되어 에러남
window.szBroadThumPath = 'https://liveimg.sooplive.co.kr/m/279581578?516';
window.isDev = Boolean();
window.szMode = 'landing';
window.defaultConfig = 'https://static.sooplive.co.kr/asset/service/config/config.js';
window.ver = '20190516';
window.szInflow = '';
window.categories = JSON.parse('{"00130000":"Social","00740000":"Travel","00330000":"Mukbang","00810000":"Virtual","00040000":"Games","00040121":"Comprehensive Game","00040131":"VRChat","00040019":"League of Legends","00040075":"Teamfight Tactics","00040066":"PUBG: Battlegrounds","00040070":"FC ONLINE","00040001":"StarCraft: Remastered","00040005":"Sudden Attack","00040128":"Overwatch 2","00040032":"Maple Story","00040067":"Lost Ark","00040156":"Throne and Liberty","00040017":"Minecraft","00040110":"Valorant","00040016":"StarCraft II","00040002":"Warcraft III","00040163":"Tekken 8","00040014":"KartRider: Drift","00040039":"Hearthstone","00040132":"God of War Ragnar\u00f6k","00040105":"Black Desert","00040225":"undefined","00040086":"GetAmped","00040165":"GRANBLUE FANTASY: Relink","00040035":"Grand Theft Auto V","00040174":"Nightingale","00040202":"Four Lights","00040201":"No Rest for the Wicked","00040193":"Dark Souls III","00040194":"Dark Souls: Remastered","00040159":"Dark and Darker","00040079":"Dark Eden","00040199":"The Game of Sisyphus","00040221":"undefined","00040168":"The King of Fighters 98","00040169":"The King of Fighters 2002","00040170":"The King of Fighters XV","00040141":"THE FINALS","00040004":"Dungeon Fighter","00040247":"undefined","00040080":"Dead by Daylight","00040138":"Dead Space","00040150":"Destiny 2","00040182":"They Are Billions","00040250":"undefined","00040082":"Dota 2","00040190":"Dragons Dogma II","00040081":"Diablo II","00040020":"Diablo III","00040143":"Diablo IV","00040183":"Deep Rock Galactic: Survivor","00040093":"Ragnarok Online","00040177":"Last Epoch","00040147":"Ratchet & Clank: Rift Apart","00040246":"undefined","00040146":"Rust","00040094":"Rainbow Six Siege","00040103":"Legends of Runeterra","00040179":"Roblox","00040012":"Lineage","00040162":"Lethal Company","00040197":"RimWorld","00040088":"Magu Magu","00040231":"undefined","00040040":"Mabinogi","00040205":"Manor Lords","00040158":"MapleStory WORLDS","00040089":"MapleStory 2","00040111":"Animal Crossing: New Horizons","00040238":"undefined","00040090":"Monster Hunter: World","00040065":"Nexus TK","00040148":"Baldur\u2019s Gate 3","00040176":"Balatro","00040188":"BATTLE CRUSH","00040042":"Bubble Fighter","00040122":"Blade Assault","00040022":"Blade & Soul","00040243":"undefined","00040119":"Cyberpunk 2077","00040033":"Cyphers","00040236":"undefined","00040196":"Romance of the Three Kingdoms XIV","00040204":"7 Days to Die","00040213":"Senuas Saga: Hellblade II","00040133":"Sonic Frontiers","00040198":"Supermarket Simulator","00040230":"undefined","00040240":"undefined","00040106":"Skul: The Hero Slayer","00040195":"Stardew Valley","00040228":"undefined","00040144":"Star Wars Jedi: Survivor","00040203":"Stellar Blade","00040244":"undefined","00040220":"undefined","00040152":"Storm Striker","00040171":"Street Fighter II","00040157":"Street Fighter 6","00040007":"Special Force","00040181":"Spelunky 2","00040180":"Splatoon 3","00040095":"Slugger","00040191":"Slay the Spire","00040192":"Arma 3","00040200":"Assetto Corsa","00040145":"The Outlast Trials","00040215":"I Dont Fall","00040015":"Aion","00040184":"The Binding of Isaac: Rebirth","00040077":"ARK: Survival Evolved","00040126":"ArcheAge","00040092":"R2","00040167":"R2Beat","00040155":"Alan Wake II","00040187":"A Difficult Game About Climbing","00040115":"Among Us","00040073":"Apex Legends","00040206":"XCOM 2","00040173":"Elden Ring","00040216":"Elden Ring: Shadow of the Erdtree","00040083":"Elsword","00040207":"MLB The Show 24","00040210":"The Bridge Curse 2: The Extrication","00040232":"undefined","00040185":"Phoenix Wright: Ace Attorney Trilogy","00040186":"Apollo Justice: Ace Attorney Trilogy","00040091":"osu!","00040076":"Auto Chess","00040154":"Only Climb: Better Together","00040140":"Wo Long: Fallen Dynasty","00040245":"undefined","00040011":"World of Warcraft","00040139":"Like a Dragon: Ishin!","00040161":"Like a Dragon: Infinite Wealth","00040222":"undefined","00040102":"World of Tanks","00040224":"undefined","00040137":"Yu-Gi-Oh! Master Duel","00040153":"EA Sports FC 24","00040233":"undefined","00040149":"Immortals of Aveum","00040107":"Escape from Tarkov","00040087":"Icarus","00040120":"Eternal Return","00040135":"eFootball 2024 ","00040248":"undefined","00040227":"undefined","00040208":"Infection Free Zone","00040239":"undefined","00040235":"undefined","00040242":"undefined","00040096":"The Great Merchant","00040061":"Tekken 7","00040078":"Counter-Strike 2","00040219":"Counter Strike Online","00040136":"The Callisto Protocol","00040127":"KurtzPel","00040251":"undefined","00040108":"Call of Duty","00040229":"undefined","00040175":"Crazy Arcade","00040043":"TalesRunner","00040099":"Tree of Savior","00040166":"Poppy Playtime","00040160":"Palworld","00040074":"Path of Exile","00040249":"undefined","00040223":"undefined","00040164":"PERSONA 3 RELOAD","00040134":"Persona 5 Royal","00040178":"For the King II","00040117":"Pok\u00e9mon Scarlet\/Violet","00040069":"Fortnite","00040114":"Fall Guys","00040129":"Football Manager 2024","00040142":"WARS OF PRASIA","00040234":"undefined","00040237":"undefined","00040189":"Project Zomboid","00040085":"FreeStyle Street Basketball","00040151":"Lies of P","00040124":"FIFA 23","00040209":"Hades II","00040116":"Hunter\u2019s Arena: Legends","00040172":"HELLDIVERS 2","00040226":"undefined","00040050":"Heroes of the Storm","00040008":"Retro Game","00360000":"Mobile Games","00360003":"All mobile games","00360056":"League of Legends: Wild Rift","00360031":"PUBG Mobile","00360022":"Lineage M","00360073":"Lineage W","00360077":"Dungeon & Fighter MOBILE","00360079":"MIRM","00360067":"Diablo Immortal","00360080":"Umamusume: Pretty Derby","00360076":"Traha Infinity","00360081":"Seven Knights Revolution","00360060":"Seven Knights 2","00360046":"V4","00360062":"Cookie Run","00360057":"MIR4","00360069":"ODIN: VALHALLA RISING","00360070":"Blade and Soul 2","00360082":"HIT2","00360078":"Netmarble Pro Baseball 2022","00360075":"UNDECEMBER","00360084":"Civilization: Reign of Power ","00360072":"Com2uS Pro Baseball 2023","00360083":"Mythic Heroes","00360068":"Second Country: Cross Worlds","00360030":"Black Desert Mobile","00360059":"Gran Saga","00360088":"Night Crows","00360095":"Solo Leveling:ARISE","00360041":"Dark Eden M","00360058":"Uncharted Waters Origin","00360086":"DISLYTE","00360066":"DK MOBILE","00360090":"Defense Derby","00360028":"Ragnarok M","00360085":"Ragnarok X: Next Generation","00360037":"LifeAfter","00360099":"Raven2","00360101":"LORDNINE","00360096":"ROM: Remember Of Majesty","00360021":"Lineage 2 Revolution","00360050":"Lineage2 M","00360100":"Wuthering Waves","00360012":"Modoo Marble","00360054":"The Kingdom Of The Winds:Yeon","00360094":"Honkai: Star Rail","00360043":"Blade & Soul Revolution","00360093":"Blue Archive","00360098":"Summoners War: Sky Arena","00360092":"GODDESS OF VICTORY\uff1aNIKKE","00360035":"Twelfth Century M","00360089":"Ares: Rise of Guardians","00360097":"arthdal","00360048":"EOS RED","00360052":"A3: STILL ALIVE","00360087":"AFK Arena","00360104":"undefined","00360033":"Epic 7","00360049":"Exos Heroes","00360034":"Orc","00360063":"Genshin","00360102":"Zenless Zone Zero","00360106":"undefined","00360091":"Dynasty Warriors M","00360055":"KartRider Rush+","00360103":"undefined","00360044":"Clash of Clans","00360018":"Clash Royale","00360038":"Fate\/Grand Order","00360020":"Pok\u00e9mon Go","00360074":"Pok\u00e9mon UNITE","00360105":"undefined","00360040":"Princess Connect! Re:Dive","00390000":"Cable TV","00390003":"JTBC","00390004":"MBN","00390006":"TV CHOSUN","00390013":"Yonhapnews ","00390024":"YTN LIVE","00880000":"SUPER LEAGUE","00670000":"Fishing","00140000":"KBO League","00140001":"Doosan","00140002":"Hanwha","00140003":"Lotte","00140004":"Kiwoom","00140005":"Samsung","00140006":"KIA","00140007":"LG","00140008":"SSG","00140010":"NC","00140011":"kt","00140009":"Baseball","00180000":"Professional Baseball","00170000":"Korean Professional Soccer","00370000":"Professional Soccer","00370011":"Premier League","00370010":"Champions League","00060000":"Korean Basketball League","00060001":"KBL","00060002":"WKBL","00100000":"Korean Professional Volleyball","00800000":"WWE","00190000":"Fighting","00840000":"undefined","00840001":"Amateur Baseball","00840002":"Amateur Soccer","00840003":"Amateur Volleyball","00840004":"Amateur Basketball","00750000":"Badminton","00570000":"Sports","00570004":"Talk\/Analysis","00570002":"Billiards","00570003":"Fitness\/Workout","00570006":"Bowling","00570007":"Golf","00570013":"Mind Sports","00570005":"Others","00780000":"Rugby","00410000":"Korean National Sports Festival ","00300000":"Adult","00030000":"Music","00030001":"Live Music","00030002":"Music Streaming","00030003":"Karaoke","00030005":"undefined","00020000":"Lifestyle","00020007":"Hobbies","00020009":"Art","00020006":"Beauty","00020011":"Fortune","00020012":"Shopfreeca","00580000":"Pet","00290000":"Education","00290005":"Headlines","00290002":"Learning","00290001":"Study","00290006":"Religion","00290007":"Economics","00290008":"KBS 20th Republic of Korea Presidential Election","00290004":"Language","00590000":"Dubbing\/Radio","00270000":"Finance","00270008":"Stocks","00270009":"Derivatives","00270006":"Cryptocurrency","00270001":"Korean Item","00270002":"Korean Gift","00270003":"International Item","00270004":"International Gift","00270005":"Real Estate","00270007":"Other","00350000":"Anime","00350050":"undefined","00350041":"My Hero Academia","00350047":"Ghost Stories","00350046":"Initial D","00350025":"One Piece","00350013":"Bleach","00350018":"Black Rubber Shoes","00350004":"Other","00940000":"undefined","00940001":"undefined","00720000":"LCK"}');
window.snsLogin = {
faceBook : '11',
twitter : '12',
googlePlus : '17',
apple : '20',
kakao : '23',
naver : '21',
twitch : '24',
weChat : '18',
}
window.nCateNo = '00130000';
if (window.navigator.userAgent.match(/MSIE|Internet Explorer|Trident/i)) {
window.location = 'microsoft-edge:' + window.location;
setTimeout(function() {
window.location = 'https://go.microsoft.com/fwlink/?linkid=2135547';
}, 1);
}
try{
DOMAIN = "sooplive.co.kr";
}catch(e){}
// 국내가 아닐 때 CF로 변경
if(szLocalCode != 'KR') {
defaultConfig = 'https://static.sooplive.co.kr/asset/service/config/config_global.js';
}
$(document).ready(function() {
livePlayer = new LivePlayer({
isDev : isDev,
mode : szMode,
inflow : szInflow,
language : szLang,
mutePlay : ('landing' == 'picaplay') ? true : false, //picaPlay 페이지 급하게 수정해야해서 넣어줘야 함
});
liveView = new LiveView(livePlayer.externalInterface, {
isDev : isDev,
mode : szMode,
language : szLang,
isSimpleMode : isSimpleMode
});
liveView.isLoaded().then(function() {
if(document.location.search.indexOf('fromApi=') === -1) {
livePlayer.loadBroad(szBjId, nBroadNo);
}
});
});
function loadViewScript() {
var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.src = "https://static.sooplive.co.kr/asset/app/liveplayer/view/dist/en_US/LiveView.min.js";
script.onload = function() {
liveView = new LiveView(LivePlayer.externalInterface);
}
head.appendChild(script);
}
function setClickLog(szCodetype, szSendData, szSysType)
{
try {
oAnalysisUtil.setClickLog(szCodetype, szSendData, ((typeof(szSysType) == 'undefined' || szSysType == null) ? 'html5' : szSysType));
} catch (e) {
}
}
function getIeVersion () {
var word;
var version = "N/A";
var agent = navigator.userAgent.toLowerCase();
var name = navigator.appName;
if ( name == "Microsoft Internet Explorer" )
{
word = "msie ";
}
else
{
if ( agent.search("trident") > -1 )
{
word = "trident/.*rv:";
}
else if ( agent.search("edge/") > -1 )
{
word = "edge/";
}
}
var reg = new RegExp( word + "([0-9]{1,})(\\.{0,}[0-9]{0,1})" );
if ( reg.exec( agent ) != null ) version = RegExp.$1 + RegExp.$2;
return version;
}
if(getIeVersion() == '7.0' || getIeVersion() == '8.0')
{
alert('익스플로러10 이상부터 이용 가능합니다.');
location.href = 'https://www.sooplive.co.kr';
}
else if(getIeVersion() == '9.0')
{
alert("서비스 이용이 원활하지 않을 수 있습니다.\n익스플로러10 이상으로 이용해주세요.");
}
</script>
<iframe src="https://noti.sooplive.co.kr" style="display: none;"></iframe></body></html>