- ID de l'analyse :
- a78bc9f5-9dcb-4410-b692-3366ed44d542Terminée
- URL soumise :
- https://play.sooplive.co.kr/zpdl1313/279581578
- Fin du rapport :
Liens : 29 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 | 이벤트 |
Variables JavaScript : 628 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 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 |
Messages de journal de console : 2 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| log | other |
|
| log | other |
|
HTML
Le corps HTML de la page en données brutes
<!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>