@charset "UTF-8";
/* 공통설정 */
/* ***********************************************************************

 * 설명      : 웹플레이어 페이지 개편
 * 작업자    : DK
 * 작성일    : 2019.02.15

 * update :  2019.06.10  webplayer_common.css 통합

*********************************************************************** */
/*
	1. common 설정값

	2. 레이아웃 정의 , 및 모션 css(transition) 설정
        | 클레스 명 정리
	    | 노출에따른 움직임 제어
	    | 실제 포지션
		| 중앙정렬용 최대 넓이값 정리  - 정앙정렬 ( live용 vod용 , 4:3모드 21:9모드 )
		| 채팅 및 리스트 상태 및 열린값 따른 포지션

	3. weblayer , top 영역

	4. html플레이어 하단 정보영역
	    | 정보영역 - 방송정보영역

	5. 리스트 , 즐겨찾기 영역

	5. 레이어 개선 스타일

	7. 툴팁정, 토스트 팝업  , ict 개인방송국 참고

    8. 기타 - 기존 라이브 전용 css

*/
/* 공통설정 */
/* 공통 요서 추가 또는 정리되는 부분  */
/*************************************************************************/
/** Description  : HTML player css **/
/*************************************************************************/
/* player index 값 정리 */
/* z-index 관련 무의미한 99 나 999 등의 사용을 금지 */
/*
	video , multi_player  1

	엔딩크레딧 , 추천방송
    , 모바일 백그라운드썸네일 5
	추천방송 , 미리보기카운트다운 레이어  10
	watermark 15
	bg_gradient , 광고 영역 및 광고버튼 , 비디오 메인 썸네일 ,별별통계 그래프   19
	버튼  ,  별별통계 구간 클릭 20
	툴팁 , 광고아이콘 ,  유료방송 알림 텍스트박스 (text_box)  30
	즐겨찾기 35
    버퍼링 37  ( 50에서 블라인드 밑으로 내림 )
	중앙버튼 38 (  버퍼링 위로 수정 )
    미리보기 모드시 (preview_mode)  player_info  39
	블라인드 , 다음 비디오 40
    라이브 알람  ,  방송정보 ,  smode 채팅출력버튼 41
    별별통계 리스트 , 42
	광고영역 관련 , 로딩  50
	컨트롤바 강제 노출 51 ---- blind_ctrn_output , ctrl_output  클레스 추가   ( 이전 41 에서 변경 )
    버퍼링 상태일때  화질 노출 클레스 buffering_state 51
	비디오 별풍선 선물 레이어  52
    무중단  ,   광고용 블루박스(blue_box) 55
    플레이어 하단 버튼들 56 ( 무중단에 툴팁 가려서 이동 )
	비디오 구독 레이어 ( layer_originalbj ) 60
    player_contextmenu  우클릭 레이어 70





*/
/*
    body에 추가되는 클레스 정리
    ------------------------
	smode  씨네마모드
	extent_mode 전체화면 모드
	video_mode 동영상풀레이어 모드( 미사용 )
	embeded_mode 퍼가기용 모드
	mini_mode vod 시청페이지 축소모드
*/
/*

    #webplayer 에 추가되는 클레스 정리
    chat_open
    live_open
    live_bookmark_open

*/
/*
    #afreecatv_player 에 추가되는 클레스 정리
    --------------------------------------
    play_start 자동채생 차단관련 클레스 추가
    currrent_blind 블라인드 상태일때
    promotion 광고출력시 클리영역 및 관련 버튼 출력
    video  VOD전용 클레스
    mouseover  마우스 오버를 감지에서 엘리먼트들 출력
    ctrl_output   컨트롤러 강제 출력
    freecap   프리캡 스타일용
    live_alert_on , live_alert_off 방송정보타이틀과 라이브 알림 영역의 겹침 해결을 위한 클레스
    video  동영상일때 추가
    buffering_state  버퍼링 상태에서  화질선택레이어만 위로 출력시키는 클레스
    ctrl_reduction   구글광고 출력시 버튼영역 확보를 위한 컨트롤러 줄임

*/
/*
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap");
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td {
  margin: 0;
  padding: 0; }

body.ko_KR .player_item_list ul li button span {
  font-family: 'NG',AppleGothic; }

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  font-size: 12px; }

video::-webkit-media-controls-panel {
  display: none !important; }

.blind {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

.htmlplayer_wrap {
  position: relative; }

#afreecatv_player {
  position: relative;
  overflow: hidden;
  background: #000;
  margin: 0 !important;
  max-height: 100vh; }

#afreecatv_player button {
  outline: none;
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0; }

#afreecatv_player .af_video,
#afreecatv_player canvas,
#afreecatv_player object,
#afreecatv_player #video,
#afreecatv_player #videoLayer {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: calc(100%) !important;
  height: calc(100%) !important;
  background-color: #000;
  padding: 0 !important; }

.extend_mode #afreecatv_player .af_video,
.extend_mode #afreecatv_player canvas,
.extend_mode #afreecatv_player object,
.extend_mode #afreecatv_player #video,
.extend_mode #afreecatv_player #videoLayer, .smode #afreecatv_player .af_video,
.smode #afreecatv_player canvas,
.smode #afreecatv_player object,
.smode #afreecatv_player #video,
.smode #afreecatv_player #videoLayer {
  width: 100% !important;
  height: 100% !important; }

/* 광고영역 미니모드 수정을 위한 CSS 수정 */
#__DAWIN3_OVERLAY__ {
  width: 100% !important;
  height: 100% !important; }

/* 개발용 vod 클릭을 위한 엘리먼트 컨트롤  */
#videoLayerCover {
  outline: none;
  -ms-user-select: none; }

#videoLayerCover::-ms-selection,
#videoLayerCover::-webkit-selection,
#videoLayerCover::selection {
  background-color: transparent; }

#afreecatv_player .afreecatv_player_size {
  overflow: hidden;
  padding-top: 56.25%; }

.htmlplayer_content > .afreecatv_player_size {
  overflow: hidden;
  padding: 0; }

.htmlplayer_content > .afreecatv_player_size div {
  padding-top: 56.25%; }

/* 백그라운드 */
#afreecatv_player .bg_gradient {
  z-index: 19;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#99000000)"; }

/*이미지 공통*/
#afreecatv_player .play,
#afreecatv_player .stop,
#afreecatv_player .pause,
#afreecatv_player .sound,
#afreecatv_player .sound span,
#afreecatv_player .btn_smode,
#afreecatv_player .btn_extend_mode,
#afreecatv_player .btn_pip_mode,
#afreecatv_player .btn_share,
#afreecatv_player .btn_afreecatv,
#afreecatv_player .bnt_next_play,
#afreecatv_player .btn_chat,
#afreecatv_player .btn_refresh,
#afreecatv_player .btn_setting,
#afreecatv_player .setting_box div a,
#afreecatv_player .setting_box div > button,
#afreecatv_player .setting_box .btn_player_select em,
#afreecatv_player .progress .progress_track .handler span,
#afreecatv_player .center_btn span,
#afreecatv_player .video_blind .content .type_adult .btn_adult_play button,
#afreecatv_player .right_ctrl .edit_angle_box > button em,
#afreecatv_player .btn_statistics em,
#afreecatv_player .statistics_list .close,
#afreecatv_player .player_ctrlBox .live_state,
#afreecatv_player .graph_wrap .close,
#afreecatv_player .player_info .title span em,
#afreecatv_player .player_info .title > a,
#afreecatv_player .right_ctrl .setting_box .setting_list button em,
#afreecatv_player .right_ctrl .setting_box .setting_list a em,
#afreecatv_player .center_btn .volume_icon span,
#afreecatv_player .center_btn .fast_forward span,
#afreecatv_player .center_btn .rewind span {
  background-image: url("/images/afreecatv_player/split_player.png");
  background-repeat: no-repeat; }

/*  css3 이펙트 공통 */
/* { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} */
/* ************** */
/* 플레이어 타이틀 정보    , 임베트 타이틀에서 확장 */
#afreecatv_player .player_title {
  user-select: none;
  display: none;
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  z-index: 20;
  height: 65px;
  padding-top: 15px;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-family: "NG", AppleGothic;
  font-weight: normal;
  text-indent: 10px;
  line-height: 1;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#00000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#00000000)"; }

#afreecatv_player .player_title span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 150px 0 15px;
  font-size: 16px;
  color: #fff;
  padding-top: 1px;
  font-family: "NG", AppleGothic; }

#afreecatv_player .player_title strong {
  display: block;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  right: 20px;
  top: 15px;
  color: #328fde;
  font-size: 14px;
  padding-top: 1px;
  font-family: "NG", AppleGothic; }

#afreecatv_player .player_info {
  display: none;
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  z-index: 41;
  height: auto;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-family: "NG", AppleGothic;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: -1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=cc000000, endColorstr=00000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=cc000000, endColorstr=00000000)"; }

#afreecatv_player.live_alert_on .player_info {
  padding-left: 228px; }

#afreecatv_player .player_info .title {
  user-select: none;
  display: none;
  position: relative;
  padding: 20px 20px 50px;
  z-index: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#afreecatv_player .player_info .title > * {
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

#afreecatv_player .player_info .title h1 {
  line-height: normal;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1); }

#afreecatv_player .player_info .title div {
  position: relative;
  margin-bottom: 8px; }

#afreecatv_player .player_info .title div span {
  overflow: hidden;
  position: relative;
  display: inline-block;
  opacity: .8;
  color: #fff;
  line-height: 1.2;
  font-size: 15px;
  font-family: "NG", AppleGothic;
  vertical-align: top; }

#afreecatv_player .player_info .title div span:first-child {
  overflow: visible;
  margin-right: 15px; }

#afreecatv_player .player_info .title div span + span {
  margin-left: 10px;
  padding-left: 22px; }

#afreecatv_player .player_info .title div .bj_thumbnail {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center; }

#afreecatv_player .player_info .title div span em {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  display: inline-block;
  width: 18px;
  height: 13px;
  margin-right: 8px;
  opacity: .8;
  vertical-align: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 18 14'%3e%3cpath d='M17.75 13.19H5.4c-.34-2.8 2.26-5.51 6.17-5.51 2.12 0 3.93.84 5.03 2.1.9.98 1.3 2.2 1.15 3.4zm-6.17-6.57c-1.61 0-2.92-1.3-2.92-2.9 0-1.6 1.31-2.9 2.92-2.9 1.61 0 2.92 1.3 2.92 2.9 0 1.6-1.31 2.9-2.92 2.9zM4.9 7.9a2.32 2.32 0 110-4.65 2.34 2.34 0 012.34 2.33 2.33 2.33 0 01-2.33 2.32zm.66.71l-.15.15a5.86 5.86 0 00-1.52 4.44H.21c.3-2.58 1.14-4.6 5.16-4.6l.2.01z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

#afreecatv_player .player_info .title h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: normal;
  font-family: "NG", AppleGothic; }

#afreecatv_player .player_info .title h1 a {
  display: block;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 26px; }

#afreecatv_player .player_info .title > a {
  overflow: hidden;
  display: none;
  overflow: hidden;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 96px;
  height: 17px;
  text-indent: -9999em;
  background-position: -100px -190px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #afreecatv_player .player_info .title h1 {
    font-weight: normal; } }
@-moz-document url-prefix() {
  #afreecatv_player .player_info .title h1 {
    font-weight: normal; } }
#afreecatv_player.mouseover .player_info {
  top: 0; }

.embeded_mode #afreecatv_player .player_info .title a {
  display: block; }

.smode #afreecatv_player .player_info,
.extend_mode #afreecatv_player .player_info,
.embeded_mode #afreecatv_player .player_info,
.smode #afreecatv_player .player_info .title,
.extend_mode #afreecatv_player .player_info .title,
.embeded_mode #afreecatv_player .player_info .title {
  display: block; }

/* 탐방사절 z-index 30     player_info   배포 후  tuneout css     ,  player_info  하위로 정리 필요   ex) .player_info .tuneout   */
#afreecatv_player .tuneout {
  position: absolute;
  z-index: 30;
  top: -40px;
  left: 0;
  right: 0;
  background-color: rgba(24, 64, 120, 0.8); }

#afreecatv_player .player_info .tuneout {
  display: none;
  position: static;
  z-index: auto; }

#afreecatv_player.video .player_info .tuneout {
  display: none !important; }

#afreecatv_player .tuneout p {
  cursor: default;
  padding: 7px;
  margin: 0;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-family: "NG", AppleGothic;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.2); }

@media (max-width: 857px) {
  #afreecatv_player .tuneout p {
    font-size: 14px; }

  #afreecatv_player .player_info .title {
    padding: 18px 10px 40px; }

  #afreecatv_player .player_info .title h1 {
    font-size: 18px; }

  #afreecatv_player .player_info .title div span {
    font-size: 14px; } }
.mini_mode #afreecatv_player .player_info {
  display: none; }

.mini_mode #afreecatv_player .tuneout p {
  font-size: 11px; }

/* 기본 중앙 로고 */
.default_logo {
  overflow: hidden;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em; }
  .default_logo:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 258px;
    height: 45px;
    margin: -22.5px 0 0 -129px;
    opacity: .5;
    background: url("/images/svg/logo_dark.svg") 0 0 no-repeat;
    background-size: 100% 100%; }

.default_logo.on {
  z-index: 2; }

/* ********************** */
/* ******** 컨트롤 ****** */
#afreecatv_player .player_ctrlBox {
  position: absolute;
  bottom: -120px;
  left: 0;
  right: 0;
  z-index: 20;
  clear: both;
  height: auto;
  max-height: 148px;
  min-height: 50px;
  outline: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0) 100%); }

#afreecatv_player .player_ctrlBox .ctrl {
  position: relative;
  margin: 20px 20px 0;
  min-height: 30px; }

#afreecatv_player .player_ctrlBox .ctrl::after {
  content: '';
  display: block;
  clear: both; }

/****************************/
/* *****  플레이버튼 *****  */
/* #afreecatv_player .player_ctrlBox .ctrl > button { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} */
#afreecatv_player .player_ctrlBox .play,
#afreecatv_player .player_ctrlBox .stop,
#afreecatv_player .player_ctrlBox .pause,
#afreecatv_player .player_ctrlBox .bnt_next_play,
#afreecatv_player .player_ctrlBox .btn_refresh {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 1px 15px 0 0; }

#afreecatv_player .player_ctrlBox .play {
  width: 15px;
  height: 15px;
  background-position: 1px 0; }

#afreecatv_player .player_ctrlBox .stop {
  width: 15px;
  height: 15px;
  background-position: -25px 1px; }

#afreecatv_player .player_ctrlBox .pause {
  width: 11px;
  height: 15px;
  background-position: -400px 1px; }

#afreecatv_player .player_ctrlBox .bnt_next_play {
  display: none;
  width: 13px;
  height: 15px;
  background-position: -350px 0px; }

#afreecatv_player .player_ctrlBox .btn_refresh {
  display: none;
  width: 12px;
  height: 15px;
  background-position: -375px 0px; }

#afreecatv_player .player_ctrlBox .play:hover {
  background-position: 1px -25px; }

#afreecatv_player .player_ctrlBox .stop:hover {
  background-position: -25px -24px; }

#afreecatv_player .player_ctrlBox .pause:hover {
  background-position: -400px -24px; }

#afreecatv_player .player_ctrlBox .bnt_next_play:hover {
  background-position: -350px -25px; }

#afreecatv_player .player_ctrlBox .btn_refresh:hover {
  background-position: -375px -25px; }

#afreecatv_player.current_blind .player_ctrlBox {
  z-index: 51;
  bottom: 0 !important; }

#afreecatv_player.current_blind .player_ctrlBox .progress,
#afreecatv_player.current_blind .player_ctrlBox .pause,
#afreecatv_player.current_blind .player_ctrlBox .stop,
#afreecatv_player.current_blind .player_ctrlBox .play,
#afreecatv_player.current_blind .player_ctrlBox .volume,
#afreecatv_player.current_blind .player_ctrlBox .live_state,
#afreecatv_player.current_blind .player_ctrlBox .btn_statistics,
#afreecatv_player.current_blind .player_ctrlBox .time_display,
#afreecatv_player.current_blind .player_ctrlBox .btn_pip_mode,
#afreecatv_player.current_blind .player_ctrlBox .quality_box,
#afreecatv_player.current_blind .player_ctrlBox .thunder {
  display: none !important; }

/****************************/
/* ******  음량버튼 ******  */
#afreecatv_player .player_ctrlBox .volume {
  height: 25px;
  margin-top: 1px;
  padding-right: 5px;
  float: left;
  overflow: hidden;
  min-width: 17px;
  transition: all 0.4s ease; }

#afreecatv_player .player_ctrlBox .volume .sound {
  position: relative;
  z-index: 5;
  float: left;
  width: 17px;
  height: 15px;
  background-position: -50px 0; }

#afreecatv_player .player_ctrlBox .volume .sound span {
  position: absolute;
  display: block;
  right: 0;
  top: 1px;
  width: 4px;
  height: 15px;
  background-position: -71px -50px; }

#afreecatv_player .player_ctrlBox .volume .sound span:first-child {
  background-position: -62px -50px;
  right: 3px; }

#afreecatv_player .player_ctrlBox .volume .sound.mute span {
  right: 0 !important;
  width: 6px;
  background-position: -50px -50px !important; }

#afreecatv_player .player_ctrlBox .volume:hover .sound {
  background-position: -50px -25px; }

#afreecatv_player .player_ctrlBox .volume:hover .sound span {
  background-position: -71px -75px; }

#afreecatv_player .player_ctrlBox .volume:hover .sound span:first-child {
  background-position: -62px -75px; }

#afreecatv_player .player_ctrlBox .volume:hover .sound.mute span {
  right: 0 !important;
  width: 6px;
  background-position: -50px -75px !important; }

#afreecatv_player .player_ctrlBox .volume .sound.small span {
  right: 3px;
  background-position: -62px -50px; }

#afreecatv_player .player_ctrlBox .volume:hover .small span {
  right: 3px;
  background-position: -62px -75px; }

/****************************/
/* ******  음량조절 ******  */
#afreecatv_player .player_ctrlBox .volume .volume_slider_wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: visible;
  cursor: pointer; }

#afreecatv_player .player_ctrlBox .volume .volume_slider {
  cursor: pointer;
  position: relative;
  z-index: 1;
  float: left;
  margin: 6px 0 0 -100px;
  height: 3px;
  width: 70px;
  background-color: #969696;
  border-radius: 2px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease; }

#afreecatv_player .player_ctrlBox .volume .volume_range {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background-color: #2cc6ff;
  text-indent: -9999em;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  border-radius: 1.5px;
  width: auto; }

#afreecatv_player .player_ctrlBox .volume .volume_handler {
  position: absolute;
  top: -3px;
  margin-left: -4.5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #2cc6ff; }

#afreecatv_player .player_ctrlBox .volume.bar_show .sound {
  margin-right: 8px; }
#afreecatv_player .player_ctrlBox .volume.bar_show .volume_slider {
  margin-left: 0px;
  opacity: 1; }

/****************************/
/* ***** 타임디스플레이 **** */
#afreecatv_player .player_ctrlBox .time_display {
  display: none;
  float: left;
  font-size: 12px;
  color: #fff;
  margin: 1px 0 0 5px;
  line-height: 1.3; }

#afreecatv_player .player_ctrlBox .time_display .time-current {
  color: #2cc6ff;
  padding-right: 5px; }

#afreecatv_player .player_ctrlBox .time_display .time-duration {
  padding-left: 3px; }

/***************************************/
/* ***** 타임머신 라이브 상태 표시 ***** */
#afreecatv_player.video .player_ctrlBox .live_state {
  display: none; }

#afreecatv_player .player_ctrlBox .live_state {
  float: left;
  position: relative;
  font-size: 12px;
  color: #fff;
  width: 38px;
  height: 14px;
  margin: 2px 0 0 5px;
  padding-left: 11px;
  font-family: 'NG',AppleGothic,sans-serif;
  letter-spacing: 1px;
  background-position: -52px -218px; }

#afreecatv_player .player_ctrlBox .live_state em {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #fff;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5; }

#afreecatv_player .player_ctrlBox .live_state span {
  display: none; }

#afreecatv_player .player_ctrlBox .live_state.on {
  opacity: 1;
  cursor: default;
  background-position: 1px -218px; }

#afreecatv_player .player_ctrlBox .live_state.on em {
  opacity: 1;
  background-color: #ff2830;
  box-shadow: 0 0 3px #ff2830; }

.en_US #afreecatv_player .player_ctrlBox .live_state em {
  margin-top: -3px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #afreecatv_player .player_ctrlBox .live_state em {
    margin-top: -1.5px; }

  .en_US #afreecatv_player .player_ctrlBox .live_state em {
    margin-top: -2px; } }
@-moz-document url-prefix() {
  #afreecatv_player .player_ctrlBox .live_state em {
    margin-top: -1.5px; }

  .en_US #afreecatv_player .player_ctrlBox .live_state em {
    margin-top: -2px; } }
.thunder {
  float: left;
  position: relative;
  font-size: 12px;
  color: #fff;
  margin: -4px 0 0 13px;
  font-family: 'NG',AppleGothic,sans-serif; }
  .thunder > button {
    overflow: visible;
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke=''  viewBox='0 0 27 27' %3e%3cpath fill-rule='evenodd' d='M13.5 0a13.5 13.5 0 100 27 13.5 13.5 0 000-27zm-3.2 24.3l2-9H5.8L16.7 2.7l-2 9h6.5L10.3 24.3z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
    .thunder > button .new {
      position: absolute;
      bottom: -1px;
      right: -5px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #ff6068 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 6 5'%3e%3cpath fill-rule='evenodd' d='M0 0v5h2V3h1v1h1v1h2V0H4v2H3V1H2V0H0'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 4px 4px;
      background-position: 50% 50%; }
    .thunder > button.on {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(254, 180, 2, 0.999)' stroke=''  viewBox='0 0 27 27' %3e%3cpath fill-rule='evenodd' d='M13.5 0a13.5 13.5 0 100 27 13.5 13.5 0 000-27zm-3.2 24.3l2-9H5.8L16.7 2.7l-2 9h6.5L10.3 24.3z'/%3e%3c/svg%3e") 0 0 no-repeat; }
    .thunder > button.off {
      cursor: default !important; }

.layer_tip {
  position: absolute;
  display: none;
  bottom: 100%;
  left: 50%;
  transform: translate(-30%, 0);
  box-sizing: border-box;
  min-width: 204px;
  margin-bottom: 10px;
  padding: 10px 15px 10px 48px;
  border: 1px solid #adadad;
  border-radius: 2px;
  background-color: #fff; }
  .layer_tip:before, .layer_tip:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 30%;
    transform: translate(-50%, 0); }
  .layer_tip:before {
    margin-bottom: 6px;
    border-top: 6px solid #adadad;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent; }
  .layer_tip:after {
    margin-bottom: 5px;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; }
  .layer_tip em.ic_thunder {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 27px;
    height: 27px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(182, 182, 182, 0.999)' stroke=''  viewBox='0 0 27 27' %3e%3cpath fill-rule='evenodd' d='M13.5 0a13.5 13.5 0 100 27 13.5 13.5 0 000-27zm-3.2 24.3l2-9H5.8L16.7 2.7l-2 9h6.5L10.3 24.3z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .layer_tip p {
    font-size: 12px;
    color: #666;
    line-height: 1.2;
    font-size: 12px;
    color: #333; }
    .layer_tip p strong {
      display: block;
      font-size: 13px;
      color: #3d82f6; }
      .layer_tip p strong span {
        color: #333;
        font-weight: normal; }
  .layer_tip .close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 15px;
    height: 15px;
    font: 0/0 a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 9px 9px;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  .layer_tip + .layer_tip {
    min-width: 245px;
    padding-right: 10px; }
    .layer_tip + .layer_tip em.ic_thunder {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(254, 180, 2, 0.999)' stroke=''  viewBox='0 0 27 27' %3e%3cpath fill-rule='evenodd' d='M13.5 0a13.5 13.5 0 100 27 13.5 13.5 0 000-27zm-3.2 24.3l2-9H5.8L16.7 2.7l-2 9h6.5L10.3 24.3z'/%3e%3c/svg%3e") 0 0 no-repeat; }

/************************/
/************************/
/** 컨트롤바 우측 버튼 **/
#afreecatv_player .right_ctrl {
  position: absolute;
  z-index: 6;
  bottom: 10px;
  right: 20px;
  color: #fff; }

#afreecatv_player .right_ctrl .btn_setting,
#afreecatv_player .right_ctrl .quality_box,
#afreecatv_player .btn_smode,
#afreecatv_player .btn_extend_mode,
#afreecatv_player .btn_pip_mode,
#afreecatv_player .btn_afreecatv,
#afreecatv_player .btn_share,
#afreecatv_player .btn_random,
#afreecatv_player .btn_change,
#afreecatv_player .btn_chat {
  overflow: visible;
  position: relative;
  float: left;
  height: 15px;
  margin-left: 15px; }

/* ******  화질     ******  */
#afreecatv_player .right_ctrl .quality_box {
  position: relative;
  min-width: 68px;
  line-height: 1.2; }

#afreecatv_player .right_ctrl .quality_box button {
  top: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90); }

#afreecatv_player .right_ctrl .quality_box button span {
  position: relative;
  display: inline-block;
  height: 15px;
  vertical-align: top;
  line-height: 14px;
  padding-right: 8px;
  color: #fff;
  background-repeat: no-repeat;
  *padding-bottom: 3px; }

#afreecatv_player .right_ctrl .quality_box > button span:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px;
  width: 6px;
  height: 3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 7 4'%3e%3cpath fill-rule='evenodd' d='M0 0h7L3.5 4z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg); }

#afreecatv_player .right_ctrl .quality_box > button:hover span:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 198, 255, 0.999)' stroke='' viewBox='0 0 7 4'%3e%3cpath fill-rule='evenodd' d='M0 0h7L3.5 4z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #afreecatv_player .right_ctrl .quality_box button span {
    line-height: 16px; } }
@-moz-document url-prefix() {
  #afreecatv_player .right_ctrl .quality_box button span {
    line-height: 1.2; } }
#afreecatv_player .right_ctrl .quality_box button:hover span {
  color: #2cc6ff;
  background-position: right -19px; }

#afreecatv_player .right_ctrl .quality_box ul {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  bottom: 24px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  list-style: none;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease; }

#afreecatv_player .right_ctrl .quality_box ul li {
  height: 30px; }

#afreecatv_player .right_ctrl .quality_box ul li button {
  display: block;
  width: 100%;
  margin: 0;
  vertical-align: middle; }

#afreecatv_player .right_ctrl .quality_box ul li button span {
  *display: block;
  padding: 0;
  *padding-top: 8px;
  *height: 22px;
  background: none !important;
  line-height: 1.4; }

#afreecatv_player .right_ctrl .quality_box.off {
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5; }

#afreecatv_player .right_ctrl .quality_box.off button {
  cursor: default; }

#afreecatv_player .right_ctrl .quality_box.off button:hover span {
  color: #fff;
  background-position: right 6px; }

#afreecatv_player .right_ctrl .quality_box.off ul {
  height: 0;
  opacity: 0;
  -moz-opacity: 0; }

#afreecatv_player.mouseover .right_ctrl .quality_box.on ul {
  height: auto;
  opacity: 1; }

#afreecatv_player .right_ctrl .quality_box.on > button span:before {
  transform: rotate(0); }

/* ******  플레이어 타입 관련 셋팅버튼 *********  */
#afreecatv_player .right_ctrl .setting_box {
  position: relative;
  float: left;
  width: 15px;
  height: 15px;
  margin-left: 15px;
  opacity: 1; }

#afreecatv_player .right_ctrl .setting_box.off {
  opacity: .5; }

#afreecatv_player .right_ctrl .setting_box .btn_setting {
  width: 15px;
  margin: 0;
  text-indent: -9999em;
  font-size: 0;
  color: transparent;
  background-position: -425px -50px;
  overflow: visible; }

#afreecatv_player .right_ctrl .setting_box.off .btn_setting {
  cursor: default; }

#afreecatv_player .right_ctrl .setting_box .btn_setting:hover {
  background-position: -425px -75px; }

#afreecatv_player .right_ctrl .setting_box.off .btn_setting:hover {
  -webkit-animation-name: none;
  animation-name: none;
  background-position: -425px -50px; }

#afreecatv_player .right_ctrl .setting_box.off div {
  display: none !important; }

#afreecatv_player .right_ctrl .setting_box .tooltip {
  right: auto; }

#afreecatv_player.mouseover .right_ctrl .setting_box div {
  display: none; }

#afreecatv_player .right_ctrl .setting_box .setting_list {
  transition: all 0.3s ease;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  display: block !important;
  height: 0;
  left: 50%;
  bottom: 24px;
  padding: 0;
  min-width: auto;
  min-height: auto;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.7);
  transform: translate(-50%, 0); }

#afreecatv_player .right_ctrl .setting_box .setting_list button {
  height: 30px;
  padding: 5px 10px; }

#afreecatv_player .right_ctrl .setting_box .setting_list > button,
#afreecatv_player .right_ctrl .setting_box .setting_list button#btnCheckPlayerState {
  background: none; }

#afreecatv_player .right_ctrl .setting_box .setting_list button strong {
  font-size: 12px;
  color: #fff;
  font-weight: normal; }

#afreecatv_player .right_ctrl .setting_box .setting_list button span {
  font-size: 12px;
  color: #fff; }

#afreecatv_player .right_ctrl .setting_box.on .setting_list {
  opacity: 1;
  height: auto; }

/* ********************************* */
/* ********************************* */
/* 편집각 */
#afreecatv_player .right_ctrl .edit_angle_box {
  display: none;
  float: left;
  height: 19px;
  margin: 0 0 0 15px;
  opacity: 1; }

#afreecatv_player .right_ctrl .edit_angle_box > button {
  overflow: hidden;
  position: relative;
  display: block;
  height: 19px;
  margin-top: -2px;
  padding-right: 15px;
  color: #fff;
  opacity: .9;
  font-size: 12px; }

#afreecatv_player .right_ctrl .edit_angle_box > button:after {
  content: '';
  position: absolute;
  right: 0;
  top: 4px;
  width: 1px;
  height: 11px;
  background-color: #636469; }

#afreecatv_player .right_ctrl .edit_angle_box > button em {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 4px 0 0;
  background-position: -375px -120px; }

#afreecatv_player .right_ctrl .edit_angle_box > button span {
  position: relative;
  vertical-align: 5px; }

#afreecatv_player .right_ctrl .edit_angle_box > button:hover {
  color: #11a3ff; }

#afreecatv_player .right_ctrl .edit_angle_box > button:hover em {
  background-position: -375px -145px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  opacity: 0;
  bottom: 45px;
  right: 0px;
  min-width: 250px;
  max-height: 180px;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  background: url("/images/afreecatv_player/transparent_0.7.png") repeat;
  font-size: 13px;
  list-style: none; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer.bj {
  min-width: 358px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li {
  border-top: 1px solid #2f292f;
  border-bottom: 1px solid transparent;
  padding: 8px;
  cursor: pointer; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li:first-child {
  border-top: 0; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li div {
  color: #fff; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li div span {
  position: relative;
  display: inline-block;
  min-width: 120px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li div span:first-child {
  min-width: auto;
  padding-right: 12px;
  margin-right: 12px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li div span:first-child:after {
  content: '';
  position: absolute;
  right: 0;
  top: 2px;
  width: 1px;
  height: 12px;
  background-color: #2a2b34; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li div span em {
  display: inline-block;
  margin: -3px 0 -2px 5px;
  padding: 3px 6px 1px;
  font-size: 14px;
  color: #50d8ff;
  border: 1px solid #50d8ff;
  border-radius: 9px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li button {
  display: none;
  float: right;
  margin-top: -2px;
  padding: 2px 4px;
  background-color: #0085f6;
  color: #fff;
  font-size: 11px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer.bj li button {
  display: block; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer.bj li button.btn_delete {
  background-color: #f70a0a; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer.bj li:first-child button {
  margin-top: 0px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li:hover {
  background-color: rgba(255, 255, 255, 0.3); }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li.on {
  border: 1px solid #008aff;
  border-right-width: 2px;
  border-left-width: 2px; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li.on div {
  color: #008aff; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li.on + li {
  border-top-color: transparent; }

#afreecatv_player .right_ctrl .edit_angle_box.on .edit_angle_layer {
  opacity: 1;
  z-index: auto;
  display: block; }

#afreecatv_player .right_ctrl .edit_angle_box.on > button {
  color: #11a3ff; }

#afreecatv_player .right_ctrl .edit_angle_box.on > button em {
  background-position: -375px -145px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li button {
    margin-top: -4px; }

  #afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer.bj li:first-child button {
    margin-top: -2px; }

  #afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li div span em {
    padding: 2px 6px; } }
@-moz-document url-prefix() {
  #afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li button {
    margin-top: -4px; }

  #afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer.bj li:first-child button {
    margin-top: -2px; }

  #afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer li div span em {
    padding: 2px 6px; } }
/* SCROLLBAR IE */
#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer {
  scrollbar-arrow-color: #9D9992;
  scrollbar-3dlight-color: #D4D0C8;
  scrollbar-darkshadow-color: #D4D0C8;
  scrollbar-face-color: #FFFFFF;
  scrollbar-hightlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-track-color: #EAE7E1; }

/* SCROLLBAR Chrome Safari */
#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border: 1px solid black; }

#afreecatv_player .right_ctrl .edit_angle_box .edit_angle_layer::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: rgba(0, 0, 0, 0.7); }

/* ********************************* */
/* ********************************* */
/*  *********** 별별통계 ************ */
#afreecatv_player .btn_statistics {
  float: left;
  color: #fff;
  font-size: 12px;
  margin: -2px 0 0 15px;
  line-height: 18px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9; }

#afreecatv_player .btn_statistics em {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 4px -5px 0;
  background-position: -405px -120px; }

#afreecatv_player .btn_statistics:hover,
#afreecatv_player .btn_statistics.on {
  color: #11a3ff; }

#afreecatv_player .btn_statistics:hover em,
#afreecatv_player .btn_statistics.on em {
  background-position: -405px -145px; }

#afreecatv_player .statistics_list {
  overflow: hidden;
  position: absolute;
  z-index: -1;
  top: -50px;
  bottom: 100%;
  right: 20px;
  width: 245px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0; }

#afreecatv_player .statistics_list .statistics_list_header {
  line-height: 24px;
  text-indent: 20px;
  font-size: 14px;
  color: #00b4ff;
  background-color: rgba(41, 41, 41, 0.75);
  border: 1px solid #000; }

#afreecatv_player .statistics_list .statistics_list_header span {
  vertical-align: -2px; }

#afreecatv_player .statistics_list .statistics_list_contents {
  position: absolute;
  top: 27px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto; }

#afreecatv_player .statistics_list .statistics_list_contents span {
  display: block;
  border-bottom: 1px solid #000;
  width: 0;
  height: 0; }

#afreecatv_player .statistics_list ul {
  max-width: 100%;
  overflow: auto;
  background: rgba(41, 41, 41, 0.75);
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #000;
  border-top: none; }

#afreecatv_player .statistics_list ul li {
  border: 1px solid transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

#afreecatv_player .statistics_list ul li button {
  display: block;
  width: 100%;
  line-height: 35px;
  color: #fff;
  text-indent: 20px;
  font-size: 13px;
  text-align: left; }

#afreecatv_player .statistics_list ul li:hover,
#afreecatv_player .statistics_list ul li.on {
  border: 1px solid #00ee8c; }

#afreecatv_player .statistics_list ul li:hover button {
  color: #00ee8c; }

#afreecatv_player .statistics_list ul li.on button {
  color: #00ee8c; }

#afreecatv_player .graph_wrap {
  position: absolute;
  z-index: 1;
  bottom: 50px;
  top: 100%;
  left: 20px;
  right: 20px;
  background: rgba(41, 41, 41, 0.75);
  border: 1px solid #000;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0; }

#afreecatv_player .statistics_list .close,
#afreecatv_player .graph_wrap .close {
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: -23px;
  right: 0px;
  width: 17px;
  height: 17px;
  text-indent: -9999em;
  background-position: -57px -97px;
  opacity: .7;
  background-color: rgba(41, 41, 41, 0.75);
  border: 1px solid #000; }

#afreecatv_player .statistics_list .close {
  top: 8px;
  right: 8px;
  width: 11px;
  height: 11px;
  border: none;
  background-color: transparent;
  background-position: -60px -100px; }

#afreecatv_player .graph_wrap .close:hover {
  opacity: 1; }

#afreecatv_player .statistics_graph,
#afreecatv_player .revitalize_graph,
#afreecatv_player .graph_hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

#afreecatv_player .statistics_graph {
  z-index: 1; }

#afreecatv_player .revitalize_graph {
  z-index: 2; }

#afreecatv_player .graph_hover {
  z-index: 3; }

#afreecatv_player .revitalize_graph > div {
  position: relative;
  overflow: hidden;
  height: 100%; }

#afreecatv_player .statistics_section {
  position: absolute;
  z-index: 19;
  bottom: 0;
  left: 20px;
  right: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0; }

#afreecatv_player .statistics_section button {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 26px;
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid #fff;
  border-radius: 13px;
  color: #fff; }

#afreecatv_player .statistics_section button span {
  display: inline-block;
  position: relative;
  padding-right: 13px;
  height: 100%;
  line-height: 23px; }

#afreecatv_player .statistics_section button span em {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 5px solid #fff; }

#afreecatv_player .statistics_section button:first-child {
  right: auto;
  left: 0; }

#afreecatv_player .statistics_section button:first-child span {
  padding: 0 0 0 13px; }

#afreecatv_player .statistics_section button:first-child span em {
  left: 0;
  right: auto;
  border: 4px solid transparent;
  border-right: 5px solid #fff; }

#afreecatv_player .statistics_section button:hover {
  border: 1px solid #00b4ff;
  color: #00b4ff; }

#afreecatv_player .statistics_section button:hover em {
  right: -4px;
  border-left-color: #00b4ff; }

#afreecatv_player .statistics_section button:first-child:hover em {
  left: -4px;
  right: auto;
  border-right-color: #00b4ff;
  border-left-color: transparent; }

@media screen and (max-width: 700px) {
  #afreecatv_player .btn_statistics {
    font-size: 0; } }
/* 그래프 출력 모션 */
#afreecatv_player .statistics_list.on {
  top: 20px;
  bottom: 50px; }

#afreecatv_player .statistics_section.on {
  bottom: 65px; }

#afreecatv_player .statistics_list.on.graph_on {
  bottom: 59%; }

#afreecatv_player .statistics_list.on.section_on {
  bottom: 100px; }

#afreecatv_player .graph_wrap.on {
  top: 50%; }

#afreecatv_player .statistics_list.on,
#afreecatv_player .statistics_section.on,
#afreecatv_player .graph_wrap.on {
  z-index: 19;
  opacity: 1; }

#afreecatv_player .statistics_list.on {
  z-index: 42; }

/* 방송정보 확장출력에 따른 상단 타이틀 겹침 해결  */
/* SCROLLBAR IE */
#afreecatv_player .statistics_list .statistics_list_contents {
  scrollbar-face-color: #6a6b6d;
  scrollbar-shadow-color: #77787b;
  scrollbar-highlight-color: #77787b;
  scrollbar-3dlight-color: #2a2b30;
  scrollbar-darkshadow-color: #2a2b30;
  scrollbar-track-color: #2a2b30;
  scrollbar-arrow-color: #6f7073; }

/* SCROLLBAR Chrome Safari */
#afreecatv_player .statistics_list .statistics_list_contents::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.8); }

#afreecatv_player .statistics_list .statistics_list_contents::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: rgba(0, 0, 0, 0.8); }

#afreecatv_player .statistics_list .statistics_list_contents::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px; }

#afreecatv_player .statistics_list .statistics_list_contents::-webkit-scrollbar-thumb {
  height: 50px;
  width: 50px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); }

/* 모션용 속성 */
#afreecatv_player .statistics_list,
#afreecatv_player .statistics_list ul,
#afreecatv_player .statistics_list ul li,
#afreecatv_player .statistics_list ul li button,
#afreecatv_player .statistics_list .close,
#afreecatv_player .graph_wrap,
#afreecatv_player .graph_wrap .close,
#afreecatv_player .statistics_graph,
#afreecatv_player .statistics_section,
#afreecatv_player .statistics_section button,
#afreecatv_player .statistics_section button em,
#afreecatv_player .center_btn .volume_icon span {
  transition: all 0.3s ease-in-out; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #afreecatv_player .statistics_section button span {
    line-height: 26px; } }
@-moz-document url-prefix() {
  #afreecatv_player .statistics_section button span {
    line-height: 26px; } }
/* ******  씨네마모드 *********  */
#afreecatv_player .btn_smode {
  width: 24px;
  background-position: -75px 0; }

#afreecatv_player .btn_smode:hover {
  background-position: -75px -25px; }

/* ******  전체모드 ******  */
#afreecatv_player .btn_extend_mode {
  width: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(239, 239, 239, 0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath fill-rule='evenodd' d='M11.494 9.737l.101.09 4.367 4.368v-2.983c0-.648.491-1.18 1.122-1.244l.128-.006c.647 0 1.18.491 1.243 1.122l.007.128v6l-.001.036-.003.06.004-.096c0 .053-.004.105-.01.157l-.01.068-.012.054c-.005.024-.012.048-.019.073l-.013.043c-.009.025-.018.05-.029.076a.325.325 0 01-.018.043c-.01.022-.02.044-.032.065l-.03.054c-.01.02-.023.038-.035.057l-.03.042c-.014.02-.029.04-.044.058-.053.065-.113.125-.178.178l.093-.085c-.047.048-.098.091-.151.13l-.042.029-.057.036-.053.029a.8224.8224 0 01-.067.032.2654.2654 0 01-.042.018l-.077.029-.041.013-.075.02-.052.01c-.024.004-.047.008-.07.01l-.029.004-.032.003-.059.003h-6.036c-.69 0-1.25-.56-1.25-1.25 0-.647.491-1.179 1.122-1.243l.128-.006h2.983l-4.367-4.367c-.489-.488-.489-1.28 0-1.767.455-.456 1.175-.486 1.666-.091zM7.212-.038c.69 0 1.25.56 1.25 1.25 0 .647-.492 1.18-1.123 1.243l-.127.007H4.229l4.366 4.366c.489.488.489 1.28 0 1.767-.455.456-1.175.486-1.666.092l-.101-.092L2.462 4.23v2.983c0 .647-.492 1.18-1.123 1.243l-.127.007c-.648 0-1.18-.492-1.244-1.123l-.006-.127V1.19c0-.027.001-.054.004-.08l-.004.1c0-.053.003-.105.01-.157.002-.022.006-.045.01-.068l.01-.054.02-.073.013-.043C.034.791.043.766.054.74.059.725.066.71.072.697.082.675.092.653.104.632l.03-.054C.144.559.157.54.169.52L.2.48C.212.46.227.44.242.421.296.356.356.296.421.243L.328.328C.375.28.426.237.479.198L.521.17.578.134l.053-.03A.8224.8224 0 01.698.072.3312.3312 0 01.74.054L.817.025.858.012l.075-.02.052-.01c.024-.004.047-.008.07-.01l.029-.004.027-.002a.7026.7026 0 01.08-.004h6.02z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

#afreecatv_player .btn_extend_mode:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 198, 255, 0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath fill-rule='evenodd' d='M11.494 9.737l.101.09 4.367 4.368v-2.983c0-.648.491-1.18 1.122-1.244l.128-.006c.647 0 1.18.491 1.243 1.122l.007.128v6l-.001.036-.003.06.004-.096c0 .053-.004.105-.01.157l-.01.068-.012.054c-.005.024-.012.048-.019.073l-.013.043c-.009.025-.018.05-.029.076a.325.325 0 01-.018.043c-.01.022-.02.044-.032.065l-.03.054c-.01.02-.023.038-.035.057l-.03.042c-.014.02-.029.04-.044.058-.053.065-.113.125-.178.178l.093-.085c-.047.048-.098.091-.151.13l-.042.029-.057.036-.053.029a.8224.8224 0 01-.067.032.2654.2654 0 01-.042.018l-.077.029-.041.013-.075.02-.052.01c-.024.004-.047.008-.07.01l-.029.004-.032.003-.059.003h-6.036c-.69 0-1.25-.56-1.25-1.25 0-.647.491-1.179 1.122-1.243l.128-.006h2.983l-4.367-4.367c-.489-.488-.489-1.28 0-1.767.455-.456 1.175-.486 1.666-.091zM7.212-.038c.69 0 1.25.56 1.25 1.25 0 .647-.492 1.18-1.123 1.243l-.127.007H4.229l4.366 4.366c.489.488.489 1.28 0 1.767-.455.456-1.175.486-1.666.092l-.101-.092L2.462 4.23v2.983c0 .647-.492 1.18-1.123 1.243l-.127.007c-.648 0-1.18-.492-1.244-1.123l-.006-.127V1.19c0-.027.001-.054.004-.08l-.004.1c0-.053.003-.105.01-.157.002-.022.006-.045.01-.068l.01-.054.02-.073.013-.043C.034.791.043.766.054.74.059.725.066.71.072.697.082.675.092.653.104.632l.03-.054C.144.559.157.54.169.52L.2.48C.212.46.227.44.242.421.296.356.356.296.421.243L.328.328C.375.28.426.237.479.198L.521.17.578.134l.053-.03A.8224.8224 0 01.698.072.3312.3312 0 01.74.054L.817.025.858.012l.075-.02.052-.01c.024-.004.047-.008.07-.01l.029-.004.027-.002a.7026.7026 0 01.08-.004h6.02z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

/* ******  pip모드 ******  */
#afreecatv_player .btn_pip_mode {
  width: 24px;
  background-position: -275px -50px; }

#afreecatv_player .btn_pip_mode:hover {
  background-position: -275px -70px; }

#afreecatv_player .btn_pip_mode.off {
  background-position: -300px -50px; }

#afreecatv_player .btn_pip_mode.off:hover {
  background-position: -300px -70px; }

/* ******  임베디드 로고  *********  */
#afreecatv_player .btn_afreecatv, #afreecatv_player .btn_share {
  display: none;
  overflow: hidden;
  text-indent: -9999em; }

#afreecatv_player .btn_afreecatv {
  display: none;
  width: 77px;
  background-position: -100px -50px; }

#afreecatv_player .btn_afreecatv:hover {
  background-position: -100px -75px; }

/* ******  공유 *********  */
#afreecatv_player .btn_share {
  display: none;
  width: 18px;
  background-position: -175px 0px; }

#afreecatv_player .btn_share:hover {
  background-position: -175px -25px; }

/* ******  채팅 *********  */
#afreecatv_player .btn_chat {
  display: none;
  width: 18px;
  height: 16px;
  margin-top: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(239, 239, 239, 0.999)' stroke='' viewBox='0 0 19 15'%3e %3cpath d='M15.73 11.81l.12 2.67a.5.5 0 01-.24.45.48.48 0 01-.5 0l-2.9-1.85a9.44 9.44 0 01-2.57 0 6.6 6.6 0 01-4.13.64l-2.02 1.2a.48.48 0 01-.51-.01.5.5 0 01-.23-.46l.15-1.78A4.54 4.54 0 01.84 8.86 4.46 4.46 0 013.1 5.23C3.86 2.25 7.06 0 10.88 0c4.4 0 7.96 2.96 7.96 6.59a6.28 6.28 0 01-3.11 5.22zM3.65 9.31a5.96 5.96 0 01-.32-.67l-.06-.15a5.52 5.52 0 01-.34-1.88v-.02a3.28 3.28 0 00-1.11 2.3c-.04 1.19.65 2.35 1.84 3.1.16.1.25.28.23.46l-.09 1.13 1.38-.81c.1-.06.22-.08.33-.06a5.74 5.74 0 002.36-.03c-.33-.11-.63-.24-.93-.38l-.27-.13a8.32 8.32 0 01-1.8-1.28 7.1 7.1 0 01-1.22-1.58zM10.88 1C7.43 1 4.55 3.03 4.01 5.67a6.05 6.05 0 00-.1.92l.03.54.03.15.07.38.05.18.1.33.08.18a4.48 4.48 0 00.42.8l.1.14.25.34.08.1c.12.14.25.28.38.4v.01c.14.14.3.27.45.4a6.31 6.31 0 00.46.34l.2.1.3.2.27.14.24.11a6.86 6.86 0 001.07.4c.37.1.75.19 1.14.25h.01a8.77 8.77 0 002.68-.02c.09 0 .18.03.26.07l2.25 1.44-.1-2.01a.5.5 0 01.25-.46c1.8-1.05 2.88-2.74 2.88-4.51C17.86 3.5 14.73 1 10.9 1zm2.63 6.77c-.57 0-1.04-.47-1.04-1.06 0-.59.47-1.07 1.04-1.07.58 0 1.05.48 1.05 1.07 0 .58-.47 1.06-1.05 1.06zm-2.77 0c-.57 0-1.04-.47-1.04-1.06 0-.59.47-1.07 1.04-1.07.58 0 1.05.48 1.05 1.07 0 .58-.47 1.06-1.05 1.06zm-2.77 0c-.57 0-1.04-.47-1.04-1.06 0-.59.47-1.07 1.04-1.07.58 0 1.05.48 1.05 1.07 0 .58-.47 1.06-1.04 1.06z' /%3e %3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

#afreecatv_player .btn_chat.on,
#afreecatv_player .btn_chat:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 198, 255, 0.999)' stroke='' viewBox='0 0 19 15'%3e %3cpath d='M15.73 11.81l.12 2.67a.5.5 0 01-.24.45.48.48 0 01-.5 0l-2.9-1.85a9.44 9.44 0 01-2.57 0 6.6 6.6 0 01-4.13.64l-2.02 1.2a.48.48 0 01-.51-.01.5.5 0 01-.23-.46l.15-1.78A4.54 4.54 0 01.84 8.86 4.46 4.46 0 013.1 5.23C3.86 2.25 7.06 0 10.88 0c4.4 0 7.96 2.96 7.96 6.59a6.28 6.28 0 01-3.11 5.22zM3.65 9.31a5.96 5.96 0 01-.32-.67l-.06-.15a5.52 5.52 0 01-.34-1.88v-.02a3.28 3.28 0 00-1.11 2.3c-.04 1.19.65 2.35 1.84 3.1.16.1.25.28.23.46l-.09 1.13 1.38-.81c.1-.06.22-.08.33-.06a5.74 5.74 0 002.36-.03c-.33-.11-.63-.24-.93-.38l-.27-.13a8.32 8.32 0 01-1.8-1.28 7.1 7.1 0 01-1.22-1.58zM10.88 1C7.43 1 4.55 3.03 4.01 5.67a6.05 6.05 0 00-.1.92l.03.54.03.15.07.38.05.18.1.33.08.18a4.48 4.48 0 00.42.8l.1.14.25.34.08.1c.12.14.25.28.38.4v.01c.14.14.3.27.45.4a6.31 6.31 0 00.46.34l.2.1.3.2.27.14.24.11a6.86 6.86 0 001.07.4c.37.1.75.19 1.14.25h.01a8.77 8.77 0 002.68-.02c.09 0 .18.03.26.07l2.25 1.44-.1-2.01a.5.5 0 01.25-.46c1.8-1.05 2.88-2.74 2.88-4.51C17.86 3.5 14.73 1 10.9 1zm2.63 6.77c-.57 0-1.04-.47-1.04-1.06 0-.59.47-1.07 1.04-1.07.58 0 1.05.48 1.05 1.07 0 .58-.47 1.06-1.05 1.06zm-2.77 0c-.57 0-1.04-.47-1.04-1.06 0-.59.47-1.07 1.04-1.07.58 0 1.05.48 1.05 1.07 0 .58-.47 1.06-1.05 1.06zm-2.77 0c-.57 0-1.04-.47-1.04-1.06 0-.59.47-1.07 1.04-1.07.58 0 1.05.48 1.05 1.07 0 .58-.47 1.06-1.04 1.06z' /%3e %3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

/* ******  채팅 *********  */
#afreecatv_player .btn_change {
  display: none;
  width: 16px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(239, 239, 239, 0.999)' stroke='' viewBox='0 0 16 12' %3e%3cpath d='M15.79 3.55l-2.5 2.5a.54.54 0 01-.91-.39v-2H2.9a.5.5 0 110-.99h9.48v-2c0-.47.57-.7.91-.37l2.5 2.5c.2.2.2.54 0 .75zM3.6 6.27v2h9.48a.5.5 0 110 1H3.6v2c0 .47-.58.7-.91.37l-2.5-2.5a.54.54 0 010-.75l2.5-2.5c.33-.33.91-.1.91.38z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#afreecatv_player .btn_change:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 198, 255, 0.999)' stroke='' viewBox='0 0 16 12' %3e%3cpath d='M15.79 3.55l-2.5 2.5a.54.54 0 01-.91-.39v-2H2.9a.5.5 0 110-.99h9.48v-2c0-.47.57-.7.91-.37l2.5 2.5c.2.2.2.54 0 .75zM3.6 6.27v2h9.48a.5.5 0 110 1H3.6v2c0 .47-.58.7-.91.37l-2.5-2.5a.54.54 0 010-.75l2.5-2.5c.33-.33.91-.1.91.38z'/%3e%3c/svg%3e") 0 0 no-repeat; }

/* ******  채팅 *********  */
#afreecatv_player .btn_random {
  display: none;
  width: 18px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(239, 239, 239, 0.999)' stroke='' viewBox='0 0 18 14'%3e%3cpath d='M15.6 5.44a.44.44 0 01-.74-.3V3.6h-2.3a2.2 2.2 0 00-1.63.72l-.78.86a.5.5 0 01-.72.03.51.51 0 01-.04-.72l.79-.86a3.24 3.24 0 012.38-1.05h2.3V1.07c0-.4.47-.59.74-.31l2.03 2.03c.17.17.17.45 0 .62L15.6 5.44zm-3.04 4.86h2.3V8.78c0-.39.47-.58.74-.3l2.03 2.03c.17.17.17.44 0 .61l-2.03 2.04a.44.44 0 01-.74-.31v-1.52h-2.3c-.9 0-1.77-.39-2.38-1.06L4.76 4.33a2.2 2.2 0 00-1.63-.72H1.36a.51.51 0 010-1.02h1.77c.9 0 1.78.38 2.39 1.05l5.41 5.94c.42.46 1.01.72 1.63.72zm-11.2 0h1.77a2.2 2.2 0 001.63-.72l.96-1.05c.2-.21.52-.23.73-.04.2.2.22.52.03.73l-.96 1.05a3.23 3.23 0 01-2.39 1.06H1.36a.51.51 0 110-1.03z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#afreecatv_player .btn_random:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 198, 255, 0.999)' stroke='' viewBox='0 0 18 14'%3e%3cpath d='M15.6 5.44a.44.44 0 01-.74-.3V3.6h-2.3a2.2 2.2 0 00-1.63.72l-.78.86a.5.5 0 01-.72.03.51.51 0 01-.04-.72l.79-.86a3.24 3.24 0 012.38-1.05h2.3V1.07c0-.4.47-.59.74-.31l2.03 2.03c.17.17.17.45 0 .62L15.6 5.44zm-3.04 4.86h2.3V8.78c0-.39.47-.58.74-.3l2.03 2.03c.17.17.17.44 0 .61l-2.03 2.04a.44.44 0 01-.74-.31v-1.52h-2.3c-.9 0-1.77-.39-2.38-1.06L4.76 4.33a2.2 2.2 0 00-1.63-.72H1.36a.51.51 0 010-1.02h1.77c.9 0 1.78.38 2.39 1.05l5.41 5.94c.42.46 1.01.72 1.63.72zm-11.2 0h1.77a2.2 2.2 0 001.63-.72l.96-1.05c.2-.21.52-.23.73-.04.2.2.22.52.03.73l-.96 1.05a3.23 3.23 0 01-2.39 1.06H1.36a.51.51 0 110-1.03z'/%3e%3c/svg%3e") 0 0 no-repeat; }

/* 스크린모드시 채팅 출력 버튼 수정 */
.smode_chatbtn {
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 41;
  z-index: -1;
  width: 50px;
  height: 50px; }

.smode_chatbtn a, .smode_chatbtn button {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -1111px;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  opacity: .8; }

.smode_chatbtn a:before,
.smode_chatbtn button:before {
  content: '';
  opacity: .5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 33px;
  height: 28px; }

.smode_chatbtn a:before,
.smode_chatbtn button:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 21 18'%3e%3cpath d='M17.26 13.65l.16 3.67-3.64-2.4c-.55.09-1.12.14-1.7.14-4.94 0-8.93-3.37-8.93-7.53S7.15 0 12.07 0C17 0 21 3.37 21 7.53c0 2.52-1.47 4.75-3.73 6.12zm-8.7-7.21a.76.76 0 00-.74.78c0 .44.34.79.75.79.4 0 .74-.35.74-.79a.76.76 0 00-.74-.78zm3.5 0c-.41 0-.75.35-.75.78 0 .44.34.79.75.79.4 0 .74-.35.74-.79a.76.76 0 00-.74-.78zm3.49-.02a.76.76 0 00-.74.78c0 .43.33.78.74.78.4 0 .74-.35.74-.78a.76.76 0 00-.74-.78zm-5.72 9.21a6.97 6.97 0 01-4.95.78L2.28 18l.2-2.57a5.1 5.1 0 01-2.49-4.37 5.02 5.02 0 012.64-4.13c-.09.42-.14.86-.14 1.3 0 3.7 3.17 6.77 7.34 7.4z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.smode_chatbtn a:hover:before,
.smode_chatbtn button:hover:before {
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 21 18'%3e %3cpath fill='%23FFF' d='M17.32 13.76l.16 3.58L13.9 15c-.55.09-1.11.13-1.69.13-4.86 0-8.8-3.28-8.8-7.33C3.4 3.75 7.33.47 12.2.47 17.06.47 21 3.75 21 7.8c0 2.46-1.45 4.63-3.68 5.96zM9.99 15.7a6.97 6.97 0 01-4.9.76L2.54 18l.2-2.5a4.95 4.95 0 01-2.46-4.26 4.89 4.89 0 012.6-4.02 6.2 6.2 0 00-.13 1.26c0 3.6 3.13 6.6 7.25 7.21z' /%3e %3cpath fill='%233D82F6' d='M16.35 9.23c-.67 0-1.21-.56-1.21-1.25 0-.7.54-1.25 1.21-1.25.68 0 1.22.56 1.22 1.25 0 .7-.54 1.25-1.22 1.25zm-4.2 0c-.68 0-1.22-.56-1.22-1.25 0-.7.54-1.25 1.21-1.25.67 0 1.22.56 1.22 1.25 0 .7-.54 1.25-1.22 1.25zm-4.22 0c-.67 0-1.22-.56-1.22-1.25 0-.7.55-1.25 1.22-1.25.67 0 1.22.56 1.22 1.25 0 .7-.55 1.25-1.22 1.25z' /%3e %3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.smode_chatbtn a:hover,
.smode_chatbtn button:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.7); }

.chat_open #afreecatv_player:hover .smode_chatbtn,
.chat_open.embeded_mode #afreecatv_player:hover .smode_chatbtn {
  display: none; }

.smode #afreecatv_player.mouseover:hover .smode_chatbtn,
.extend_mode #afreecatv_player.mouseover:hover .smode_chatbtn,
.embeded_mode #afreecatv_player.mouseover:hover .smode_chatbtn {
  opacity: 1;
  z-index: 41;
  display: block; }

/* ****************** */
/* ****** 중앙버튼 ****** */
#afreecatv_player .center_btn {
  position: absolute;
  z-index: 25;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%; }

#afreecatv_player .center_btn button {
  display: block;
  width: 100%;
  height: 100%; }

#afreecatv_player .center_btn span {
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
  font: 0/0 a;
  text-indent: -9999em; }

#afreecatv_player .center_btn .btn_cneter_play span {
  height: 42px;
  width: 38px;
  background-position: -225px -50px; }

#afreecatv_player .center_btn .btn_cneter_pause span {
  height: 41px;
  width: 34px;
  background-position: -225px -100px; }

#afreecatv_player .center_btn .volume_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21.5px 0 0 -24px;
  width: 48px;
  height: 43px; }

#afreecatv_player .center_btn .volume_icon span {
  position: absolute;
  opacity: 1; }

#afreecatv_player .center_btn .volume_icon span:first-child {
  left: 0;
  top: 50%;
  margin-top: -21.5px;
  width: 25px;
  height: 43px;
  background-position: 0 -250px; }

#afreecatv_player .center_btn .volume_icon span:first-child + span {
  left: 31px;
  top: 50%;
  margin-top: -11.5px;
  width: 9px;
  height: 23px;
  background-position: -31px -259px; }

#afreecatv_player .center_btn .volume_icon span:first-child + span + span {
  left: 37px;
  top: 50%;
  margin-top: -18.5px;
  width: 12px;
  height: 37px;
  background-position: -40px -252px; }

#afreecatv_player .center_btn .volume_icon span:first-child + span + span + span {
  opacity: 0;
  left: 32px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background-position: -62px -264px; }

#afreecatv_player .center_btn .volume_icon.low span:first-child + span + span,
#afreecatv_player .center_btn .volume_icon.mute span:first-child + span,
#afreecatv_player .center_btn .volume_icon.mute span:first-child + span + span {
  opacity: 0; }

#afreecatv_player .center_btn .volume_icon.mute span:first-child + span + span + span {
  opacity: 1; }

#afreecatv_player .center_btn .fast_forward,
#afreecatv_player .center_btn .rewind {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 59px;
  height: 59px; }

#afreecatv_player .center_btn .fast_forward span,
#afreecatv_player .center_btn .rewind span {
  display: block;
  height: 100%;
  width: 100%;
  background-position: -340px -220px; }

#afreecatv_player .center_btn .fast_forward span {
  background-position: -400px -220px; }

#afreecatv_player .center_btn .fast_forward em,
#afreecatv_player .center_btn .rewind em {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font: 22px/1 "NG";
  color: #fff; }

#afreecatv_player .center_btn .fast_forward span {
  transform: rotateY(180deg); }

#afreecatv_player .center_btn .chain:before,
#afreecatv_player .center_btn .bracket:before {
  content: '';
  display: block; }

#afreecatv_player .center_btn .chain:before {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M43.84 22.3l-2.4 2.4-.26.25a2.4 2.4 0 01-3.4 0c-.94-.85-.93-2.47.01-3.4l2.65-2.65C43.9 15.43 44.1 10.94 41.6 7c-3.7-3.1-9.03-2.12-12.5.56l-7.94 7.94c-3.47 3.47-3.66 8.8-.56 11.9.5.51 1.16.99 1.98 1.43 1.17.64 1.6 2.1.96 4.13-.63.3-2.1.73-3.26.62-.52-1.18-1.83-1.93-3.08-2.78-5.04-5.04-4.73-13.41.56-17.86l7.94-8.78c5.3-5.3 13.67-5.6 18.7-.57 5.04 5.04 4.73 13.81-.56 18.71zM18.9 40.44l7.93-7.93c3.47-3.16 3.67-8.8.57-11.91a7.36 7.36 0 00-1.52-1.17 2.12 2.12 0 01-.58-3.29c.37-1.15 1.84-1.54 2.99-.87.91.52 2.17 1.17 2.51 1.93 5.04 5.04 4.73 13.41-.57 18.7l-7.93 7.94c-4.9 5.3-13.67 5.6-18.7.57-5.04-5.04-4.74-13.41.56-18.7l2.58-2.59a2.4 2.4 0 013.4.01c1.64 1.6 1.61 2.47 0 3.4l-.55 1.2-2.03 1.37c-2.66 3.47-3.67 8.8-.57 12 3.96 3 8.44 2.81 11.9-.66z'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }

#afreecatv_player .center_btn .bracket:before {
  position: absolute;
  width: 60px;
  height: 36px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='36'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M21.64 32.61L6.86 18 21.64 3.39 18.21 0 0 18l18.21 18 3.43-3.39zm16.72 0L53.14 18 38.36 3.39 41.78 0 60 18 41.78 36l-3.42-3.39z'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }

/* ****************** */
/* ****** 툴팁 ****** */
#afreecatv_player .tooltip {
  display: none;
  position: absolute;
  bottom: 140% !important;
  min-width: auto !important;
  z-index: 30;
  text-indent: 0;
  background: none;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: auto !important;
  width: auto !important;
  background: none !important;
  padding: 0 !important;
  min-height: auto !important; }

#afreecatv_player .tooltip span {
  display: inline-block;
  white-space: nowrap;
  overflow: visible;
  padding: 4px !important;
  color: #fff;
  font-size: 11px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 2px;
  text-align: center; }

#afreecatv_player .btn_smode:hover .tooltip,
#afreecatv_player .btn_share:hover .tooltip,
#afreecatv_player .btn_afreecatv:hover .tooltip,
#afreecatv_player .btn_chat:hover .tooltip,
#afreecatv_player .btn_extend_mode:hover .tooltip,
#afreecatv_player .btn_pip_mode:hover .tooltip,
#afreecatv_player .btn_setting:hover .tooltip,
#afreecatv_player .btn_pip:hover .tooltip,
#afreecatv_player .btn_random:hover .tooltip,
#afreecatv_player .btn_change:hover .tooltip {
  display: block !important; }

#afreecatv_player .setting_box.on .tooltip {
  display: none !important; }

#afreecatv_player .btn_extend_mode:hover .tooltip {
  transform: translate(-77%, 0);
  -webkit-transform: translate(-77%, 0); }

/*라이브 알람 , 즐겨찾기*/
#afreecatv_player .live_alert {
  position: absolute;
  z-index: 41;
  top: 7px;
  left: -228px;
  width: 226px;
  height: 68px;
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#afreecatv_player .live_alert div {
  position: relative;
  margin: 5px 20px 5px 5px;
  padding-left: 114px;
  height: 60px; }

#afreecatv_player .live_alert div a {
  text-decoration: none; }

#afreecatv_player .live_alert div em.live {
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 43px;
  height: 19px;
  background: url("/images/afreecatv_player/split_player.png") no-repeat -150px -100px;
  text-indent: -9999em; }

#afreecatv_player .live_alert div img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0; }

#afreecatv_player .live_alert div p {
  margin: 0 0 5px 0;
  padding-top: 5px;
  font-size: 12px;
  color: #fff;
  line-height: 1.3; }

#afreecatv_player .live_alert div span {
  font-size: 11px;
  color: #999; }

#afreecatv_player .live_alert div span i {
  font-style: normal; }

#afreecatv_player .live_alert button {
  position: absolute;
  right: -1px;
  top: -1px;
  bottom: -1px;
  border: none;
  width: 15px;
  background-color: #000; }

#afreecatv_player .live_alert button span {
  position: absolute;
  top: 31px;
  left: 4.5px;
  width: 5px;
  height: 9px;
  margin: 0 auto;
  background: url("/images/afreecatv_player/split_player.png") no-repeat -50px -125px;
  text-indent: -9999em; }

#afreecatv_player .live_alert.on {
  left: 0; }

#afreecatv_player .live_alert.on button span {
  background-position: -50px -100px; }

#afreecatv_player .live_alert.off {
  left: -215px; }

#afreecatv_player .live_alert.off button span {
  background-position: -50px -125px; }

/*영상 내 즐겨찾기 버튼*/
#afreecatv_player .btn_bookmark {
  position: absolute;
  z-index: 35;
  bottom: 55px;
  right: -94px;
  width: 94px;
  height: 32px;
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0.75);
  transition: all 0.3s ease; }

#afreecatv_player .btn_bookmark button {
  display: block;
  width: 100%;
  height: 100%; }

#afreecatv_player .btn_bookmark button span {
  position: relative;
  padding: 0px 0 3px 22px;
  color: #fff;
  line-height: 1;
  font-size: 14px;
  font-family: 'NG' , AppleGothic ,sans-serif; }

#afreecatv_player .btn_bookmark button span em {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  background: url("/images/afreecatv_player/split_player.png") no-repeat -125px -125px; }

#afreecatv_player .btn_bookmark.on,
#afreecatv_player .btn_bookmark.off {
  right: 20px; }

#afreecatv_player .btn_bookmark.off button span em {
  background-position: -125px -125px; }

#afreecatv_player .btn_bookmark:hover button span em,
#afreecatv_player .btn_bookmark.on button span em {
  background-position: -100px -125px; }

/* 추천방송 */
#afreecatv_player .recommend_broadcast {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background-color: #000; }
  #afreecatv_player .recommend_broadcast ul {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin: -140px 0 0 -318px;
    max-width: 636px;
    list-style: none; }
    #afreecatv_player .recommend_broadcast ul li {
      position: relative;
      float: left;
      width: 159px;
      height: 93px; }
      #afreecatv_player .recommend_broadcast ul li img {
        z-index: 1;
        display: block;
        width: 155px;
        height: 89px;
        margin: 2px 0 0 2px; }
      #afreecatv_player .recommend_broadcast ul li a {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        display: block;
        padding: 10px 10px 0;
        margin: 2px;
        border: 1px solid #303030;
        color: #fff;
        line-height: 1.2;
        font-family: 'NG',dotum,AppleGothic;
        background: rgba(0, 0, 0, 0);
        text-decoration: none;
        transition: all 0.3s ease; }
        #afreecatv_player .recommend_broadcast ul li a strong {
          overflow: hidden;
          display: block;
          height: 26px;
          margin: -40px 0 100px;
          padding-top: 3px;
          font-size: 11px;
          line-height: 1.2;
          font-weight: normal;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        #afreecatv_player .recommend_broadcast ul li a em {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 3px 0;
          color: #259bff;
          font-style: normal;
          white-space: nowrap; }
        #afreecatv_player .recommend_broadcast ul li a span {
          font-size: 11px;
          font-size: 11px;
          color: #cbcbcb;
          font-family: 'NG',dotum,AppleGothic; }
        #afreecatv_player .recommend_broadcast ul li a span i {
          font-style: normal; }
        #afreecatv_player .recommend_broadcast ul li a .live {
          display: none;
          overflow: hidden;
          position: absolute;
          z-index: 3;
          top: -1px;
          left: -1px;
          width: 43px;
          height: 19px;
          background: url("/images/afreecatv_player/split_player.png") no-repeat -150px -100px;
          text-indent: -9999em;
          transition: all 0.3s ease; }
        #afreecatv_player .recommend_broadcast ul li a .play_cnt {
          padding-left: 11px;
          background: url("/images/afreecatv_player/split_player.png") no-repeat -450px -45px; }
        #afreecatv_player .recommend_broadcast ul li a .running_time {
          position: relative;
          margin-left: 3px;
          padding-left: 7px; }
        #afreecatv_player .recommend_broadcast ul li a .running_time:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 1px;
          width: 1px;
          height: 8px;
          background-color: #cbcbcb; }
    #afreecatv_player .recommend_broadcast ul.live a {
      border-color: #e0070e; }
    #afreecatv_player .recommend_broadcast ul.live a .live {
      display: block; }
    #afreecatv_player .recommend_broadcast ul:hover a {
      background: rgba(0, 0, 0, 0.75); }
    #afreecatv_player .recommend_broadcast ul:hover a strong {
      margin: 0; }
    #afreecatv_player .recommend_broadcast ul.live:hover a .live {
      top: -20px; }
  #afreecatv_player .recommend_broadcast.smallest ul {
    width: 460px;
    height: 186px;
    margin: -93px -230px; }
  #afreecatv_player .recommend_broadcast.smallest ul li {
    width: 153.33px; }
  #afreecatv_player .recommend_broadcast.smallest ul li img {
    width: 149.33px; }

#afreecatv_player .recommend_broadcast_2 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  font-size: 10px; }
  #afreecatv_player .recommend_broadcast_2 .title {
    margin-bottom: 60px;
    font-size: 2.3em;
    color: #fff;
    text-align: center; }
    #afreecatv_player .recommend_broadcast_2 .title em {
      font-style: normal;
      color: #3d82f6; }
  #afreecatv_player .recommend_broadcast_2 p {
    font-size: 16px;
    color: #fff;
    text-align: center; }
  #afreecatv_player .recommend_broadcast_2 ul {
    position: relative;
    width: 100%;
    list-style: none; }
    #afreecatv_player .recommend_broadcast_2 ul:after {
      content: '';
      display: block;
      clear: both; }
    #afreecatv_player .recommend_broadcast_2 ul li {
      width: 25%;
      float: left; }
      #afreecatv_player .recommend_broadcast_2 ul li > div {
        box-sizing: border-box;
        height: 100%;
        padding: 5.5px; }
        #afreecatv_player .recommend_broadcast_2 ul li > div a {
          position: relative;
          display: block;
          height: 100%;
          text-decoration: none;
          border: 2px solid transparent;
          box-sizing: border-box; }
          #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb {
            position: relative;
            padding-bottom: 56.25%;
            background-size: cover;
            background-position: center; }
            #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-live, #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-replay, #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-highlight, #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-userclip {
              box-sizing: border-box;
              position: absolute;
              top: 4px;
              left: 4px;
              padding: 0 4px;
              height: 20px;
              border-radius: 2px;
              font-size: 13px;
              line-height: 20px;
              color: #fff;
              font-style: normal;
              text-align: center; }
            #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-live {
              background-color: #ee4035;
              padding: 0 7px; }
            #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-replay {
              background-color: #4586d4; }
            #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-highlight {
              background-color: #ff572e; }
            #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-userclip {
              width: 80px;
              height: 70px;
              font-size: 16px;
              vertical-align: middle;
              letter-spacing: -1px;
              white-space: nowrap;
              word-break: break-all;
              background-color: #dd37eb;
              background-image: linear-gradient(to bottom right, #dd37eb, #f92f64); }
              #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-userclip:before {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle; }
              #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .ic-userclip i {
                display: inline-block;
                vertical-align: middle;
                line-height: 1.2;
                font-style: normal; }
            #afreecatv_player .recommend_broadcast_2 ul li > div a .thumb .time {
              position: absolute;
              bottom: 4px;
              right: 4px;
              padding: 0 4px;
              line-height: 16px;
              font-size: 11px;
              color: #fff;
              background-color: rgba(0, 0, 0, 0.8);
              border-radius: 2px; }
          #afreecatv_player .recommend_broadcast_2 ul li > div a .info {
            box-sizing: border-box;
            padding: 10px;
            background-color: #2a2a2a; }
            #afreecatv_player .recommend_broadcast_2 ul li > div a .info strong {
              font-size: 12px;
              color: #e5e5e5;
              max-height: 2.8em;
              min-height: 2.8em;
              line-height: 1.4;
              letter-spacing: -1px;
              font-weight: normal;
              display: -webkit-box;
              overflow: hidden;
              text-overflow: ellipsis;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
    #afreecatv_player .recommend_broadcast_2 ul.user_clip {
      width: 50%;
      padding-left: 50%; }
      #afreecatv_player .recommend_broadcast_2 ul.user_clip li:first-child {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%; }
        #afreecatv_player .recommend_broadcast_2 ul.user_clip li:first-child a {
          border: 2px solid #fff; }
          #afreecatv_player .recommend_broadcast_2 ul.user_clip li:first-child a .thumb {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 95px;
            padding: 0; }
          #afreecatv_player .recommend_broadcast_2 ul.user_clip li:first-child a .info {
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 25px;
            min-height: 82px; }
            #afreecatv_player .recommend_broadcast_2 ul.user_clip li:first-child a .info strong {
              font-size: 16px; }
      #afreecatv_player .recommend_broadcast_2 ul.user_clip li {
        width: 50%; }
      #afreecatv_player .recommend_broadcast_2 ul.user_clip li:nth-child(n+6) {
        display: none; }

/* 화면 넓이값에 따른 출력 상태및 넓이값 조절  미디어쿼리 */
@media all and (max-width: 1440px) {
  .chat_open.list_open #afreecatv_player .recommend_broadcast_2,
  .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 {
    width: 70%; }
    .chat_open.list_open #afreecatv_player .recommend_broadcast_2 .title,
    .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 .title {
      font-size: 20px;
      margin-bottom: 30px; }
    .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip,
    .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul,
    .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip {
      width: 100%;
      padding: 0; }
      .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li,
      .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li,
      .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li {
        position: relative !important;
        width: 50%; }
        .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .thumb, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb,
        .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .thumb,
        .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb {
          position: relative;
          padding-bottom: 56.25% !important; }
          .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-live, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-replay, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-highlight, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-userclip, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-live, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-replay, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-highlight, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-userclip,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-live,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-replay,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-highlight,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-userclip,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-live,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-replay,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-highlight,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-userclip {
            height: 16px;
            font-size: 11px;
            line-height: 1.4; }
          .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-userclip, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-userclip,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-userclip,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-userclip {
            width: 50px;
            height: 40px;
            padding: 0; }
        .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .info, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .info,
        .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .info,
        .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .info {
          position: relative;
          padding: 10px;
          min-height: auto; }
          .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li .info strong, .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .info strong,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li .info strong,
          .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li .info strong {
            font-size: 12px !important; }
      .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul li:nth-child(n+3), .chat_open.list_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li:nth-child(n+3),
      .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul li:nth-child(n+3),
      .chat_open.list_bookmark_open #afreecatv_player .recommend_broadcast_2 ul.user_clip li:nth-child(n+3) {
        display: none; } }
@media all and (max-width: 1200px) {
  #afreecatv_player .recommend_broadcast_2 .title {
    font-size: 16px !important;
    margin-bottom: 20px !important; }
  #afreecatv_player .recommend_broadcast_2 ul, #afreecatv_player .recommend_broadcast_2 ul.user_clip {
    width: 100%;
    padding: 0; }
    #afreecatv_player .recommend_broadcast_2 ul li, #afreecatv_player .recommend_broadcast_2 ul.user_clip li {
      position: relative !important;
      width: 50%; }
      #afreecatv_player .recommend_broadcast_2 ul li .thumb, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb {
        position: relative !important;
        padding-bottom: 56.25% !important; }
        #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-live, #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-replay, #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-highlight, #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-userclip, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-live, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-replay, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-highlight, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-userclip {
          height: 16px;
          font-size: 11px;
          line-height: 1.4; }
        #afreecatv_player .recommend_broadcast_2 ul li .thumb .ic-userclip, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .thumb .ic-userclip {
          width: 50px;
          height: 40px;
          padding: 0; }
      #afreecatv_player .recommend_broadcast_2 ul li .info, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .info {
        position: relative !important;
        padding: 10px !important;
        min-height: auto !important; }
        #afreecatv_player .recommend_broadcast_2 ul li .info strong, #afreecatv_player .recommend_broadcast_2 ul.user_clip li .info strong {
          font-size: 12px !important; }
    #afreecatv_player .recommend_broadcast_2 ul li:nth-child(n+3), #afreecatv_player .recommend_broadcast_2 ul.user_clip li:nth-child(n+3) {
      display: none; } }
/* ******블라인드 텍스트 출력****** */
#afreecatv_player .video_blind {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  background-color: #000;
  line-height: 1.6;
  text-align: center;
  text-align: center;
  vertical-align: middle; }

#afreecatv_player .video_blind.white {
  z-index: 55;
  background-color: #fff;
  border-bottom: 1px solid #ddd; }

/* 무중단 케이스용 흰 배경 */
#afreecatv_player .video_blind .video_blind_in {
  display: table;
  width: 100%;
  height: 100%;
  *padding-top: 18%; }

#afreecatv_player .video_blind .video_blind_in .content {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  color: #fff; }

#afreecatv_player .video_blind h2 {
  font-size: 30px;
  margin-bottom: 10px;
  color: #fff;
  font-family: "NG", AppleGothic; }

#afreecatv_player .video_blind .content input {
  border: 1px solid #999;
  width: 265px;
  height: 25px; }

#afreecatv_player .video_blind .content button {
  width: 66px;
  height: 28px;
  color: #fff;
  background-color: #008aeb;
  margin-left: 5px; }

#afreecatv_player .video_blind .content p {
  margin: 10px;
  font-size: 12px;
  color: #fff;
  line-height: 1.6; }

#afreecatv_player .video_blind .content p em {
  color: #e30102;
  font-style: normal;
  font-weight: bold; }

#afreecatv_player .video_blind .btn_set button {
  width: 70px;
  height: 26px;
  font-size: 11px;
  color: #525252;
  border: 1px solid #b8b8b8;
  line-height: 1;
  vertical-align: -2px\9;
  background-color: #fff; }

#afreecatv_player .video_blind .btn_set button span {
  position: relative; }

#afreecatv_player .video_blind .btn_set button:first-child {
  margin-left: 0;
  color: #fff;
  background-color: #4096de;
  border-color: #3889bf; }

#afreecatv_player .video_blind .btn_set button:hover {
  border-color: #4aa6e3; }

#afreecatv_player .video_blind .btn_set button:first-child:hover {
  border-color: #3889bf;
  background-color: #4aa6e3; }

/***** 해외  *****/
#afreecatv_player .video_blind .content .type_continue {
  background: url("/lang/images/web/player/bg_continue.png") center center no-repeat;
  min-width: 460px;
  word-break: keep-all; }

#afreecatv_player .video_blind .content .type_continue h2 {
  overflow: hidden;
  width: 400px;
  /*height: 142px;*/
  margin: -5px auto 114px;
  font-size: 47px;
  color: #373c43;
  text-align: center; }

body.ko_KR #afreecatv_player .video_blind .content .type_continue h2 {
  text-indent: -9999em;
  background: url("/lang/images/web/player/txt_continue.png") no-repeat center; }

body.en_US #afreecatv_player .video_blind .content .type_continue h2 {
  text-indent: -9999em;
  background: url("/lang/images/web/player/txt_continue_en.png") no-repeat center 13px; }

#afreecatv_player .video_blind .content .type_continue p {
  margin-bottom: 10px;
  color: #000;
  line-height: 1.2em; }

#afreecatv_player .video_blind .content .type_continue p.txt {
  color: #0067e2;
  font-size: 21px;
  font-family: 'NG' , AppleGothic;
  letter-spacing: -1px; }

/***** 해외  *****/
#afreecatv_player .video_blind .content .type_continue span {
  display: block;
  width: 177px;
  height: 40px;
  margin: 0 auto;
  background-color: #373c43;
  font-size: 16px;
  color: #fff;
  line-height: 2.5; }

#afreecatv_player .video_blind .content .type_continue span em {
  font-style: normal;
  color: #00ffd2;
  font-size: 16px;
  line-height: 2.5; }

#afreecatv_player .video_blind .content .type_adult h2 {
  overflow: hidden;
  margin: 0 auto 15px;
  text-indent: -9999em;
  width: 81px;
  height: 81px;
  background: url("/images/afreecatv_player/adult_type.png") no-repeat center; }

#afreecatv_player .video_blind .content .type_adult strong {
  font-size: 12px;
  color: #0086fe; }

#afreecatv_player .video_blind .content .type_adult .btn_adult_play button {
  overflow: hidden;
  width: 38px;
  height: 42px;
  margin: 0 0 15px 0;
  background-color: transparent;
  background-position: -225px -50px; }

#afreecatv_player .video_blind .content .type_adult .btn_adult_play button span {
  font: 0/0 a; }

#afreecatv_player .video_blind .content .type_adult .btn_adult_play p span {
  padding: 8px 0 8px 40px;
  color: #fff;
  font-size: 14px;
  background: url("/images/afreecatv_player/adult_type_ss.png") no-repeat left center;
  background-size: 28px 28px; }

#afreecatv_player .video_blind .content .type_adult .btn_adult_play p span em {
  color: #e30102;
  font-style: normal; }

#afreecatv_player .video_blind .content .type_adult_skip h2 {
  overflow: hidden;
  margin: 0 auto 15px;
  text-indent: -9999em;
  width: 61px;
  height: 61px;
  background: url("/images/afreecatv_player/adult_type_s.png") no-repeat center; }

#afreecatv_player .video_blind .content .type_adult_skip p {
  line-height: 17px; }

#afreecatv_player .video_blind .content .type_adult_skip .strong {
  font-size: 14px;
  line-height: 20px; }

#afreecatv_player .video_blind .content .type_adult_skip em {
  color: #e30102;
  font-style: normal; }

#afreecatv_player .video_blind .content .type_password h2 {
  font-size: 14px;
  color: #0086fe;
  margin: 0; }

#afreecatv_player .video_blind .content .type_password p {
  margin: 5px;
  font-size: 11px; }

#afreecatv_player .video_blind .content .type_password label {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  color: #fff;
  line-height: 1.6;
  *vertical-align: 6px; }

@media \0screen {
  #afreecatv_player .video_blind .content .type_password label {
    vertical-align: -3px; } }
#afreecatv_player .video_blind .content .type_password input {
  border: 1px solid #999;
  width: 90px;
  height: 25px;
  margin: 20px 0 5px 10px;
  text-align: center; }

#afreecatv_player .video_blind .content .type_password .btn_set {
  border-top: 1px solid #e4e4e4;
  width: 272px;
  margin: 10px auto 0;
  padding-top: 15px; }

#afreecatv_player .video_blind .content .type_blind h2 {
  font-size: 40px;
  margin: 0;
  line-height: 1.2;
  color: #fff; }

#afreecatv_player .video_blind .content .type_blind strong {
  font-size: 12px;
  color: #0086fe; }

#afreecatv_player .video_blind .content .type_blind p {
  font-size: 12px;
  margin: 15px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  filter: alpha(opacity=70);
  -moz-opacity: 0.7; }

#afreecatv_player .video_blind .content .type_blind button {
  margin-top: 5px;
  color: #525252;
  border: 1px solid #b8b8b8;
  background-color: #fff; }

#afreecatv_player .video_blind .content .type_blind button:hover {
  background-color: #fff;
  border: 1px solid #b8b8b8; }

#afreecatv_player .video_blind .content .type_end h2 {
  font-size: 18px;
  margin: 0;
  *padding-top: 10%; }

#afreecatv_player.ctrl_output .player_ctrlBox,
#afreecatv_player.blind_ctrn_output .player_ctrlBox {
  z-index: 51;
  bottom: 0 !important; }

/* 컨트롤바  강제 노출 */
#afreecatv_player .video_blind .content .type_mobile_pause h2 {
  margin: 0 0 3px 0;
  color: #fff;
  font-size: 15px;
  font-weight: normal; }

#afreecatv_player .video_blind .content .type_mobile_pause p {
  margin: 0;
  font-size: 15px;
  padding-bottom: 145px;
  background: url("/images/mobile/video/img_case09.png") no-repeat bottom center;
  background-size: auto 130px; }

#afreecatv_player .video_blind .content .type_adult_lock h2 {
  position: relative;
  height: 61px;
  text-align: center; }

#afreecatv_player .video_blind .content .type_adult_lock h2 span {
  position: absolute;
  width: 61px;
  height: 61px;
  top: 0;
  left: 50%;
  font-size: 0; }

#afreecatv_player .video_blind .content .type_adult_lock .adult {
  margin-left: -65px;
  background: url("/images/afreecatv_player/adult_type_s.png") no-repeat center; }

#afreecatv_player .video_blind .content .type_adult_lock .lock {
  margin-right: -65px;
  background: url("/images/afreecatv_player/lock_type.png") no-repeat center; }

#afreecatv_player .video_blind .content .type_adult_lock p {
  clear: both;
  color: #0086fe; }

#afreecatv_player .video_blind .content .type_common p {
  font-size: 14px;
  color: #bebebe;
  *padding-top: 8%; }

#afreecatv_player .video_blind .content .type_common span {
  padding: 0 5px; }

#afreecatv_player .video_blind .content .type_common .img_case {
  font-size: 16px; }

#afreecatv_player .video_blind .content .type_common .img_case img {
  display: block;
  max-width: 100%;
  margin: 0 auto 15px; }

#afreecatv_player .video_blind .blue {
  color: #328fde !important; }

#afreecatv_player .video_blind .red {
  color: #f73035 !important; }

/* ******************************** */
/* **************로딩************** */
#afreecatv_player .loading,
#afreecatv_player .buffering {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  margin: 0;
  background: #000; }

#afreecatv_player .loading:after {
  display: none; }

#afreecatv_player .loading span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("/images/afreecatv_player/loading.gif") no-repeat center;
  background-size: 100%; }

#afreecatv_player .loading a {
  position: relative;
  z-index: 2;
  text-decoration: underline;
  color: #00a2ff; }

#afreecatv_player .buffering {
  z-index: 37;
  background-color: rgba(0, 0, 0, 0.5); }

#afreecatv_player .buffering span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin: -20px 0 0 -20px;
  background: none;
  border-radius: 50%;
  border: 2px rgba(0, 0, 0, 0.25) solid;
  border-top: 2px #4279ff solid;
  border-right: 2px #4279ff solid;
  border-bottom: 2px #4279ff solid;
  animation: spin 1s infinite linear; }

#afreecatv_player .buffering p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: 40px;
  color: #ccc;
  font-size: 12px;
  text-align: center; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
#afreecatv_player .loading div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#afreecatv_player .loading div img.ad_img {
  display: inline-block;
  width: 30%;
  height: auto;
  min-width: 240px;
  max-width: 360px; }

#afreecatv_player .loading div img.loading_img {
  display: inline-block;
  width: 80px;
  height: 80px; }

#afreecatv_player .buffering span.low-latency {
  animation: none;
  width: 80px;
  height: 80px;
  border: none;
  margin: -50px 0 0 -40px;
  border-radius: unset;
  background-image: url("/images/afreecatv_player/low-latency_ani.png");
  animation: play800 1s steps(10) infinite; }

#afreecatv_player .buffering span.low-latency.motion1 {
  background-image: url("/images/afreecatv_player/low-latency_ani_1.png"); }

#afreecatv_player .buffering span.low-latency.motion2 {
  background-image: url("/images/afreecatv_player/low-latency_ani_2.png"); }

@keyframes play800 {
  100% {
    background-position: -800px 0; } }
#afreecatv_player .multi_player_box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: auto;
  width: 80%; }
  #afreecatv_player .multi_player_box .multi_player {
    width: 100%;
    font: 0/0 a; }
  #afreecatv_player .multi_player_box[player-cnt="2"], #afreecatv_player .multi_player_box[player-cnt="3"], #afreecatv_player .multi_player_box[player-cnt="4"] {
    max-width: 70%; }
  #afreecatv_player .multi_player_box[player-cnt="2"] .player, #afreecatv_player .multi_player_box[player-cnt="3"] .player, #afreecatv_player .multi_player_box[player-cnt="4"] .player {
    width: calc( 50% - 20px ); }
  #afreecatv_player .multi_player_box[player-cnt="5"] .player, #afreecatv_player .multi_player_box[player-cnt="6"] .player {
    width: calc( 33.33333% - 20px ); }
  #afreecatv_player .multi_player_box[player-cnt="7"] .player, #afreecatv_player .multi_player_box[player-cnt="8"] .player, #afreecatv_player .multi_player_box[player-cnt="9"] .player, #afreecatv_player .multi_player_box[player-cnt="10"] .player, #afreecatv_player .multi_player_box[player-cnt="11"] .player {
    width: calc( 25% - 20px ); }
  #afreecatv_player .multi_player_box[player-cnt="3"] .player:nth-child(1) {
    transform: translateY(calc( 50% + 10px )); }
  #afreecatv_player .multi_player_box[player-cnt="3"] .player:nth-child(3) {
    transform: translateX(calc( 100% + 20px )); }
  #afreecatv_player .multi_player_box .player {
    position: relative;
    display: inline-block;
    margin: 10px;
    border-radius: 5px;
    font: 0/0 a;
    background-color: #232428;
    box-shadow: 0, 0, 5, rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    #afreecatv_player .multi_player_box .player .multi_player_size {
      padding-bottom: calc( 100% / 16 * 9);
      transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    #afreecatv_player .multi_player_box .player .thumbnail {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 30%;
      height: 50%;
      transform: translate(-50%, -50%);
      max-width: 130px;
      max-height: 130px; }
      #afreecatv_player .multi_player_box .player .thumbnail img {
        display: block;
        height: 100%;
        margin: auto;
        border-radius: 50%; }
    #afreecatv_player .multi_player_box .player .nick_name {
      position: absolute;
      bottom: 20px;
      left: 14px;
      font-size: 16px;
      font-family: 'NGE';
      color: #fff; }
    #afreecatv_player .multi_player_box .player .soundbar {
      position: absolute;
      z-index: 1;
      top: 10px;
      right: 10px;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background-color: #1d6ed8; }
      #afreecatv_player .multi_player_box .player .soundbar span {
        position: absolute;
        bottom: 12px;
        left: 0;
        right: 0;
        display: block;
        text-align: center;
        font: 0/0 a;
        transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
        display: flex;
        align-items: flex-end;
        justify-content: center; }
        #afreecatv_player .multi_player_box .player .soundbar span em {
          display: inline-block;
          width: 2px;
          height: 2px;
          margin: 0 1px;
          border-radius: 2px;
          background-color: #fff;
          vertical-align: bottom; }
      #afreecatv_player .multi_player_box .player .soundbar.big span, #afreecatv_player .multi_player_box .player .soundbar.small span {
        top: 4px;
        bottom: 8px;
        transform: translateY(0); }
        #afreecatv_player .multi_player_box .player .soundbar.big span em, #afreecatv_player .multi_player_box .player .soundbar.small span em {
          height: 30%; }
          #afreecatv_player .multi_player_box .player .soundbar.big span em:nth-child(2), #afreecatv_player .multi_player_box .player .soundbar.small span em:nth-child(2) {
            height: 50%; }
      #afreecatv_player .multi_player_box .player .soundbar.small em:nth-child(1),
      #afreecatv_player .multi_player_box .player .soundbar.small em:nth-child(3) {
        height: 10%;
        animation: smallsound 1s infinite linear; }
      #afreecatv_player .multi_player_box .player .soundbar.small em:nth-child(2) {
        height: 50%;
        animation: smallsound2 1s infinite linear; }
      #afreecatv_player .multi_player_box .player .soundbar.big em:nth-child(1),
      #afreecatv_player .multi_player_box .player .soundbar.big em:nth-child(3) {
        height: 20%;
        animation: bigsound 1s infinite linear; }
      #afreecatv_player .multi_player_box .player .soundbar.big em:nth-child(2) {
        height: 70%;
        animation: bigsound2 1s infinite linear; }
      #afreecatv_player .multi_player_box .player .soundbar.off {
        background-color: rgba(0, 0, 0, 0.6); }
        #afreecatv_player .multi_player_box .player .soundbar.off span {
          opacity: 0; }
        #afreecatv_player .multi_player_box .player .soundbar.off:before {
          content: '';
          display: block;
          width: 16px;
          height: 17px;
          margin: 6px 5px;
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cpath  fill='%23c9c9c9' d='m37.1 53.35 22.32-22.32 4.5-4.5 3.11-3.11A17.26 17.26 0 0 0 50 8.75 17.27 17.27 0 0 0 32.75 26v22a17 17 0 0 0 1.89 7.81l2.46-2.46zM29.35 61.09l.94-.94A21.58 21.58 0 0 1 28.25 51a2.25 2.25 0 0 0-4.5 0 26 26 0 0 0 3.19 12.5l2.41-2.41zM40.7 62.51a17.11 17.11 0 0 0 9.3 2.74c9.51 0 17.25-7.74 17.25-17.25V35.93l17.14-17.14a2.25 2.25 0 1 0-3.18-3.18l-.35.35-13.61 13.61v-.01l-3.33 3.33v.03l-4.5 4.5-18.77 18.77-3.27 3.27-4.93 4.93-3.19 3.19-.01-.01L15.6 81.21l-.19.23a2.26 2.26 0 0 0 1.78 3.61c.57 0 1.15-.22 1.59-.66L32.57 70.6l.01.01a26.13 26.13 0 0 0 15.16 6.53V89a2.25 2.25 0 0 0 4.5 0V77.15a26.29 26.29 0 0 0 24-26.15 2.25 2.25 0 0 0-4.5 0 21.78 21.78 0 0 1-21.75 21.75 21.66 21.66 0 0 1-14.23-5.32l4.94-4.92z'/%3e%3c/svg%3e") 50% 50% no-repeat;
          background-size: 100%; }
    #afreecatv_player .multi_player_box .player .screen,
    #afreecatv_player .multi_player_box .player .sound {
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: 2;
      bottom: 10px;
      right: 10px;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      font: 0/0 a;
      background: transparent;
      transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
      #afreecatv_player .multi_player_box .player .screen:before,
      #afreecatv_player .multi_player_box .player .sound:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 60%;
        margin: 0 auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
      #afreecatv_player .multi_player_box .player .screen:after,
      #afreecatv_player .multi_player_box .player .sound:after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #4279ff;
        border-radius: 50%;
        transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
      #afreecatv_player .multi_player_box .player .screen.off,
      #afreecatv_player .multi_player_box .player .sound.off {
        background-color: #333333; }
        #afreecatv_player .multi_player_box .player .screen.off:after,
        #afreecatv_player .multi_player_box .player .sound.off:after {
          width: 0;
          height: 0; }
    #afreecatv_player .multi_player_box .player .screen {
      right: 65px; }
      #afreecatv_player .multi_player_box .player .screen:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cpath d='M55.6 78.22H20.53c-6.33-.01-11.48-5.17-11.48-11.49V33.29c-.01-6.34 5.14-11.5 11.48-11.51h35.06c6.33.01 11.47 5.17 11.47 11.5v5.62a.997.997 0 0 0 1.57.82c.05-.04.1-.07.16-.1L85.94 29.5c.96-.62 2.22-.68 3.24-.15 1.06.56 1.72 1.65 1.72 2.85l.04 35.6c.01 1.2-.66 2.31-1.74 2.86-.96.51-2.24.46-3.19-.14l-17.24-9.91c-.05-.03-.11-.06-.16-.1-.31-.21-.7-.23-1.03-.06-.33.17-.53.51-.53.88v5.4c.01 6.32-5.13 11.48-11.45 11.49zM20.53 26.28c-3.85 0-6.99 3.15-6.98 7.01v33.44c0 3.85 3.14 6.99 6.99 7H55.6c3.84-.01 6.97-3.15 6.97-6.99v-5.4c0-2.05 1.13-3.91 2.94-4.87 1.79-.94 3.92-.83 5.6.29l15.35 8.82-.04-31.13-15.26 9a5.484 5.484 0 0 1-5.62.34 5.484 5.484 0 0 1-2.97-4.88v-5.62c0-3.85-3.13-6.99-6.98-7H20.53zm65.92 41.51v.02-.02zm-.04-35.6z' style='fill:%23fff'/%3e%3c/svg%3e"); }
      #afreecatv_player .multi_player_box .player .screen.off:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_2' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23fff%7d%3c/style%3e%3cpath class='st0' d='M62.78 40.4s0 .01 0 0l4.29-4.29L84.4 18.78c.88-.88.88-2.3 0-3.18-.88-.88-2.3-.88-3.18 0L66.63 30.19v-.01l-4.06 4.06v.02L23.1 73.72h-.02l-8.33 8.33h.01l-3.15 3.15a2.25 2.25 0 0 0 1.59 3.84c.57 0 1.15-.22 1.59-.66l6.17-6.17 8.49-8.49L62.78 40.4zM13.55 66.73V33.28c0-3.86 3.13-7 6.98-7.01h35.06c2.33.01 4.38 1.16 5.65 2.92l3.21-3.21c-2.11-2.56-5.29-4.2-8.86-4.21H20.53c-6.34.01-11.49 5.17-11.48 11.51v33.44c0 3.97 2.04 7.48 5.12 9.55l3.29-3.29c-2.32-1.14-3.91-3.51-3.91-6.25zM90.91 32.19c0-1.2-.66-2.29-1.73-2.85a3.261 3.261 0 0 0-3.24.15l-14.36 8.47-5.89 5.89c1.77.84 3.83.7 5.45-.41l15.26-9 .04 31.13-15.34-8.82a5.512 5.512 0 0 0-5.6-.29 5.49 5.49 0 0 0-2.94 4.87v5.4c0 3.85-3.13 6.98-6.97 6.99H35.83l-4.5 4.5H55.6c6.32-.02 11.47-5.17 11.47-11.49v-5.4c0-.37.2-.71.53-.88.33-.17.73-.15 1.03.06.05.04.1.07.16.1l17.24 9.91c.95.6 2.22.65 3.2.14a3.184 3.184 0 0 0 1.73-2.86l-.05-35.61z'/%3e%3c/svg%3e"); }
    #afreecatv_player .multi_player_box .player .sound {
      right: 10px; }
      #afreecatv_player .multi_player_box .player .sound:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_1' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23fff%7d%3c/style%3e%3cpath class='st0' d='M76.25 51c0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 11.99-9.76 21.75-21.75 21.75S28.25 62.99 28.25 51c0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 13.72 10.58 25 24 26.15V89c0 1.24 1.01 2.25 2.25 2.25s2.25-1.01 2.25-2.25V77.15c13.42-1.15 24-12.43 24-26.15z'/%3e%3cpath class='st0' d='M50 65.25c9.51 0 17.25-7.74 17.25-17.25V26c0-9.51-7.74-17.25-17.25-17.25S32.75 16.49 32.75 26v22c0 9.51 7.74 17.25 17.25 17.25zM37.25 26c0-7.03 5.72-12.75 12.75-12.75S62.75 18.97 62.75 26v22c0 7.03-5.72 12.75-12.75 12.75S37.25 55.03 37.25 48V26z'/%3e%3c/svg%3e"); }
      #afreecatv_player .multi_player_box .player .sound.off:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_2' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23fff%7d%3c/style%3e%3cpath class='st0' d='M30.3 60.2c-1.31-2.8-2.05-5.91-2.05-9.2 0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 4.54 1.17 8.81 3.2 12.54l3.35-3.34zM74 48.75c-1.24 0-2.25 1.01-2.25 2.25 0 11.99-9.76 21.75-21.75 21.75-3.8 0-7.37-.98-10.48-2.7l-3.29 3.29c3.4 2.1 7.32 3.45 11.52 3.81V89c0 1.24 1.01 2.25 2.25 2.25s2.25-1.01 2.25-2.25V77.15c13.42-1.15 24-12.43 24-26.15 0-1.24-1.01-2.25-2.25-2.25zM38.06 52.44c-.52-1.38-.81-2.87-.81-4.44V26c0-7.03 5.72-12.75 12.75-12.75S62.75 18.97 62.75 26v1.75l4.29-4.29C65.8 15.15 58.64 8.75 50 8.75c-9.51 0-17.25 7.74-17.25 17.25v22c0 2.83.7 5.49 1.91 7.84l3.4-3.4z'/%3e%3cpath class='st0' d='M67.25 48v-5.68l-4.5 4.5V48c0 7.03-5.72 12.75-12.75 12.75-.38 0-.75-.02-1.12-.06l-3.83 3.83c1.57.47 3.23.73 4.95.73 9.51 0 17.25-7.74 17.25-17.25zM84.39 15.61c-.88-.88-2.3-.88-3.18 0l-.35.35-13.61 13.61-4.5 4.5-22.33 22.32-3.18 3.18-4.56 4.56-3.2 3.2L15.6 81.21c-.07.07-.13.15-.19.23-.67.88-.61 2.14.19 2.95.44.44 1.02.66 1.59.66s1.15-.22 1.59-.66L32.57 70.6l.01.01 3.19-3.19 4.93-4.93 3.27-3.27 18.77-18.77 4.5-4.5v-.03l17.14-17.14c.89-.87.89-2.3.01-3.17z'/%3e%3c/svg%3e"); }
    #afreecatv_player .multi_player_box .player video {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      width: 100%;
      height: 100%; }
    #afreecatv_player .multi_player_box .player:hover .sound, #afreecatv_player .multi_player_box .player:hover .screen {
      opacity: 1; }
#afreecatv_player .button_box {
  position: absolute;
  top: 28px;
  right: 100px;
  z-index: 2;
  font: 0/0 a; }
  #afreecatv_player .button_box button {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    margin: 0 5px;
    border: 1px solid #ff1e1e;
    border-radius: 15px;
    color: #ff1e1e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    #afreecatv_player .button_box button.setting {
      color: #c0c0c0;
      border-color: #4d4d4d;
      vertical-align: top; }
      #afreecatv_player .button_box button.setting:before {
        content: '';
        display: inline-block;
        width: 17px;
        height: 17px;
        margin-right: 8px;
        vertical-align: -3px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill='%23c0c0c0' fill-rule='evenodd' d='M15.75 6.75a2.25 2.25 0 010 4.5h-.39c-.08.23-.17.44-.27.66l.27.27a2.24 2.24 0 010 3.18 2.23 2.23 0 01-3.18 0l-.27-.27c-.22.1-.44.2-.66.27v.39a2.25 2.25 0 01-4.5 0v-.39a6.91 6.91 0 01-.66-.27l-.27.27c-.43.43-1 .66-1.6.66a2.23 2.23 0 01-2.24-2.25c0-.6.23-1.16.66-1.59l.27-.27c-.1-.21-.2-.43-.27-.66h-.39a2.25 2.25 0 010-4.5h.39c.08-.23.17-.44.27-.66l-.27-.27a2.24 2.24 0 010-3.18 2.24 2.24 0 013.18 0l.27.27.66-.27v-.39a2.25 2.25 0 014.5 0v.39c.23.08.44.17.66.27l.27-.28a2.24 2.24 0 013.18 0 2.24 2.24 0 010 3.19l-.27.27c.1.22.2.43.27.66h.39zm-1.1-1.79a1.14 1.14 0 000-1.62 1.18 1.18 0 00-1.61 0l-.88.88-.38-.2c-.38-.22-.79-.39-1.22-.51l-.42-.12V2.14a1.14 1.14 0 00-2.28 0V3.4l-.42.12c-.43.12-.84.29-1.22.5l-.38.21-.88-.88a1.18 1.18 0 00-1.62 0c-.21.22-.33.5-.33.81 0 .3.12.6.33.8l.88.89-.2.38c-.22.38-.39.79-.51 1.22l-.12.42H2.14a1.14 1.14 0 000 2.28H3.4l.12.42c.12.43.29.84.5 1.22l.21.38-.88.88c-.21.22-.33.5-.33.8 0 .32.12.6.33.82.43.43 1.19.43 1.62 0l.88-.88.38.2c.38.22.79.39 1.22.51l.42.12v1.25a1.14 1.14 0 002.28 0V14.6l.42-.12c.43-.12.84-.29 1.22-.5l.38-.21.88.88c.43.43 1.19.43 1.62 0 .21-.22.33-.5.33-.81 0-.3-.12-.6-.33-.8l-.88-.89.2-.38c.22-.38.4-.79.51-1.22l.12-.42h1.25a1.14 1.14 0 000-2.28H14.6l-.12-.42c-.12-.43-.29-.84-.5-1.22l-.21-.38.88-.88zM9 12.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm0-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5z'/%3e%3c/svg%3e");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }

@media all and (max-width: 800px) {
  #afreecatv_player .multi_player_box {
    width: calc( 100% - 20px );
    max-width: none !important; }
  #afreecatv_player .multi_player_box .multi_player .player {
    width: calc( 33.33333% - 20px ) !important;
    transform: translate(0, 0) !important; }
    #afreecatv_player .multi_player_box .multi_player .player .multi_player_size {
      padding-bottom: 80px; }
    #afreecatv_player .multi_player_box .multi_player .player .thumbnail {
      width: 40px;
      height: 40px;
      min-height: 40px; }
    #afreecatv_player .multi_player_box .multi_player .player .nick_name {
      font-size: 14px; }
    #afreecatv_player .multi_player_box .multi_player .player .soundbar {
      display: none; }
    #afreecatv_player .multi_player_box .multi_player .player button {
      width: 40px !important;
      height: 40px !important;
      bottom: auto;
      top: 50%;
      transform: translateY(-50%); }
    #afreecatv_player .multi_player_box .multi_player .player button.screen {
      right: 50%;
      margin-right: 18%; }
    #afreecatv_player .multi_player_box .multi_player .player button.sound {
      left: 50%;
      right: auto;
      margin-left: 18%; } }
@media all and (max-width: 800px) and (max-width: 510px) {
  .multi_player_box {
    width: calc( 100% - 10px ); }

  #afreecatv_player .multi_player_box .multi_player .player {
    width: calc( 33.33333% - 10px ) !important;
    margin: 5px !important; }
    #afreecatv_player .multi_player_box .multi_player .player .multi_player_size {
      padding-bottom: 50px; }
    #afreecatv_player .multi_player_box .multi_player .player .nick_name {
      opacity: 0; }
    #afreecatv_player .multi_player_box .multi_player .player button {
      width: 40px !important;
      height: 40px !important; }
    #afreecatv_player .multi_player_box .multi_player .player button.screen {
      margin-right: 24px; }
    #afreecatv_player .multi_player_box .multi_player .player button.sound {
      margin-left: 24px; } }
@keyframes smallsound {
  0% {
    height: 10%; }
  20% {
    height: 30%; }
  40% {
    height: 20%; }
  60% {
    height: 40%; }
  80% {
    height: 20%; }
  90% {
    height: 30%; }
  100% {
    height: 10%; } }
@keyframes smallsound2 {
  0% {
    height: 10%; }
  20% {
    height: 40%; }
  40% {
    height: 30%; }
  60% {
    height: 60%; }
  80% {
    height: 30%; }
  90% {
    height: 40%; }
  100% {
    height: 10%; } }
@keyframes bigsound {
  0% {
    height: 20%; }
  20% {
    height: 40%; }
  40% {
    height: 30%; }
  60% {
    height: 70%; }
  80% {
    height: 30%; }
  90% {
    height: 40%; }
  100% {
    height: 20%; } }
@keyframes bigsound2 {
  0% {
    height: 50%; }
  20% {
    height: 80%; }
  40% {
    height: 60%; }
  60% {
    height: 100%; }
  80% {
    height: 60%; }
  90% {
    height: 80%; }
  100% {
    height: 50%; } }
#afreecatv_player .blue_box {
  position: absolute;
  z-index: 100;
  text-align: center;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  #afreecatv_player .blue_box span {
    display: inline-block;
    padding: 8px 10px;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    background-color: rgba(66, 121, 255, 0.7); }
  #afreecatv_player .blue_box.on {
    top: 20px; }

/* ********************************* */
/* ***화면 영역 mouse over 이벤트*** */
#afreecatv_player .player_title,
#afreecatv_player .bg_gradient,
#afreecatv_player .player_ctrlBox,
#afreecatv_player .tuneout,
.smode .player_item_list,
.extend_mode .player_item_list {
  transition: all 0.3s ease; }

#afreecatv_player.mouseover .player_title,
#afreecatv_player.mouseover .tuneout {
  top: 0; }

#afreecatv_player.mouseover .bg_gradient {
  bottom: 0; }

#afreecatv_player.mouseover .player_ctrlBox {
  bottom: 0px; }

/***********************/
/*플레이어 외부 컨트롤 */
.player_item_list {
  position: relative;
  float: right;
  z-index: 56;
  height: 23px;
  padding: 10px 10px 0 0; }

.player_item_list:after {
  content: '';
  display: block;
  clear: both; }

/* 구독툴팁  */
.player_item_list ul li .tooltip_bx {
  display: none;
  position: absolute;
  bottom: 29px;
  left: -38px;
  z-index: 100;
  border: 1px solid #d5d5d5;
  background: #fff;
  border-radius: 3px; }

.player_item_list ul li .tooltip_bx em {
  position: absolute;
  left: 42px;
  bottom: -6px;
  display: block;
  width: 8px;
  height: 6px;
  background: url("/images/afreecatv_player/split_player.png") no-repeat -320px -150px; }

.player_item_list ul li .tooltip_bx .subscribe_info {
  position: relative;
  min-width: 199px;
  min-height: 45px; }

.player_item_list ul li .tooltip_bx .subscribe_info .icon {
  position: absolute;
  top: 11px;
  left: 10px;
  display: block;
  width: 27px;
  height: 23px;
  background: url("/images/afreecatv_player/tooltip_icon.png") no-repeat 0 -500px; }

.player_item_list ul li .tooltip_bx .subscribe_info p {
  padding: 8px 10px 8px 48px;
  line-height: 130%;
  font-size: 11px;
  color: #000;
  letter-spacing: -1px; }

.player_item_list ul li .tooltip_bx .subscribe_info p .cr01 {
  color: #328fe1; }

.player_item_list ul li .tooltip_bx .subscribe_info p .cr02 {
  color: #ff4f12; }

.player_item_list ul li.subscribe {
  position: relative;
  z-index: 60;
  vertical-align: middle; }

.player_item_list ul li.subscribe .tooltip_bx {
  left: -37px; }

.player_item_list ul li.subscribe:hover .tooltip_bx {
  display: block; }

.player_item_list ul li.subscribe .on + .tooltip_bx,
.player_item_list ul li.subscribe:hover [tip]:before,
.player_item_list ul li.subscribe:hover [tip]:after {
  display: none !important; }

.player_item_list.list_block {
  float: none;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0; }

.smode .player_item_list.list_block {
  float: none;
  padding-bottom: 0;
  border-bottom: none; }

.player_item_list ul li button:after,
.player_item_list ul li button:before {
  display: none; }

.player_item_list ul li div.sub_tooltip {
  display: none;
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 30px;
  padding: 5px 10px;
  color: #fff;
  background: #373d40;
  font: 12px/1.2  "NGB", verdana, applegothic, sans-serif !important;
  border-radius: 2px;
  font-size: 12px;
  white-space: nowrap;
  font-weight: bold; }

.player_item_list ul li div.sub_tooltip:before {
  content: "";
  z-index: 10;
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: rotate(180deg) translate(50%, 0);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5' preserveAspectRatio='none' fill='%23373d40'%3e%3cpath d='M0 5l5-5 5 5H0z'/%3e%3c/svg%3e") 50% 100% no-repeat;
  background-size: 10px 5px;
  width: 100%;
  height: 15px; }

.player_item_list ul li.share div.sub_tooltip {
  transform: translate(-80%, 0); }

.player_item_list ul li.share div.sub_tooltip:before {
  transform: rotate(180deg) translate(20%, 0); }

.player_item_list ul li button:hover ~ div.sub_tooltip:before,
.player_item_list ul li button:hover ~ div.sub_tooltip {
  display: block; }

/* 오픈 후 삭제 */
.player_item_list .layer_tooltip {
  display: block;
  float: none;
  position: absolute;
  z-index: 99;
  right: 0;
  bottom: -23px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.player_item_list .layer_tooltip.on {
  display: block;
  bottom: 100%;
  z-index: 1000;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100); }

.player_item_list .layer_tooltip p {
  display: non;
  padding: 12px 15px 10px 50px;
  margin: 0;
  min-height: 15px;
  font-size: 11px;
  color: #dedede;
  line-height: 1.6;
  border: 1px solid #000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: url("/images/afreecatv_player/transparent_0.7.png") repeat; }

.player_item_list .layer_tooltip p a {
  color: inherit;
  font-size: 11px;
  text-decoration: underline; }

.player_item_list .layer_tooltip p em {
  position: absolute;
  left: 15px;
  top: 50%;
  width: 27px;
  height: 28px;
  margin-top: -15px;
  background: url("/images/afreecatv_player/tooltip_icon.png") no-repeat -9999em; }

.player_item_list .layer_tooltip p em.ic_thunder {
  width: 27px;
  height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(182, 182, 182, 0.999)' stroke=''  viewBox='0 0 27 27' %3e%3cpath fill-rule='evenodd' d='M13.5 0a13.5 13.5 0 100 27 13.5 13.5 0 000-27zm-3.2 24.3l2-9H5.8L16.7 2.7l-2 9h6.5L10.3 24.3z'/%3e%3c/svg%3e") 0 0 no-repeat; }

.player_item_list .layer_tooltip p em.ic_thunder.on {
  width: 27px;
  height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(254, 180, 2, 0.999)' stroke=''  viewBox='0 0 27 27' %3e%3cpath fill-rule='evenodd' d='M13.5 0a13.5 13.5 0 100 27 13.5 13.5 0 000-27zm-3.2 24.3l2-9H5.8L16.7 2.7l-2 9h6.5L10.3 24.3z'/%3e%3c/svg%3e") 0 0 no-repeat; }

.player_item_list .layer_tooltip p.error_text em {
  background-position: 0 3px; }

.player_item_list .layer_tooltip p.up_text em {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 72, 74, 0.999)' stroke=''  width='16' height='17'%3e%3cpath fill-rule='evenodd' fill='%23FF3838' d='M14.728 9.419c.152.308.231 1.221.231.988 0 .519-.177 1.014-.504 1.417.134.278.204.581.204.89 0 .735-.396 1.414-1.029 1.796.019.106.028.213.028.32 0 1.061-.888 1.924-1.979 1.924H7.234c-.373 0-.677-.302-.677.046 0-1.092.304-1.394.677-1.394h4.445c.561 0 .625-.258.625-.576a.537.537 0 00-.101-.312c.497-.19.237.362-.072-.643a.672.672 0 01.506-.408c.603-.07.667.343.667-.753 0-.191-.075-.369.566-.513-.922.389-.991-.338-.972-.535.019-.198.322-.376.288-.49a.933.933 0 00.419-.769.91.91 0 00-.266-.638.67.67 0 01-.181-.555c.027-.104.143-.381.32-.488.268-.161.428-.431.428-.426 0-.774-.415-1.162-.925-1.162H8.776c-.246 0-.465-.018-.587-.337.481-.211.481-.462-.001-.673.755-1.303.287-2.398-.535-3.258-.233-1.063-.665-1.254-1.024-1.237a.449.449 0 00-.197.038c.002.004.001.025.007.062.042.242.071.513.086.803.026.734.015 1.035-.033 1.619-.018.215-.036.379-.048.472l-.092.261L4.41 8.106a.681.681 0 01-.927.232c-.156-.093-.266.632-.31-.416a.669.669 0 01.077-.511l1.866-3.092c.008-.074.017-.167.026.121.043-.918.054-1.06.031-1.834a5.276 5.276 0 00-.068-.642c.195-.434.014-.824.26-1.13C5.631.504 6.58.309 6.567.285a2.707 2.707 0 012.129.941c1.047 1.256 1.46 3.068 1.078 4.564h3.207c1.256 0 2.279.993 2.279 2.51 0 .221.42.94-.532 1.119zM8.45 9.54v.001c.132.124.206.292.211.589.004.063-.062.234-.188.365l-4.979 5.19c-.127.133-.305.209.006.209h-.503a.681.681 0 01-.492-.22L.924 13.95a.671.671 0 01.045-.954c.276-.248.704-.228.955.404l1.236.832 4.335-4.668a.679.679 0 01.955-.024z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.player_item_list .layer_tooltip p.bookmark_text em {
  background-position: 0 -198px; }

.player_item_list .layer_tooltip p.honey_fun_text em {
  height: 18px;
  margin-top: -10px;
  background-position: 0 -300px; }

.player_item_list .layer_tooltip p.laterwatch_text em {
  margin-top: -14px;
  background-position: 0 -391px; }

.player_item_list .layer_tooltip p.edit_angle_text em {
  margin-top: -10px;
  background-position: 0 -610px; }

.player_item_list .layer_tooltip p.alert_text em {
  display: none; }

.player_item_list .layer_tooltip p.alert_text {
  padding: 12px 15px 10px 15px; }

.player_item_list .layer_tooltip p.error_text i {
  font-style: normal; }

.player_item_list .layer_tooltip p span {
  color: #5ca1e3; }

.pc_download_tooltip {
  display: block;
  border: solid 1px #ddd;
  position: absolute;
  width: 312px;
  box-sizing: border-box;
  z-index: 110;
  text-align: left;
  background: #fff;
  box-shadow: 0 2px 5px 0 #eee;
  padding: 30px; }

.pc_download_tooltip ul.option_list {
  float: none; }

.pc_download_tooltip:before {
  content: "";
  position: absolute;
  left: 18px;
  background: url(/images/webplayer/live/split_live.png) 0 0 no-repeat;
  background-position: -60px -118px;
  width: 11px;
  height: 8px; }

.pc_download_tooltip.top:before {
  top: unset;
  bottom: -8px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }

.pc_download_tooltip.bottom:before {
  top: -8px; }

.pc_download_tooltip .title {
  margin-bottom: 16px;
  padding-bottom: 11px;
  border-bottom: solid 1px #e1e1e1;
  color: #000;
  font-family: "NGB";
  font-size: 16px; }

.pc_download_tooltip .close {
  position: absolute; }

.pc_download_tooltip .close:after {
  content: "";
  display: block;
  background: url(/images/webplayer/live/split_live.png) 0 0 no-repeat;
  background-position: -43px -161px;
  width: 12px;
  height: 12px; }

.pc_download_tooltip .option_list .option_list_item {
  display: table;
  position: relative;
  width: 100%;
  margin: 10px 0 0 0; }

.pc_download_tooltip .option_list .option_list_item .option_text {
  display: table-cell;
  overflow: hidden;
  width: 170px;
  max-width: 170px;
  padding-right: 5px;
  color: #666;
  text-overflow: ellipsis;
  font-size: 13px;
  white-space: nowrap; }

.pc_download_tooltip .option_list .option_list_item .option_text:before {
  content: "";
  display: inline-block;
  background-color: #525252;
  width: 2px;
  height: 2px;
  margin-right: 6px;
  vertical-align: middle; }

.pc_download_tooltip .option_list .option_list_item .option_button {
  margin: 0;
  display: table-cell;
  padding: 4px 17px;
  border: solid 1px #4279ff;
  border-radius: 3px;
  color: #4279ff;
  font-family: "NGB";
  font-size: 13px; }

.pc_download_tooltip .option_list .option_list_item .option_button span {
  margin: 0;
  padding: 0; }

.pc_download_tooltip.bottom {
  top: 50px;
  height: 167px;
  padding: 33px 35px 0; }

.pc_download_tooltip.bottom .close {
  top: 17px;
  right: 20px; }

.pc_download_tooltip.top {
  top: -168px;
  height: 168px;
  padding: 26px 35px 0; }

.pc_download_tooltip.top .close {
  top: 24px;
  right: 20px;
  border: 0; }

.pc_download_tooltip .close {
  top: 24px;
  right: 20px;
  border: 0; }

/* 레이어_원저작자 */
/* 2018-0125 동영상 시청페이지에서 이동 */
.player_item_list .layer_subscribe {
  display: none;
  position: absolute;
  left: -138px;
  top: 35px;
  z-index: 60;
  min-width: 183px;
  padding: 10px;
  border: 1px solid #adadad;
  border-radius: 3px;
  background: #fff; }

.player_item_list .layer_subscribe .memo {
  font-size: 13px;
  line-height: 1.3em;
  letter-spacing: -1px;
  padding: 0 20px 0 0; }

.player_item_list .layer_subscribe .memo .nick {
  color: #3d82f6;
  font-weight: bold; }

.player_item_list .layer_subscribe .sbc_info {
  font-size: 13px; }

.player_item_list .layer_subscribe .sbc_info dt {
  color: #676768;
  font-weight: bold; }

.player_item_list .layer_subscribe .sbc_info dd {
  padding-top: 4px; }

.player_item_list .layer_subscribe .sbc_info dd ul {
  float: none; }

.player_item_list .layer_subscribe .sbc_info dd ul li {
  padding-left: 6px;
  margin: 5px 0 0 0;
  color: #676768;
  line-height: normal;
  background: url("/images/flashplayer/video/dot_1.gif") no-repeat 1px 4px; }

.player_item_list .layer_subscribe .sbc_info dd ul li span {
  color: #f64500; }

.player_item_list .layer_subscribe a.close {
  position: absolute;
  right: 5px;
  top: 6px;
  overflow: hidden;
  text-indent: -1111px;
  width: 19px;
  height: 19px;
  background: url("/images/flashplayer/video/video.png") no-repeat 4px -183px; }

.player_item_list .layer_subscribe .arr {
  position: absolute;
  right: 51px;
  top: -7px;
  display: block;
  overflow: hidden;
  text-indent: -1111px;
  width: 13px;
  height: 7px;
  background: url("/images/flashplayer/video/video.png") no-repeat 0 -108px; }

.player_item_list .layer_originalbj {
  display: none;
  position: absolute;
  left: -100px;
  top: 35px;
  min-width: 184px;
  z-index: 60;
  padding: 10px 10px 7px 10px;
  border: 1px solid #adadad;
  border-radius: 3px;
  background: #fff; }

.player_item_list .layer_originalbj .memo {
  font-size: 13px;
  line-height: 1.3em;
  letter-spacing: -1px;
  padding: 0 20px 5px 0;
  margin: 0 0 8px;
  border-bottom: 1px solid #e5e5e5; }

.player_item_list .layer_originalbj .memo .nick {
  color: #3d82f6;
  font-weight: bold;
  display: inline-block; }

.player_item_list .layer_originalbj .memo br {
  display: none; }

.player_item_list .layer_originalbj .memo .em1 {
  color: #3d82f6;
  font-weight: bold; }

.player_item_list .layer_originalbj .bjarea {
  position: relative;
  min-height: 33px; }

.player_item_list .layer_originalbj .bjarea .bjlogo {
  position: absolute;
  left: 0px;
  top: -2px;
  bottom: 5px;
  padding: 0; }

.player_item_list .layer_originalbj .bjarea .bjlogo img {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  border: 1px solid #e5e5e5;
  vertical-align: top; }

.player_item_list .layer_originalbj .bjarea .nick {
  display: table;
  margin: 0 0 0 45px;
  width: 115px;
  height: 33px; }

.player_item_list .layer_originalbj .bjarea .nick a {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: #3d82f6;
  font-weight: bold;
  line-height: 1em; }

.player_item_list .layer_originalbj .bjarea .fav {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px; }

.player_item_list .layer_originalbj .bjarea .fav .icon {
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: -1111px;
  background: url("/images/flashplayer/video/video.png") no-repeat 0px -550px; }

.player_item_list .layer_originalbj .bjarea .fav .icon.on {
  background-position: -20px -550px; }

.player_item_list .layer_originalbj .bjarea .fav .icon a {
  display: block;
  height: 100%; }

.player_item_list .layer_originalbj .bjarea .fav a.txt {
  font-size: 0;
  letter-spacing: -1px;
  color: #888;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 6px 0 0; }

.player_item_list .layer_originalbj a.close {
  position: absolute;
  right: 5px;
  top: 5px;
  overflow: hidden;
  text-indent: -1111px;
  width: 11px;
  height: 11px;
  background: url("/images/webplayer/live/split_live.png") -151px -51px no-repeat; }

.player_item_list .layer_originalbj .arr {
  position: absolute;
  left: 103px;
  top: -7px;
  display: block;
  overflow: hidden;
  text-indent: -1111px;
  width: 13px;
  height: 7px;
  background: url("/images/flashplayer/video/video.png") no-repeat 0 -108px; }

.player_item_list .layer_dl {
  position: relative;
  position: absolute;
  left: 0;
  bottom: 46px;
  background: #fff;
  width: 337px;
  min-width: 312px;
  padding: 25px 35px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  z-index: 61; }

.player_item_list .layer_dl .stit {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 11px;
  border-bottom: solid 1px #e1e1e1;
  color: #000;
  font-family: "NGB";
  font-size: 16px; }

.player_item_list .layer_dl .list {
  overflow: auto;
  max-height: 120px; }

.player_item_list .layer_dl .list ul {
  float: none;
  padding: 0 10px; }

.player_item_list .layer_dl li {
  position: relative;
  width: 100%;
  margin: 10px 0 0 0; }

.player_item_list .layer_dl li:after {
  content: "";
  display: block;
  clear: both; }

.player_item_list .layer_dl li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #525252;
  width: 2px;
  height: 2px; }

.player_item_list .layer_dl li span {
  display: inline-block;
  overflow: hidden;
  width: 150px;
  max-width: 150px;
  padding-left: 10px;
  color: #666;
  line-height: 30px;
  text-overflow: ellipsis;
  font-size: 13px;
  white-space: nowrap;
  vertical-align: middle; }

.player_item_list .layer_dl li a {
  float: right;
  width: 60px;
  max-width: 60px;
  margin: 0;
  padding: 4px 0;
  border: solid 1px #4279ff;
  border-radius: 3px;
  color: #4279ff;
  text-align: center;
  font-family: "NG";
  font-size: 13px; }

.player_item_list .layer_dl a.close {
  overflow: hidden;
  position: absolute;
  top: 16px;
  right: 16px;
  background: url("/images/webplayer/live/split_live.png") 0 0 no-repeat;
  background-position: -43px -161px;
  width: 31px;
  width: 12px;
  height: 31px;
  height: 12px;
  text-indent: -1111px; }

.player_item_list .layer_dl:before {
  content: "";
  position: absolute;
  left: 18px;
  bottom: -8px;
  background: url("/images/webplayer/live/split_live.png") 0 0 no-repeat;
  background-position: -60px -118px;
  width: 11px;
  height: 8px;
  transform: rotate(180deg); }

.player_item_list ul li div.item_list_layer {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 33px;
  min-width: 180px;
  z-index: 60;
  padding: 10px 25px 10px 48px;
  border: 1px solid #adadad;
  border-radius: 3px;
  background: #fff;
  letter-spacing: -1px;
  transform: translate(-49.8%, 0); }

.player_item_list ul li div.item_list_layer .ic_userclip {
  position: absolute;
  width: 30px;
  height: 22px;
  left: 10px;
  top: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(61, 130, 246, 0.999)' stroke='' viewBox='0 0 22 17'%3e%3cpath d='M20.27 17H1.72C.77 17 0 16.26 0 15.32V0H22v15.32c0 .94-.78 1.7-1.73 1.7zM1.36 1.34v2.63h.26l.66-2.63h-.92zm3.43 0l-.67 2.63h2.6l.67-2.63h-2.6zm5.1 0l-.66 2.63h2.53l.66-2.63H9.9zm5.04 0l-.66 2.63H17l.66-2.63h-2.74zm5.7 0h-.45l-.66 2.63h1.12V1.33zm0 3.96H1.37v10.02c0 .2.16.36.36.36h18.55c.2 0 .37-.16.37-.36V5.3z'/%3e%3c/svg%3e") 0 0 no-repeat; }

.player_item_list ul li div.item_list_layer strong {
  font-size: 13px;
  color: #3d82f6; }

.player_item_list ul li div.item_list_layer p {
  font-size: 12px;
  color: #333;
  line-height: 1.2; }

.player_item_list ul li div.item_list_layer a.close {
  overflow: hidden;
  text-indent: -9999em;
  position: absolute;
  width: 11px;
  height: 11px;
  top: 5px;
  right: 5px;
  background: url("/images/webplayer/live/split_live.png") -151px -51px no-repeat !important; }

.player_item_list ul li div.item_list_layer:after,
.player_item_list ul li div.item_list_layer:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -7.5px;
  border-color: #adadad transparent transparent transparent;
  border-style: solid;
  border-width: 7px;
  background: none; }

.player_item_list ul li div.item_list_layer:after {
  bottom: -13px;
  border-color: #fff transparent transparent transparent; }

.player_item_list ul li div.item_list_layer.tooltip {
  display: none;
  bottom: 33px;
  padding: 10px 10px 10px 48px !important; }

.player_item_list li.user_join div.item_list_layer {
  min-width: 110px;
  padding: 10px 15px;
  bottom: 30px; }

.player_item_list ul li div.adshop_layer {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 33px;
  min-width: 162px;
  z-index: 60;
  padding: 10px 22px 10px 88px;
  border: 1px solid #adadad;
  border-radius: 3px;
  background: #fff;
  letter-spacing: -1px;
  transform: translate(-49.8%, 0); }

.player_item_list ul li div.adshop_layer .ic_adshop {
  position: absolute;
  width: 66px;
  height: 53px;
  left: 9px;
  top: 10px;
  background: url("/images/webplayer/live/ic_adshop.png") 0 0 no-repeat; }

.player_item_list ul li div.adshop_layer strong {
  font-size: 13px;
  color: #3d82f6; }

.player_item_list ul li div.adshop_layer p {
  font-size: 12px;
  color: #333;
  line-height: 1.2; }

.player_item_list ul li div.adshop_layer a.close {
  overflow: hidden;
  text-indent: -9999em;
  position: absolute;
  width: 11px;
  height: 11px;
  top: 5px;
  right: 5px;
  background: url("/images/webplayer/live/split_live.png") -151px -51px no-repeat !important; }

.player_item_list ul li div.adshop_layer:after,
.player_item_list ul li div.adshop_layer:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -7.5px;
  border-color: #adadad transparent transparent transparent;
  border-style: solid;
  border-width: 7px;
  background: none; }

.player_item_list ul li div.adshop_layer:after {
  bottom: -13px;
  border-color: #fff transparent transparent transparent; }

.player_item_list .user_clip.on .item_list_layer,
.player_item_list .user_clip:hover .item_list_layer.tooltip {
  display: block; }

.player_item_list .user_clip.on .item_list_layer.tooltip,
.player_item_list .user_clip.on:hover .item_list_layer.tooltip {
  display: none; }

/* 2021-05-07 애드벌룬 서비스 개선 작업 .speech_bubble z-index 60 > z-index 9 변경, 선배포 가능 */
.player_item_list .speech_bubble {
  display: none;
  position: absolute;
  left: -20px;
  bottom: 33px;
  min-width: 160px;
  z-index: 9;
  padding: 5px 15px;
  border: 1px solid #adadad;
  border-radius: 3px;
  background: #fff;
  letter-spacing: -1px;
  /* 2021-05-07 애드벌룬 서비스 개선 작업 .icon 추가, 선배포 가능 */ }
  .player_item_list .speech_bubble strong {
    font-size: 14px;
    color: #4279ff;
    font-family: 'NGB'; }
  .player_item_list .speech_bubble p {
    display: inline-block;
    font-size: 12px;
    color: #555; }
  .player_item_list .speech_bubble .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px; }
  .player_item_list .speech_bubble .close span {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 8px;
    height: 8px;
    font: 0/0 a; }
  .player_item_list .speech_bubble .icon {
    display: inline-block;
    width: 36px;
    height: 24px;
    margin: 0 10px 0 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(1, 199, 155, 0.999)' stroke='' viewBox='0 0 36 24' %3e%3cpath d='M21 0c2.209 0 4.0002 1.791 4.0002 4l-.0008.2135C25.6109 4.0788 26.2774 4 27 4c4.9626 0 9 4.0465 9 9.02 0 3.7328-2.2838 7.0104-5.6293 8.3622.4424.6679.708 1.3135.1859 1.9692-.3596.4513-.7718.6486-3.2142.6486-3.1868 0-3.4858-.262-3.7495-.4928-.7485-.6567-.4151-1.4288.0485-2.121a8.9547 8.9547 0 01-2.3544-1.3968c-.094.0072-.1901.0106-.287.0106H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h17zm6 5.2173c-4.2869 0-6.298 3.1844-6.298 3.1844-.9525 1.2922-1.5151 2.89-1.5151 4.6183 0 2.2507.9548 4.2766 2.4817 5.6989l.1225-.032a7.759 7.759 0 001.1507.8098l-.1616.0853a7.7887 7.7887 0 002.8006 1.106c-.3454.6285-1.3475 1.778-1.2172 1.8923.1286.1125 1.4733.193 2.774.2008l.2048.0006c1.1334 0 2.1808-.0567 2.296-.2014.1172-.1467-.8596-1.282-1.197-1.8963 3.6253-.6759 6.3717-3.8472 6.3717-7.664 0-4.3086-3.498-7.8027-7.8131-7.8027zM21 1.2H4c-1.489 0-2.7067 1.1626-2.7949 2.6294L1.2 4v12c0 1.489 1.1626 2.7067 2.6294 2.7949L4 18.8l16.0911.0008A9.0098 9.0098 0 0118 13.02c0-1.9317.6-3.7734 1.7364-5.3266.217-.326 1.5338-2.1712 4.0626-3.1239L23.8 4c0-1.489-1.1626-2.7067-2.6294-2.7949L21 1.2zm3.4232 8.8521c.1788 0 .3364.0526.4748.1579.1384.1052.2343.2317.2868.3804l1.7809 4.68c.0656.162.0616.3076-.0101.4372-.0728.1275-.1708.2175-.292.2681-.1222.0506-.2505.0557-.3858.0152-.1354-.0405-.2364-.1417-.302-.3046l-.4243-1.1262H23.297l-.4253 1.1262c-.0666.163-.1677.2641-.302.3046-.1354.0405-.2636.0354-.3859-.0152-.1222-.0506-.2192-.1406-.2919-.2681-.0727-.1296-.0757-.2753-.01-.4372l1.7807-4.68c.0526-.1487.1485-.2752.2869-.3804.1384-.1053.296-.1579.4737-.1579zm5.2414.0516c.3829 0 .7334.0719 1.0536.2176.3192.1447.593.346.8202.603.2273.256.406.5657.5343.927.1283.3612.193.7548.193 1.1808 0 .425-.0647.8197-.193 1.1809-.1283.3602-.307.6719-.5343.932-.2273.26-.501.4624-.8202.6081-.3202.1447-.6707.2176-1.0536.2176H28.102c-.1646 0-.295-.0486-.3899-.1468-.096-.0981-.1434-.2317-.1434-.4007v-4.773c0-.169.0475-.3016.1434-.3998.095-.0981.2253-.1467.39-.1467h1.5625zm-.0494.9947h-.9788v3.8776h.9788c.2242 0 .4333-.0446.6282-.1326.194-.088.3617-.2165.504-.3865.1415-.169.2526-.3754.3314-.6163.0788-.2408.1192-.51.1192-.8085s-.0404-.5676-.1192-.8095c-.0788-.2398-.19-.4442-.3313-.6102a1.4492 1.4492 0 00-.504-.3824c-.195-.088-.4041-.1316-.6283-.1316zM11.4048 6.1286l.1011.0526 5.003 2.958c.6144.3632.6527 1.2205.1126 1.6447l-.108.0742-5.002 2.993c-.6332.3789-1.4291-.0354-1.5073-.7437l-.0062-.1142-.001-5.951c-.0001-.7358.7601-1.2064 1.4078-.9136zm13.0184 5.3756l-.0394.1821-.712 1.879h1.503l-.7112-1.879-.0404-.1821z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .player_item_list .speech_bubble:after, .player_item_list .speech_bubble:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -14px;
    left: 20px;
    width: 0;
    height: 0;
    border-color: #adadad transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    background: none; }
  .player_item_list .speech_bubble:after {
    bottom: -13px;
    border-color: #fff transparent transparent transparent; }

.player_item_list .text_output {
  display: none;
  background-color: #888;
  position: absolute;
  z-index: 101;
  top: 0;
  right: 0;
  line-height: 28px;
  padding: 0 10px;
  white-space: nowrap; }

.player_item_list .text_output p {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-family: 'NG' , aria , AppleGothic ,sans-serif; }

.player_item_list.preroll ul {
  display: none; }

.player_item_list.preroll .text_output {
  display: block; }

.player_item_list.midroll .text_output {
  top: 39px;
  border-radius: 3px;
  padding: 5px 10px;
  line-height: 1.4; }

/* 2021-05-07 애드벌룬 서비스 개선 작업 추가, 선배포 가능 */
.player_item_list .text_output.adballoon {
  overflow: hidden;
  top: 12px;
  padding: 0;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background-color: #f5f6f7; }
  .player_item_list .text_output.adballoon p {
    padding: 9px 14px 9px 60px;
    text-align: left;
    font-size: 12px;
    color: #222;
    line-height: 1.4; }
    .player_item_list .text_output.adballoon p span {
      font-family: 'NGB'; }
    .player_item_list .text_output.adballoon p .icon {
      position: absolute;
      display: inline-block;
      top: 0;
      bottom: 0;
      left: 0;
      width: 50px;
      height: 100%;
      padding: 5px 5px;
      border-radius: 8px;
      background: #444;
      box-sizing: border-box; }

/* // 2021-05-07 애드벌룬 서비스 개선 작업 추가, 선배포 가능 */
/* ********************************** */
/* *********  전체화면 모드 ***********/
.extend_mode {
  background-color: #000; }
  .extend_mode #afreecatv_player {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0px !important;
    right: 0;
    margin: 0;
    max-height: none !important; }
  .extend_mode #afreecatv_player .btn_extend_mode {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(239, 239, 239, 0.999)' stroke='' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M11.75 10.5h6c.69 0 1.25.56 1.25 1.25 0 .647-.492 1.18-1.122 1.244L17.75 13l-2.984-.001 4.368 4.367c.488.488.488 1.28 0 1.768-.456.455-1.176.486-1.666.091l-.102-.091L13 14.767v2.983c0 .647-.492 1.18-1.122 1.244L11.75 19c-.647 0-1.18-.492-1.244-1.122l-.006-.128v-6.022c0-.026.002-.052.004-.078l-.004.1c0-.053.003-.106.01-.157l.01-.068.011-.054c.006-.024.012-.049.02-.073.004-.015.008-.03.013-.043.008-.025.018-.051.028-.077l.018-.042c.01-.022.02-.044.032-.066l.03-.054a.665.665 0 01.036-.056l.029-.042.045-.059c.053-.065.112-.124.178-.177l-.094.084c.048-.048.099-.09.152-.13.013-.01.028-.019.042-.028a.5496.5496 0 01.057-.036l.053-.03.066-.032.042-.018c.026-.01.052-.02.077-.028.014-.005.028-.01.042-.013.025-.008.05-.014.075-.02l.052-.01a.7858.7858 0 01.07-.011l.028-.004.032-.002.06-.003.036-.001zM2.032.275l.102.091L6.5 4.733V1.75c0-.647.492-1.18 1.122-1.244L7.75.5c.647 0 1.18.492 1.244 1.122L9 1.75v6.037l-.004.059L9 7.75c0 .053-.003.106-.01.157l-.01.068-.011.054c-.006.024-.012.049-.02.073a.4379.4379 0 01-.013.043c-.008.025-.018.051-.028.077l-.018.042c-.01.022-.02.044-.032.066l-.03.054a.665.665 0 01-.036.056l-.029.042-.045.059c-.053.065-.112.124-.178.177l.094-.084c-.048.048-.099.09-.152.13-.013.01-.028.019-.042.028a.5496.5496 0 01-.057.036l-.053.03-.066.032-.042.018c-.026.01-.052.02-.077.028-.014.005-.028.01-.042.013-.025.008-.05.014-.075.02l-.052.01a.7858.7858 0 01-.07.011l-.028.004-.032.002-.06.003L7.75 9h-6C1.06 9 .5 8.44.5 7.75c0-.647.492-1.18 1.122-1.244L1.75 6.5h2.983L.366 2.134c-.488-.488-.488-1.28 0-1.768C.822-.089 1.542-.12 2.032.275z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .extend_mode #afreecatv_player .btn_extend_mode:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 198, 255, 0.999)' stroke='' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M11.75 10.5h6c.69 0 1.25.56 1.25 1.25 0 .647-.492 1.18-1.122 1.244L17.75 13l-2.984-.001 4.368 4.367c.488.488.488 1.28 0 1.768-.456.455-1.176.486-1.666.091l-.102-.091L13 14.767v2.983c0 .647-.492 1.18-1.122 1.244L11.75 19c-.647 0-1.18-.492-1.244-1.122l-.006-.128v-6.022c0-.026.002-.052.004-.078l-.004.1c0-.053.003-.106.01-.157l.01-.068.011-.054c.006-.024.012-.049.02-.073.004-.015.008-.03.013-.043.008-.025.018-.051.028-.077l.018-.042c.01-.022.02-.044.032-.066l.03-.054a.665.665 0 01.036-.056l.029-.042.045-.059c.053-.065.112-.124.178-.177l-.094.084c.048-.048.099-.09.152-.13.013-.01.028-.019.042-.028a.5496.5496 0 01.057-.036l.053-.03.066-.032.042-.018c.026-.01.052-.02.077-.028.014-.005.028-.01.042-.013.025-.008.05-.014.075-.02l.052-.01a.7858.7858 0 01.07-.011l.028-.004.032-.002.06-.003.036-.001zM2.032.275l.102.091L6.5 4.733V1.75c0-.647.492-1.18 1.122-1.244L7.75.5c.647 0 1.18.492 1.244 1.122L9 1.75v6.037l-.004.059L9 7.75c0 .053-.003.106-.01.157l-.01.068-.011.054c-.006.024-.012.049-.02.073a.4379.4379 0 01-.013.043c-.008.025-.018.051-.028.077l-.018.042c-.01.022-.02.044-.032.066l-.03.054a.665.665 0 01-.036.056l-.029.042-.045.059c-.053.065-.112.124-.178.177l.094-.084c-.048.048-.099.09-.152.13-.013.01-.028.019-.042.028a.5496.5496 0 01-.057.036l-.053.03-.066.032-.042.018c-.026.01-.052.02-.077.028-.014.005-.028.01-.042.013-.025.008-.05.014-.075.02l-.052.01a.7858.7858 0 01-.07.011l-.028.004-.032.002-.06.003L7.75 9h-6C1.06 9 .5 8.44.5 7.75c0-.647.492-1.18 1.122-1.244L1.75 6.5h2.983L.366 2.134c-.488-.488-.488-1.28 0-1.768C.822-.089 1.542-.12 2.032.275z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .extend_mode #afreecatv_player .player_title {
    display: block; }
  .extend_mode .ti_wrap3,
  .extend_mode .player_item_list .btn_video,
  .extend_mode .player_item_list .layer_originalbj,
  .extend_mode .player_item_list .layer_subscribe,
  .extend_mode .topbox,
  .extend_mode #afreecatv_player .btn_smode {
    display: none !important; }
  .extend_mode .player_item_list {
    position: absolute;
    left: auto;
    bottom: -120px;
    right: 145px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 8px;
    color: #777;
    border-top: none;
    border-bottom: none;
    background-color: transparent;
    opacity: 0; }
  .extend_mode .player_item_list.pip {
    right: 190px; }
  .extend_mode .mouseover + .player_item_list,
  .extend_mode .player_item_list.mouseover {
    opacity: 1;
    z-index: 1000;
    bottom: 0; }
  .extend_mode #afreecatv_player_video {
    max-width: auto; }
  .extend_mode .player_item_list.preroll {
    overflow: hidden;
    left: 0;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0;
    width: 500px;
    height: 0;
    margin: 0 auto;
    background: transparent; }
  .extend_mode .player_item_list.preroll ul {
    display: none; }
  .extend_mode .player_item_list.preroll .text_output {
    background-color: transparent;
    border-top: none;
    width: 100%; }
  .extend_mode .player_item_list.preroll .text_output p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 2.6; }
  .extend_mode .player_item_list.preroll.mouseover {
    opacity: 1;
    height: 37px; }
  .extend_mode .player_item_list.midroll .text_output {
    position: fixed;
    top: auto;
    bottom: 5px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    background-color: transparent; }
  .extend_mode .player_item_list.preroll .text_output.adballoon {
    overflow: visible;
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
    padding: 0 10px;
    border: 0;
    background-color: transparent !important; }
  .extend_mode .player_item_list.preroll .text_output.adballoon p {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px; }
  .extend_mode .player_item_list.preroll .text_output.adballoon p .icon {
    display: none; }
  .extend_mode .player_item_list.preroll .text_output.adballoon p br {
    display: none; }
  .extend_mode .htmlplayer_wrap,
  .extend_mode .htmlplayer_wrap .htmlplayer_content {
    overflow: hidden;
    position: relative;
    margin: 0;
    width: 100%;
    height: 100% !important; }
  .extend_mode #webplayer_top {
    top: -58px; }
  .extend_mode #webplayer_contents {
    max-width: none;
    top: 0;
    padding: 0;
    height: 100%; }
  .extend_mode #webplayer_contents #player_area {
    top: 0;
    padding: 0;
    right: 0;
    height: 100%;
    border-right: none !important; }
  .extend_mode .list_open #webplayer_contents #player_area,
  .extend_mode .list_bookmark_open #webplayer_contents #player_area {
    right: 0; }
  .extend_mode .chat_open #webplayer_contents #player_area,
  .extend_mode .chat_open.list_open #webplayer_contents #player_area,
  .extend_mode .chat_open.list_bookmark_open #webplayer_contents #player_area {
    right: 296px; }
  .extend_mode #webplayer_contents #chatting_area,
  .extend_mode .list_open #webplayer_contents #list_area,
  .extend_mode .list_bookmark_open #webplayer_contents #list_bookmark_area {
    opacity: 0;
    transform: translate(230%, 0);
    -webkit-transform: translate(230%, 0);
    z-index: -1; }
  .extend_mode .chat_open #webplayer_contents #chatting_area,
  .extend_mode .chat_open.list_open #webplayer_contents #chatting_area,
  .extend_mode .chat_open.list_bookmark_open #webplayer_contents #chatting_area {
    opacity: 1;
    right: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    z-index: 1; }
  .extend_mode #webplayer_scroll {
    top: 0; }
  .extend_mode .broadcast_information {
    display: none !important; }
  .extend_mode.smode .player_item_list {
    left: auto; }

/* ********************************** */
/* *********  씨네마 모드 *********** */
.smode {
  background-color: #000 !important;
  outline: none; }

.smode #afreecatv_player {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 35px;
  right: 0;
  margin: 0;
  max-height: none; }

.smode #afreecatv_player.video {
  bottom: 0; }

.smode #afreecatv_player .btn_smode {
  background-position: -100px 0px; }

.smode #afreecatv_player .btn_smode:hover {
  background-position: -100px -25px; }

.smode #afreecatv_player .right_ctrl {
  bottom: 16px; }

.smode #afreecatv_player .player_title {
  display: block; }

.smode .player_item_list,
.smode.extend_mode .player_item_list {
  position: absolute;
  bottom: 8px;
  z-index: 52;
  right: 0px;
  padding-bottom: 0 !important;
  margin: 0;
  color: #777;
  border: none !important;
  background-color: transparent;
  border: none; }

.smode .player_item_list {
  padding-right: 20px; }

.smode.extend_mode .player_item_list {
  padding-right: 20px;
  right: 145px;
  bottom: 12px; }

.smode .player_item_list.mouseover {
  opacity: 1;
  filter: alpha(opacity=100); }

.smode .player_item_list .text_output {
  background-color: transparent; }

.smode .player_item_list .text_output p {
  color: #3d82f6; }

.smode .player_item_list .text_output.adballoon {
  top: 0;
  border: 1px solid #242427;
  background-color: #242427; }

.smode .player_item_list .text_output.adballoon p {
  color: #e5e5e5; }

.smode .player_item_list.midroll .text_output {
  position: fixed;
  top: auto;
  left: 50%;
  bottom: 30px;
  right: auto;
  transform: translateX(-50%); }

@media all and (max-width: 1200px) {
  .smode .player_item_list.midroll .text_output {
    position: absolute;
    right: 100%;
    left: auto;
    transform: translateX(0px);
    bottom: -2px; } }
@media all and (max-width: 1500px) {
  .smode .chat_open .player_item_list.midroll .text_output {
    position: absolute;
    right: 100%;
    left: auto;
    transform: translateX(0px);
    bottom: -2px; } }
@media all and (max-width: 1800px) {
  .smode .chat_open .player_item_list.midroll .text_output {
    position: absolute;
    right: 100%;
    left: auto;
    transform: translateX(0px);
    bottom: -2px; } }
.smode .speech_bubble {
  background-color: #1b1b1c;
  border-color: #333;
  color: #999; }
  .smode .speech_bubble strong {
    color: #7398ff; }
  .smode .speech_bubble p {
    color: #999; }
  .smode .speech_bubble:before {
    border-color: #333 transparent transparent transparent; }
  .smode .speech_bubble:after {
    border-color: #1b1b1c transparent transparent transparent; }

.smode .bj_vod, .smode .btn_player_wrap, .smode .airinfo, .smode .listbox, .smode .favbox, .smode .topbox, .smode .bjvideo, .smode .cmtbox, .smode .videowrap .player_item_list .btn_video, .smode .videowrap .player_item_list .layer_subscribe, .smode .videowrap .player_item_list .layer_originalbj {
  display: none !important; }

.smode #afreecatv_player .video_blind.white {
  background-color: #000;
  border: none; }
.smode #afreecatv_player .video_blind .content .type_continue {
  background-image: url("/lang/images/web/player/bg_continue_dark.png") !important; }
  .smode #afreecatv_player .video_blind .content .type_continue h2 {
    background-image: url("/lang/images/web/player/txt_continue_dark.png") !important; }
  .smode #afreecatv_player .video_blind .content .type_continue p {
    color: #888; }
  .smode #afreecatv_player .video_blind .content .type_continue p.txt {
    color: #7398ff; }
.smode.en_US #afreecatv_player .video_blind .content .type_continue h2 {
  background-image: url("/lang/images/web/player/txt_continue_en_dark.png") !important; }

/* ************** */
/* ************** */
/* 2019-0215 웹플레이어 개편으로 인한 CSS 이동 */
/*  live 스크린모드 정리 */
.smode #webplayer_scroll {
  top: 0; }

.smode #webplayer_contents {
  top: 0;
  padding: 0;
  height: 100%; }

.smode #webplayer_top {
  top: -58px; }

.smode #webplayer_contents #player_area {
  top: 0;
  right: 0;
  padding: 0;
  bottom: 0;
  border-right: none !important; }

.smode #webplayer_contents #chatting_area {
  top: 0;
  min-height: inherit; }

.smode #webplayer_contents #chatting_area,
.smode .chat_open #webplayer_contents #list_area,
.smode .chat_open #webplayer_contents #list_bookmark_area,
.smode .list_open #webplayer_contents #list_area,
.smode .list_open #webplayer_contents #list_bookmark_area,
.smode .list_bookmark_open #webplayer_contents #list_area,
.smode .list_bookmark_open #webplayer_contents #list_bookmark_area,
.smode .chat_open.list_open #webplayer_contents #list_area,
.smode .chat_open.list_bookmark_open #webplayer_contents #list_bookmark_area {
  display: none;
  opacity: 0;
  transform: translate(200%, 0); }

.smode .list_open #webplayer_contents #player_area,
.smode .list_bookmark_open #webplayer_contents #player_area {
  right: 0; }

.smode .chat_open #webplayer_contents #player_area,
.smode .chat_open.list_open #webplayer_contents #player_area,
.smode .chat_open.list_bookmark_open #webplayer_contents #player_area {
  right: 296px; }

.smode .chat_open #webplayer_contents #chatting_area,
.smode .chat_open.list_open #webplayer_contents #chatting_area,
.smode .chat_open.list_bookmark_open #webplayer_contents #chatting_area {
  z-index: 50;
  opacity: 1;
  right: 0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  display: block; }

.smode .broadcast_information {
  position: absolute;
  bottom: 10px;
  left: 20px;
  right: 20px;
  margin: 0; }

.smode .broadcast_information .etc,
.smode .broadcast_information .hashtag,
.smode .broadcast_information .detail_view,
.smode .broadcast_information .bj_thumbnail,
.smode .broadcast_viewer_cnt:hover:before,
.smode .webplayer_live #afreecatv_player .player_info .title,
.smode .text_information .broadcast_viewer_cnt:hover .viewer_cnt_detail {
  display: none  !important; }

.smode .webplayer_live .broadcast_information .detail_view {
  display: none !important; }

.smode .broadcast_information .text_information {
  margin: 0;
  padding: 0; }

.smode .broadcast_information .text_information .broadcast_title {
  overflow: hidden;
  margin-bottom: -5px;
  padding-top: 2px;
  font-size: 18px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all; }

.smode .text_information .nickname {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  color: #fff !important;
  opacity: .6;
  height: 20px; }

.smode .text_information .broadcast_viewer_cnt {
  display: inline-block;
  position: static; }

.smode .broadcast_viewer_cnt > span {
  opacity: .6;
  color: #fff !important;
  font-size: 15px; }

.smode .broadcast_viewer_cnt > span:before {
  opacity: 1 !important; }

.smode .htmlplayer_wrap {
  z-index: 50;
  overflow: hidden;
  position: relative;
  margin: 0;
  width: 100%;
  height: calc( 100% - 25px ); }

.smode .htmlplayer_wrap .htmlplayer_content {
  position: relative;
  padding: 0;
  width: 100%;
  height: 100%; }

.smode .player_item_list .item_list_layer {
  background-color: #1b1b1c;
  border-color: #333;
  color: #999; }
  .smode .player_item_list .item_list_layer:after {
    border-top-color: #1b1b1c; }
  .smode .player_item_list .item_list_layer:before {
    border-top-color: #333; }
  .smode .player_item_list .item_list_layer strong {
    color: #7398ff; }
  .smode .player_item_list .item_list_layer p {
    color: #999; }

@media all and (max-width: 798px) {
  .smode .chat_open #webplayer_contents #player_area,
  .smode .chat_open.list_open #webplayer_contents #player_area,
  .smode .chat_open.list_bookmark_open #webplayer_contents #player_area {
    right: 0; }

  .smode .chat_open #webplayer_contents #chatting_area,
  .smode .chat_open.list_open #webplayer_contents #chatting_area,
  .smode .chat_open.list_bookmark_open #webplayer_contents #chatting_area {
    opacity: 0;
    transform: translateX(100%); } }
/* //스크린모드 정리 */
/* **************** */
/* **************** */
/* ********************************** */
/* *********  임베디드 모드 *********** */
.embeded_mode {
  background-color: #000; }
  .embeded_mode #webplayer_contents #player_area {
    overflow: hidden;
    padding: 0;
    right: 0; }
  .embeded_mode #afreecatv_player {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0px !important;
    right: 0;
    max-height: none !important;
    min-width: auto; }
  .embeded_mode #afreecatv_player .player_ctrlBox .btn_afreecatv,
  .embeded_mode #afreecatv_player .player_ctrlBox .btn_share {
    display: block; }
  .embeded_mode #afreecatv_player .player_title {
    display: block;
    z-index: 41; }
  .embeded_mode #afreecatv_player .btn_smode,
  .embeded_mode #afreecatv_player .quality_box,
  .embeded_mode #afreecatv_player .setting_box,
  .embeded_mode #afreecatv_player .btn_pip_mode,
  .embeded_mode #afreecatv_player .edit_angle_box,
  .embeded_mode .player_item_list {
    display: none !important; }
  .embeded_mode #afreecatv_player .player_info .title h1 {
    margin-right: 50px; }
  .embeded_mode .float_box {
    max-height: none; }
  .embeded_mode #chatting_area {
    min-height: auto;
    position: absolute;
    right: -296px;
    top: 0;
    height: auto;
    width: 296px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: none; }
  @media screen and (max-width: 841px) {
    .embeded_mode .chat_open #webplayer_contents #chatting_area {
      opacity: 1;
      transform: translateX(0); } }

/* 임베디드 채팅 위치 */
.embeded_mode.chat_open .bg_dark {
  width: auto;
  right: 296px; }

.embeded_mode.chat_open .layer_l {
  margin-left: -340px !important; }

.embeded_mode.chat_open .layer_s {
  margin-left: -291px !important; }

.embeded_mode.chat_open .layer_l {
  width: 320px;
  margin-left: -312px !important; }

.embeded_mode.chat_open #afreecatv_player {
  right: 296px !important;
  width: auto !important; }

.embeded_mode.chat_open #chatting_area {
  right: 0; }

.embeded_mode .smode_chatbtn {
  top: 75px; }

/* ****************************** */
/* *********  VR 모드 *********** */
.vr_player {
  display: none; }

.vr_mode #afreecatv_player {
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  min-width: auto;
  width: 400px;
  max-height: none !important;
  bottom: 54px;
  right: 0; }

.vr_mode #afreecatv_player .afreecatv_player_size {
  padding-bottom: 56.25%; }

.vr_mode .vr_player {
  display: block;
  position: relative;
  padding-bottom: 56.25%; }

.vr_mode .vr_player embed,
.vr_mode .vr_player video,
.vr_mode .vr_player iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.extend_mode.vr_mode .vr_player, .smode.vr_mode .vr_player {
  height: 100%;
  max-height: auto;
  padding: 0; }

.extend_mode.vr_mode #afreecatv_player {
  bottom: 50px !important; }

.extend_mode.vr_mode .player_item_list {
  right: 0;
  opacity: 1;
  filter: alpha(opacity=100); }

/***************************************************/
/* *********  임베디드 & 전체화면 모드 *********** */
.embeded_mode.extend_mode #afreecatv_player .player_ctrlBox .right_ctrl {
  bottom: 10px; }

/* ******************************** */
/* ****대쉬보드 아이프레임 관련 ***** */
.dashboard_mode #afreecatv_player {
  bottom: 0; }

.dashboard_mode .player_item_list,
.dashboard_mode .btn_smode {
  display: none; }

/*프리캡 관련 */
.extend_mode #afreecatv_player_freecap,
.smode #afreecatv_player_freecap,
.smode #afreecatv_player.freecap {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0px !important;
  right: 0;
  margin: 0 !important;
  max-height: none !important; }

.chat_open #afreecatv_player.freecap {
  margin-right: 0 !important; }

#afreecatv_player.freecap .btn_afreecatv,
#afreecatv_player.freecap .btn_smode,
#afreecatv_player.freecap .btn_chat {
  display: none !important; }

#afreecatv_player.freecap .progress,
#afreecatv_player.freecap .time_display {
  display: block; }

/*// 모드별 공통*/
.smode .airinfo, .smode .bj_vod, .smode .ti_wrap1, .smode .bjvideo, .smode .cmtbox,
.extend_mode .airinfo, .extend_mode .bj_vod, .extend_mode .ti_wrap1, .extend_mode .bjvideo, .extend_mode .cmtbox {
  display: none !important; }

.extend_mode .contbox, .embeded_mode .contbox, .smode .contbox {
  top: 0; }

.extend_mode, .embeded_mode, .smode, .embeded_mode {
  background-color: #000; }

.extend_mode .player_item_list .layer_tooltip,
.embeded_mode .player_item_list .layer_tooltip,
.smode .player_item_list .layer_tooltip {
  position: fixed;
  top: auto;
  bottom: -100px;
  right: 0px;
  z-index: -1; }

.extend_mode .chat_open .player_item_list .layer_tooltip,
.embeded_mode .chat_open .player_item_list .layer_tooltip {
  right: 296px; }

.smode .player_item_list .layer_tooltip {
  position: absolute; }

.extend_mode .player_item_list .layer_tooltip.on,
.embeded_mode .player_item_list .layer_tooltip.on,
.smode .player_item_list .layer_tooltip.on {
  top: auto;
  bottom: 33px; }

@media (max-width: 857px) {
  .player_item_list .layer_tooltip {
    right: 0px !important; } }
.extend_mode .player_item_list button,
.embeded_mode .player_item_list button,
.smode .webplayer_live .player_item_list button {
  color: #999; }

.extend_mode .player_item_list ul li button span,
.embeded_mode .player_item_list ul li button span {
  overflow: hidden;
  padding: 0;
  text-indent: -9999em;
  font: 0/0 a; }

/* 광고영역 */
#afreecatv_player.promotion .video_thumbnail span {
  display: none !important; }

#afreecatv_player .promotion_area,
#afreecatv_player .promotion_area_left,
#afreecatv_player .promotion_area_right {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#afreecatv_player .promotion_area {
  position: absolute;
  z-index: 19;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px; }

#afreecatv_player.mouseover .promotion_area {
  bottom: 40px; }

#afreecatv_player.video.mouseover .promotion_area {
  bottom: 50px; }

#afreecatv_player .promotion_area_left,
#afreecatv_player .promotion_area_right {
  bottom: 10px; }

#afreecatv_player.mouseover .promotion_area_left,
#afreecatv_player.mouseover .promotion_area_right {
  bottom: 40px; }

#afreecatv_player.video.mouseover .promotion_area_left,
#afreecatv_player.video.mouseover .promotion_area_right {
  bottom: 50px; }

.smode #afreecatv_player.mouseover .promotion_area,
.extend_mode #afreecatv_player.mouseover .promotion_area {
  bottom: 65px; }

#afreecatv_player .promotion_area a {
  position: absolute;
  z-index: 19;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-indent: -9999em; }

#afreecatv_player .promotion_area button,
#afreecatv_player .promotion_area_left,
#afreecatv_player .promotion_area_right {
  display: none;
  position: absolute;
  z-index: 51;
  height: 31px;
  bottom: 10px;
  padding: 0 12px;
  border: 1px solid #000;
  font-family: dotum , '돋움';
  background-color: rgba(0, 0, 0, 0.6); }

#afreecatv_player .promotion_area button span,
#afreecatv_player .promotion_area_left span,
#afreecatv_player .promotion_area_right span {
  position: relative;
  color: #12e3fc;
  font-size: 15px;
  vertical-align: middle; }

#afreecatv_player .promotion_area button em,
#afreecatv_player .promotion_area_left em,
#afreecatv_player .promotion_area_right em {
  position: relative;
  color: #fff;
  font-style: normal;
  font-size: 13px;
  vertical-align: middle; }

#afreecatv_player .promotion_area .promotion_area_left,
#afreecatv_player button.promotion_area_left {
  left: 20px; }

#afreecatv_player .promotion_area .promotion_area_left span,
#afreecatv_player button.promotion_area_left span {
  padding-right: 20px;
  background: url("/images/afreecatv_player/arrow_ad_area.png") no-repeat 47px center; }

#afreecatv_player .promotion_area .promotion_area_right,
#afreecatv_player button.promotion_area_right {
  right: 20px; }

#afreecatv_player .promotion_area .promotion_area_right span,
#afreecatv_player button.promotion_area_right span {
  color: #fff; }

#afreecatv_player .promotion_area .promotion_area_right em,
#afreecatv_player button.promotion_area_right em {
  color: #12e3fc;
  font-size: 15px;
  padding: 0; }

html[lang="en"] #afreecatv_player button.promotion_area_right em,
html[lang="th"] #afreecatv_player button.promotion_area_right em,
html[lang="ja"] #afreecatv_player button.promotion_area_right em {
  margin: -5px 3px 0 3px;
  vertical-align: middle;
  display: inline-block; }

#afreecatv_player.da .video_thumbnail span {
  display: none !important; }

#afreecatv_player .da_area,
#afreecatv_player .da_area_left,
#afreecatv_player .da_area_right {
  transition: all 0.3s ease; }

#afreecatv_player .da_area {
  position: absolute;
  z-index: 19;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px; }

#afreecatv_player.mouseover .da_area {
  bottom: 40px; }

#afreecatv_player.video.mouseover .da_area {
  bottom: 50px; }

#afreecatv_player .da_area_left,
#afreecatv_player .da_area_right {
  bottom: 10px; }

#afreecatv_player.mouseover .da_area_left,
#afreecatv_player.mouseover .da_area_right {
  bottom: 40px; }

#afreecatv_player.video.mouseover .da_area_left,
#afreecatv_player.video.mouseover .da_area_right {
  bottom: 50px; }

.smode #afreecatv_player.mouseover .da_area,
.extend_mode #afreecatv_player.mouseover .da_area {
  bottom: 65px; }

#afreecatv_player .da_area a {
  position: absolute;
  z-index: 19;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-indent: -9999em; }

#afreecatv_player .da_area button,
#afreecatv_player .da_area_left,
#afreecatv_player .da_area_right {
  display: none;
  position: absolute;
  z-index: 51;
  height: 31px;
  bottom: 10px;
  padding: 0 12px;
  border: 1px solid #000;
  font-family: dotum , '돋움';
  background-color: rgba(0, 0, 0, 0.6); }

#afreecatv_player .da_area button span,
#afreecatv_player .da_area_left span,
#afreecatv_player .da_area_right span {
  position: relative;
  color: #12e3fc;
  font-size: 15px;
  vertical-align: middle; }

#afreecatv_player .da_area button em,
#afreecatv_player .da_area_left em,
#afreecatv_player .da_area_right em {
  position: relative;
  color: #fff;
  font-style: normal;
  font-size: 13px;
  vertical-align: middle; }

#afreecatv_player .da_area .da_area_left,
#afreecatv_player button.da_area_left {
  left: 20px; }

#afreecatv_player .da_area .da_area_left span,
#afreecatv_player button.da_area_left span {
  padding-right: 20px;
  background: url("/images/afreecatv_player/arrow_ad_area.png") no-repeat 47px center; }

#afreecatv_player .da_area .da_area_right,
#afreecatv_player button.da_area_right {
  right: 20px; }

#afreecatv_player .da_area .da_area_right span,
#afreecatv_player button.da_area_right span {
  color: #fff; }

#afreecatv_player .da_area .da_area_right em,
#afreecatv_player button.da_area_right em {
  color: #12e3fc;
  font-size: 15px;
  padding: 0; }

html[lang="en"] #afreecatv_player button.da_area_right em,
html[lang="th"] #afreecatv_player button.da_area_right em,
html[lang="ja"] #afreecatv_player button.da_area_right em {
  margin: -5px 3px 0 3px;
  vertical-align: middle;
  display: inline-block; }

/* 광고 방송 영역시 컨트롤 밀리는 현상 해결을 위한 클레스 */
#afreecatv_player.prad .player_ctrlBox {
  z-index: 51; }

#__DAWIN3_VIDEO__, #__DAWIN3_OVERLAY__, #__DAWIN3_CLICK__ {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important; }

#extensionSkip, #extensionTime, #extensionSkipWait {
  bottom: 10px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.mouseover #extensionSkip, .mouseover #extensionTime, .mouseover #extensionSkipWait {
  bottom: 50px !important; }

#afreecatv_player.ctrl_reduction .player_ctrlBox {
  min-height: 20px;
  padding-top: 10px; }

#afreecatv_player.ctrl_reduction .player_ctrlBox .ctrl {
  min-height: 20px;
  margin-top: 0; }

/*progress bar*/
#afreecatv_player .progress {
  position: relative;
  display: none;
  padding: 8px 0;
  cursor: pointer; }

#afreecatv_player .progress .progress_track {
  position: relative;
  height: 3px;
  background-color: #434343;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#afreecatv_player .progress .progress_track .progress_bar {
  position: absolute;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#afreecatv_player .progress .progress_track .watched {
  position: absolute;
  z-index: 4;
  height: 100%;
  background-color: #2cc6ff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#afreecatv_player .progress .progress_track .handler {
  filter: alpha(opacity=100);
  position: absolute;
  z-index: 7;
  margin-left: -6px;
  top: -4px;
  width: 13px;
  height: 13px;
  cursor: pointer; }

#afreecatv_player .progress .progress_track .handler span {
  position: relative;
  display: block;
  height: 13px;
  width: 13px;
  opacity: 0;
  background-position: 0 -125px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#afreecatv_player .progress .progress_track .download {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#afreecatv_player .progress .progress_track .picker {
  position: absolute;
  top: -18px;
  width: 9px;
  height: 21px;
  margin-left: -5px; }

#afreecatv_player .progress .progress_track .picker path {
  fill: #ff5b5b; }

#afreecatv_player .progress .progress_track .picker:first-child path {
  fill: #198bff; }

#afreecatv_player .progress .progress_track .picker svg {
  position: relative; }

#afreecatv_player .progress .progress_track .video_thumbnail {
  display: none;
  overflow: hidden;
  position: absolute;
  top: -90px;
  left: 50%;
  z-index: 1;
  margin-left: -65px;
  width: 0px;
  height: 0px;
  background-position: center; }

#afreecatv_player .progress .progress_track .video_thumbnail div {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #303030; }

#afreecatv_player .progress .progress_track .video_thumbnail span {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center; }

#afreecatv_player .progress .progress_track .video_thumbnail span em {
  display: inline-block !important;
  padding: 0 5px;
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff;
  font-style: normal;
  background-color: #000;
  font-size: 12px;
  height: 18px;
  line-height: 17px;
  border-radius: 2px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #afreecatv_player .progress .progress_track .video_thumbnail span em {
    line-height: 18px; } }
@-moz-document url-prefix() {
  #afreecatv_player .progress .progress_track .video_thumbnail span em {
    line-height: 18px; } }
#afreecatv_player .progress .progress_track .video_thumbnail.time {
  top: -25px;
  margin-left: -40px; }

#afreecatv_player .progress .progress_track .video_thumbnail.time span {
  bottom: 0; }

#afreecatv_player .progress .progress_track .video_thumbnail.time .thumb {
  display: none; }

#afreecatv_player .progress .progress_track .ending_credit_bar {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: #11c21a;
  z-index: 6;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

#afreecatv_player .progress .progress_track .highlight_bar {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: #fa0000;
  z-index: 5; }

#afreecatv_player .progress .progress_track .edit_angle_track {
  position: absolute;
  top: -1px;
  height: 5px;
  background-color: #ffc600;
  z-index: 2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#afreecatv_player .progress.edit_angle .progress_track .watched {
  height: 5px;
  top: -1px;
  background-color: #fff; }

/* #afreecatv_player .progress.edit_angle .progress_track .download { height: 5px; top: -1px; background-color: #ffc600;} */
#afreecatv_player .progress.edit_angle .progress_track .handler span {
  background-position: -20px -125px; }

#afreecatv_player .progress .progress_track .statistics_point {
  position: absolute;
  left: 0;
  z-index: 20;
  width: 14px;
  top: -1px;
  bottom: 0;
  margin-left: -6px;
  cursor: pointer;
  overflow: visible; }

#afreecatv_player .progress .progress_track .statistics_point em {
  position: absolute;
  width: 2px;
  left: 6px;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: #00ff78;
  margin-left: 0px; }

#afreecatv_player .progress .progress_track .statistics_point span {
  position: absolute;
  border: 7px solid transparent;
  border-bottom: none;
  border-top: 8px solid #00ff78;
  top: -13px;
  left: 0; }

#afreecatv_player .progress:hover {
  padding: 7px 0; }

#afreecatv_player .progress:hover .progress_track {
  height: 5px; }

#afreecatv_player .progress:hover .progress_track .video_thumbnail {
  display: block;
  width: 130px;
  height: 73px; }

#afreecatv_player .progress:hover .progress_track .video_thumbnail.time {
  width: 80px;
  height: 18px; }

#afreecatv_player.mouseover .progress:hover .progress_track .video_thumbnail div {
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #303030; }

#afreecatv_player .progress:hover .progress_track .handler span {
  opacity: 1;
  filter: alpha(opacity=100); }

#afreecatv_player .progress:hover .progress_track .picker {
  top: -16px; }

#afreecatv_player .progress.edit_angle:hover .progress_track .watched,
#afreecatv_player .progress.edit_angle:hover .progress_track .download,
#afreecatv_player .progress:hover .progress_track .edit_angle_track {
  height: 7px;
  top: -1px; }

#afreecatv_player .progress .progress_track .timeline_thumbnail {
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: -146px;
  left: 50%;
  z-index: 1;
  margin-left: -82px;
  background-position: center; }

#afreecatv_player .progress .progress_track .timeline_thumbnail div {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #fff; }

#afreecatv_player .progress .progress_track .timeline_thumbnail span {
  position: absolute;
  bottom: -27px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center; }

#afreecatv_player .progress .progress_track .timeline_thumbnail span em {
  display: inline-block !important;
  padding: 0 5px;
  opacity: .8;
  color: #fff;
  font-style: normal;
  background-color: #000;
  font-size: 15px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px; }

#afreecatv_player .progress .progress_track .timeline_thumbnail.time {
  top: -40px;
  margin-left: -40px; }

#afreecatv_player .progress .progress_track .timeline_thumbnail.time span {
  bottom: 0; }

#afreecatv_player .progress .progress_track .timeline_thumbnail.time .thumb {
  display: none; }

#afreecatv_player .progress:hover .progress_track .timeline_thumbnail {
  display: block;
  width: 164px;
  height: 95px; }

#afreecatv_player .progress:hover .progress_track .timeline_thumbnail.time {
  width: 80px;
  height: 20px; }

/*ending_credit*/
#afreecatv_player .ending_credit {
  display: none;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  text-align: center; }

#afreecatv_player .ending_credit * {
  font-family: "NG", AppleGothic; }

#afreecatv_player .ending_credit .ending_credit_content {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0; }

#afreecatv_player .ending_credit h2,
#afreecatv_player .ending_credit h3 {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  padding: 25px 0 10px; }

#afreecatv_player .ending_credit p {
  font-size: 18px;
  color: #fff;
  line-height: 1.6; }

#afreecatv_player .ending_credit ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#afreecatv_player .ending_credit li {
  font-size: 17px;
  margin-bottom: 20px; }

#afreecatv_player .ending_credit li span {
  display: block;
  margin-bottom: 5px; }

#afreecatv_player .ending_credit li span strong,
#afreecatv_player .ending_credit li span em {
  color: #6bd900;
  font-size: 17px; }

#afreecatv_player .ending_credit li p {
  margin-bottom: 10px;
  color: #888;
  font-size: 13px; }

#afreecatv_player .ending_credit .ending_credit_content div {
  margin: 10px 30px;
  color: #fff; }

#afreecatv_player .ending_credit div span {
  font-size: 14px;
  color: #fff;
  padding: 0 5px; }

.smode #afreecatv_player .player_title,
.extend_mode #afreecatv_player .player_title,
.embeded #afreecatv_player .player_title {
  display: none; }

/* 웹의 동영상시청페이지에서만 출력 */
.videowrap .player_item_list .btn_video,
.videowrap .player_item_list .layer_subscribe,
.videowrap .player_item_list .layer_originalbj {
  display: block; }

/* 웹의 동영상시청페이지에서만 미출력 */
.videowrap #afreecatv_player .btn_chat {
  display: none; }

/* 공유버튼 스타일 통일로 인한 스타일 공유하기 레이어 깨짐 해결 */
.share_area {
  width: auto !important;
  margin: auto !important; }

/*
 * @ VR 컨트롤
 */
.control-vr {
  position: absolute;
  top: 16px;
  right: 22px;
  width: 60px;
  height: 60px;
  z-index: 51; }

.control-vr .control-box .body {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.11);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.11);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.11); }

.control-vr .control-box .body .direction {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  width: 30px;
  height: 30px;
  border-radius: 100% 0 0 0;
  z-index: 5;
  font: 0/0 a;
  -moz-transform-origin: 100% 100% 0;
  -webkit-transform-origin: 100% 100% 0;
  -o-transform-origin: 100% 100% 0;
  transform-origin: 100% 100% 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }

.control-vr .control-box:hover .body .direction {
  background: rgba(255, 255, 255, 0.25); }

.control-vr .control-box button {
  position: absolute;
  font: 0/0 a;
  z-index: 6; }

.control-vr .control-box button span {
  display: block;
  position: relative;
  background: url("/images/afreecatv_player/img_player_vr_arrow.png") 50% 50% no-repeat;
  width: 14px;
  height: 20px;
  font: 0/0 a; }

#afreecatv_player .control-vr .control-box button.top {
  top: 0;
  left: 50%;
  margin-left: -8px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

#afreecatv_player .control-vr .control-box button.bottom {
  bottom: 0;
  left: 50%;
  margin-left: -7px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

#afreecatv_player .control-vr .control-box button.left {
  top: 50%;
  left: 0;
  margin-top: -10px;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg); }

#afreecatv_player .control-vr .control-box button.right {
  top: 50%;
  right: 0;
  margin-top: -10px; }

@-webkit-keyframes spin {
  0% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg); } }
@keyframes spin {
  0% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg); } }
/* 다음 동영상 2017-04-19 추가 */
#afreecatv_player .nextvideo {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  font-family: 'NG','AppleGothic';
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000; }

#afreecatv_player .nextvideo dl {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 50%;
  transform: translate(0, -90%);
  text-align: center; }

#afreecatv_player .nextvideo .tit {
  font-size: 18px;
  color: #ccc; }

#afreecatv_player .nextvideo .stit {
  text-align: center;
  font-size: 28px;
  line-height: 1.2em;
  color: #fff;
  font-family: 'NG','AppleGothic';
  margin: 2% 0 5%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

/* 2017-05-16 수정 */
#afreecatv_player .nextvideo .nextplay a,
#afreecatv_player .nextvideo .nextplay button {
  overflow: hidden;
  display: block;
  text-indent: -1111px;
  width: 61px;
  height: 70px;
  margin: 0 auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 11 15'%3e%3cpath d='M11 7.48L0 15V0l11 7.48z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

#afreecatv_player .nextvideo .cancel {
  position: absolute;
  left: 0;
  right: 0;
  top: 62%;
  z-index: 1;
  text-align: center; }

#afreecatv_player .nextvideo .cancel a,
#afreecatv_player .nextvideo .cancel button {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  font-style: normal;
  line-height: 40px;
  padding: 0 23px;
  text-decoration: none;
  border-radius: 18px;
  background: #5c5c5c;
  background: rgba(255, 255, 255, 0.2); }

#afreecatv_player .nextvideo .timer,
#afreecatv_player .nextvideo .pause_text {
  position: absolute;
  right: 0;
  left: 0;
  top: 78%;
  z-index: 1;
  text-align: center;
  font-size: 18px;
  color: #ccc; }

#afreecatv_player .nextvideo .timer em {
  color: #ffc000;
  font-style: normal; }

#afreecatv_player .nextvideo .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); }

#afreecatv_player.play_start .nextvideo {
  cursor: pointer; }

#afreecatv_player.play_start .nextvideo:hover a,
#afreecatv_player.play_start .nextvideo:hover button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 198, 255, 0.999)' stroke='' viewBox='0 0 11 15'%3e%3cpath d='M11 7.48L0 15V0l11 7.48z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

#afreecatv_player.play_start .nextvideo .tit,
#afreecatv_player.play_start .nextvideo .stit,
#afreecatv_player.play_start .nextvideo .cancel,
#afreecatv_player.play_start .nextvideo .timer {
  display: none; }

#afreecatv_player.play_start .player_title {
  top: 0; }

@media screen and (max-width: 1550px) {
  #afreecatv_player .nextvideo .stit {
    font-size: 24px; }

  #afreecatv_player .nextvideo .cancel {
    top: 67%; }

  #afreecatv_player .nextvideo .nextplay a,
  #afreecatv_player .nextvideo .nextplay button {
    width: 34px;
    height: 44px; }

  #afreecatv_player .nextvideo .cancel a {
    font-size: 15px;
    line-height: 30px;
    padding: 0 17px;
    border-radius: 14px; }

  #afreecatv_player .nextvideo .timer {
    top: 83%;
    font-size: 14px; }

  #afreecatv_player .nextvideo .pause_text {
    top: 83%;
    font-size: 14px; } }
/* 별풍선 애니메이션 2017-04-19 추가 */
#afreecatv_player .stargift_invideo {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 52;
  display: none;
  margin: 5px 0;
  padding: 10px 32px 8px 65px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.7); }

#afreecatv_player .stargift_invideo .sname {
  display: block;
  color: #ababab;
  padding-bottom: 3px; }

#afreecatv_player .stargift_invideo .sname em {
  font-weight: bold;
  color: #00a8ff;
  font-style: normal; }

#afreecatv_player .stargift_invideo .memo {
  display: block;
  color: #ababab; }

#afreecatv_player .stargift_invideo .memo em {
  font-weight: bold;
  color: #ff6600;
  font-style: normal; }

#afreecatv_player .stargift_invideo .balloon img {
  width: 55px;
  height: 55px; }

#afreecatv_player .stargift_invideo .close {
  position: absolute;
  right: 0;
  top: -6px;
  z-index: 9; }

#afreecatv_player .stargift_invideo .close a,
#afreecatv_player .stargift_invideo .close button {
  display: block;
  overflow: hidden;
  text-indent: -1111px;
  width: 19px;
  height: 19px;
  background: url("/images/afreecatv_player/split_player.png") no-repeat -300px -150px; }

#afreecatv_player .stargift_invideo .balloon {
  position: absolute;
  top: -5px;
  left: 4px;
  width: 55px;
  height: 55px;
  background-image: url("/images/afreecatv_player/video_balloon.png");
  background-repeat: no-repeat; }

#afreecatv_player .stargift_invideo .balloon.case1 {
  background-position: 0 0; }

#afreecatv_player .stargift_invideo .balloon.case2 {
  background-position: 0 -55px; }

#afreecatv_player .stargift_invideo .balloon.case3 {
  background-position: 0 -110px; }

#afreecatv_player .stargift_invideo .balloon.case4 {
  background-position: 0 -165px; }

#afreecatv_player .stargift_invideo .balloon.case5 {
  background-position: 0 -220px; }

#afreecatv_player .stargift_invideo.storytelling {
  padding-left: 165px; }

#afreecatv_player .stargift_invideo.storytelling .balloon {
  top: auto;
  bottom: 0;
  left: 12px;
  background-image: none;
  width: 146.5px;
  height: auto; }

#afreecatv_player .stargift_invideo.storytelling .balloon img {
  width: 100%;
  height: 100%; }

#afreecatv_player .video_main_thumbnail {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }

#afreecatv_player .mobile_video_thumbnail {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

#afreecatv_player .center_msg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -55px;
  text-align: center; }

#afreecatv_player .center_msg span {
  padding: 13px 25px;
  font-size: 18px;
  color: #fff;
  border-radius: 22px;
  background: rgba(0, 0, 0, 0.7); }

#afreecatv_player .layer_bx {
  display: block;
  z-index: 35;
  position: absolute;
  bottom: 50px;
  right: 18px;
  padding: 10px 11px;
  line-height: 140%;
  border: 1px solid #000;
  color: #fff;
  background: rgba(0, 0, 0, 0.7); }

#afreecatv_player .bg_dark {
  position: absolute;
  bottom: 53px; }

/* adballoon */
#afreecatv_player .stargift_invideo.adballoon {
  padding-left: 95px;
  /*padding-right:11px*/ }

#afreecatv_player .stargift_invideo.adballoon .adname {
  color: #27ffcf;
  font-weight: bold;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 124px; }

#afreecatv_player .stargift_invideo.adballoon .memo em {
  color: #27ffcf; }

#afreecatv_player .stargift_invideo.adballoon .balloon {
  background: url("//res.afreecatv.com/images/afreecatv_player/adballoon.png") 0 0 no-repeat;
  width: 84px;
  height: 64px;
  top: -20px; }

#afreecatv_player .stargift_invideo.adballoon .balloon img {
  width: 46px;
  height: 46px;
  border-radius: 5px;
  position: absolute;
  top: 18px;
  left: 19px; }

/* 동영상 선물 하기를 위한  미리보기 플레이어 카운트용 */
.preview_mode #afreecatv_player,
.preview_mode.mobile #afreecatv_player video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0px !important;
  right: 0;
  margin: 0;
  max-height: none !important;
  width: 100%;
  height: 100%; }

.preview_mode #afreecatv_player > * {
  display: none; }

.preview_mode #afreecatv_player .watermark,
.preview_mode #afreecatv_player .player_info .title,
.preview_mode #afreecatv_player .player_ctrlBox {
  display: none !important; }

.preview_mode #afreecatv_player .afreecatv_player_size,
.preview_mode #afreecatv_player .player_info,
.preview_mode #afreecatv_player .player_info .tuneout,
.preview_mode #afreecatv_player #videoLayer {
  display: block !important; }

.preview_mode #afreecatv_player .player_info {
  z-index: 39;
  top: 0; }

#afreecatv_player .preview_play_cnt {
  display: none;
  position: absolute;
  z-index: 10;
  right: 10px;
  bottom: 10px;
  color: #007efe;
  font-family: 'NG',AppleGothic,sans-serif;
  font-size: 16px;
  padding: 8px 10px;
  background-color: rgba(0, 0, 0, 0.7); }

.preview_mode .preview_play_cnt,
.preview_mode #afreecatv_player .preview_play_cnt,
.preview_mode.mobile #afreecatv_player .center_btn,
.preview_mode.mobile #afreecatv_player .mobile_video_thumbnail,
.preview_mode.mobile #afreecatv_player video,
.preview_mode.mobile #afreecatv_player #videoLayerCover {
  display: block; }

.preview_mode.mobile #afreecatv_player {
  min-width: auto; }

.preview_mode.mobile #afreecatv_player .preview_play_cnt {
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  opacity: 0.8;
  background: #4279ff; }

.preview_mode.mobile #afreecatv_player .player_info {
  background: rgba(0, 0, 0, 0.3); }

.preview_mode.mobile #afreecatv_player .tuneout {
  background-color: transparent; }

.preview_mode.mobile #afreecatv_player .tuneout p {
  font-size: 13px; }

.preview_mode.mobile #afreecatv_player .center_btn {
  background: none; }

/*  모바일용 이미지 추가 */
.preview_mode.mobile #afreecatv_player .center_btn .btn_cneter_play span,
.preview_mode.mobile #afreecatv_player .center_btn .btn_cneter_pause span {
  background-image: url("/images/afreecatv_player/split_player_2x.png");
  background-repeat: no-repeat;
  background-size: 500px 500px; }

.preview_mode.mobile #afreecatv_player .center_btn .btn_cneter_play span {
  width: 40px;
  height: 50px;
  background-position: 0 0; }

.preview_mode.mobile #afreecatv_player .center_btn .btn_cneter_pause span {
  width: 40px;
  height: 50px;
  background-position: -40px 0; }

/* 4:3모드 */
.ratio43_mode #afreecatv_player .afreecatv_player_size,
.ratio43_mode .htmlplayer_content > .afreecatv_player_size div {
  padding-top: 75%; }

.ratio43_mode.extend_mode .chat_open #webplayer_contents #player_area {
  right: 296px; }

.ratio43_mode.extend_mode .chat_open #webplayer_contents #chat_area {
  opacity: 1;
  transform: translate(0, 0); }

/* 21:9모드 */
.ratio219_mode #afreecatv_player .afreecatv_player_size,
.ratio219_mode .htmlplayer_content > .afreecatv_player_size div {
  padding-top: 42.86%; }

/* 전체화면모드 + 채팅 오픈상태  -> 씨네마모드 채팅오픈상태와 동일 */
.smode.extend_mode .chat_open #webplayer_contents #player_area {
  right: 296px; }

/* .smode.extend_mode .chat_open #afreecatv_player { bottom: 80px !important; }
.smode.extend_mode .chat_open .broadcast_information { bottom: 10px; }
.smode.extend_mode .chat_open .player_item_list { right: 0; }
.smode.extend_mode .chat_open .broadcast_information .text_information .broadcast_title { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 40px; margin: 0; font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } */
/* 플래시 설치 */
.flashplayer_install {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin: -65px 0 0; }

.flashplayer_install dt {
  padding: 0 50px;
  color: #ccc;
  font-size: 14px;
  text-align: center;
  line-height: 1.5em; }

.flashplayer_install dd {
  text-align: center;
  padding: 20px 0 0; }

.flashplayer_install dd a {
  display: inline-block;
  overflow: hidden;
  text-indent: -1111px;
  width: 183px;
  height: 50px;
  background: url("/images/webplayer/live/split_live.png") no-repeat 0 -300px; }

.flashplayer_install em {
  font-weight: bold; }

/* 2019-04-22 크롬 다운로드 유도 레이어 */
.ui-pop.chrome_install {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  width: 330px;
  padding: 12px 0;
  color: #7e7e7e;
  text-align: center;
  font-family: "돋움"; }

.ui-pop.chrome_install .pop-body {
  padding: 6px 20px 0; }

.ui-pop.chrome_install .pop-body:before {
  content: "";
  display: block;
  background: url("/images/webplayer/live/split_live.png") -999em -999em no-repeat;
  background-position: -186px -300px;
  width: 39px;
  height: 40px;
  margin: 0 auto 16px; }

.ui-pop.chrome_install strong {
  color: #525252;
  font-size: 14px; }

.ui-pop.chrome_install p {
  margin: 12px 0 15px;
  font-size: 12px; }

.ui-pop.chrome_install .btn_download {
  display: block;
  background: #4096de;
  width: 174px;
  height: 27px;
  margin: 0 auto;
  border: solid 1px #3889bf;
  color: #fff;
  line-height: 27px;
  font-size: 12px;
  font-weight: bold; }

.ui-pop.chrome_install .chk-box {
  margin-top: 12px;
  padding-right: 15px;
  text-align: right; }

.ui-pop.chrome_install .chk-box * {
  vertical-align: middle; }

/* 크롬 다운로드 유도 레이어 */
.adcon-area {
  overflow: hidden;
  position: absolute;
  z-index: 10;
  bottom: 55px;
  left: 0;
  width: 46px;
  height: 46px; }

.adcon-area .thumb {
  width: 46px;
  height: 46px;
  background: rgba(42, 42, 52, 0.7);
  display: block; }

.adcon-area .thumb img {
  width: 46px;
  height: 46px;
  display: block;
  border-radius: 2px; }

.adcon-area .con_desc {
  height: 46px;
  display: block;
  position: absolute;
  left: 46px;
  top: 0;
  color: #fff; }

.adcon-area .area {
  width: 164px;
  float: left;
  background: rgba(42, 42, 52, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000);
  padding-left: 5px;
  height: 46px; }

.adcon-area .con_tit {
  display: block;
  font-size: 11px;
  color: #27ffcf;
  margin: 8px 0 2px 0; }

.adcon-area .con_stit {
  padding: 0 0 0 0;
  color: #fff;
  line-height: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

.adcon-area .con_desc .btn_go {
  width: 30px;
  height: 46px;
  cursor: pointer;
  border: none;
  background: rgba(42, 42, 52, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6000000,endColorstr=#e6000000);
  margin-left: 1px;
  position: absolute;
  top: 0;
  right: -31px; }

/* .adcon-area .con_desc .btn_go span{display:block;background:url(/images/flashplayer/img_con.png) 0 0 no-repeat;width:18px;height:18px;margin:0 0 0 6px} */
.adballoon_icon {
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 46px;
  height: 46px;
  z-index: 30;
  position: absolute;
  bottom: 55px;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.adballoon_icon .adcon-area {
  overflow: hidden;
  display: block;
  position: relative;
  bottom: 0;
  width: 215px; }

.adballoon_icon .adballoon_close {
  position: absolute;
  left: 215px;
  top: 0;
  bottom: 0;
  background-color: rgba(42, 42, 52, 0.7) !important;
  width: 29px;
  border-left: 1px solid rgba(255, 255, 255, 0.15) !important; }

.adballoon_icon .adballoon_close span {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.adballoon_icon.on {
  width: 245px; }

.adballoon_icon.off {
  opacity: 0;
  left: -100%; }

.tvclip {
  overflow: hidden;
  position: absolute;
  z-index: 19;
  opacity: 0;
  font-size: 0;
  transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .tvclip a {
    position: relative;
    display: inline-block;
    padding: 13px 4px 13px 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8); }
  .tvclip button {
    overflow: hidden;
    position: relative;
    height: 100%;
    vertical-align: top;
    text-indent: -9999em;
    background-color: rgba(0, 0, 0, 0.8) !important; }
  .tvclip button:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .tvclip.text_ad {
    top: 19px;
    right: 15px;
    opacity: 1; }
    .tvclip.text_ad a {
      overflow: hidden;
      left: 100%;
      opacity: 0;
      max-width: 490px;
      font-size: 16px;
      transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .tvclip.text_ad button {
      width: 45px;
      height: 45px; }
    .tvclip.text_ad button:before {
      color: #000;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 14 15'%3e%3cpath fill-rule='evenodd' d='M7.85 14.632c-.249.248-.651.248-.9 0L.586 8.268c-.248-.248-.248-.651 0-.9L6.95 1.005c.249-.249.651-.249.9 0 .248.248.248.651 0 .9L1.936 7.818l5.914 5.914c.248.248.248.651 0 .9zm6 0c-.249.248-.651.248-.9 0L6.586 8.268c-.248-.248-.248-.651 0-.9l6.364-6.363c.249-.249.651-.249.9 0 .248.248.248.651 0 .9L7.936 7.818l5.914 5.914c.248.248.248.651 0 .9z'/%3e%3c/svg%3e") 0 0 no-repeat;
      transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .tvclip.text_ad.on a {
      left: 0;
      opacity: 1; }
    .tvclip.text_ad.on a:after {
      content: '';
      display: inline-block;
      width: 17px;
      height: 16px;
      margin-left: 6px;
      vertical-align: -2px;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M14.25 15.95H8.18a2.7 2.7 0 01-2.7-2.69v-.92H3.64a2.7 2.7 0 01-2.7-2.7V3.62A2.7 2.7 0 013.64.92h6.07c1.5 0 2.71 1.2 2.71 2.7v.91h1.82c1.5 0 2.71 1.21 2.71 2.7v6.03a2.7 2.7 0 01-2.7 2.7zM11.44 3.61c0-.94-.77-1.7-1.72-1.7H3.65c-.94 0-1.72.76-1.72 1.7v6.04c0 .94.78 1.7 1.72 1.7h1.82V7.23a2.7 2.7 0 012.71-2.7h3.26v-.92zm0 1.9H8.18c-.94 0-1.71.78-1.71 1.72v4.12h3.25c.95 0 1.72-.76 1.72-1.7V5.52zm4.53 1.72c0-.95-.77-1.71-1.72-1.71h-1.82v4.13a2.7 2.7 0 01-2.7 2.69H6.45v.92c0 .94.78 1.7 1.72 1.7h6.07c.95 0 1.72-.76 1.72-1.7V7.23z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%; }
    .tvclip.text_ad.on button:before {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .tvclip.remind_banner {
    top: 19px;
    right: -200px; }
    .tvclip.remind_banner a {
      width: 120px;
      height: 67px;
      background-size: cover;
      background-position: center; }
      .tvclip.remind_banner a img {
        display: block;
        width: 100%;
        height: 100%; }
    .tvclip.remind_banner button {
      width: 30px;
      height: 30px; }
    .tvclip.remind_banner.on {
      display: inline-block;
      right: 15px; }
  .tvclip.post_roll {
    z-index: 51;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap; }
    .tvclip.post_roll a {
      padding: 15px 80px;
      margin: auto;
      font-size: 16px;
      color: #fff;
      border-radius: 7px;
      background-color: rgba(0, 0, 0, 0.8); }
    .tvclip.post_roll.on {
      bottom: 15px; }
  .tvclip.on {
    opacity: 1; }
  .tvclip.off {
    display: none; }

.embeded_mode .tvclip a,
.mini_mode .tvclip a {
  font-size: 12px !important; }

@media (max-width: 1220px) {
  #webplayer.list_open.chat_open .tvclip a {
    font-size: 14px; }
  #webplayer.list_open.chat_open .text_ad button {
    height: 43px; } }
@media (max-width: 920px) {
  #webplayer.chat_open .tvclip a,
  #webplayer.list_open .tvclip a,
  #webplayer.list_bookmark_open .tvclip a {
    font-size: 14px; }
  #webplayer.chat_open .text_ad button,
  #webplayer.list_open .text_ad button,
  #webplayer.list_bookmark_open .text_ad button {
    height: 43px; } }
@media (max-width: 600px) {
  .tvclip a {
    font-size: 12px !important; } }
.browser_alarm {
  box-sizing: border-box;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 41px;
  padding: 10px 0;
  text-align: center;
  background-color: #7398ff;
  transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .browser_alarm div + div {
    display: none; }
  .browser_alarm p {
    position: relative;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 25px;
    line-height: 18px; }
    .browser_alarm p:before {
      content: '';
      display: block;
      width: 18px;
      height: 18px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%) rotate(180deg);
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M9 18a9 9 0 01-9-9 9 9 0 019-9 9 9 0 019 9 9 9 0 01-9 9zM9 1a8 8 0 10.01 16.01A8 8 0 009 1zm0 5.8a1.13 1.13 0 110-2.25A1.13 1.13 0 019 6.8zm0 1.04c.6 0 1.1.49 1.1 1.09v3.42c0 .6-.5 1.1-1.1 1.1-.6 0-1.1-.5-1.1-1.1V8.94c0-.6.5-1.09 1.1-1.09z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    .browser_alarm p a {
      display: inline-block;
      text-decoration: underline; }
    .browser_alarm p, .browser_alarm p a, .browser_alarm p a:hover {
      font-size: 13px;
      color: #fff; }
  .browser_alarm .close {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 0;
    line-height: 0;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }

.alarm_on .browser_alarm {
  opacity: 1;
  top: 100%;
  z-index: 15; }
  @media (max-width: 600px) {
    .alarm_on .browser_alarm p, .alarm_on .browser_alarm p a, .alarm_on .browser_alarm p a:hover {
      font-size: 11px; }
    .alarm_on .browser_alarm p a {
      margin-left: 5px; }
    .alarm_on .browser_alarm div:first-child {
      display: none; }
    .alarm_on .browser_alarm div + div {
      display: block; } }
.alarm_on #webplayer_scroll {
  top: 97px; }

#afreecatv_player .browser_alarm {
  display: none;
  z-index: 100;
  opacity: 0;
  top: -50px;
  height: 32px;
  padding: 5px 0; }

.embeded_mode #afreecatv_player .browser_alarm, .embeded_mode #afreecatv_player .browser_alarm .close {
  display: block; }
.embeded_mode.alarm_on #afreecatv_player .browser_alarm {
  opacity: 1;
  top: 0; }

#afreecatv_player .text_box {
  position: absolute;
  z-index: 30;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -40px;
  opacity: 0;
  padding: 7px 15px;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease; }
  #afreecatv_player .text_box.on {
    bottom: 10px;
    opacity: 1; }
  #afreecatv_player .text_box p {
    font-size: 14px;
    color: #fff;
    text-align: center; }
#afreecatv_player.mouseover .text_box.on {
  bottom: 52px; }

#afreecatv_player.buffering_state .player_ctrlBox, #afreecatv_player.buffering_state .player_ctrlBox .right_ctrl {
  z-index: auto; }
#afreecatv_player.buffering_state .player_ctrlBox .ctrl > *,
#afreecatv_player.buffering_state .player_ctrlBox .right_ctrl > * {
  z-index: 35; }
#afreecatv_player.buffering_state .player_ctrlBox .right_ctrl .setting_box,
#afreecatv_player.buffering_state .player_ctrlBox .right_ctrl .quality_box {
  z-index: 51; }

.player_v .promotion_area,
.player_v .promotion_area_left,
.player_v .promotion_area_right {
  position: absolute; }

.player_v .promotion_area {
  position: absolute;
  z-index: 19;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px; }

.player_v .promotion_area {
  left: 10px;
  bottom: 10px;
  padding: 0;
  height: auto;
  text-align: left;
  background: none;
  border: none;
  font-family: auto; }

.player_v .promotion_area_left {
  left: 10px;
  bottom: 10px;
  padding: 0;
  height: auto;
  text-align: left;
  background: none;
  border: none;
  font-family: auto; }

.player_v .promotion_area_left em {
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.player_v .promotion_area_left span {
  display: block;
  margin-top: 7px;
  padding: 8px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  border: none;
  background: rgba(0, 0, 0, 0.6); }

.player_v .promotion_area_right {
  bottom: 17px;
  right: 10px;
  height: auto;
  font-weight: bold;
  background: none;
  border: none;
  font-family: auto; }

.player_v .promotion_area_right em,
.player_v .promotion_area_right span {
  font-size: 14px;
  font-weight: bold;
  color: #fff; }

.player_v .promotion_area_right span {
  padding-left: 5px; }

.ic_gamepoint {
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .mouseover .ic_gamepoint {
    bottom: 50px; }

#player_contextmenu {
  z-index: 70;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px 20px; }
  #player_contextmenu ul li button {
    position: relative;
    height: 30px;
    width: 180px;
    padding-left: 26px;
    color: #fff;
    font-size: 13px;
    text-align: left;
    background-color: transparent;
    border: none; }
    #player_contextmenu ul li button:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%; }
    #player_contextmenu ul li button.chain:before {
      width: 15px;
      height: 15px;
      margin-top: -7.5px;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M43.84 22.3l-2.4 2.4-.26.25a2.4 2.4 0 01-3.4 0c-.94-.85-.93-2.47.01-3.4l2.65-2.65C43.9 15.43 44.1 10.94 41.6 7c-3.7-3.1-9.03-2.12-12.5.56l-7.94 7.94c-3.47 3.47-3.66 8.8-.56 11.9.5.51 1.16.99 1.98 1.43 1.17.64 1.6 2.1.96 4.13-.63.3-2.1.73-3.26.62-.52-1.18-1.83-1.93-3.08-2.78-5.04-5.04-4.73-13.41.56-17.86l7.94-8.78c5.3-5.3 13.67-5.6 18.7-.57 5.04 5.04 4.73 13.81-.56 18.71zM18.9 40.44l7.93-7.93c3.47-3.16 3.67-8.8.57-11.91a7.36 7.36 0 00-1.52-1.17 2.12 2.12 0 01-.58-3.29c.37-1.15 1.84-1.54 2.99-.87.91.52 2.17 1.17 2.51 1.93 5.04 5.04 4.73 13.41-.57 18.7l-7.93 7.94c-4.9 5.3-13.67 5.6-18.7.57-5.04-5.04-4.74-13.41.56-18.7l2.58-2.59a2.4 2.4 0 013.4.01c1.64 1.6 1.61 2.47 0 3.4l-.55 1.2-2.03 1.37c-2.66 3.47-3.67 8.8-.57 12 3.96 3 8.44 2.81 11.9-.66z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%; }
    #player_contextmenu ul li button.bracket:before {
      width: 16px;
      height: 10px;
      margin-top: -5px;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='36'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M21.64 32.61L6.86 18 21.64 3.39 18.21 0 0 18l18.21 18 3.43-3.39zm16.72 0L53.14 18 38.36 3.39 41.78 0 60 18 41.78 36l-3.42-3.39z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%; }
    #player_contextmenu ul li button:hover {
      color: #2cc6ff; }
      #player_contextmenu ul li button:hover:before {
        filter: invert(65%) sepia(99%) saturate(1949%) hue-rotate(165deg) brightness(102%) contrast(101%); }

.player_item_list ul {
  position: relative;
  z-index: 100;
  float: right;
  padding: 0;
  margin: 0;
  font-size: 0; }
  .player_item_list ul li {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    line-height: 1.6; }
  .player_item_list ul li:first-child {
    margin: 0; }
  .player_item_list ul li button {
    position: relative;
    z-index: 100;
    height: 23px;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 0;
    background-color: transparent;
    cursor: pointer;
    color: #444;
    outline: none; }
  .player_item_list ul li button em {
    position: relative;
    display: inline-block;
    height: 23px;
    width: 23px;
    padding: 0;
    vertical-align: middle;
    line-height: 1.6; }
  .player_item_list ul li button span {
    position: relative;
    vertical-align: middle;
    font: 0/0 a;
    line-height: 1.2; }
  .player_item_list ul li button .ic_new {
    position: absolute;
    bottom: 5px;
    right: -7px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font: 0/0 a;
    background: #fe2122; }
  .player_item_list ul li button .ic_new:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(254, 253, 252, 0.999)' stroke='' viewBox='0 0 6 5'%3e%3cpath fill-rule='evenodd' d='M0 0v5h2V3h1v1h1v1h2V0H4v2H3V1H2V0H0'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .player_item_list ul li.laterwatch {
    top: auto;
    left: auto;
    right: auto;
    opacity: 1; }
  .player_item_list ul li.vr {
    position: relative !important;
    display: inline-block;
    margin-left: 12px;
    line-height: 1.6;
    width: auto;
    height: auto;
    vertical-align: 1px;
    background: none; }
  .player_item_list ul li.shopping button em {
    width: 23px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke=''  viewBox='0 0 23 18' %3e%3cpath d='M22.96 3.7l-3.2 8.36a.53.53 0 01-.5.34H10a.53.53 0 01-.5-.34L6.52 4.11 5.1 1.02H.52A.52.52 0 010 .51c0-.29.24-.52.53-.52h4.9c.22 0 .4.12.49.3L7.16 3h15.3c.18 0 .34.09.44.23.1.14.13.31.06.47zm-15.35.33l2.76 7.34h8.53l2.8-7.34H7.6zm4.17 9.27c1.32 0 2.4 1.06 2.4 2.36 0 1.3-1.08 2.35-2.4 2.35a2.38 2.38 0 01-2.41-2.35c0-1.3 1.08-2.36 2.4-2.36zm0 3.68c.74 0 1.35-.6 1.35-1.32 0-.73-.6-1.32-1.35-1.32-.75 0-1.35.59-1.35 1.32 0 .72.6 1.32 1.35 1.32zm5.76-3.68c1.33 0 2.4 1.06 2.4 2.36 0 1.3-1.07 2.35-2.4 2.35a2.38 2.38 0 01-2.4-2.35c0-1.3 1.07-2.36 2.4-2.36zm0 3.68c.75 0 1.35-.6 1.35-1.32 0-.73-.6-1.32-1.35-1.32-.74 0-1.35.59-1.35 1.32 0 .72.6 1.32 1.35 1.32z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.count_vote button em {
    width: 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 15 18'%3e%3cpath d='M7.5 17.99A7.53 7.53 0 010 10.43a7.53 7.53 0 017.5-7.57c4.14 0 7.5 3.39 7.5 7.57a7.53 7.53 0 01-7.5 7.56zm0-14.05a6.47 6.47 0 00-6.44 6.49A6.47 6.47 0 007.5 16.9a6.47 6.47 0 006.44-6.48 6.47 6.47 0 00-6.44-6.5zm0 7.46a.97.97 0 01-.96-.98v-.06l-3.2-2a.42.42 0 01-.13-.58c.12-.2.38-.25.57-.13l3.2 1.98c.14-.1.32-.18.52-.18.53 0 .96.44.96.97 0 .54-.43.98-.96.98zM5.12.02h4.76v1.46H5.12V.01z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.vote_result button em {
    width: 17px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 17 18'%3e%3cpath d='M16.46 18h-3.84a.55.55 0 01-.55-.56V7.5c0-.3.25-.56.55-.56h3.84c.3 0 .55.25.55.56v9.94c0 .3-.25.56-.55.56zm-.55-9.94h-2.73v8.82h2.73V8.06zM10.49 18H6.65a.55.55 0 01-.55-.56V.56c0-.3.25-.56.55-.56h3.84c.3 0 .55.25.55.56v16.88c0 .3-.25.56-.55.56zM9.94 1.12H7.2v15.76h2.73V1.12zM4.38 18H.55a.56.56 0 01-.55-.56v-6.77c0-.3.24-.56.55-.56h3.83c.3 0 .56.25.56.56v6.77c0 .3-.25.56-.56.56zm-.55-6.77H1.1v5.65h2.73v-5.65z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.vote button em {
    width: 21px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 22 18'%3e%3cpath d='M17.96 6.86L16.8 8.04c-1.64 1.68-3.27 3.36-4.93 5.03C9.96 11 8.02 8.97 6.16 6.88c.7-.7 1.43-1.37 2.17-2.03 1.2 1.23 2.4 2.63 3.62 3.85.04 0 2.63-2.65 4.85-4.92l1.09-1.1A907.88 907.88 0 0119.86.67L22 2.76c-1.33 1.37-2.68 2.73-4.03 4.1zm-1.32-4.29a2.23 2.23 0 00-2.07-1.41H3.39c-1.23 0-2.23 1-2.23 2.24v11.2c0 1.23 1 2.23 2.23 2.23h11.18c1.23 0 2.23-1 2.23-2.24V9.46l1.16-1.19v6.32a3.4 3.4 0 01-3.4 3.4H3.4A3.4 3.4 0 010 14.6V3.4A3.4 3.4 0 013.4 0h11.18c1.25 0 2.34.7 2.93 1.71l-.66.67-.2.2z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.hope_balloon button em {
    width: 17px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 15 15' %3e%3cpath d='M7.5 15a7.5 7.5 0 110-15 7.5 7.5 0 010 15zm0-14a6.5 6.5 0 10.02 13.02A6.5 6.5 0 007.5 1zm3.87 7.86l-3.54 3.08a.5.5 0 01-.66 0L3.68 8.9a3.53 3.53 0 01-.44-4.31 2.33 2.33 0 012-1.1c1.15 0 1.85.5 2.26 1.1.4-.6 1.11-1.1 2.26-1.1.83 0 1.52.38 2 1.1.86 1.28.7 3.04-.4 4.27zm-.44-3.72c-.3-.44-.68-.65-1.17-.65C8.06 4.49 8 6.06 8 6.25a.5.5 0 01-1 0c0-.18-.07-1.76-1.76-1.76-.5 0-.88.21-1.17.65-.6.9-.47 2.18.31 3.05l3.12 2.7 3.16-2.74c.73-.83.87-2.11.27-3z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.star_balloon button em {
    width: 17px;
    width: 17px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 17 20' %3e%3cpath d='M9.83 16.5l.02.27c.04.4.13.78.24 1.13.15.43.35.78.6 1.02a.6.6 0 010 .87.64.64 0 01-.9 0c-.4-.4-.69-.9-.89-1.5a6.56 6.56 0 01-.33-1.68H8.5a8.4 8.4 0 01-8.5-8.3 8.4 8.4 0 018.5-8.32 8.4 8.4 0 018.5 8.31c0 4.14-3.1 7.58-7.16 8.2zM8.49 1.1a7.28 7.28 0 00-7.36 7.2c0 3.97 3.3 7.2 7.36 7.2a7.28 7.28 0 007.36-7.2c0-3.97-3.3-7.2-7.36-7.2zm2.69 8.35a.3.3 0 00-.09.27l.47 2.69c.05.25-.22.44-.45.32l-2.48-1.27a.32.32 0 00-.29 0l-2.47 1.27c-.23.12-.5-.07-.46-.32l.47-2.7a.3.3 0 00-.09-.27l-2-1.9A.3.3 0 013.97 7l2.76-.39c.1-.01.2-.08.24-.17L8.2 4a.32.32 0 01.56 0l1.24 2.45c.04.1.13.16.23.17l2.77.4a.3.3 0 01.17.52l-2 1.9z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.sticker button em {
    width: 17px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M10.16 15.84a6.01 6.01 0 005.65-5.66l-3.88-.03c-.96 0-1.77.92-1.77 1.87v3.82zm5.71-6.87v-5.3a2.56 2.56 0 00-2.55-2.56H3.65A2.56 2.56 0 001.1 3.67v9.36c0 1.42 1.34 2.87 2.75 2.87h5.14V12A3.02 3.02 0 0112 8.96h3.87zm-6.36 8.01H3.83a3.85 3.85 0 01-3.85-3.84V3.86A3.85 3.85 0 013.83 0h9.32A3.85 3.85 0 0117 3.86v5.83c0 4.27-3.22 7.3-7.49 7.3z'/%3e%3c/svg%3e") 0 1px no-repeat; }
  .player_item_list ul li.adballoon button em {
    width: 17px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke=''  viewBox='0 0 17 19' %3e%3cpath d='M1.61 3.53A8.3 8.3 0 018.5 0C13.2 0 17 3.84 17 8.57c0 3.53-2.12 6.61-5.22 7.92l.06.09c.1.14.16.27.22.4.05.13.1.25.11.39.05.32 0 .66-.25.98-.49.62-1.02.66-3.11.66-2.06 0-3.1-.07-3.6-.5a1.21 1.21 0 01-.4-1.12c.02-.16.06-.28.11-.41a2.97 2.97 0 01.29-.49 8.58 8.58 0 01-3.6-12.96zm14.27 5.03c0-4.12-3.3-7.46-7.38-7.46-4.05 0-5.95 3.04-5.95 3.04a7.47 7.47 0 00-1.43 4.42c0 3.66 2.6 6.7 6.04 7.33-.33.6-1.27 1.7-1.15 1.82.13.1 1.53.19 2.81.19 1.07 0 2.06-.06 2.17-.2.11-.13-.8-1.22-1.13-1.8a7.44 7.44 0 006.02-7.34zm-11.2 2.58c-.08.18-.2.3-.37.35a.64.64 0 01-.77-.32.57.57 0 01-.02-.51l1.66-4.42a.9.9 0 01.83-.59c.19 0 .36.06.51.18.15.1.26.25.31.41l1.66 4.41c.07.19.07.36-.02.52a.69.69 0 01-.33.3.64.64 0 01-.44.02c-.17-.04-.29-.17-.36-.36l-.37-.98H5.04l-.37.99zm1.85-2.17L6 7.57l-.53 1.4h1.05zm3 2.51a.6.6 0 01-.46-.18.64.64 0 01-.16-.46v-4.5c0-.2.05-.35.16-.46a.6.6 0 01.46-.18h1.45a2.43 2.43 0 012.36 1.73c.13.36.19.74.19 1.16 0 .41-.06.8-.19 1.15-.11.34-.29.65-.52.92a2.33 2.33 0 01-1.84.82H9.53zm1.4-1.18c.2 0 .38-.04.54-.12.16-.07.3-.18.43-.33.13-.16.22-.34.28-.54.07-.21.1-.46.1-.72 0-.27-.03-.52-.1-.73-.05-.2-.15-.38-.28-.54a1.22 1.22 0 00-.96-.44h-.8v3.42h.8z'/%3e%3c/svg%3e ") 0 0 no-repeat; }
  .player_item_list ul li.honey_fun button em {
    width: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 20 19'%3e%3cpath d='M16.6 7.57a6.31 6.31 0 012.55 5.06 6.4 6.4 0 01-6.38 6.38H7.23a6.4 6.4 0 01-6.38-6.38c0-1.96.91-3.8 2.46-4.99a3.58 3.58 0 01-.63-2.05C2.68 3 5.98.96 9.98.96 14 .96 17.3 3 17.3 5.6c0 .71-.25 1.4-.7 1.98zm-.7.91c-.14.13-.3.25-.49.39-.2.15-.24.23-.85.62a4.4 4.4 0 00-1.3 1.05c-.17.24-.22.38-.35.87-.16.63-.38.85-.97 1l-.09.02c-.6.1-1.11-.33-1.6-1.08-.12-.17-.22-.34-.31-.51l-.08.04c-.62.35-1.38.54-2.24.32a4.93 4.93 0 01-1.92-1.07 8.64 8.64 0 01-1.05-1.06c-.24-.13-.45-.3-.64-.46a4.98 4.98 0 00-1.98 4.12c0 2.9 2.29 5.15 5.27 5.15h5.4a5.16 5.16 0 005.3-5.15c0-1.68-.72-3.26-2.1-4.25zM14 8.38c.59-.37.62-.39.81-.53.24-.17.4-.31.53-.48.54-.54.7-1.12.7-1.74 0-1.94-2.6-3.48-6.06-3.48-3.48 0-6.06 1.54-6.06 3.48 0 .96.3 1.74 1.25 2.3l.12.1.26.3c.21.24.45.54.7.76.54.46 1.07.78 1.58.9a2.1 2.1 0 001.62-.27c.17-.1.28-.19.33-.24a.4.4 0 01.66.12 5.92 5.92 0 00.46.85c.32.5.63.82.79.8h.01c.24-.07.3-.15.39-.53.15-.59.22-.79.46-1.13.29-.41.62-.67 1.45-1.2zm-2.68 6.55c-.36-.8.72-2.18.72-2.18.55.6 1.45 1.67 1.08 2.28-.38.6-1.43.7-1.8-.1zM5.9 4.62a.44.44 0 01.89 0c0 .44.34.88.99 1.2.59.3 1.36.48 2.22.48.85 0 1.63-.17 2.22-.48.65-.32.99-.76.99-1.2a.44.44 0 01.88 0c0 .82-.55 1.65-1.46 2.12-.73.37-1.64.57-2.63.57-1 0-1.9-.2-2.63-.57-.91-.46-1.47-1.3-1.47-2.13z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.laterwatch button em {
    width: 19px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath d='M9.4 3.73c.4 0 .71.32.71.72v6.23a.7.7 0 01-.7.71H5.76a.7.7 0 01-.7-.7c0-.4.31-.72.7-.72h2.95V4.45c0-.4.31-.72.7-.72zm9.58 13.14c0 .3-.24.53-.53.53h-4.09a.53.53 0 01-.52-.53v-4.14c0-.3.23-.53.52-.53.3 0 .53.24.53.53v2.98a8.38 8.38 0 002.73-6.21 8.33 8.33 0 00-8.27-8.37A8.33 8.33 0 001.08 9.5a8.33 8.33 0 009.48 8.28c.3-.04.56.16.6.45.05.3-.15.57-.44.61A9.4 9.4 0 01.02 9.5 9.4 9.4 0 019.35.06a9.4 9.4 0 019.33 9.44 9.44 9.44 0 01-2.9 6.84h2.67c.3 0 .53.23.53.53z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.chocolate button em {
    width: 17px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M6.1 5.98l4.79 1.91.03-6.8H6.1v4.89zm-1.14-.5V1.07H3.8c-1.33 0-2.75 1.43-2.75 2.76v1.11h2.31c.58 0 1.04.4 1.6.56zm-3.88.65v6.79c0 1.44 1.52 2.93 2.96 2.93h9.1c1.44 0 2.77-1.5 2.77-2.93V7.06l-2.9 1.66a3 3 0 01-2.85.23l-4.46-2c-.73-.33-1.51-.82-2.31-.82h-2.3zm14.85-.36l-.01-1.9c0-1.35-1.37-2.78-2.72-2.78l-1.12-.01-.04 6.91c.2-.04.28-.1.46-.22l3.4-2.02.03.02zm-2.85 11.22H3.86A3.87 3.87 0 010 13.12V3.87A3.87 3.87 0 013.86 0h9.25a3.84 3.84 0 013.83 3.87v9.25a3.87 3.87 0 01-3.86 3.87z'/%3e%3c/svg%3e") 0 1px no-repeat; }
  .player_item_list ul li.subscribe button em {
    width: 20px;
    margin-top: 1px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 20 17'%3e%3cpath fill-rule='evenodd' d='M15.468 10.85c-.174 0-.353-.016-.536-.043-.621 3.526-3.348 6.186-7.122 6.186-4.095 0-7.465-3.133-7.793-7.105H-.01V-.011h15.077v3.036c.135-.016.27-.029.401-.029 2.187 0 3.966 1.762 3.966 3.927s-1.779 3.927-3.966 3.927zM14.017.995H1.009v7.699h.029c-.016.184-.029.369-.029.557 0 3.616 2.961 6.704 6.614 6.704 3.652 0 6.394-3.088 6.394-6.704 0-.188-.013-.373-.028-.557h.028V.995zm1.451 3.103c-.14 0-.268.035-.401.058v4.538l-.007.281c.004.092.007.184.007.276 0 .123-.011.243-.016.365.136.069.274.132.417.132 1.488 0 2.852-1.351 2.852-2.825 0-1.474-1.364-2.825-2.852-2.825zm-5.099 7.696l-2.842-1.479-2.841 1.479.542-3.133-2.299-2.219 3.177-.457 1.421-2.85 1.421 2.85 3.177.457-2.298 2.219.542 3.133z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-position: unset !important; }
  .player_item_list ul li.subscribe button.on em {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 36, 36, 0.999)' stroke='' viewBox='0 0 20 17'%3e%3cpath fill-rule='evenodd' d='M15.468 10.85c-.174 0-.353-.016-.536-.043-.621 3.526-3.348 6.186-7.122 6.186-4.095 0-7.465-3.133-7.793-7.105H-.01V-.011h15.077v3.036c.135-.016.27-.029.401-.029 2.187 0 3.966 1.762 3.966 3.927s-1.779 3.927-3.966 3.927zM14.017.995H1.009v7.699h.029c-.016.184-.029.369-.029.557 0 3.616 2.961 6.704 6.614 6.704 3.652 0 6.394-3.088 6.394-6.704 0-.188-.013-.373-.028-.557h.028V.995zm1.451 3.103c-.14 0-.268.035-.401.058v4.538l-.007.281c.004.092.007.184.007.276 0 .123-.011.243-.016.365.136.069.274.132.417.132 1.488 0 2.852-1.351 2.852-2.825 0-1.474-1.364-2.825-2.852-2.825zm-5.099 7.696l-2.842-1.479-2.841 1.479.542-3.133-2.299-2.219 3.177-.457 1.421-2.85 1.421 2.85 3.177.457-2.298 2.219.542 3.133z'/%3e%3c/svg%3e") 0 0 no-repeat !important; }
  .player_item_list ul li.edit_angle button em {
    width: 19px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 19 20'%3e%3cpath d='M12.84 12.14a4 4 0 11-1.67 2.27l-1.7-1.53-1.65 1.5a4 4 0 11-1.67-2.25l1.07-1.25C-3.46 2.24 2.87.5 2.87.5l6.6 7.71L16 .5s6.23 1.74-4.27 10.35l1.1 1.3zM15 18.5a3 3 0 100-6 3 3 0 000 6zm-11-6a3 3 0 100 6 3 3 0 000-6zm12.8-9.94a1.35 1.35 0 00-.54-.82l-6.02 7.12-.76.9-.77-.9-6.1-7.13c-.25.18-.5.44-.58.83-.14.74.13 2.94 5.82 7.54l.8.64-.67.79-.85 1 .5.69 1.17-1.07.67-.62.67.61 1.32 1.2.5-.68-.99-1.16-.66-.77.79-.65c5.6-4.59 5.85-6.79 5.7-7.52zM4 17.5a2 2 0 110-4 2 2 0 010 4zm11-4a2 2 0 110 4 2 2 0 010-4zm-6-9h1v3H9v-3zm0-4h1v3H9v-3zm1 16H9v-3h1v3zm0 3H9v-2h1v2z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.user_clip button em {
    width: 22px;
    height: 21px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 22 17'%3e%3cpath d='M20.27 17H1.72C.77 17 0 16.26 0 15.32V0H22v15.32c0 .94-.78 1.7-1.73 1.7zM1.36 1.34v2.63h.26l.66-2.63h-.92zm3.43 0l-.67 2.63h2.6l.67-2.63h-2.6zm5.1 0l-.66 2.63h2.53l.66-2.63H9.9zm5.04 0l-.66 2.63H17l.66-2.63h-2.74zm5.7 0h-.45l-.66 2.63h1.12V1.33zm0 3.96H1.37v10.02c0 .2.16.36.36.36h18.55c.2 0 .37-.16.37-.36V5.3z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.play_list button em {
    width: 20px;
    margin-top: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 20 16' %3e%3cpath fill-rule='evenodd' d='M19.386 10.912h-4.467v4.484c0 .337-.273 1.304-.61 1.304-.336 0-.609-.967-.609-1.304v-4.484H9.232a.61.61 0 010-1.222H13.7V5.206a.61.61 0 111.219 0V9.69h4.467a.61.61 0 010 1.222zm-1.015-9.679H.602C.265 1.233.7.959.7.621.7.283.265.1.602.1h17.769c.337 0 .609.183.609.521a.61.61 0 01-.609.612zM.602 6.123h5.076c.472 0 .61.274.61.612 0 .985-.138.611-.61.611H.602c-.337 0 .098.374.098-.611 0-.338-.435-.612-.098-.612zm0 6.114h5.076c.472 0 .61.273.61.611 0 .338-.138.612-.61.612H.602c-.337 0 .098-.274.098-.612 0-.338-.435-.611-.098-.611z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.user_join button em {
    width: 20px;
    height: 20px;
    margin-top: -6px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_1' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:none;stroke:%23686e7c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7d%3c/style%3e%3cpath class='st0' d='m74.89 80.88-1.07 12.88-40.81.02-7.99-25.79-9.4-14.29c-3.83-4.46-3.66-13.1-3.66-13.1V14.84c0-4.52 3.48-8.46 7.99-8.6 4.68-.14 8.52 3.6 8.52 8.24h0v23.41c0 2.01-.33 4.24 1.36 6.28l8.28 10.36c1.26 1.41 2.83 2.54 4.61 3.19 1.84.67 3.87 1.07 5.57 1.15 6.32.32 17.17.84 26.41.84 7.54 0 10.85 5.51 12.3 10.23.9 2.92 1.18 5.99.99 9.04l-.92 14.76h-14.1'/%3e%3ccircle class='st0' cx='55.9' cy='32.48' r='18.24'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .player_item_list ul li.bookmark {
    margin-left: 14px;
    vertical-align: 2px; }
  .player_item_list ul li.bookmark button em {
    width: 21px;
    height: 21px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 20 19'%3e%3cpath d='M9.96 1.3l2.67 5.39 5.95.86-4.3 4.2 1 5.93-5.32-2.8-5.32 2.8 1.02-5.93-4.31-4.2L7.3 6.7l2.66-5.4m0-1.3c-.5 0-.94.28-1.16.73L6.44 5.5l-5.28.76a1.3 1.3 0 00-.72 2.22l3.82 3.72-.9 5.26a1.3 1.3 0 001.88 1.37l4.72-2.48 4.72 2.48a1.32 1.32 0 001.37-.1c.4-.3.6-.78.52-1.27l-.9-5.26 3.82-3.72c.35-.34.48-.86.33-1.33a1.3 1.3 0 00-1.05-.89l-5.28-.76L11.13.72a1.3 1.3 0 00-1.17-.73z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .player_item_list ul li.share {
    vertical-align: 2px; }
  .player_item_list ul li.share button em {
    width: 23px;
    height: 21px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 24 19'%3e%3cpath d='M14.78 1.81l7.38 7.56c-1.62 1.63-6.59 6.65-7.38 7.5v-4.74l-1.35-.04h-.28c-3.96 0-8.4 2.85-10.66 4.52C4.24 8.75 11.45 6.26 13.74 5.66l1.04-.27V1.8M14.5 0c-.3 0-.57.11-.77.32-.23.23-.34.56-.34.98v3C11.03 4.91 1.94 7.95.83 18.21a.7.7 0 00.68.77c.16 0 .31-.06.44-.17.06-.05 6.2-5.31 11.2-5.31h.25v4.03c0 .18.06.35.19.48.06.07.44.44 1 .44.29 0 .71-.1 1.13-.55.47-.52 5.38-5.48 7.91-8.03a.7.7 0 000-.99L15.17.23a.63.63 0 00-.25-.17 1.22 1.22 0 00-.41-.07zm.02.7h-.02.02zm.06 17.06z'/%3e%3c/svg%3e") 0 1px no-repeat; }
  .player_item_list ul li.up_recommend {
    vertical-align: 2px; }
  .player_item_list ul li.up_recommend button em {
    width: 20px;
    height: 20px;
    margin-top: -1px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(104, 110, 124, 0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath d='M17.41 10.96a2.46 2.46 0 01-.28 2.66 2.26 2.26 0 01-.85 2.93 2 2 0 01-1.93 2.43H9.73a.63.63 0 01-.63-.63c0-.35.28-.64.63-.64h4.62c.4 0 .73-.33.73-.74 0-.15-.04-.3-.13-.42a.65.65 0 01-.05-.6c.08-.2.25-.34.46-.38a.95.95 0 00.76-.94c0-.25-.09-.48-.26-.66a.64.64 0 01.09-.95 1.17 1.17 0 00.18-1.74.65.65 0 01-.16-.51.63.63 0 01.28-.46c.31-.2.5-.53.5-.9 0-.58-.47-1.06-1.05-1.06h-4.37a.62.62 0 01-.54-.32.65.65 0 010-.63c.9-1.67.13-3.71-.57-4.6-.38-.5-1.05-.63-1.34-.5-.05.03-.09.04-.06.2a13.3 13.3 0 010 3.16.69.69 0 01-.08.24L6.73 9.46c-.17.3-.57.4-.85.23a.64.64 0 01-.23-.87L7.6 5.38c.05-.44.15-1.7 0-2.67-.12-.7.18-1.3.78-1.57.85-.4 2.15.01 2.81.86a6.2 6.2 0 011.07 5.08h3.44A2.32 2.32 0 0118 9.4c0 .58-.21 1.13-.59 1.55zM5.65 14.73c0 .7-.23 1.28-.69 1.75-.51.52-1.23.79-2.13.79-.92 0-1.64-.27-2.15-.8A2.4 2.4 0 010 14.73v-4.7c0-.18.07-.34.2-.45a.7.7 0 01.8-.03c.17.12.25.29.25.48v4.7c0 .4.11.7.35.96.28.3.7.44 1.24.44s.95-.15 1.22-.44c.24-.24.36-.56.36-.95v-3.79c0-.17.07-.33.21-.44.3-.18.59-.15.8.02a.5.5 0 01.23.44v3.76zm2.32-4.1h2.16c.7 0 1.25.2 1.67.6.4.4.59 1.1.59 1.63 0 .56-.2 1.33-.6 1.7-.4.41-.97.62-1.66.62H8v2.39c0 .19-.08.35-.22.46a.65.65 0 01-.4.14.65.65 0 01-.41-.13.59.59 0 01-.22-.47v-5.82c0-.3.1-.58.31-.78.23-.23.54-.34.91-.34zm.02 1.15v2.27h2.07c.35 0 .62-.09.82-.28.12-.12.25-.58.25-.9 0-.3-.12-.7-.25-.82-.2-.2-.47-.29-.82-.29H8.07c-.05 0-.07.01-.08.02z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .player_item_list ul li.vr button em,
  .player_item_list ul li.multi button em,
  .player_item_list ul li.video_edit button em {
    background: url("/images/afreecatv_player/player_button_ver1.png") no-repeat -9999em; }
  .player_item_list ul li.vr button em {
    width: 23px;
    background-position: -827px 0; }
  .player_item_list ul li.multi button em {
    width: 17px;
    background-position: -860px 0; }
  .player_item_list ul li.video_edit button em {
    width: 17px;
    margin-top: -2px;
    background-position: -945px 0; }
  .player_item_list ul li.vr button:hover em,
  .player_item_list ul li.multi button:hover em,
  .player_item_list ul li.video_edit button:hover em {
    background-position-y: -80px; }
  .player_item_list ul li button.off em {
    filter: unset !important; }

.player_item_list.off ul li button,
.player_item_list ul li button.off {
  cursor: default;
  opacity: .7; }

.bezelless_mode .player_item_list ul li button .ic_new,
.thema_dark .player_item_list ul li button .ic_new,
.theme_dark .player_item_list ul li button .ic_new,
.extend_mode .player_item_list ul li button .ic_new,
.smode .player_item_list ul li button .ic_new {
  background: #fd3436; }
.bezelless_mode .player_item_list ul li.shopping button em,
.thema_dark .player_item_list ul li.shopping button em,
.theme_dark .player_item_list ul li.shopping button em,
.extend_mode .player_item_list ul li.shopping button em,
.smode .player_item_list ul li.shopping button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke=''  viewBox='0 0 23 18' %3e%3cpath d='M22.96 3.7l-3.2 8.36a.53.53 0 01-.5.34H10a.53.53 0 01-.5-.34L6.52 4.11 5.1 1.02H.52A.52.52 0 010 .51c0-.29.24-.52.53-.52h4.9c.22 0 .4.12.49.3L7.16 3h15.3c.18 0 .34.09.44.23.1.14.13.31.06.47zm-15.35.33l2.76 7.34h8.53l2.8-7.34H7.6zm4.17 9.27c1.32 0 2.4 1.06 2.4 2.36 0 1.3-1.08 2.35-2.4 2.35a2.38 2.38 0 01-2.41-2.35c0-1.3 1.08-2.36 2.4-2.36zm0 3.68c.74 0 1.35-.6 1.35-1.32 0-.73-.6-1.32-1.35-1.32-.75 0-1.35.59-1.35 1.32 0 .72.6 1.32 1.35 1.32zm5.76-3.68c1.33 0 2.4 1.06 2.4 2.36 0 1.3-1.07 2.35-2.4 2.35a2.38 2.38 0 01-2.4-2.35c0-1.3 1.07-2.36 2.4-2.36zm0 3.68c.75 0 1.35-.6 1.35-1.32 0-.73-.6-1.32-1.35-1.32-.74 0-1.35.59-1.35 1.32 0 .72.6 1.32 1.35 1.32z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.count_vote button em,
.thema_dark .player_item_list ul li.count_vote button em,
.theme_dark .player_item_list ul li.count_vote button em,
.extend_mode .player_item_list ul li.count_vote button em,
.smode .player_item_list ul li.count_vote button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 15 18'%3e%3cpath d='M7.5 17.99A7.53 7.53 0 010 10.43a7.53 7.53 0 017.5-7.57c4.14 0 7.5 3.39 7.5 7.57a7.53 7.53 0 01-7.5 7.56zm0-14.05a6.47 6.47 0 00-6.44 6.49A6.47 6.47 0 007.5 16.9a6.47 6.47 0 006.44-6.48 6.47 6.47 0 00-6.44-6.5zm0 7.46a.97.97 0 01-.96-.98v-.06l-3.2-2a.42.42 0 01-.13-.58c.12-.2.38-.25.57-.13l3.2 1.98c.14-.1.32-.18.52-.18.53 0 .96.44.96.97 0 .54-.43.98-.96.98zM5.12.02h4.76v1.46H5.12V.01z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.vote_result button em,
.thema_dark .player_item_list ul li.vote_result button em,
.theme_dark .player_item_list ul li.vote_result button em,
.extend_mode .player_item_list ul li.vote_result button em,
.smode .player_item_list ul li.vote_result button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 17 18'%3e%3cpath d='M16.46 18h-3.84a.55.55 0 01-.55-.56V7.5c0-.3.25-.56.55-.56h3.84c.3 0 .55.25.55.56v9.94c0 .3-.25.56-.55.56zm-.55-9.94h-2.73v8.82h2.73V8.06zM10.49 18H6.65a.55.55 0 01-.55-.56V.56c0-.3.25-.56.55-.56h3.84c.3 0 .55.25.55.56v16.88c0 .3-.25.56-.55.56zM9.94 1.12H7.2v15.76h2.73V1.12zM4.38 18H.55a.56.56 0 01-.55-.56v-6.77c0-.3.24-.56.55-.56h3.83c.3 0 .56.25.56.56v6.77c0 .3-.25.56-.56.56zm-.55-6.77H1.1v5.65h2.73v-5.65z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.vote button em,
.thema_dark .player_item_list ul li.vote button em,
.theme_dark .player_item_list ul li.vote button em,
.extend_mode .player_item_list ul li.vote button em,
.smode .player_item_list ul li.vote button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 22 18'%3e%3cpath d='M17.96 6.86L16.8 8.04c-1.64 1.68-3.27 3.36-4.93 5.03C9.96 11 8.02 8.97 6.16 6.88c.7-.7 1.43-1.37 2.17-2.03 1.2 1.23 2.4 2.63 3.62 3.85.04 0 2.63-2.65 4.85-4.92l1.09-1.1A907.88 907.88 0 0119.86.67L22 2.76c-1.33 1.37-2.68 2.73-4.03 4.1zm-1.32-4.29a2.23 2.23 0 00-2.07-1.41H3.39c-1.23 0-2.23 1-2.23 2.24v11.2c0 1.23 1 2.23 2.23 2.23h11.18c1.23 0 2.23-1 2.23-2.24V9.46l1.16-1.19v6.32a3.4 3.4 0 01-3.4 3.4H3.4A3.4 3.4 0 010 14.6V3.4A3.4 3.4 0 013.4 0h11.18c1.25 0 2.34.7 2.93 1.71l-.66.67-.2.2z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.hope_balloon button em,
.thema_dark .player_item_list ul li.hope_balloon button em,
.theme_dark .player_item_list ul li.hope_balloon button em,
.extend_mode .player_item_list ul li.hope_balloon button em,
.smode .player_item_list ul li.hope_balloon button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 15 15' %3e%3cpath d='M7.5 15a7.5 7.5 0 110-15 7.5 7.5 0 010 15zm0-14a6.5 6.5 0 10.02 13.02A6.5 6.5 0 007.5 1zm3.87 7.86l-3.54 3.08a.5.5 0 01-.66 0L3.68 8.9a3.53 3.53 0 01-.44-4.31 2.33 2.33 0 012-1.1c1.15 0 1.85.5 2.26 1.1.4-.6 1.11-1.1 2.26-1.1.83 0 1.52.38 2 1.1.86 1.28.7 3.04-.4 4.27zm-.44-3.72c-.3-.44-.68-.65-1.17-.65C8.06 4.49 8 6.06 8 6.25a.5.5 0 01-1 0c0-.18-.07-1.76-1.76-1.76-.5 0-.88.21-1.17.65-.6.9-.47 2.18.31 3.05l3.12 2.7 3.16-2.74c.73-.83.87-2.11.27-3z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.star_balloon button em,
.thema_dark .player_item_list ul li.star_balloon button em,
.theme_dark .player_item_list ul li.star_balloon button em,
.extend_mode .player_item_list ul li.star_balloon button em,
.smode .player_item_list ul li.star_balloon button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 17 20' %3e%3cpath d='M9.83 16.5l.02.27c.04.4.13.78.24 1.13.15.43.35.78.6 1.02a.6.6 0 010 .87.64.64 0 01-.9 0c-.4-.4-.69-.9-.89-1.5a6.56 6.56 0 01-.33-1.68H8.5a8.4 8.4 0 01-8.5-8.3 8.4 8.4 0 018.5-8.32 8.4 8.4 0 018.5 8.31c0 4.14-3.1 7.58-7.16 8.2zM8.49 1.1a7.28 7.28 0 00-7.36 7.2c0 3.97 3.3 7.2 7.36 7.2a7.28 7.28 0 007.36-7.2c0-3.97-3.3-7.2-7.36-7.2zm2.69 8.35a.3.3 0 00-.09.27l.47 2.69c.05.25-.22.44-.45.32l-2.48-1.27a.32.32 0 00-.29 0l-2.47 1.27c-.23.12-.5-.07-.46-.32l.47-2.7a.3.3 0 00-.09-.27l-2-1.9A.3.3 0 013.97 7l2.76-.39c.1-.01.2-.08.24-.17L8.2 4a.32.32 0 01.56 0l1.24 2.45c.04.1.13.16.23.17l2.77.4a.3.3 0 01.17.52l-2 1.9z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.sticker button em,
.thema_dark .player_item_list ul li.sticker button em,
.theme_dark .player_item_list ul li.sticker button em,
.extend_mode .player_item_list ul li.sticker button em,
.smode .player_item_list ul li.sticker button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M10.16 15.84a6.01 6.01 0 005.65-5.66l-3.88-.03c-.96 0-1.77.92-1.77 1.87v3.82zm5.71-6.87v-5.3a2.56 2.56 0 00-2.55-2.56H3.65A2.56 2.56 0 001.1 3.67v9.36c0 1.42 1.34 2.87 2.75 2.87h5.14V12A3.02 3.02 0 0112 8.96h3.87zm-6.36 8.01H3.83a3.85 3.85 0 01-3.85-3.84V3.86A3.85 3.85 0 013.83 0h9.32A3.85 3.85 0 0117 3.86v5.83c0 4.27-3.22 7.3-7.49 7.3z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.adballoon button em,
.thema_dark .player_item_list ul li.adballoon button em,
.theme_dark .player_item_list ul li.adballoon button em,
.extend_mode .player_item_list ul li.adballoon button em,
.smode .player_item_list ul li.adballoon button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke=''  viewBox='0 0 17 19' %3e%3cpath d='M1.61 3.53A8.3 8.3 0 018.5 0C13.2 0 17 3.84 17 8.57c0 3.53-2.12 6.61-5.22 7.92l.06.09c.1.14.16.27.22.4.05.13.1.25.11.39.05.32 0 .66-.25.98-.49.62-1.02.66-3.11.66-2.06 0-3.1-.07-3.6-.5a1.21 1.21 0 01-.4-1.12c.02-.16.06-.28.11-.41a2.97 2.97 0 01.29-.49 8.58 8.58 0 01-3.6-12.96zm14.27 5.03c0-4.12-3.3-7.46-7.38-7.46-4.05 0-5.95 3.04-5.95 3.04a7.47 7.47 0 00-1.43 4.42c0 3.66 2.6 6.7 6.04 7.33-.33.6-1.27 1.7-1.15 1.82.13.1 1.53.19 2.81.19 1.07 0 2.06-.06 2.17-.2.11-.13-.8-1.22-1.13-1.8a7.44 7.44 0 006.02-7.34zm-11.2 2.58c-.08.18-.2.3-.37.35a.64.64 0 01-.77-.32.57.57 0 01-.02-.51l1.66-4.42a.9.9 0 01.83-.59c.19 0 .36.06.51.18.15.1.26.25.31.41l1.66 4.41c.07.19.07.36-.02.52a.69.69 0 01-.33.3.64.64 0 01-.44.02c-.17-.04-.29-.17-.36-.36l-.37-.98H5.04l-.37.99zm1.85-2.17L6 7.57l-.53 1.4h1.05zm3 2.51a.6.6 0 01-.46-.18.64.64 0 01-.16-.46v-4.5c0-.2.05-.35.16-.46a.6.6 0 01.46-.18h1.45a2.43 2.43 0 012.36 1.73c.13.36.19.74.19 1.16 0 .41-.06.8-.19 1.15-.11.34-.29.65-.52.92a2.33 2.33 0 01-1.84.82H9.53zm1.4-1.18c.2 0 .38-.04.54-.12.16-.07.3-.18.43-.33.13-.16.22-.34.28-.54.07-.21.1-.46.1-.72 0-.27-.03-.52-.1-.73-.05-.2-.15-.38-.28-.54a1.22 1.22 0 00-.96-.44h-.8v3.42h.8z'/%3e%3c/svg%3e "); }
.bezelless_mode .player_item_list ul li.honey_fun button em,
.thema_dark .player_item_list ul li.honey_fun button em,
.theme_dark .player_item_list ul li.honey_fun button em,
.extend_mode .player_item_list ul li.honey_fun button em,
.smode .player_item_list ul li.honey_fun button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 20 19'%3e%3cpath d='M16.6 7.57a6.31 6.31 0 012.55 5.06 6.4 6.4 0 01-6.38 6.38H7.23a6.4 6.4 0 01-6.38-6.38c0-1.96.91-3.8 2.46-4.99a3.58 3.58 0 01-.63-2.05C2.68 3 5.98.96 9.98.96 14 .96 17.3 3 17.3 5.6c0 .71-.25 1.4-.7 1.98zm-.7.91c-.14.13-.3.25-.49.39-.2.15-.24.23-.85.62a4.4 4.4 0 00-1.3 1.05c-.17.24-.22.38-.35.87-.16.63-.38.85-.97 1l-.09.02c-.6.1-1.11-.33-1.6-1.08-.12-.17-.22-.34-.31-.51l-.08.04c-.62.35-1.38.54-2.24.32a4.93 4.93 0 01-1.92-1.07 8.64 8.64 0 01-1.05-1.06c-.24-.13-.45-.3-.64-.46a4.98 4.98 0 00-1.98 4.12c0 2.9 2.29 5.15 5.27 5.15h5.4a5.16 5.16 0 005.3-5.15c0-1.68-.72-3.26-2.1-4.25zM14 8.38c.59-.37.62-.39.81-.53.24-.17.4-.31.53-.48.54-.54.7-1.12.7-1.74 0-1.94-2.6-3.48-6.06-3.48-3.48 0-6.06 1.54-6.06 3.48 0 .96.3 1.74 1.25 2.3l.12.1.26.3c.21.24.45.54.7.76.54.46 1.07.78 1.58.9a2.1 2.1 0 001.62-.27c.17-.1.28-.19.33-.24a.4.4 0 01.66.12 5.92 5.92 0 00.46.85c.32.5.63.82.79.8h.01c.24-.07.3-.15.39-.53.15-.59.22-.79.46-1.13.29-.41.62-.67 1.45-1.2zm-2.68 6.55c-.36-.8.72-2.18.72-2.18.55.6 1.45 1.67 1.08 2.28-.38.6-1.43.7-1.8-.1zM5.9 4.62a.44.44 0 01.89 0c0 .44.34.88.99 1.2.59.3 1.36.48 2.22.48.85 0 1.63-.17 2.22-.48.65-.32.99-.76.99-1.2a.44.44 0 01.88 0c0 .82-.55 1.65-1.46 2.12-.73.37-1.64.57-2.63.57-1 0-1.9-.2-2.63-.57-.91-.46-1.47-1.3-1.47-2.13z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.laterwatch button em,
.thema_dark .player_item_list ul li.laterwatch button em,
.theme_dark .player_item_list ul li.laterwatch button em,
.extend_mode .player_item_list ul li.laterwatch button em,
.smode .player_item_list ul li.laterwatch button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath d='M9.4 3.73c.4 0 .71.32.71.72v6.23a.7.7 0 01-.7.71H5.76a.7.7 0 01-.7-.7c0-.4.31-.72.7-.72h2.95V4.45c0-.4.31-.72.7-.72zm9.58 13.14c0 .3-.24.53-.53.53h-4.09a.53.53 0 01-.52-.53v-4.14c0-.3.23-.53.52-.53.3 0 .53.24.53.53v2.98a8.38 8.38 0 002.73-6.21 8.33 8.33 0 00-8.27-8.37A8.33 8.33 0 001.08 9.5a8.33 8.33 0 009.48 8.28c.3-.04.56.16.6.45.05.3-.15.57-.44.61A9.4 9.4 0 01.02 9.5 9.4 9.4 0 019.35.06a9.4 9.4 0 019.33 9.44 9.44 9.44 0 01-2.9 6.84h2.67c.3 0 .53.23.53.53z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.chocolate button em,
.thema_dark .player_item_list ul li.chocolate button em,
.theme_dark .player_item_list ul li.chocolate button em,
.extend_mode .player_item_list ul li.chocolate button em,
.smode .player_item_list ul li.chocolate button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M6.1 5.98l4.79 1.91.03-6.8H6.1v4.89zm-1.14-.5V1.07H3.8c-1.33 0-2.75 1.43-2.75 2.76v1.11h2.31c.58 0 1.04.4 1.6.56zm-3.88.65v6.79c0 1.44 1.52 2.93 2.96 2.93h9.1c1.44 0 2.77-1.5 2.77-2.93V7.06l-2.9 1.66a3 3 0 01-2.85.23l-4.46-2c-.73-.33-1.51-.82-2.31-.82h-2.3zm14.85-.36l-.01-1.9c0-1.35-1.37-2.78-2.72-2.78l-1.12-.01-.04 6.91c.2-.04.28-.1.46-.22l3.4-2.02.03.02zm-2.85 11.22H3.86A3.87 3.87 0 010 13.12V3.87A3.87 3.87 0 013.86 0h9.25a3.84 3.84 0 013.83 3.87v9.25a3.87 3.87 0 01-3.86 3.87z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.subscribe button em,
.thema_dark .player_item_list ul li.subscribe button em,
.theme_dark .player_item_list ul li.subscribe button em,
.extend_mode .player_item_list ul li.subscribe button em,
.smode .player_item_list ul li.subscribe button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 20 17'%3e%3cpath fill-rule='evenodd' d='M15.468 10.85c-.174 0-.353-.016-.536-.043-.621 3.526-3.348 6.186-7.122 6.186-4.095 0-7.465-3.133-7.793-7.105H-.01V-.011h15.077v3.036c.135-.016.27-.029.401-.029 2.187 0 3.966 1.762 3.966 3.927s-1.779 3.927-3.966 3.927zM14.017.995H1.009v7.699h.029c-.016.184-.029.369-.029.557 0 3.616 2.961 6.704 6.614 6.704 3.652 0 6.394-3.088 6.394-6.704 0-.188-.013-.373-.028-.557h.028V.995zm1.451 3.103c-.14 0-.268.035-.401.058v4.538l-.007.281c.004.092.007.184.007.276 0 .123-.011.243-.016.365.136.069.274.132.417.132 1.488 0 2.852-1.351 2.852-2.825 0-1.474-1.364-2.825-2.852-2.825zm-5.099 7.696l-2.842-1.479-2.841 1.479.542-3.133-2.299-2.219 3.177-.457 1.421-2.85 1.421 2.85 3.177.457-2.298 2.219.542 3.133z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.edit_angle button em,
.thema_dark .player_item_list ul li.edit_angle button em,
.theme_dark .player_item_list ul li.edit_angle button em,
.extend_mode .player_item_list ul li.edit_angle button em,
.smode .player_item_list ul li.edit_angle button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 19 20'%3e%3cpath d='M12.84 12.14a4 4 0 11-1.67 2.27l-1.7-1.53-1.65 1.5a4 4 0 11-1.67-2.25l1.07-1.25C-3.46 2.24 2.87.5 2.87.5l6.6 7.71L16 .5s6.23 1.74-4.27 10.35l1.1 1.3zM15 18.5a3 3 0 100-6 3 3 0 000 6zm-11-6a3 3 0 100 6 3 3 0 000-6zm12.8-9.94a1.35 1.35 0 00-.54-.82l-6.02 7.12-.76.9-.77-.9-6.1-7.13c-.25.18-.5.44-.58.83-.14.74.13 2.94 5.82 7.54l.8.64-.67.79-.85 1 .5.69 1.17-1.07.67-.62.67.61 1.32 1.2.5-.68-.99-1.16-.66-.77.79-.65c5.6-4.59 5.85-6.79 5.7-7.52zM4 17.5a2 2 0 110-4 2 2 0 010 4zm11-4a2 2 0 110 4 2 2 0 010-4zm-6-9h1v3H9v-3zm0-4h1v3H9v-3zm1 16H9v-3h1v3zm0 3H9v-2h1v2z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.user_clip button em,
.thema_dark .player_item_list ul li.user_clip button em,
.theme_dark .player_item_list ul li.user_clip button em,
.extend_mode .player_item_list ul li.user_clip button em,
.smode .player_item_list ul li.user_clip button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 22 17'%3e%3cpath d='M20.27 17H1.72C.77 17 0 16.26 0 15.32V0H22v15.32c0 .94-.78 1.7-1.73 1.7zM1.36 1.34v2.63h.26l.66-2.63h-.92zm3.43 0l-.67 2.63h2.6l.67-2.63h-2.6zm5.1 0l-.66 2.63h2.53l.66-2.63H9.9zm5.04 0l-.66 2.63H17l.66-2.63h-2.74zm5.7 0h-.45l-.66 2.63h1.12V1.33zm0 3.96H1.37v10.02c0 .2.16.36.36.36h18.55c.2 0 .37-.16.37-.36V5.3z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.play_list button em,
.thema_dark .player_item_list ul li.play_list button em,
.theme_dark .player_item_list ul li.play_list button em,
.extend_mode .player_item_list ul li.play_list button em,
.smode .player_item_list ul li.play_list button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 20 16' %3e%3cpath fill-rule='evenodd' d='M19.386 10.912h-4.467v4.484c0 .337-.273 1.304-.61 1.304-.336 0-.609-.967-.609-1.304v-4.484H9.232a.61.61 0 010-1.222H13.7V5.206a.61.61 0 111.219 0V9.69h4.467a.61.61 0 010 1.222zm-1.015-9.679H.602C.265 1.233.7.959.7.621.7.283.265.1.602.1h17.769c.337 0 .609.183.609.521a.61.61 0 01-.609.612zM.602 6.123h5.076c.472 0 .61.274.61.612 0 .985-.138.611-.61.611H.602c-.337 0 .098.374.098-.611 0-.338-.435-.612-.098-.612zm0 6.114h5.076c.472 0 .61.273.61.611 0 .338-.138.612-.61.612H.602c-.337 0 .098-.274.098-.612 0-.338-.435-.611-.098-.611z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.user_join button em,
.thema_dark .player_item_list ul li.user_join button em,
.theme_dark .player_item_list ul li.user_join button em,
.extend_mode .player_item_list ul li.user_join button em,
.smode .player_item_list ul li.user_join button em {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_1' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:none;stroke:%23999999;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7d%3c/style%3e%3cpath class='st0' d='m74.89 80.88-1.07 12.88-40.81.02-7.99-25.79-9.4-14.29c-3.83-4.46-3.66-13.1-3.66-13.1V14.84c0-4.52 3.48-8.46 7.99-8.6 4.68-.14 8.52 3.6 8.52 8.24h0v23.41c0 2.01-.33 4.24 1.36 6.28l8.28 10.36c1.26 1.41 2.83 2.54 4.61 3.19 1.84.67 3.87 1.07 5.57 1.15 6.32.32 17.17.84 26.41.84 7.54 0 10.85 5.51 12.3 10.23.9 2.92 1.18 5.99.99 9.04l-.92 14.76h-14.1'/%3e%3ccircle class='st0' cx='55.9' cy='32.48' r='18.24'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.bookmark button em,
.thema_dark .player_item_list ul li.bookmark button em,
.theme_dark .player_item_list ul li.bookmark button em,
.extend_mode .player_item_list ul li.bookmark button em,
.smode .player_item_list ul li.bookmark button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 20 19'%3e%3cpath d='M9.96 1.3l2.67 5.39 5.95.86-4.3 4.2 1 5.93-5.32-2.8-5.32 2.8 1.02-5.93-4.31-4.2L7.3 6.7l2.66-5.4m0-1.3c-.5 0-.94.28-1.16.73L6.44 5.5l-5.28.76a1.3 1.3 0 00-.72 2.22l3.82 3.72-.9 5.26a1.3 1.3 0 001.88 1.37l4.72-2.48 4.72 2.48a1.32 1.32 0 001.37-.1c.4-.3.6-.78.52-1.27l-.9-5.26 3.82-3.72c.35-.34.48-.86.33-1.33a1.3 1.3 0 00-1.05-.89l-5.28-.76L11.13.72a1.3 1.3 0 00-1.17-.73z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.up_recommend button em,
.thema_dark .player_item_list ul li.up_recommend button em,
.theme_dark .player_item_list ul li.up_recommend button em,
.extend_mode .player_item_list ul li.up_recommend button em,
.smode .player_item_list ul li.up_recommend button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath d='M17.41 10.96a2.46 2.46 0 01-.28 2.66 2.26 2.26 0 01-.85 2.93 2 2 0 01-1.93 2.43H9.73a.63.63 0 01-.63-.63c0-.35.28-.64.63-.64h4.62c.4 0 .73-.33.73-.74 0-.15-.04-.3-.13-.42a.65.65 0 01-.05-.6c.08-.2.25-.34.46-.38a.95.95 0 00.76-.94c0-.25-.09-.48-.26-.66a.64.64 0 01.09-.95 1.17 1.17 0 00.18-1.74.65.65 0 01-.16-.51.63.63 0 01.28-.46c.31-.2.5-.53.5-.9 0-.58-.47-1.06-1.05-1.06h-4.37a.62.62 0 01-.54-.32.65.65 0 010-.63c.9-1.67.13-3.71-.57-4.6-.38-.5-1.05-.63-1.34-.5-.05.03-.09.04-.06.2a13.3 13.3 0 010 3.16.69.69 0 01-.08.24L6.73 9.46c-.17.3-.57.4-.85.23a.64.64 0 01-.23-.87L7.6 5.38c.05-.44.15-1.7 0-2.67-.12-.7.18-1.3.78-1.57.85-.4 2.15.01 2.81.86a6.2 6.2 0 011.07 5.08h3.44A2.32 2.32 0 0118 9.4c0 .58-.21 1.13-.59 1.55zM5.65 14.73c0 .7-.23 1.28-.69 1.75-.51.52-1.23.79-2.13.79-.92 0-1.64-.27-2.15-.8A2.4 2.4 0 010 14.73v-4.7c0-.18.07-.34.2-.45a.7.7 0 01.8-.03c.17.12.25.29.25.48v4.7c0 .4.11.7.35.96.28.3.7.44 1.24.44s.95-.15 1.22-.44c.24-.24.36-.56.36-.95v-3.79c0-.17.07-.33.21-.44.3-.18.59-.15.8.02a.5.5 0 01.23.44v3.76zm2.32-4.1h2.16c.7 0 1.25.2 1.67.6.4.4.59 1.1.59 1.63 0 .56-.2 1.33-.6 1.7-.4.41-.97.62-1.66.62H8v2.39c0 .19-.08.35-.22.46a.65.65 0 01-.4.14.65.65 0 01-.41-.13.59.59 0 01-.22-.47v-5.82c0-.3.1-.58.31-.78.23-.23.54-.34.91-.34zm.02 1.15v2.27h2.07c.35 0 .62-.09.82-.28.12-.12.25-.58.25-.9 0-.3-.12-.7-.25-.82-.2-.2-.47-.29-.82-.29H8.07c-.05 0-.07.01-.08.02z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.share button em,
.thema_dark .player_item_list ul li.share button em,
.theme_dark .player_item_list ul li.share button em,
.extend_mode .player_item_list ul li.share button em,
.smode .player_item_list ul li.share button em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 24 19'%3e%3cpath d='M14.78 1.81l7.38 7.56c-1.62 1.63-6.59 6.65-7.38 7.5v-4.74l-1.35-.04h-.28c-3.96 0-8.4 2.85-10.66 4.52C4.24 8.75 11.45 6.26 13.74 5.66l1.04-.27V1.8M14.5 0c-.3 0-.57.11-.77.32-.23.23-.34.56-.34.98v3C11.03 4.91 1.94 7.95.83 18.21a.7.7 0 00.68.77c.16 0 .31-.06.44-.17.06-.05 6.2-5.31 11.2-5.31h.25v4.03c0 .18.06.35.19.48.06.07.44.44 1 .44.29 0 .71-.1 1.13-.55.47-.52 5.38-5.48 7.91-8.03a.7.7 0 000-.99L15.17.23a.63.63 0 00-.25-.17 1.22 1.22 0 00-.41-.07zm.02.7h-.02.02zm.06 17.06z'/%3e%3c/svg%3e"); }
.bezelless_mode .player_item_list ul li.vr button:hover em,
.bezelless_mode .player_item_list ul li.multi button:hover em,
.bezelless_mode .player_item_list ul li.video_edit button:hover em,
.thema_dark .player_item_list ul li.vr button:hover em,
.thema_dark .player_item_list ul li.multi button:hover em,
.thema_dark .player_item_list ul li.video_edit button:hover em,
.theme_dark .player_item_list ul li.vr button:hover em,
.theme_dark .player_item_list ul li.multi button:hover em,
.theme_dark .player_item_list ul li.video_edit button:hover em,
.extend_mode .player_item_list ul li.vr button:hover em,
.extend_mode .player_item_list ul li.multi button:hover em,
.extend_mode .player_item_list ul li.video_edit button:hover em,
.smode .player_item_list ul li.vr button:hover em,
.smode .player_item_list ul li.multi button:hover em,
.smode .player_item_list ul li.video_edit button:hover em {
  background-position-y: -40px; }

.player_item_list ul li.shopping button:hover em, .player_item_list ul li.shopping button.on em,
.bezelless_mode .player_item_list ul li.shopping button:hover em,
.bezelless_mode .player_item_list ul li.shopping button.on em,
.thema_dark .player_item_list ul li.shopping button:hover em,
.thema_dark .player_item_list ul li.shopping button.on em,
.theme_dark .player_item_list ul li.shopping button:hover em,
.theme_dark .player_item_list ul li.shopping button.on em,
.extend_mode .player_item_list ul li.shopping button:hover em,
.extend_mode .player_item_list ul li.shopping button.on em,
.smode .player_item_list ul li.shopping button:hover em,
.smode .player_item_list ul li.shopping button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke=''  viewBox='0 0 23 18' %3e%3cpath d='M22.96 3.7l-3.2 8.36a.53.53 0 01-.5.34H10a.53.53 0 01-.5-.34L6.52 4.11 5.1 1.02H.52A.52.52 0 010 .51c0-.29.24-.52.53-.52h4.9c.22 0 .4.12.49.3L7.16 3h15.3c.18 0 .34.09.44.23.1.14.13.31.06.47zm-15.35.33l2.76 7.34h8.53l2.8-7.34H7.6zm4.17 9.27c1.32 0 2.4 1.06 2.4 2.36 0 1.3-1.08 2.35-2.4 2.35a2.38 2.38 0 01-2.41-2.35c0-1.3 1.08-2.36 2.4-2.36zm0 3.68c.74 0 1.35-.6 1.35-1.32 0-.73-.6-1.32-1.35-1.32-.75 0-1.35.59-1.35 1.32 0 .72.6 1.32 1.35 1.32zm5.76-3.68c1.33 0 2.4 1.06 2.4 2.36 0 1.3-1.07 2.35-2.4 2.35a2.38 2.38 0 01-2.4-2.35c0-1.3 1.07-2.36 2.4-2.36zm0 3.68c.75 0 1.35-.6 1.35-1.32 0-.73-.6-1.32-1.35-1.32-.74 0-1.35.59-1.35 1.32 0 .72.6 1.32 1.35 1.32z'/%3e%3c/svg%3e"); }
.player_item_list ul li.count_vote button:hover em, .player_item_list ul li.count_vote button.on em,
.bezelless_mode .player_item_list ul li.count_vote button:hover em,
.bezelless_mode .player_item_list ul li.count_vote button.on em,
.thema_dark .player_item_list ul li.count_vote button:hover em,
.thema_dark .player_item_list ul li.count_vote button.on em,
.theme_dark .player_item_list ul li.count_vote button:hover em,
.theme_dark .player_item_list ul li.count_vote button.on em,
.extend_mode .player_item_list ul li.count_vote button:hover em,
.extend_mode .player_item_list ul li.count_vote button.on em,
.smode .player_item_list ul li.count_vote button:hover em,
.smode .player_item_list ul li.count_vote button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 15 18'%3e%3cpath d='M7.5 17.99A7.53 7.53 0 010 10.43a7.53 7.53 0 017.5-7.57c4.14 0 7.5 3.39 7.5 7.57a7.53 7.53 0 01-7.5 7.56zm0-14.05a6.47 6.47 0 00-6.44 6.49A6.47 6.47 0 007.5 16.9a6.47 6.47 0 006.44-6.48 6.47 6.47 0 00-6.44-6.5zm0 7.46a.97.97 0 01-.96-.98v-.06l-3.2-2a.42.42 0 01-.13-.58c.12-.2.38-.25.57-.13l3.2 1.98c.14-.1.32-.18.52-.18.53 0 .96.44.96.97 0 .54-.43.98-.96.98zM5.12.02h4.76v1.46H5.12V.01z'/%3e%3c/svg%3e"); }
.player_item_list ul li.vote_result button:hover em, .player_item_list ul li.vote_result button.on em,
.bezelless_mode .player_item_list ul li.vote_result button:hover em,
.bezelless_mode .player_item_list ul li.vote_result button.on em,
.thema_dark .player_item_list ul li.vote_result button:hover em,
.thema_dark .player_item_list ul li.vote_result button.on em,
.theme_dark .player_item_list ul li.vote_result button:hover em,
.theme_dark .player_item_list ul li.vote_result button.on em,
.extend_mode .player_item_list ul li.vote_result button:hover em,
.extend_mode .player_item_list ul li.vote_result button.on em,
.smode .player_item_list ul li.vote_result button:hover em,
.smode .player_item_list ul li.vote_result button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 17 18'%3e%3cpath d='M16.46 18h-3.84a.55.55 0 01-.55-.56V7.5c0-.3.25-.56.55-.56h3.84c.3 0 .55.25.55.56v9.94c0 .3-.25.56-.55.56zm-.55-9.94h-2.73v8.82h2.73V8.06zM10.49 18H6.65a.55.55 0 01-.55-.56V.56c0-.3.25-.56.55-.56h3.84c.3 0 .55.25.55.56v16.88c0 .3-.25.56-.55.56zM9.94 1.12H7.2v15.76h2.73V1.12zM4.38 18H.55a.56.56 0 01-.55-.56v-6.77c0-.3.24-.56.55-.56h3.83c.3 0 .56.25.56.56v6.77c0 .3-.25.56-.56.56zm-.55-6.77H1.1v5.65h2.73v-5.65z'/%3e%3c/svg%3e"); }
.player_item_list ul li.vote button:hover em, .player_item_list ul li.vote button.on em,
.bezelless_mode .player_item_list ul li.vote button:hover em,
.bezelless_mode .player_item_list ul li.vote button.on em,
.thema_dark .player_item_list ul li.vote button:hover em,
.thema_dark .player_item_list ul li.vote button.on em,
.theme_dark .player_item_list ul li.vote button:hover em,
.theme_dark .player_item_list ul li.vote button.on em,
.extend_mode .player_item_list ul li.vote button:hover em,
.extend_mode .player_item_list ul li.vote button.on em,
.smode .player_item_list ul li.vote button:hover em,
.smode .player_item_list ul li.vote button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 22 18'%3e%3cpath d='M17.96 6.86L16.8 8.04c-1.64 1.68-3.27 3.36-4.93 5.03C9.96 11 8.02 8.97 6.16 6.88c.7-.7 1.43-1.37 2.17-2.03 1.2 1.23 2.4 2.63 3.62 3.85.04 0 2.63-2.65 4.85-4.92l1.09-1.1A907.88 907.88 0 0119.86.67L22 2.76c-1.33 1.37-2.68 2.73-4.03 4.1zm-1.32-4.29a2.23 2.23 0 00-2.07-1.41H3.39c-1.23 0-2.23 1-2.23 2.24v11.2c0 1.23 1 2.23 2.23 2.23h11.18c1.23 0 2.23-1 2.23-2.24V9.46l1.16-1.19v6.32a3.4 3.4 0 01-3.4 3.4H3.4A3.4 3.4 0 010 14.6V3.4A3.4 3.4 0 013.4 0h11.18c1.25 0 2.34.7 2.93 1.71l-.66.67-.2.2z'/%3e%3c/svg%3e"); }
.player_item_list ul li.hope_balloon button:hover em, .player_item_list ul li.hope_balloon button.on em,
.bezelless_mode .player_item_list ul li.hope_balloon button:hover em,
.bezelless_mode .player_item_list ul li.hope_balloon button.on em,
.thema_dark .player_item_list ul li.hope_balloon button:hover em,
.thema_dark .player_item_list ul li.hope_balloon button.on em,
.theme_dark .player_item_list ul li.hope_balloon button:hover em,
.theme_dark .player_item_list ul li.hope_balloon button.on em,
.extend_mode .player_item_list ul li.hope_balloon button:hover em,
.extend_mode .player_item_list ul li.hope_balloon button.on em,
.smode .player_item_list ul li.hope_balloon button:hover em,
.smode .player_item_list ul li.hope_balloon button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 15 15' %3e%3cpath d='M7.5 15a7.5 7.5 0 110-15 7.5 7.5 0 010 15zm0-14a6.5 6.5 0 10.02 13.02A6.5 6.5 0 007.5 1zm3.87 7.86l-3.54 3.08a.5.5 0 01-.66 0L3.68 8.9a3.53 3.53 0 01-.44-4.31 2.33 2.33 0 012-1.1c1.15 0 1.85.5 2.26 1.1.4-.6 1.11-1.1 2.26-1.1.83 0 1.52.38 2 1.1.86 1.28.7 3.04-.4 4.27zm-.44-3.72c-.3-.44-.68-.65-1.17-.65C8.06 4.49 8 6.06 8 6.25a.5.5 0 01-1 0c0-.18-.07-1.76-1.76-1.76-.5 0-.88.21-1.17.65-.6.9-.47 2.18.31 3.05l3.12 2.7 3.16-2.74c.73-.83.87-2.11.27-3z'/%3e%3c/svg%3e"); }
.player_item_list ul li.star_balloon button:hover em, .player_item_list ul li.star_balloon button.on em,
.bezelless_mode .player_item_list ul li.star_balloon button:hover em,
.bezelless_mode .player_item_list ul li.star_balloon button.on em,
.thema_dark .player_item_list ul li.star_balloon button:hover em,
.thema_dark .player_item_list ul li.star_balloon button.on em,
.theme_dark .player_item_list ul li.star_balloon button:hover em,
.theme_dark .player_item_list ul li.star_balloon button.on em,
.extend_mode .player_item_list ul li.star_balloon button:hover em,
.extend_mode .player_item_list ul li.star_balloon button.on em,
.smode .player_item_list ul li.star_balloon button:hover em,
.smode .player_item_list ul li.star_balloon button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 17 20' %3e%3cpath d='M9.83 16.5l.02.27c.04.4.13.78.24 1.13.15.43.35.78.6 1.02a.6.6 0 010 .87.64.64 0 01-.9 0c-.4-.4-.69-.9-.89-1.5a6.56 6.56 0 01-.33-1.68H8.5a8.4 8.4 0 01-8.5-8.3 8.4 8.4 0 018.5-8.32 8.4 8.4 0 018.5 8.31c0 4.14-3.1 7.58-7.16 8.2zM8.49 1.1a7.28 7.28 0 00-7.36 7.2c0 3.97 3.3 7.2 7.36 7.2a7.28 7.28 0 007.36-7.2c0-3.97-3.3-7.2-7.36-7.2zm2.69 8.35a.3.3 0 00-.09.27l.47 2.69c.05.25-.22.44-.45.32l-2.48-1.27a.32.32 0 00-.29 0l-2.47 1.27c-.23.12-.5-.07-.46-.32l.47-2.7a.3.3 0 00-.09-.27l-2-1.9A.3.3 0 013.97 7l2.76-.39c.1-.01.2-.08.24-.17L8.2 4a.32.32 0 01.56 0l1.24 2.45c.04.1.13.16.23.17l2.77.4a.3.3 0 01.17.52l-2 1.9z'/%3e%3c/svg%3e"); }
.player_item_list ul li.sticker button:hover em, .player_item_list ul li.sticker button.on em,
.bezelless_mode .player_item_list ul li.sticker button:hover em,
.bezelless_mode .player_item_list ul li.sticker button.on em,
.thema_dark .player_item_list ul li.sticker button:hover em,
.thema_dark .player_item_list ul li.sticker button.on em,
.theme_dark .player_item_list ul li.sticker button:hover em,
.theme_dark .player_item_list ul li.sticker button.on em,
.extend_mode .player_item_list ul li.sticker button:hover em,
.extend_mode .player_item_list ul li.sticker button.on em,
.smode .player_item_list ul li.sticker button:hover em,
.smode .player_item_list ul li.sticker button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M10.16 15.84a6.01 6.01 0 005.65-5.66l-3.88-.03c-.96 0-1.77.92-1.77 1.87v3.82zm5.71-6.87v-5.3a2.56 2.56 0 00-2.55-2.56H3.65A2.56 2.56 0 001.1 3.67v9.36c0 1.42 1.34 2.87 2.75 2.87h5.14V12A3.02 3.02 0 0112 8.96h3.87zm-6.36 8.01H3.83a3.85 3.85 0 01-3.85-3.84V3.86A3.85 3.85 0 013.83 0h9.32A3.85 3.85 0 0117 3.86v5.83c0 4.27-3.22 7.3-7.49 7.3z'/%3e%3c/svg%3e"); }
.player_item_list ul li.adballoon button:hover em, .player_item_list ul li.adballoon button.on em,
.bezelless_mode .player_item_list ul li.adballoon button:hover em,
.bezelless_mode .player_item_list ul li.adballoon button.on em,
.thema_dark .player_item_list ul li.adballoon button:hover em,
.thema_dark .player_item_list ul li.adballoon button.on em,
.theme_dark .player_item_list ul li.adballoon button:hover em,
.theme_dark .player_item_list ul li.adballoon button.on em,
.extend_mode .player_item_list ul li.adballoon button:hover em,
.extend_mode .player_item_list ul li.adballoon button.on em,
.smode .player_item_list ul li.adballoon button:hover em,
.smode .player_item_list ul li.adballoon button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke=''  viewBox='0 0 17 19' %3e%3cpath d='M1.61 3.53A8.3 8.3 0 018.5 0C13.2 0 17 3.84 17 8.57c0 3.53-2.12 6.61-5.22 7.92l.06.09c.1.14.16.27.22.4.05.13.1.25.11.39.05.32 0 .66-.25.98-.49.62-1.02.66-3.11.66-2.06 0-3.1-.07-3.6-.5a1.21 1.21 0 01-.4-1.12c.02-.16.06-.28.11-.41a2.97 2.97 0 01.29-.49 8.58 8.58 0 01-3.6-12.96zm14.27 5.03c0-4.12-3.3-7.46-7.38-7.46-4.05 0-5.95 3.04-5.95 3.04a7.47 7.47 0 00-1.43 4.42c0 3.66 2.6 6.7 6.04 7.33-.33.6-1.27 1.7-1.15 1.82.13.1 1.53.19 2.81.19 1.07 0 2.06-.06 2.17-.2.11-.13-.8-1.22-1.13-1.8a7.44 7.44 0 006.02-7.34zm-11.2 2.58c-.08.18-.2.3-.37.35a.64.64 0 01-.77-.32.57.57 0 01-.02-.51l1.66-4.42a.9.9 0 01.83-.59c.19 0 .36.06.51.18.15.1.26.25.31.41l1.66 4.41c.07.19.07.36-.02.52a.69.69 0 01-.33.3.64.64 0 01-.44.02c-.17-.04-.29-.17-.36-.36l-.37-.98H5.04l-.37.99zm1.85-2.17L6 7.57l-.53 1.4h1.05zm3 2.51a.6.6 0 01-.46-.18.64.64 0 01-.16-.46v-4.5c0-.2.05-.35.16-.46a.6.6 0 01.46-.18h1.45a2.43 2.43 0 012.36 1.73c.13.36.19.74.19 1.16 0 .41-.06.8-.19 1.15-.11.34-.29.65-.52.92a2.33 2.33 0 01-1.84.82H9.53zm1.4-1.18c.2 0 .38-.04.54-.12.16-.07.3-.18.43-.33.13-.16.22-.34.28-.54.07-.21.1-.46.1-.72 0-.27-.03-.52-.1-.73-.05-.2-.15-.38-.28-.54a1.22 1.22 0 00-.96-.44h-.8v3.42h.8z'/%3e%3c/svg%3e "); }
.player_item_list ul li.honey_fun button:hover em, .player_item_list ul li.honey_fun button.on em,
.bezelless_mode .player_item_list ul li.honey_fun button:hover em,
.bezelless_mode .player_item_list ul li.honey_fun button.on em,
.thema_dark .player_item_list ul li.honey_fun button:hover em,
.thema_dark .player_item_list ul li.honey_fun button.on em,
.theme_dark .player_item_list ul li.honey_fun button:hover em,
.theme_dark .player_item_list ul li.honey_fun button.on em,
.extend_mode .player_item_list ul li.honey_fun button:hover em,
.extend_mode .player_item_list ul li.honey_fun button.on em,
.smode .player_item_list ul li.honey_fun button:hover em,
.smode .player_item_list ul li.honey_fun button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 20 19'%3e%3cpath d='M16.6 7.57a6.31 6.31 0 012.55 5.06 6.4 6.4 0 01-6.38 6.38H7.23a6.4 6.4 0 01-6.38-6.38c0-1.96.91-3.8 2.46-4.99a3.58 3.58 0 01-.63-2.05C2.68 3 5.98.96 9.98.96 14 .96 17.3 3 17.3 5.6c0 .71-.25 1.4-.7 1.98zm-.7.91c-.14.13-.3.25-.49.39-.2.15-.24.23-.85.62a4.4 4.4 0 00-1.3 1.05c-.17.24-.22.38-.35.87-.16.63-.38.85-.97 1l-.09.02c-.6.1-1.11-.33-1.6-1.08-.12-.17-.22-.34-.31-.51l-.08.04c-.62.35-1.38.54-2.24.32a4.93 4.93 0 01-1.92-1.07 8.64 8.64 0 01-1.05-1.06c-.24-.13-.45-.3-.64-.46a4.98 4.98 0 00-1.98 4.12c0 2.9 2.29 5.15 5.27 5.15h5.4a5.16 5.16 0 005.3-5.15c0-1.68-.72-3.26-2.1-4.25zM14 8.38c.59-.37.62-.39.81-.53.24-.17.4-.31.53-.48.54-.54.7-1.12.7-1.74 0-1.94-2.6-3.48-6.06-3.48-3.48 0-6.06 1.54-6.06 3.48 0 .96.3 1.74 1.25 2.3l.12.1.26.3c.21.24.45.54.7.76.54.46 1.07.78 1.58.9a2.1 2.1 0 001.62-.27c.17-.1.28-.19.33-.24a.4.4 0 01.66.12 5.92 5.92 0 00.46.85c.32.5.63.82.79.8h.01c.24-.07.3-.15.39-.53.15-.59.22-.79.46-1.13.29-.41.62-.67 1.45-1.2zm-2.68 6.55c-.36-.8.72-2.18.72-2.18.55.6 1.45 1.67 1.08 2.28-.38.6-1.43.7-1.8-.1zM5.9 4.62a.44.44 0 01.89 0c0 .44.34.88.99 1.2.59.3 1.36.48 2.22.48.85 0 1.63-.17 2.22-.48.65-.32.99-.76.99-1.2a.44.44 0 01.88 0c0 .82-.55 1.65-1.46 2.12-.73.37-1.64.57-2.63.57-1 0-1.9-.2-2.63-.57-.91-.46-1.47-1.3-1.47-2.13z'/%3e%3c/svg%3e"); }
.player_item_list ul li.laterwatch button:hover em, .player_item_list ul li.laterwatch button.on em,
.bezelless_mode .player_item_list ul li.laterwatch button:hover em,
.bezelless_mode .player_item_list ul li.laterwatch button.on em,
.thema_dark .player_item_list ul li.laterwatch button:hover em,
.thema_dark .player_item_list ul li.laterwatch button.on em,
.theme_dark .player_item_list ul li.laterwatch button:hover em,
.theme_dark .player_item_list ul li.laterwatch button.on em,
.extend_mode .player_item_list ul li.laterwatch button:hover em,
.extend_mode .player_item_list ul li.laterwatch button.on em,
.smode .player_item_list ul li.laterwatch button:hover em,
.smode .player_item_list ul li.laterwatch button.on em {
  width: 21px;
  margin-right: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 21 19'%3e%3cpath d='M9.68 0a9.59 9.59 0 019.66 9.5c0 .37-.3.68-.69.68-.38 0-.69-.3-.69-.68 0-4.5-3.7-8.14-8.28-8.14A8.22 8.22 0 001.39 9.5c0 4.5 3.72 8.14 8.29 8.14.38 0 .69.3.69.68 0 .37-.31.68-.7.68A9.59 9.59 0 01.02 9.5C.01 4.25 4.34 0 9.68 0zm11.1 11.97c.28.27.28.7 0 .96l-5.77 5.68a.7.7 0 01-.98 0l-.01-.01-1.84-1.89a.67.67 0 010-.96.7.7 0 01.98 0l.02.03 1.35 1.38 5.28-5.19a.7.7 0 01.98 0zM9.7 3.86c.38 0 .7.3.7.68v6.18c0 .38-.32.68-.7.68H5.97c-.38 0-.7-.3-.7-.68 0-.37.32-.68.7-.68H9v-5.5c0-.38.31-.68.7-.68z'/%3e%3c/svg%3e"); }
.player_item_list ul li.chocolate button:hover em, .player_item_list ul li.chocolate button.on em,
.bezelless_mode .player_item_list ul li.chocolate button:hover em,
.bezelless_mode .player_item_list ul li.chocolate button.on em,
.thema_dark .player_item_list ul li.chocolate button:hover em,
.thema_dark .player_item_list ul li.chocolate button.on em,
.theme_dark .player_item_list ul li.chocolate button:hover em,
.theme_dark .player_item_list ul li.chocolate button.on em,
.extend_mode .player_item_list ul li.chocolate button:hover em,
.extend_mode .player_item_list ul li.chocolate button.on em,
.smode .player_item_list ul li.chocolate button:hover em,
.smode .player_item_list ul li.chocolate button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M6.1 5.98l4.79 1.91.03-6.8H6.1v4.89zm-1.14-.5V1.07H3.8c-1.33 0-2.75 1.43-2.75 2.76v1.11h2.31c.58 0 1.04.4 1.6.56zm-3.88.65v6.79c0 1.44 1.52 2.93 2.96 2.93h9.1c1.44 0 2.77-1.5 2.77-2.93V7.06l-2.9 1.66a3 3 0 01-2.85.23l-4.46-2c-.73-.33-1.51-.82-2.31-.82h-2.3zm14.85-.36l-.01-1.9c0-1.35-1.37-2.78-2.72-2.78l-1.12-.01-.04 6.91c.2-.04.28-.1.46-.22l3.4-2.02.03.02zm-2.85 11.22H3.86A3.87 3.87 0 010 13.12V3.87A3.87 3.87 0 013.86 0h9.25a3.84 3.84 0 013.83 3.87v9.25a3.87 3.87 0 01-3.86 3.87z'/%3e%3c/svg%3e"); }
.player_item_list ul li.subscribe button:hover em, .player_item_list ul li.subscribe button.on em,
.bezelless_mode .player_item_list ul li.subscribe button:hover em,
.bezelless_mode .player_item_list ul li.subscribe button.on em,
.thema_dark .player_item_list ul li.subscribe button:hover em,
.thema_dark .player_item_list ul li.subscribe button.on em,
.theme_dark .player_item_list ul li.subscribe button:hover em,
.theme_dark .player_item_list ul li.subscribe button.on em,
.extend_mode .player_item_list ul li.subscribe button:hover em,
.extend_mode .player_item_list ul li.subscribe button.on em,
.smode .player_item_list ul li.subscribe button:hover em,
.smode .player_item_list ul li.subscribe button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 20 17'%3e%3cpath fill-rule='evenodd' d='M15.468 10.85c-.174 0-.353-.016-.536-.043-.621 3.526-3.348 6.186-7.122 6.186-4.095 0-7.465-3.133-7.793-7.105H-.01V-.011h15.077v3.036c.135-.016.27-.029.401-.029 2.187 0 3.966 1.762 3.966 3.927s-1.779 3.927-3.966 3.927zM14.017.995H1.009v7.699h.029c-.016.184-.029.369-.029.557 0 3.616 2.961 6.704 6.614 6.704 3.652 0 6.394-3.088 6.394-6.704 0-.188-.013-.373-.028-.557h.028V.995zm1.451 3.103c-.14 0-.268.035-.401.058v4.538l-.007.281c.004.092.007.184.007.276 0 .123-.011.243-.016.365.136.069.274.132.417.132 1.488 0 2.852-1.351 2.852-2.825 0-1.474-1.364-2.825-2.852-2.825zm-5.099 7.696l-2.842-1.479-2.841 1.479.542-3.133-2.299-2.219 3.177-.457 1.421-2.85 1.421 2.85 3.177.457-2.298 2.219.542 3.133z'/%3e%3c/svg%3e");
  background-position: unset !important; }
.player_item_list ul li.edit_angle button:hover em, .player_item_list ul li.edit_angle button.on em,
.bezelless_mode .player_item_list ul li.edit_angle button:hover em,
.bezelless_mode .player_item_list ul li.edit_angle button.on em,
.thema_dark .player_item_list ul li.edit_angle button:hover em,
.thema_dark .player_item_list ul li.edit_angle button.on em,
.theme_dark .player_item_list ul li.edit_angle button:hover em,
.theme_dark .player_item_list ul li.edit_angle button.on em,
.extend_mode .player_item_list ul li.edit_angle button:hover em,
.extend_mode .player_item_list ul li.edit_angle button.on em,
.smode .player_item_list ul li.edit_angle button:hover em,
.smode .player_item_list ul li.edit_angle button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 19 20'%3e%3cpath d='M12.84 12.14a4 4 0 11-1.67 2.27l-1.7-1.53-1.65 1.5a4 4 0 11-1.67-2.25l1.07-1.25C-3.46 2.24 2.87.5 2.87.5l6.6 7.71L16 .5s6.23 1.74-4.27 10.35l1.1 1.3zM15 18.5a3 3 0 100-6 3 3 0 000 6zm-11-6a3 3 0 100 6 3 3 0 000-6zm12.8-9.94a1.35 1.35 0 00-.54-.82l-6.02 7.12-.76.9-.77-.9-6.1-7.13c-.25.18-.5.44-.58.83-.14.74.13 2.94 5.82 7.54l.8.64-.67.79-.85 1 .5.69 1.17-1.07.67-.62.67.61 1.32 1.2.5-.68-.99-1.16-.66-.77.79-.65c5.6-4.59 5.85-6.79 5.7-7.52zM4 17.5a2 2 0 110-4 2 2 0 010 4zm11-4a2 2 0 110 4 2 2 0 010-4zm-6-9h1v3H9v-3zm0-4h1v3H9v-3zm1 16H9v-3h1v3zm0 3H9v-2h1v2z'/%3e%3c/svg%3e"); }
.player_item_list ul li.user_clip button:hover em, .player_item_list ul li.user_clip button.on em,
.bezelless_mode .player_item_list ul li.user_clip button:hover em,
.bezelless_mode .player_item_list ul li.user_clip button.on em,
.thema_dark .player_item_list ul li.user_clip button:hover em,
.thema_dark .player_item_list ul li.user_clip button.on em,
.theme_dark .player_item_list ul li.user_clip button:hover em,
.theme_dark .player_item_list ul li.user_clip button.on em,
.extend_mode .player_item_list ul li.user_clip button:hover em,
.extend_mode .player_item_list ul li.user_clip button.on em,
.smode .player_item_list ul li.user_clip button:hover em,
.smode .player_item_list ul li.user_clip button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 22 17'%3e%3cpath d='M20.27 17H1.72C.77 17 0 16.26 0 15.32V0H22v15.32c0 .94-.78 1.7-1.73 1.7zM1.36 1.34v2.63h.26l.66-2.63h-.92zm3.43 0l-.67 2.63h2.6l.67-2.63h-2.6zm5.1 0l-.66 2.63h2.53l.66-2.63H9.9zm5.04 0l-.66 2.63H17l.66-2.63h-2.74zm5.7 0h-.45l-.66 2.63h1.12V1.33zm0 3.96H1.37v10.02c0 .2.16.36.36.36h18.55c.2 0 .37-.16.37-.36V5.3z'/%3e%3c/svg%3e"); }
.player_item_list ul li.play_list button:hover em, .player_item_list ul li.play_list button.on em,
.bezelless_mode .player_item_list ul li.play_list button:hover em,
.bezelless_mode .player_item_list ul li.play_list button.on em,
.thema_dark .player_item_list ul li.play_list button:hover em,
.thema_dark .player_item_list ul li.play_list button.on em,
.theme_dark .player_item_list ul li.play_list button:hover em,
.theme_dark .player_item_list ul li.play_list button.on em,
.extend_mode .player_item_list ul li.play_list button:hover em,
.extend_mode .player_item_list ul li.play_list button.on em,
.smode .player_item_list ul li.play_list button:hover em,
.smode .player_item_list ul li.play_list button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 20 16' %3e%3cpath fill-rule='evenodd' d='M19.386 10.912h-4.467v4.484c0 .337-.273 1.304-.61 1.304-.336 0-.609-.967-.609-1.304v-4.484H9.232a.61.61 0 010-1.222H13.7V5.206a.61.61 0 111.219 0V9.69h4.467a.61.61 0 010 1.222zm-1.015-9.679H.602C.265 1.233.7.959.7.621.7.283.265.1.602.1h17.769c.337 0 .609.183.609.521a.61.61 0 01-.609.612zM.602 6.123h5.076c.472 0 .61.274.61.612 0 .985-.138.611-.61.611H.602c-.337 0 .098.374.098-.611 0-.338-.435-.612-.098-.612zm0 6.114h5.076c.472 0 .61.273.61.611 0 .338-.138.612-.61.612H.602c-.337 0 .098-.274.098-.612 0-.338-.435-.611-.098-.611z'/%3e%3c/svg%3e"); }
.player_item_list ul li.share button:hover em, .player_item_list ul li.share button.on em,
.bezelless_mode .player_item_list ul li.share button:hover em,
.bezelless_mode .player_item_list ul li.share button.on em,
.thema_dark .player_item_list ul li.share button:hover em,
.thema_dark .player_item_list ul li.share button.on em,
.theme_dark .player_item_list ul li.share button:hover em,
.theme_dark .player_item_list ul li.share button.on em,
.extend_mode .player_item_list ul li.share button:hover em,
.extend_mode .player_item_list ul li.share button.on em,
.smode .player_item_list ul li.share button:hover em,
.smode .player_item_list ul li.share button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(17, 163, 255, 0.999)' stroke='' viewBox='0 0 24 19'%3e%3cpath d='M14.78 1.81l7.38 7.56c-1.62 1.63-6.59 6.65-7.38 7.5v-4.74l-1.35-.04h-.28c-3.96 0-8.4 2.85-10.66 4.52C4.24 8.75 11.45 6.26 13.74 5.66l1.04-.27V1.8M14.5 0c-.3 0-.57.11-.77.32-.23.23-.34.56-.34.98v3C11.03 4.91 1.94 7.95.83 18.21a.7.7 0 00.68.77c.16 0 .31-.06.44-.17.06-.05 6.2-5.31 11.2-5.31h.25v4.03c0 .18.06.35.19.48.06.07.44.44 1 .44.29 0 .71-.1 1.13-.55.47-.52 5.38-5.48 7.91-8.03a.7.7 0 000-.99L15.17.23a.63.63 0 00-.25-.17 1.22 1.22 0 00-.41-.07zm.02.7h-.02.02zm.06 17.06z'/%3e%3c/svg%3e"); }
.player_item_list ul li.bookmark button:hover em, .player_item_list ul li.bookmark button.on em,
.bezelless_mode .player_item_list ul li.bookmark button:hover em,
.bezelless_mode .player_item_list ul li.bookmark button.on em,
.thema_dark .player_item_list ul li.bookmark button:hover em,
.thema_dark .player_item_list ul li.bookmark button.on em,
.theme_dark .player_item_list ul li.bookmark button:hover em,
.theme_dark .player_item_list ul li.bookmark button.on em,
.extend_mode .player_item_list ul li.bookmark button:hover em,
.extend_mode .player_item_list ul li.bookmark button.on em,
.smode .player_item_list ul li.bookmark button:hover em,
.smode .player_item_list ul li.bookmark button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(253, 122, 58, 0.999)' stroke='' viewBox='0 0 20 19'%3e%3cpath d='M9.96 1.3l2.67 5.39 5.95.86-4.3 4.2 1 5.93-5.32-2.8-5.32 2.8 1.02-5.93-4.31-4.2L7.3 6.7l2.66-5.4m0-1.3c-.5 0-.94.28-1.16.73L6.44 5.5l-5.28.76a1.3 1.3 0 00-.72 2.22l3.82 3.72-.9 5.26a1.3 1.3 0 001.88 1.37l4.72-2.48 4.72 2.48a1.32 1.32 0 001.37-.1c.4-.3.6-.78.52-1.27l-.9-5.26 3.82-3.72c.35-.34.48-.86.33-1.33a1.3 1.3 0 00-1.05-.89l-5.28-.76L11.13.72a1.3 1.3 0 00-1.17-.73z'/%3e%3c/svg%3e"); }
.player_item_list ul li.up_recommend button:hover em,
.bezelless_mode .player_item_list ul li.up_recommend button:hover em,
.thema_dark .player_item_list ul li.up_recommend button:hover em,
.theme_dark .player_item_list ul li.up_recommend button:hover em,
.extend_mode .player_item_list ul li.up_recommend button:hover em,
.smode .player_item_list ul li.up_recommend button:hover em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 40, 48, 0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath d='M17.41 10.96a2.46 2.46 0 01-.28 2.66 2.26 2.26 0 01-.85 2.93 2 2 0 01-1.93 2.43H9.73a.63.63 0 01-.63-.63c0-.35.28-.64.63-.64h4.62c.4 0 .73-.33.73-.74 0-.15-.04-.3-.13-.42a.65.65 0 01-.05-.6c.08-.2.25-.34.46-.38a.95.95 0 00.76-.94c0-.25-.09-.48-.26-.66a.64.64 0 01.09-.95 1.17 1.17 0 00.18-1.74.65.65 0 01-.16-.51.63.63 0 01.28-.46c.31-.2.5-.53.5-.9 0-.58-.47-1.06-1.05-1.06h-4.37a.62.62 0 01-.54-.32.65.65 0 010-.63c.9-1.67.13-3.71-.57-4.6-.38-.5-1.05-.63-1.34-.5-.05.03-.09.04-.06.2a13.3 13.3 0 010 3.16.69.69 0 01-.08.24L6.73 9.46c-.17.3-.57.4-.85.23a.64.64 0 01-.23-.87L7.6 5.38c.05-.44.15-1.7 0-2.67-.12-.7.18-1.3.78-1.57.85-.4 2.15.01 2.81.86a6.2 6.2 0 011.07 5.08h3.44A2.32 2.32 0 0118 9.4c0 .58-.21 1.13-.59 1.55zM5.65 14.73c0 .7-.23 1.28-.69 1.75-.51.52-1.23.79-2.13.79-.92 0-1.64-.27-2.15-.8A2.4 2.4 0 010 14.73v-4.7c0-.18.07-.34.2-.45a.7.7 0 01.8-.03c.17.12.25.29.25.48v4.7c0 .4.11.7.35.96.28.3.7.44 1.24.44s.95-.15 1.22-.44c.24-.24.36-.56.36-.95v-3.79c0-.17.07-.33.21-.44.3-.18.59-.15.8.02a.5.5 0 01.23.44v3.76zm2.32-4.1h2.16c.7 0 1.25.2 1.67.6.4.4.59 1.1.59 1.63 0 .56-.2 1.33-.6 1.7-.4.41-.97.62-1.66.62H8v2.39c0 .19-.08.35-.22.46a.65.65 0 01-.4.14.65.65 0 01-.41-.13.59.59 0 01-.22-.47v-5.82c0-.3.1-.58.31-.78.23-.23.54-.34.91-.34zm.02 1.15v2.27h2.07c.35 0 .62-.09.82-.28.12-.12.25-.58.25-.9 0-.3-.12-.7-.25-.82-.2-.2-.47-.29-.82-.29H8.07c-.05 0-.07.01-.08.02z'/%3e%3c/svg%3e"); }
.player_item_list ul li.up_recommend button.on em,
.bezelless_mode .player_item_list ul li.up_recommend button.on em,
.thema_dark .player_item_list ul li.up_recommend button.on em,
.theme_dark .player_item_list ul li.up_recommend button.on em,
.extend_mode .player_item_list ul li.up_recommend button.on em,
.smode .player_item_list ul li.up_recommend button.on em {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 40, 48, 0.999)' stroke=''  width='16' height='17'%3e%3cpath fill-rule='evenodd' fill='%23FF3838' d='M14.728 9.419c.152.308.231 1.221.231.988 0 .519-.177 1.014-.504 1.417.134.278.204.581.204.89 0 .735-.396 1.414-1.029 1.796.019.106.028.213.028.32 0 1.061-.888 1.924-1.979 1.924H7.234c-.373 0-.677-.302-.677.046 0-1.092.304-1.394.677-1.394h4.445c.561 0 .625-.258.625-.576a.537.537 0 00-.101-.312c.497-.19.237.362-.072-.643a.672.672 0 01.506-.408c.603-.07.667.343.667-.753 0-.191-.075-.369.566-.513-.922.389-.991-.338-.972-.535.019-.198.322-.376.288-.49a.933.933 0 00.419-.769.91.91 0 00-.266-.638.67.67 0 01-.181-.555c.027-.104.143-.381.32-.488.268-.161.428-.431.428-.426 0-.774-.415-1.162-.925-1.162H8.776c-.246 0-.465-.018-.587-.337.481-.211.481-.462-.001-.673.755-1.303.287-2.398-.535-3.258-.233-1.063-.665-1.254-1.024-1.237a.449.449 0 00-.197.038c.002.004.001.025.007.062.042.242.071.513.086.803.026.734.015 1.035-.033 1.619-.018.215-.036.379-.048.472l-.092.261L4.41 8.106a.681.681 0 01-.927.232c-.156-.093-.266.632-.31-.416a.669.669 0 01.077-.511l1.866-3.092c.008-.074.017-.167.026.121.043-.918.054-1.06.031-1.834a5.276 5.276 0 00-.068-.642c.195-.434.014-.824.26-1.13C5.631.504 6.58.309 6.567.285a2.707 2.707 0 012.129.941c1.047 1.256 1.46 3.068 1.078 4.564h3.207c1.256 0 2.279.993 2.279 2.51 0 .221.42.94-.532 1.119zM8.45 9.54v.001c.132.124.206.292.211.589.004.063-.062.234-.188.365l-4.979 5.19c-.127.133-.305.209.006.209h-.503a.681.681 0 01-.492-.22L.924 13.95a.671.671 0 01.045-.954c.276-.248.704-.228.955.404l1.236.832 4.335-4.668a.679.679 0 01.955-.024z'/%3e%3c/svg%3e"); }
.player_item_list ul li.vr button:hover em,
.player_item_list ul li.multi button:hover em,
.player_item_list ul li.video_edit button:hover em,
.bezelless_mode .player_item_list ul li.vr button:hover em,
.bezelless_mode .player_item_list ul li.multi button:hover em,
.bezelless_mode .player_item_list ul li.video_edit button:hover em,
.thema_dark .player_item_list ul li.vr button:hover em,
.thema_dark .player_item_list ul li.multi button:hover em,
.thema_dark .player_item_list ul li.video_edit button:hover em,
.theme_dark .player_item_list ul li.vr button:hover em,
.theme_dark .player_item_list ul li.multi button:hover em,
.theme_dark .player_item_list ul li.video_edit button:hover em,
.extend_mode .player_item_list ul li.vr button:hover em,
.extend_mode .player_item_list ul li.multi button:hover em,
.extend_mode .player_item_list ul li.video_edit button:hover em,
.smode .player_item_list ul li.vr button:hover em,
.smode .player_item_list ul li.multi button:hover em,
.smode .player_item_list ul li.video_edit button:hover em {
  background-position-y: -80px; }

/* ******************** */
/* ******watermark***** */
#afreecatv_player .watermark span,
#afreecatv_player .watermark {
  position: absolute;
  display: none;
  z-index: 15;
  height: 0;
  width: 15%;
  padding: 0;
  font: 0/0 a;
  white-space: nowrap; }
#afreecatv_player .watermark.opacity {
  opacity: .8; }
#afreecatv_player .watermark.tl, #afreecatv_player .watermark.tc, #afreecatv_player .watermark.tr, #afreecatv_player .watermark.bl, #afreecatv_player .watermark.bc, #afreecatv_player .watermark.br {
  display: block; }
#afreecatv_player .watermark.tl {
  top: 2%;
  left: 1%; }
#afreecatv_player .watermark.tc {
  top: 2%;
  left: 50%;
  transform: translateX(-50%); }
#afreecatv_player .watermark.tr {
  top: 2%;
  right: 1%; }
#afreecatv_player .watermark.bl {
  bottom: 5.5%;
  left: 1%; }
#afreecatv_player .watermark.bc {
  bottom: 5.5%;
  left: 50%;
  transform: translateX(-50%); }
#afreecatv_player .watermark.br {
  bottom: 5.5%;
  right: 1%; }
#afreecatv_player .watermark.br.ic_adult,
#afreecatv_player .watermark.tr.ic_adult,
#afreecatv_player .watermark.br.ic_pw,
#afreecatv_player .watermark.tr.ic_pw {
  right: 1%; }
#afreecatv_player .watermark.br.ic_adult.ic_pw,
#afreecatv_player .watermark.tr.ic_adult.ic_pw,
#afreecatv_player .watermark.br.ic_adult.ic_pw,
#afreecatv_player .watermark.tr.ic_adult.ic_pw {
  right: 4%; }
#afreecatv_player .watermark.ic_pw:after {
  left: 2%;
  transform: translateX(0%); }
#afreecatv_player .watermark.ic_adult:after {
  left: 3%;
  transform: translateX(0%); }
#afreecatv_player .watermark.ic_adult.ic_pw:after {
  left: 23%;
  transform: translateX(0%); }
#afreecatv_player .watermark:after {
  content: '';
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  padding-top: 16%;
  max-width: 256px;
  max-height: 73px;
  width: 80%;
  height: 100%;
  background: url("/images/svg/logo_dark.svg") 0 0 no-repeat;
  background-size: 100% auto; }
#afreecatv_player .watermark span {
  display: none;
  position: relative;
  vertical-align: top; }
#afreecatv_player .watermark.ic_adult span,
#afreecatv_player .watermark.ic_pw span {
  display: inline-block; }
#afreecatv_player .watermark.ic_adult span:after {
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  margin-right: 30%;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 25 25'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff%7d%3c/style%3e%3c/defs%3e%3cpath fill='%23fe2122' d='M12.54 0A12.5 12.5 0 1 0 25 12.54 12.52 12.52 0 0 0 12.54 0Zm-.07 23.24a10.74 10.74 0 1 1 10.77-10.71 10.75 10.75 0 0 1-10.77 10.71Z'/%3e%3cpath class='cls-1' d='M9 7.24 6.27 8.39a.84.84 0 0 0 .65 1.55l1.54-.65V17a.85.85 0 0 0 .84.84.83.83 0 0 0 .84-.84V8a.84.84 0 0 0-.37-.7.86.86 0 0 0-.77-.06ZM15.81 7.19a3.44 3.44 0 1 0 0 6.87H16l-1.33 2.53a.85.85 0 0 0 .33 1.13.92.92 0 0 0 .39.09.84.84 0 0 0 .75-.44l2.6-5 .05-.1a3.58 3.58 0 0 0 .45-1.69 3.44 3.44 0 0 0-3.43-3.39Zm0 5.19a1.76 1.76 0 1 1 1.76-1.75 1.76 1.76 0 0 1-1.76 1.75Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
#afreecatv_player .watermark.ic_pw span:before {
  content: '';
  display: inline-block;
  width: 90%;
  padding-top: 90%;
  margin-right: 30%;
  vertical-align: top;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 11.75 15.08'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M12.5 13.74a1 1 0 0 0-1 1 1 1 0 0 0 .6.91v1a.41.41 0 1 0 .82 0v-1a1 1 0 0 0-.41-1.93Z' transform='translate(-6.63 -4.84)'/%3e%3cpath class='cls-1' d='M17 10.94h-.16V9.17a4.33 4.33 0 0 0-8.65 0v1.77H8a1.39 1.39 0 0 0-1.39 1.38v6.21A1.38 1.38 0 0 0 8 19.91h9a1.39 1.39 0 0 0 1.39-1.38v-6.2A1.38 1.38 0 0 0 17 10.94ZM9.5 9.32a3 3 0 0 1 6 0v1.61h-6Zm7.51 9a.35.35 0 0 1-.35.36H8.33A.36.36 0 0 1 8 18.3v-5.76a.34.34 0 0 1 .35-.35h8.33a.36.36 0 0 1 .35.36Z' transform='translate(-6.63 -4.84)'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
#afreecatv_player .watermark.bj_award {
  overflow: visible;
  max-width: 190px; }
#afreecatv_player .watermark.bj_award:before {
  content: '';
  display: block;
  position: absolute;
  margin: 15% 0 0 0;
  width: 100%;
  padding-top: 30%;
  height: auto;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_1' x='0' y='0' viewBox='0 0 175 50' style='enable-background:new 0 0 175 50' xml:space='preserve'%3e%3cstyle%3e.st3%7bfill:%23fff%7d.st5%7bopacity:.54%7d%3c/style%3e%3clinearGradient id='SVGID_00000101805097188307896500000008824220740717824185_' gradientUnits='userSpaceOnUse' x1='31.119' y1='178.018' x2='75.275' y2='146.366' gradientTransform='translate(0 -132)'%3e%3cstop offset='.051' style='stop-color:%2322e442'/%3e%3cstop offset='.565' style='stop-color:%2300bbed'/%3e%3cstop offset='.921' style='stop-color:%230f60e7'/%3e%3c/linearGradient%3e%3cpath id='SVGID_00000158024487055214990150000013755923837171672713_' style='fill-rule:evenodd;clip-rule:evenodd;fill:url(%23SVGID_00000101805097188307896500000008824220740717824185_)' d='M75.9 15.6s-.1 15.2-.2 21.1c0 1.5-1 2.5-2.1 2.9-5 1.6-25.6 7.5-25.6 7.5s-2.6.6-5.1 0C37.1 45.7 24.2 43 21 42.3c-.5-.1-.5-.3-.5-.3s-.2-.2-.2-.7v-5.7l20.5-7.1L48 12.3l-.2-1.9 1.6-1.7 26.5 6.9z'/%3e%3clinearGradient id='SVGID_00000018946734032774982220000015706756974762186387_' gradientUnits='userSpaceOnUse' x1='29.202' y1='175.324' x2='73.347' y2='143.68' gradientTransform='translate(0 -132)'%3e%3cstop offset='0' style='stop-color:%23ff3b94'/%3e%3cstop offset='.666' style='stop-color:%23e63887'/%3e%3cstop offset='1' style='stop-color:%23803bff'/%3e%3c/linearGradient%3e%3cpath id='SVGID_00000084519995749879151600000018080896924458927036_' style='fill:url(%23SVGID_00000018946734032774982220000015706756974762186387_)' d='M66.2 16.8zm0 0zm0 0zm0 0zm0 0zm0 0zm0 0zm0 0zm0 0z'/%3e%3cg id='SVGID_3_'%3e%3clinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='15.519' y1='141.986' x2='39.258' y2='162.008' gradientTransform='translate(0 -132)'%3e%3cstop offset='0' style='stop-color:%23ff3b94'/%3e%3cstop offset='.666' style='stop-color:%23e63887'/%3e%3cstop offset='1' style='stop-color:%23803bff'/%3e%3c/linearGradient%3e%3cpath d='M44.1 35.2 36.2 33l-14.1 3.9-5.7-2.3V15.5l-1.4-.6V8.5l15.7-4.8s2.3-1 5.1.7c-1-.6 8.8 6.3 8.8 6.3l-.5 24.5z' style='fill-rule:evenodd;clip-rule:evenodd;fill:url(%23SVGID_1_)'/%3e%3c/g%3e%3cpath class='st3' d='M37.5 18.1c-.9-2.9-4.5-2.5-4.5-2.5 1.5-.7 2.9-2.8 2.9-2.8 2.7-4.5.3-7.3.3-7.3-2-3.3-6.8-1.1-9.6-.2-3.2 1-6.3 2-9.5 3-.1 0-1.7.4-1.7.5v5.5l11.9-3.8c2.8-1 2.6 1.1 2.6 1.1 0 2.5-2.3 3-2.3 3l-3.5 1 .1-2.5-7.2 2.5V34l10.8-3.1c2.1-.5 4.4-1.2 6.2-2.6 1.9-1.4 3-3.4 3.6-5.6.3-1.4.5-3.2-.1-4.6zm-9 6.5-.5.3-4.1 1.1.1-4.8 3.7-1s2-.8 2.5 1c0 0 .5 2.1-1.7 3.4zM75.9 15.3l-9.4-2.4L68.7 9c.1-.2.1-.5-.2-.7l-.4-.3c-.1 0-.4.1-.6.3l-2.4 4.2-3.2-.8-3.5-6.1c-.1-.2-.4-.3-.7-.2l-.4.3c-.3.1-.4.4-.3.6l2.8 4.9-10.2-2.6c-.4-.1-.8.1-.8.1l-4 1c-2 .7-2 3.5-2 3.5v14.4c0 2.5-.7 3.1-.7 3.1-1.3 1.9-3.9 2-3.9 2l.1 5.6 4-1.1c4.1-1.4 5.8-4.2 5.8-4.2 1.4-1.8 1.3-6.2 1.3-6.2V11.5c0-.7.1-1.1.1-1.1.3-.8 1-.6 1-.6l.3.1 9.8 2.6 2 .5 1.9.5 1.5.4 9.9 2.6v-1.2z'/%3e%3cg id='세로형'%3e%3cpath class='st3' d='M55 13.8s0-.9.9-.7l.8.2c.2.1.3.2.3.4s-.2.3-.3.3l-.4-.1c-.3-.1-.2.2-.2.2v.4l.5.1c.2.1.3.2.3.4s-.1.3-.3.2l-.5-.1v2.2c0 .3-.2.5-.5.4-.4 0-.6-.4-.6-.7v-3.2zM58.1 17.8c0 .3-.2.5-.5.5-.3-.1-.6-.4-.6-.7v-2s0-.9.9-.6l.7.2c.4.1.4.4.4.4s0 .3-.4.2l-.3-.1c-.2-.1-.2.2-.2.2v1.9zM63.5 16.3c.9.2.9 1.1.9 1.1v.9c0 .2-.2.3-.4.2l-1-.3v.4s0 .2.3.3l.6.2c.2.1.3.2.3.4s-.2.3-.3.3l-1-.3c-.9-.1-.9-1-.9-1v-1.7s0-.9.9-.7l.6.2zm-.1.7c-.2-.1-.2.2-.2.2v.6l.7.2v-.6s0-.2-.2-.3l-.3-.1zM66.8 20c.2 0 .4.3.4.4 0 .2-.2.3-.4.2l-1.5-.4c-.3-.1-.5-.4-.5-.7v-2.3c0-.3.3-.5.6-.4 0 0-.3-.1 1.5.4.2.1.3.2.3.4s-.2.3-.3.2l-.8-.2c-.1 0-.1.1-.1.1v1.8s0 .1.1.2l.7.3zM69.8 18.8v2c0 .3-.3.5-.6.4-1.2-.3-1-.2-1-.2-.9-.2-.9-1.1-.9-1.1v-.4s.1-.8.9-.6l.4.1v-.4s0-.2-.2-.3l-.5-.1c-.2-.1-.4-.2-.4-.4s.2-.3.4-.3l1 .3c.9.1.9 1 .9 1zm-1.6 1.5.5.1v-.8l-.5-.1c-.2 0-.2.4-.2.4s-.1.3.2.4zM72.4 17.8s0-.3-.3-.4l-2.4-.6c-.3-.1-.3.2-.3.2s0 .3.3.4l.5.1c.2.1.2.2.2.2v1.8c0 .3.2.6.5.6.3.1.5-.1.5-.4v-1.8s0-.2.2-.1l.5.1c.3.1.3-.1.3-.1zM54.6 14.9v2c0 .3-.3.5-.6.4l-1-.2c-.9-.2-.9-1.1-.9-1.1v-.4s.1-.8.9-.6l.4.1v-.4s0-.2-.2-.3l-.5-.1c-.2-.1-.4-.2-.4-.4s.2-.3.4-.3l1 .3c.9.2.9 1 .9 1zM53 16.4l.5.1v-.8l-.5-.1c-.3-.1-.2.3-.2.3s0 .4.2.5zM60.7 15.6c.9.2.9 1.1.9 1.1v.9c0 .2-.2.3-.3.2l-1-.3v.4s0 .2.3.3l.6.2c.2.1.3.2.3.4s-.2.3-.3.3l-1-.3c-.9-.2-.9-1.1-.9-1.1V16s0-.9.9-.7l.5.3zm-.2.6c-.2-.1-.2.2-.2.2v.6l.7.2v-.6s0-.2-.2-.3l-.3-.1z'/%3e%3cpath class='st3' d='M74.5 18.1c-.2-.2-.5-.2-.7 0l-.9 1.2-.3-.9c-.1-.2-.3-.3-.5-.3-.1 0-.2.2-.2.4l.6 1.7c.1.1.2.3.3.3.2.1.4.1.6-.1l1.1-1.5c.3-.2.2-.6 0-.8z'/%3e%3c/g%3e%3cpath class='st3' d='m57.7 36.5-.4-.1.7-1.9.3.1.7 2.3-.4-.1-.1-.5-.7-.2-.1.4zm.3-.7.5.1-.2-.8-.3.7zM60.3 36.8V36.5l.2-.9.3.1-.2 1.3v.1H60.3c-.1 0-.1 0-.2-.1 0 0-.1-.1-.1-.2V36 36.3l-.1.5c0 .1-.1.1-.1.1h-.2c-.1 0-.1-.1-.2-.1 0 0-.1-.1-.1-.2l-.3-1.3.3.1.2 1v.4-.4l.2-.8.3.1.2.9v.2c.1-.1.1-.1.1 0zM61.2 36.1s-.1 0 0 0c-.1-.1-.1-.1-.1-.2v-.1h.1l.4.1c.2.1.3.1.4.2.1.1.1.3.1.5v.9s0 .1-.1.1h-.1c-.1 0-.1-.1-.2-.1h-.4c-.1 0-.1 0-.2-.1-.1 0-.1-.1-.2-.1.1-.1.1-.2.1-.2v-.4c0-.1.1-.1.1-.1.1 0 .1-.1.2-.1h.2c.1 0 .1 0 .2.1s.1.1.2.1v-.2l-.1-.1-.6-.3zm.3.6h-.2l-.1.1c0 .1 0 .1.1.2 0 .1.1.1.1.1h.4v-.3c-.1 0-.1-.1-.1-.1-.1.1-.2.1-.2 0zM62.7 37.7c-.1.1-.1.1-.2 0-.1 0-.1 0-.1-.1V36l.3.1v.2c0-.1.1-.1.1-.1h.2l.3.1s.1 0 .1.1v.2h-.1l-.3-.1h-.2l-.1.1v1.1zM64.5 38.2c-.1 0-.1 0-.1-.1V38c-.1.1-.1.1-.2.1H64c-.1 0-.2-.1-.2-.1l-.2-.2c-.1-.1-.1-.2-.1-.3 0-.1-.1-.2-.1-.3v-.3c0-.1.1-.2.1-.2s.1-.1.2-.1h.4s.1 0 .1.1l.1.1.1.1V36l.3.1v2.2c-.1-.1-.1-.1-.2-.1zm-.1-.8v-.2c0-.1-.1-.1-.1-.2s-.1-.1-.1-.1-.1 0-.1-.1H64s-.1 0-.1.1l-.1.1v.4c0 .1 0 .1.1.2 0 .1.1.1.1.1l.1.1h.1s.1 0 .1-.1l.1-.1c-.1 0 0-.1 0-.2zM65.4 38.5c-.1 0-.1 0-.1-.1-.1 0-.1 0-.1-.1l-.1-.1-.1-.1-.1-.1v-.1c0-.1.1-.1.1-.1h.1s.1 0 .1.1c0 0 .1 0 .1.1 0 0 .1 0 .1.1H65.7c.1 0 .1-.1.1-.1s0-.1-.1-.1l-.2-.2c-.1 0-.1-.1-.1-.1-.1 0-.1-.1-.2-.1-.2 0-.2-.1-.2-.2s-.1-.1-.1-.2v-.2c0-.1.1-.1.1-.1.1 0 .1-.1.2-.1h.2s.1 0 .1.1c.1 0 .1 0 .1.1l.1.1.1.1v.2c0 .1-.1.1-.1.1h-.1c-.1 0-.1-.1-.2-.1s-.1-.1-.2-.1h-.1l-.1.1s0 .1.1.1.1.1.2.2c.1 0 .1.1.2.1s.1.1.1.1c0 .1.1.1.1.2v.4c0 .1-.1.1-.1.1-.1 0-.1.1-.2.1.1-.1.1-.1 0-.1z'/%3e%3cg%3e%3cpath class='st3' d='M62.1 33.7c-.3.3-.7.4-1.1.3l-1-.3v-6.5l-.5-.1v5c0 .9-.5 1.4-1.3 1.1l-1.2-.3v-.5c-.3.1-.5.1-.9.1s-.7-.1-1.1-.1l-2.1-.5c-.6-.2-.9-.6-.9-1.3V18l4.5 1.2v1.5c0 .6-.3.8-.7.6l-1.2-.3v9l.5.1c.3.1.6.1.9.1.3 0 .6 0 1-.1V19.2l2.5.6v4.7l.5.1v-4.7l2.5.6v12c0 .6-.1 1-.4 1.2zM65 28.2c-.7.2-1.4.2-2 .1v-2.5c.5.1 1-.1 1.5-.6s.7-1.4.7-2.8v-1.1l2.6.7v1.1c0 1.4.2 2.5.7 3.2.4.7.9 1.1 1.5 1.4v2.5c-.6-.2-1.3-.5-2-1.1-.7-.6-1.2-1.2-1.4-1.8-.3.4-.8.7-1.6.9zm6 8.4-5.4-1.4c-1.2-.3-2.1-1.3-2.1-2.7v-1.6c0-1.4.9-1.9 2.1-1.6l5.4 1.4c1.2.3 2.1 1.3 2.1 2.7V35c0 1.4-.9 1.9-2.1 1.6zm-.5-3.1c0-.3-.1-.6-.6-.7l-3.2-.8c-.5-.2-.7 0-.7.3v.1c0 .3.1.6.6.7l3.2.8c.5.1.6-.1.6-.4zm2.4-7.9 1.7.4v1.7c0 .6-.3.8-.9.7l-.8-.2v1.6c0 .6-.4.9-1 .8l-1.6-.4v-7.6l2.6.7v2.3z'/%3e%3c/g%3e%3cg style='opacity:.7'%3e%3cpath class='st3' d='M17.9 35.1V16.5l7.5-2.5-.1 2.5 3.4-1c.1 0 2.2-.5 2.2-2.9 0 0 .1-.7-.4-1-.4-.3-1.1-.3-2 0l-12.1 3.9V9.9c0-.1 0-.2 2.2-.8.1 0 .3-.1.3-.1 1-.3 2.1-.7 3.2-1 1.7-.5 3.5-1.1 5.3-1.6.2-.1.4-.2.7-.2 2.4-.8 5.8-2 8.1-.8.9.5 1.6 1.3 2 2.5.6 1.8.2 4-1 6.1-.1.1-1.2 1.7-2.5 2.6 1 0 3.4.3 4.1 2.6 1.1 3.6-.5 8.3-3.8 10.5-1.9 1.1-4 1.7-6 2.3h-.1l-10.8 3.1h-.2zm.3-18.4v18.1c3.3-.9 10.7-3 10.7-3h.1c2-.6 4.1-1.1 5.9-2.4 3.2-2.2 4.8-6.7 3.7-10.2-.9-2.7-4.3-2.4-4.4-2.4l-.8.1.7-.3c1.5-.6 2.9-2.7 2.9-2.7 1.2-2 1.5-4.1 1-5.9-.4-1.1-1-1.9-1.9-2.3-2.2-1.1-5.5 0-7.9.8-.2.1-.5.2-.7.2-1.8.6-3.5 1.1-5.3 1.6-1 .3-2.1.6-3.2 1 0 0-.1 0-.3.1-.5.1-1.8.5-2 .6v5.2l11.8-3.8c1-.4 1.8-.4 2.3 0 .6.4.5 1.2.5 1.2-.1 2.6-2.4 3.1-2.4 3.1l-3.7 1.1.1-2.5-7.1 2.4zm6.7 10.5.1-5 3.8-1.1c.1 0 1.1-.4 1.8 0 .4.2.7.6.8 1.1 0 0 .5 2.2-1.8 3.5l-.5.3-4.2 1.2zm.3-4.8-.1 4.5 3.9-1.1.5-.3c2.1-1.2 1.7-3.1 1.6-3.2-.1-.5-.4-.8-.7-1-.7-.4-1.6 0-1.6 0l-3.6 1.1z'/%3e%3c/g%3e%3cg class='st5'%3e%3cpath class='st3' d='M39.1 39.2s0-.1 0 0c-.1-.1-.1-.1-.1-.2v-5.5c0-.1.1-.1.1-.1s2.6-.1 3.8-1.9c0 0 .7-.7.6-3V14.2s-.1-2.9 2-3.6l4-1c.1 0 .5-.2.9-.1L75.8 16l-.1.2-25.2-6.5c-.4-.1-.7.1-.7.1l-4 1c-1.9.7-1.9 3.4-1.9 3.4v14.3c0 2.3-.6 3.1-.7 3.2-1.2 1.7-3.4 2-3.9 2v5.2l.6-.1s.9-.2 1.2-.2c1.2-.3 2.5-.7 4-1.4 1.7-.8 3-1.8 3.8-3 .3-.4.5-.9.7-1.3.7-2 .7-5 .7-5V12.5c0-.7.1-1.1.1-1.1.3-.9 1.1-.7 1.1-.7l.3.1L76 17.1l-.1.2-24.3-6.4-.3-.1s-.6-.1-.8.6c0 0-.1.4-.1 1v15.3s.1 3-.7 5.1c-.2.5-.4.9-.7 1.4-.8 1.2-2.1 2.3-3.9 3.1-1.5.7-2.9 1.1-4.1 1.5-.2.1-1.1.2-1.2.2l-.7.2c.1 0 0 0 0 0z'/%3e%3c/g%3e%3cg%3e%3cpath class='st3' d='m75.9 15.3-9.4-2.4-6.7-1.7-10.2-2.6c-.4-.1-.8.1-.8.1l-4 1c-2 .7-2 3.5-2 3.5v14.4c0 2.5-.7 3.1-.7 3.1-1.3 1.9-3.9 2-3.9 2l.1 5.6c2.1-.5 3.6-1 5.6-1.9 2.1-1 4.1-2.5 4.8-4.8.5-1.5.6-3.2.6-4.7V11.6c0-.7.1-1.1.1-1.1.3-.8 1-.6 1-.6l.3.1 9.8 2.6 2 .5 1.9.5 1.5.4 9.9 2.6.1-1.3z'/%3e%3c/g%3e%3cg%3e%3cg style='opacity:.6'%3e%3cpath class='st3' d='M22.5 41.6c-.1 0-.1 0-.2-.1s-.1-.1-.1-.3v-1.1c0-.3 0-.5.1-.7.1-.2.1-.4.2-.5.1-.1.2-.3.3-.4l.3-.3.7-.5c.1 0 .1-.1.1-.1v-.1l-1.1.5h-.3c-.1-.1-.1-.2-.1-.3v-.8c0-.1 0-.2.1-.3l.2-.2 1.6-.5c.3-.1.6-.1.8.1l.1.1c.1.1.1.2.2.3 0 .1 0 .2.1.3v.8c0 .4-.1.6-.3.9l-.6.6-.7.5c-.1 0-.1.1-.1.1v.1l1.4-.4H25.5c.1.1.1.1.1.3v.8c0 .1 0 .2-.1.3l-.2.2-2.5.7h-.3zm1.5-4.2h.1c.1.1.1.2.1.2v.2c0 .1-.1.1-.2.2l-.7.5c-.1.1-.2.2-.3.2-.1.1-.2.2-.2.3-.1.1-.1.3-.2.4 0 .2-.1.4-.1.6V41.2l2.5-.7s.1 0 .1-.1v-1l-1.7.5v-.3c0-.1 0-.2.1-.2l.1-.1.7-.5.6-.6c.1-.2.2-.5.2-.8v-1c0-.1-.1-.2-.1-.2-.1-.1-.3-.1-.6-.1l-1.6.5s-.1 0-.1.1v1l1.1-.3h.2z'/%3e%3cpath d='M29.4 35.8v-.4c0-.1-.1-.2-.1-.2l-.1-.1c-.2-.1-.4-.1-.6-.1-.2 0-.5 0-.8.1-.3.1-.6.2-.8.3-.2.1-.4.3-.5.4l-.1.1c-.1.1-.1.2-.2.4s-.1.4-.1.6v2.2c0 .2 0 .4.1.5.1.2.1.3.2.4.1 0 .1.1.2.1h.3c.2 0 .5 0 .8-.1.3-.1.6-.2.8-.3.2-.1.4-.3.5-.4.1-.2.2-.3.3-.5.1-.2.1-.4.1-.6V35.8zm-2 3c-.1-.1-.1-.1-.1-.2v-1.8c0-.1 0-.2.1-.2.1-.1.2-.1.4-.2s.3-.1.4 0c.1.1.1.1.1.2v1.7c0 .1 0 .2-.1.2l-.1.1c-.1 0-.1.1-.2.1-.3.1-.4.1-.5.1z' style='fill:none;stroke:%23fff;stroke-width:3;stroke-miterlimit:10'/%3e%3cpath class='st3' d='M30.4 39.3c-.1 0-.1 0-.2-.1s-.1-.2-.1-.3v-1.1c0-.3 0-.5.1-.7.1-.2.1-.4.2-.5.1-.1.2-.3.3-.4.1-.1.1-.1.2-.1s.1-.1.2-.1l.7-.5c.1 0 .1-.1.1-.1v-.1l-1.1.3h-.3c-.1-.1-.1-.1-.1-.3v-.8c0-.1 0-.2.1-.3l.2-.2 1.6-.5c.3-.1.6-.1.8.1l.2.2c.1.1.1.2.1.3v1c0 .4-.1.6-.3.9l-.6.6-.7.5c-.1 0-.1.1-.1.1v.1l1.4-.4h.2s.1 0 .1.1c.1.1.1.1.1.3v.8c0 .1 0 .2-.1.3-.1.1-.1.1-.2.1l-2.8.8c.1 0 .1 0 0 0zm1.5-4.1h.1c.1.1.1.2.1.2v.2c0 .1-.1.1-.2.2l-.7.5c-.1 0-.1.1-.2.1s-.1.1-.2.1c-.1.1-.2.2-.2.3-.1.1-.1.3-.2.4 0 .2-.1.4-.1.6V39l2.5-.7s.1 0 .1-.1v-1l-1.7.5v-.3c0-.1 0-.2.1-.2l.1-.1.7-.5.6-.6c.1-.2.2-.5.2-.8V34.3c0-.1 0-.2-.1-.2 0-.1-.1-.1-.1-.1h-.4l-1.6.5s-.1 0-.1.1v1l1.3-.4zm-1.2.3zM34.2 38.1c-.1 0-.1 0-.2-.1v-1c0-.1 0-.2.1-.3.1-.1.1-.1.2-.1l.5-.1v-2l-.3.1c-.1 0-.2 0-.3-.1-.1-.1-.1-.1-.1-.3v-.8c0-.1 0-.2.1-.3.1-.1.1-.1.2-.1l1.5-.4c.1 0 .2 0 .3.1.1.1.1.1.1.3l-.1 3.1.4-.1c.1 0 .2 0 .3.1.1.1.1.1.1.3v.8c0 .1 0 .2-.1.3-.1.1-.1.1-.2.1l-2.3.7c-.1-.2-.2-.2-.2-.2zm.9-3.9-.1 2.4-.7.2s-.1 0-.1.1v1l2.3-.7s.1 0 .1-.1v-1l-.6.3.1-3.4v-.1l-1.5.4s-.1 0-.1.1v1l.6-.2zm1.6 2zm-2.3-1.8z'/%3e%3c/g%3e%3cpath class='st3' d='m23 39.1.1-.1.7-.5c.3-.2.5-.4.6-.6.2-.2.2-.5.2-.8v-1c0-.1-.1-.2-.1-.3l-.1-.1c-.2-.1-.4-.2-.7-.1l-1.6.5c-.1 0-.1.1-.1.1 0 .1-.1.1-.1.2v1h.1l.3-.1.2-.1.6-.2h.1V37.3l-.1.1-.1.3-.4.3c-.1.1-.2.2-.3.2l-.3.3c-.1.1-.1.3-.2.5 0 .2-.1.4-.1.6v1.3h.1l.3-.1.2-.1 2-.6c.1 0 .1-.1.1-.1 0-.1.1-.1.1-.2V38.9h-.1l-.5.2-1 .3v-.2c.1 0 .1 0 .1-.1zM28.8 35.3v-.4c0-.1-.1-.2-.1-.2l-.1-.1c-.1-.1-.3-.1-.5-.1s-.5 0-.8.1c-.3.1-.6.2-.8.3-.2.1-.4.3-.5.4l-.1.1c-.1.1-.1.2-.2.4s-.1.4-.1.6v2.2c0 .2 0 .4.1.5.1.2.1.3.2.4.1 0 .1.1.2.1h.3c.2 0 .5 0 .8-.1s.6-.2.8-.3c.2-.1.4-.3.5-.4.1-.2.2-.3.3-.5s.1-.4.1-.6v-2.2c-.1-.1-.1-.2-.1-.2zm-2 3c-.1-.1-.1-.1-.1-.2v-1.8c0-.1 0-.2.1-.2.1-.1.2-.1.4-.2s.3-.1.4 0c.1 0 .1.1.1.2v1.7c0 .1 0 .2-.1.2l-.1.1c-.1 0-.1.1-.2.1-.3.1-.4.1-.5.1zM31 36.9l.1-.1.7-.5c.3-.2.5-.4.6-.6.2-.2.2-.5.2-.8V34c0-.1-.1-.2-.1-.3 0-.1-.1-.1-.1-.2-.2-.1-.4-.2-.7-.1l-1.6.5-.1.1c0 .1-.1.1-.1.2v1h.1l.2-.1.2-.1.8-.2h.1V35.1l-.1.1-.5.3-.2.2c-.1 0-.1.1-.2.1s-.1.1-.2.1l-.3.3c-.1.1-.1.3-.2.5 0 .2-.1.4-.1.6v1.3h.1l.2-.1.2-.1 2.1-.6c.1 0 .1-.1.1-.1 0-.1.1-.1.1-.2v-1h-.1l-.5.2-1 .3c.2 0 .2-.1.3-.1zM36 36.9l-2.3.7h-.1v-1c0-.1 0-.2.1-.2 0-.1.1-.1.2-.1l.6-.2.1-2.2-.7.1h-.1v-1c0-.1 0-.2.1-.2 0-.1.1-.1.2-.1l1.5-.4h.1v.2l-.1 3.2.5-.1h.1v1c0 .1 0 .2-.1.2l-.1.1z'/%3e%3c/g%3e%3cg%3e%3cpath d='M68.8 9.1c.1-.2.1-.5-.2-.7l-.4-.3c-.2-.1-.5 0-.7.2l-2.4 4.2-3.2-.8-3.5-6.1c-.1-.2-.4-.3-.7-.2l-.4.3c-.3.1-.4.4-.3.6l2.8 4.9 6.7 1.7 2.3-3.8z' style='fill:%230d6cea'/%3e%3c/g%3e%3cg%3e%3cpath class='st3' d='M153.3 26.2h-.7V24h-1.2v5.6h.8c.2 0 .4-.2.4-.4v-2h.7v2.7h.8c.2 0 .4-.2.4-.4V24h-1.2v2.2zm-.3 6c0-.7-.7-1.2-1.6-1.2-.9 0-1.6.5-1.6 1.2s.7 1.2 1.6 1.2 1.6-.5 1.6-1.2m1.3 0c0 1.2-1.3 2.2-3 2.2s-3-1-3-2.2c0-1.2 1.3-2.2 3-2.2s3 1 3 2.2m-4.9-5.2h-1.1v1.3h1.1V27zm.6 2.4h-2.4c-.3 0-.6-.3-.6-.6v-4.6h1.2V26h1.1v-1.8h1.2v4.6c.2.3-.1.6-.5.6m5.7 2.5v.6c0 .2.2.4.4.4h7.4c.2 0 .4-.2.4-.4v-.6h-8.2zm.8-7v-.6h4.7c.9 0 1.6.7 1.6 1.6v4.6c0 .2-.2.4-.4.4h-.9v-2.3H157c-.2 0-.4-.2-.4-.4v-.6h4.9v-1.8c0-.3-.2-.5-.5-.5h-4c-.3 0-.5-.2-.5-.4M106.5 24.2h-1.3v3.5h-5.5v-3.5h-1.3c-.3 0-.6.3-.6.7v7.3c0 .4.3.7.6.7h1.3v-3.7h5.5v3.7h1.3c.3 0 .6-.3.6-.7v-7.3c0-.4-.3-.7-.6-.7m-10.4.7v8h-1.3c-1 0-1.6-.6-2.3-1.4l-4.1-5.3v6.7h-1.3c-.3 0-.6-.3-.6-.7v-8H88c1.1 0 1.5.6 2.2 1.3l4 5.3v-6.7h1.3c.4.1.6.4.6.8'/%3e%3clinearGradient id='SVGID_00000167387755073397794400000013859522990271121586_' gradientUnits='userSpaceOnUse' x1='110.983' y1='291.399' x2='143.458' y2='291.399' gradientTransform='translate(0 -264)'%3e%3cstop offset='0' style='stop-color:%23b7d100'/%3e%3cstop offset='1' style='stop-color:%230095a1'/%3e%3c/linearGradient%3e%3cpath id='SVGID_00000098218671993226595160000001826240261971561629_' style='fill:url(%23SVGID_00000167387755073397794400000013859522990271121586_)' d='M111 29.8c0 6.1 7.5 13.2 18.6 13.8h2.7c6.8-.5 11.2-5.4 11.2-12.1 0-3.1-.6-6-1.5-8.7-2.4-6.7-7.4-11.6-12.9-11.6-7.5 0-18.1 10-18.1 18.6'/%3e%3clinearGradient id='SVGID_00000091728928579954256610000001398865594820698251_' gradientUnits='userSpaceOnUse' x1='115.615' y1='293.797' x2='137.892' y2='293.797' gradientTransform='translate(0 -264)'%3e%3cstop offset='0' style='stop-color:%2346af35'/%3e%3cstop offset='.15' style='stop-color:%2346af35'/%3e%3cstop offset='.309' style='stop-color:%2340a93a'/%3e%3cstop offset='.518' style='stop-color:%23309a4a'/%3e%3cstop offset='.755' style='stop-color:%23148063'/%3e%3cstop offset='.9' style='stop-color:%23006d76'/%3e%3cstop offset='1' style='stop-color:%23006d76'/%3e%3c/linearGradient%3e%3cpath id='SVGID_00000030473220275086943040000003352941823321435021_' style='fill:url(%23SVGID_00000091728928579954256610000001398865594820698251_)' d='M115.6 25.6c0 8.1 7.2 15.4 12.5 15.4 3 0 7.1-2.6 9.8-7.5l-17.8-14.8c-2.7 1.5-4.5 3.6-4.5 6.9'/%3e%3clinearGradient id='SVGID_00000106149745674095306770000001632013527314947979_' gradientUnits='userSpaceOnUse' x1='120.108' y1='286.294' x2='142.804' y2='286.294' gradientTransform='translate(0 -264)'%3e%3cstop offset='0' style='stop-color:%23c3d600'/%3e%3cstop offset='.1' style='stop-color:%23c3d600'/%3e%3cstop offset='.103' style='stop-color:%23c2d601'/%3e%3cstop offset='.255' style='stop-color:%2397cc2e'/%3e%3cstop offset='.408' style='stop-color:%2373c354'/%3e%3cstop offset='.56' style='stop-color:%2358bc71'/%3e%3cstop offset='.71' style='stop-color:%2344b885'/%3e%3cstop offset='.858' style='stop-color:%2338b592'/%3e%3cstop offset='1' style='stop-color:%2334b496'/%3e%3c/linearGradient%3e%3cpath id='SVGID_00000150071989110967036810000005089131222310816950_' style='fill:url(%23SVGID_00000106149745674095306770000001632013527314947979_)' d='m120.1 18.6 17.8 14.8c3.9-1.2 6.3-4.3 4.1-10.7-2.4-6.7-7.4-11.6-12.9-11.6-2.8.1-6.8 3.4-9 7.5'/%3e%3cg%3e%3clinearGradient id='SVGID_00000082349371208643589950000001070410242960438207_' gradientUnits='userSpaceOnUse' x1='118.417' y1='289.191' x2='139.844' y2='289.191' gradientTransform='translate(0 -264)'%3e%3cstop offset='0' style='stop-color:%238dc220'/%3e%3cstop offset='1' style='stop-color:%23009490'/%3e%3c/linearGradient%3e%3cpath id='SVGID_00000029005140639855725490000015953710936759214215_' style='fill:url(%23SVGID_00000082349371208643589950000001070410242960438207_)' d='M120.1 18.6c-2.4 4.4-2.8 9.6 2.3 12.7 3.4 2.1 10.6 3.6 15.5 2.1 3-5.4 2.3-10.3-.4-13.6-2.1-2.5-5.4-3.5-8.7-3.5-3.1 0-6.3.9-8.7 2.3'/%3e%3c/g%3e%3cg%3e%3cpath class='st3' d='M129.3 24.5c.1-.1 0-.3-.1-.3h-6.7v1c0 .4.3.7.7.7h2.4l-3.3 3.3c-.1.1-.2.3-.2.5 0 .3.3.6.6.6h11.8c.4 0 .7-.3.7-.7v-1h-9.9l4-4.1zm-6.3-2h6.7c.4 0 .8.4.8.8v4.1h1.5c.4 0 .7-.3.7-.7v-3.3c0-1.4-1.1-2.5-2.5-2.5h-7.7v1c-.1.3.2.6.5.6m7.9 8.8h-8.5v1c0 .4.3.7.7.7h6.9c.3 0 .6.3.6.6v3.6h1.5c.4 0 .7-.3.7-.7V33c-.2-.9-1-1.7-1.9-1.7'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%;
  background-size: contain; }
#afreecatv_player .watermark.bj_award.tc:before,
#afreecatv_player .watermark.bj_award.bc:before {
  left: 50%;
  transform: translateX(-50%); }
#afreecatv_player .watermark.bj_award.bl,
#afreecatv_player .watermark.bj_award.bc,
#afreecatv_player .watermark.bj_award.br {
  bottom: 13%; }

.thema_dark .player_item_list .tooltip_bx, .thema_dark .player_item_list .layer_subscribe, .thema_dark .player_item_list .item_list_layer, .thema_dark .player_item_list .adshop_layer, .theme_dark .player_item_list .tooltip_bx, .theme_dark .player_item_list .layer_subscribe, .theme_dark .player_item_list .item_list_layer, .theme_dark .player_item_list .adshop_layer {
  background-color: #1b1b1c;
  border-color: #333;
  color: #999; }
.thema_dark .player_item_list .tooltip_bx em, .theme_dark .player_item_list .tooltip_bx em {
  background: none;
  width: 0;
  height: 0;
  bottom: 0; }
.thema_dark .player_item_list .tooltip_bx em:after, .thema_dark .player_item_list .tooltip_bx em:before, .theme_dark .player_item_list .tooltip_bx em:after, .theme_dark .player_item_list .tooltip_bx em:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-color: #333 transparent transparent  transparent;
  border-style: solid;
  border-width: 7px;
  background: none; }
.thema_dark .player_item_list .tooltip_bx em:after, .theme_dark .player_item_list .tooltip_bx em:after {
  top: -1px;
  border-color: #1b1b1c transparent transparent  transparent; }
.thema_dark .player_item_list .tooltip_bx .subscribe_info p, .theme_dark .player_item_list .tooltip_bx .subscribe_info p {
  color: #999; }
.thema_dark .player_item_list .layer_subscribe .sbc_info dd ul li, .theme_dark .player_item_list .layer_subscribe .sbc_info dd ul li {
  font-size: 13px; }
.thema_dark .player_item_list .layer_subscribe .sbc_info dd ul li:before, .theme_dark .player_item_list .layer_subscribe .sbc_info dd ul li:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px; }
.thema_dark .player_item_list .layer_subscribe .memo .nick, .theme_dark .player_item_list .layer_subscribe .memo .nick {
  color: #7398ff; }
.thema_dark .player_item_list .item_list_layer:before, .thema_dark .player_item_list .adshop_layer:before, .theme_dark .player_item_list .item_list_layer:before, .theme_dark .player_item_list .adshop_layer:before {
  border-color: #333 transparent transparent transparent; }
.thema_dark .player_item_list .item_list_layer:after, .thema_dark .player_item_list .adshop_layer:after, .theme_dark .player_item_list .item_list_layer:after, .theme_dark .player_item_list .adshop_layer:after {
  border-color: #1b1b1c transparent transparent transparent; }
.thema_dark .player_item_list .item_list_layer strong, .thema_dark .player_item_list .adshop_layer strong, .theme_dark .player_item_list .item_list_layer strong, .theme_dark .player_item_list .adshop_layer strong {
  color: #7398ff; }
.thema_dark .player_item_list .item_list_layer p, .thema_dark .player_item_list .adshop_layer p, .theme_dark .player_item_list .item_list_layer p, .theme_dark .player_item_list .adshop_layer p {
  color: #999; }
.thema_dark .player_item_list .item_list_layer a.close, .thema_dark .player_item_list .adshop_layer a.close, .theme_dark .player_item_list .item_list_layer a.close, .theme_dark .player_item_list .adshop_layer a.close {
  background-position: -837px -45px !important; }
.thema_dark #afreecatv_player .video_blind.white, .theme_dark #afreecatv_player .video_blind.white {
  background-color: #000;
  border: none; }
.thema_dark #afreecatv_player .video_blind .content .type_continue, .theme_dark #afreecatv_player .video_blind .content .type_continue {
  background-image: url("/lang/images/web/player/bg_continue_dark.png") !important; }
  .thema_dark #afreecatv_player .video_blind .content .type_continue h2, .theme_dark #afreecatv_player .video_blind .content .type_continue h2 {
    background-image: url("/lang/images/web/player/txt_continue_dark.png") !important; }
  .thema_dark #afreecatv_player .video_blind .content .type_continue p, .theme_dark #afreecatv_player .video_blind .content .type_continue p {
    color: #888; }
  .thema_dark #afreecatv_player .video_blind .content .type_continue p.txt, .theme_dark #afreecatv_player .video_blind .content .type_continue p.txt {
    color: #7398ff; }
.thema_dark.en_US #afreecatv_player .video_blind .content .type_continue h2, .theme_dark.en_US #afreecatv_player .video_blind .content .type_continue h2 {
  background-image: url("/lang/images/web/player/txt_continue_en_dark.png") !important; }
.thema_dark .layer_tip, .theme_dark .layer_tip {
  background-color: #1b1b1c;
  border-color: #333; }
  .thema_dark .layer_tip:before, .theme_dark .layer_tip:before {
    border-top-color: #333; }
  .thema_dark .layer_tip:after, .theme_dark .layer_tip:after {
    border-top-color: #1b1b1c; }
  .thema_dark .layer_tip p, .theme_dark .layer_tip p {
    color: #999; }
    .thema_dark .layer_tip p strong, .theme_dark .layer_tip p strong {
      color: #7398ff; }
      .thema_dark .layer_tip p strong span, .theme_dark .layer_tip p strong span {
        color: #999; }
.thema_dark .speech_bubble, .theme_dark .speech_bubble {
  background-color: #1b1b1c;
  border-color: #333;
  color: #999; }
  .thema_dark .speech_bubble strong, .theme_dark .speech_bubble strong {
    color: #7398ff; }
  .thema_dark .speech_bubble p, .theme_dark .speech_bubble p {
    color: #999; }
  .thema_dark .speech_bubble:before, .theme_dark .speech_bubble:before {
    border-color: #333 transparent transparent transparent; }
  .thema_dark .speech_bubble:after, .theme_dark .speech_bubble:after {
    border-color: #1b1b1c transparent transparent transparent; }

.btn_tgry {
  border: 1px solid #888;
  background: #f9f9f9;
  color: #575757;
  font-size: 11px;
  padding: 5px 8px;
  border-radius: 3px;
  font-family: ng;
  margin-right: 4px; }

.btn_stclose {
  border: 1px solid #5f5f5f;
  background: #f3f4f4;
  font-size: 12px;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 30px;
  border-radius: 2px;
  color: #383838; }

.btn_tok, .btn_tcancel {
  display: inline-block;
  zoom: 1;
  width: 74px;
  height: 25px;
  margin-left: 5px;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  color: #525252;
  background: #fff;
  font-size: 12px;
  line-height: 25px;
  text-decoration: none;
  font-family: 'NG';
  vertical-align: top;
  transition: all 0.2s ease-in-out; }

.btn_tok {
  margin-left: 0;
  background: #4096de;
  border-color: #3889bf;
  color: #fff; }

.btn_tok:hover {
  background: #4aa6e3; }

.btn_tcancel:hover {
  border-color: #328fde; }

.ui-pop {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  padding-bottom: 20px;
  border: 1px solid #2c84ce;
  z-index: 999999; }

.ui-pop .pop-close {
  position: absolute;
  top: 4px;
  right: 7px;
  background: url(/images/flashplayer/split_layer.png) 4px -44px no-repeat;
  width: 9px;
  height: 10px;
  padding: 5px;
  font: 0/0 a; }

.ui-pop .pop-title {
  height: 20px;
  margin: 0;
  padding: 9px 0 0 13px;
  border-bottom: 1px solid #2c84ce;
  text-align: left;
  color: #2c84ce;
  font-size: 12px;
  font-weight: bold;
  font-family: 'NGEB', dotum, '돋움'; }

.ui-pop .pop-body {
  padding: 20px 20px 0; }

.ui-pop .pop-body.no-t {
  padding-top: 30px; }

.ui-pop .pop-btn {
  margin: 0 20px;
  padding-top: 15px;
  text-align: center;
  font: 0/0 a; }

.ui-pop .pop-btn.line {
  margin: 15px 20px 0;
  border-top: 1px solid #e4e4e4;
  height: auto; }

.ui-pop .pop-btn .btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 74px;
  height: 25px;
  margin-left: 5px;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  color: #525252;
  font-size: 12px;
  line-height: 25px;
  text-decoration: none;
  font-family: 'NG';
  vertical-align: top;
  transition: all 0.2s ease-in-out; }

.ui-pop .pop-btn button.btn {
  height: 27px; }

.ui-pop .pop-btn .btn:hover {
  border-color: #328fde; }

.ui-pop .pop-btn .btn:first-child {
  margin-left: 0; }

.ui-pop .pop-btn2 {
  margin: 30px 20px 0;
  text-align: center;
  font: 0/0 a; }

.ui-pop .pop-btn2 .btn {
  display: inline-block;
  zoom: 1;
  width: 100px;
  padding: 0 15px;
  height: 42px;
  margin-left: 5px;
  border: 1px solid #b8b8b8;
  color: #525252;
  font-size: 16px;
  line-height: 42px;
  background-color: #fff;
  vertical-align: top;
  text-decoration: none;
  font-family: 'NG';
  transition: all 0.2s ease-in-out; }

.ui-pop .pop-btn2 button.btn {
  height: 44px;
  width: 132px; }

.ui-pop.win {
  position: static;
  border: 0 none;
  margin: 0;
  width: auto;
  transform: translate(0, 0); }

.ui-pop .pop-btn .btn.btn_blue {
  background: #4096de;
  border-color: #3889bf;
  color: #fff; }

.ui-pop .pop-btn .btn.btn_blue:hover {
  background: #4aa6e3; }

.ui-pop .pop-btn2 .btn.btn_blue {
  background: #006bfe;
  border-color: #006bfe;
  color: #fff; }

.ui-pop .pop-btn2 .btn.btn_blue:hover {
  background: #227fff; }

.modal_container {
  display: none; }

.modal_container .flex_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999; }

.modal_container .flex_box > div {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  transform: translate(0, 0) !important; }

.ui-tooltip {
  position: relative;
  border: 1px solid #c7c7c7;
  border-radius: 3px; }

.ui-tooltip .tip-close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkI4OEQ0RTg5RUFEMTFFODg5NUZCM0Y0ODEwNDNFRUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkI4OEQ0RTk5RUFEMTFFODg5NUZCM0Y0ODEwNDNFRUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQjQ5MzNFMTlFQUQxMUU4ODk1RkIzRjQ4MTA0M0VFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQjQ5MzNFMjlFQUQxMUU4ODk1RkIzRjQ4MTA0M0VFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtDoKI8AAAAySURBVHjaYggKCvoPBAy4MEgezsClAERjCGDjY9WJrgGnFTgVETSJoJsI+o6YcAIIMABewOCGbinpJAAAAABJRU5ErkJggg==) 5px no-repeat;
  width: 9px;
  height: 9px;
  padding: 5px;
  font: 0/0 a; }

.ui-tooltip .tip-body {
  padding: 30px; }

.ui-tooltip .tip-body.s-s {
  padding: 15px; }

/* 툴팁 */
[tip] {
  position: relative;
  overflow: visible;
  color: transparent; }
  [tip]:before {
    content: "";
    bottom: -8px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5' preserveAspectRatio='none' fill='%23373d40'%3e%3cpath d='M0 5l5-5 5 5H0z'/%3e%3c/svg%3e") 50% 100% no-repeat;
    background-size: 10px 5px;
    width: 100%;
    height: 15px;
    z-index: 10; }
  [tip]:after {
    content: attr(tip);
    bottom: -32px;
    background: #373d40;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
    font-family: "NGB", verdana, applegothic, sans-serif;
    z-index: 10; }
  [tip]:after, [tip]:before {
    position: absolute;
    visibility: hidden;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease; }
  [tip]:hover:after, [tip]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

html[dark=true] [tip]:before, body.thema_dark [tip]:before {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5' preserveAspectRatio='none' fill='%23555'%3e%3cpath d='M0 5l5-5 5 5H0z'/%3e%3c/svg%3e") 50% 100% no-repeat;
  background-size: 10px 5px; }
html[dark=true] [tip]:after, body.thema_dark [tip]:after {
  background: #555; }

.caps_Lock_wrap {
  position: relative;
  display: inline-block; }

.caps_Lock {
  display: none;
  position: absolute;
  z-index: 5;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  min-width: 166px;
  margin-top: 8px;
  padding: 12px 18px 8px;
  color: #000;
  border: 1px solid #000;
  background: #ffde5b !important;
  font-size: 12px;
  text-indent: 0 !important; }

.caps_Lock em {
  position: absolute;
  top: -6px;
  width: 9px;
  height: 6px;
  background: url("/images/common/capslock.gif") no-repeat; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .caps_Lock {
    padding: 10px 18px 10px; } }
/* 베스트/파트너BJ 다시보기 삭제 사유 입력 팝업 190424 : 쿤 */
.vod-delete_dim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 1000; }

.ui-pop.vod-delete {
  background: #fff;
  border-color: #ddd;
  border-radius: 1px;
  width: 432px;
  padding: 30px 35px;
  box-sizing: border-box;
  opacity: 1;
  visibility: visible;
  z-index: 999999;
  transform: translate(-50%, -50%); }

.ui-pop.vod-delete .pop-close {
  top: 0;
  right: 0;
  background: none;
  padding: 10px; }

.ui-pop.vod-delete .pop-close span {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z' fill='%23222'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  width: 12px;
  height: 12px; }

.ui-pop.vod-delete .pop-body h2 {
  color: #000;
  font-size: 18px;
  text-align: center;
  line-height: 25px; }

.ui-pop.vod-delete .pop-body h2 strong {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  white-space: nowrap;
  font-family: "NGB"; }

.ui-pop.vod-delete .pop-body h2 span {
  display: block;
  font-weight: normal; }

.ui-pop.vod-delete .pop-body textarea {
  width: 100%;
  height: 130px;
  margin-top: 18px;
  padding: 10px 15px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  font-family: "NG";
  outline: none; }

.ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder {
  color: #b3b3b3; }

.ui-pop.vod-delete .pop-body textarea:-ms-input-placeholder {
  color: #b3b3b3; }

.ui-pop.vod-delete .pop-body textarea:disabled {
  background-color: #dcdcdc;
  border-color: #d3d3d3;
  color: #777; }

.ui-pop.vod-delete .pop-body .guide_text {
  margin-top: 15px;
  color: #777;
  font-size: 14px;
  text-align: center; }

.ui-pop.vod-delete .pop-body .guide_text.error {
  color: #ff2424; }

.ui-pop.vod-delete .pop-btn {
  padding-top: 20px; }

.ui-pop.vod-delete .pop-btn .btn {
  width: auto;
  height: 20px;
  padding: 0 18px;
  border-color: #d3d4d5;
  border-radius: 2px;
  color: #000;
  font-size: 11px;
  line-height: 22px;
  font-family: dotum; }

.ui-pop.vod-delete .pop-btn a:hover {
  border-color: #d3d4d5; }

.ui-pop.vod-delete .pop-btn .btn_blue,
.ui-pop.vod-delete .pop-btn .btn_blue:hover {
  background: #006bff;
  height: 22px;
  border-color: #006bff;
  color: #fff; }

.ui-pop.vod-delete.clip .userClipDel {
  margin: 20px 0 -8px; }

.ui-pop.vod-delete.clip .userClipDel .chk-box span {
  left: auto;
  right: 0;
  background-color: #f8fafc; }

.ui-pop.vod-delete.clip .userClipDel .chk-box label {
  padding-left: 0;
  padding-right: 25px;
  text-align: right; }

.ui-pop.vod-delete.clip .pop-btn .btn_blue {
  height: 22px; }

.ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled {
  background-color: #7fb5ff;
  border-color: #7fb5ff;
  color: rgba(255, 255, 255, 0.5); }

/* *********************** */
/* Flash Player 서비스 종료 */
.end_flashplayer {
  overflow: auto;
  overflow-x: auto;
  position: relative;
  height: 100%;
  text-align: center;
  margin-bottom: -145px; }

.end_flashplayer h1 {
  position: absolute;
  top: 30px;
  left: 30px; }

.end_flashplayer h1 a {
  display: inline-block;
  width: 145px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 454.15 75.91' %3e%3cstyle%3e.logo_wrap%7bclip-path:url(%23afLogo);%7d%3c/style%3e%3cclipPath id='afLogo'%3e%3cpath d='M387.14,65A108.54,108.54,0,0,1,385,43.19a100.16,100.16,0,0,1,1.33-17.07,20.93,20.93,0,0,1,.71-2.77,11.1,11.1,0,0,1,6.35-6.74A28.88,28.88,0,0,1,398.26,15a83.71,83.71,0,0,1,19.15-2.37h.45A78.06,78.06,0,0,1,436.77,15a49.58,49.58,0,0,1,5.15,1.68s5.07,2,6.42,6.67A24.76,24.76,0,0,1,449,26a114.94,114.94,0,0,1,1.36,17.21,110.06,110.06,0,0,1-2.2,21.93v0a10.05,10.05,0,0,1-7.66,7.75l-.36.07a115.36,115.36,0,0,1-22.46,2.2A115.39,115.39,0,0,1,395.26,73l-.5-.1A10,10,0,0,1,389,69.2,8.83,8.83,0,0,1,387.14,65Z' fill='none'/%3e%3c/clipPath%3e%3cg fill='%230545b1'%3e%3cpath d='M48,15.46S47.77,2.21,63,2.06H77.17c3,0,5.63,2.13,5.63,4.74s-2.58,4.8-5.63,4.8H70.59c-4.37,0-4,3.18-4,3.18V21h7.94c3.15,0,5.73,2,5.73,4.62S78,30.28,75,30.28H66.6V61.7c0,4.42-3.82,8.35-9.14,8.35S48,66.47,48,62Z'/%3e%3cpath d='M100.81,61.63c0,4.78-3.83,8.42-9.13,8.42S82.13,66.41,82.13,62V33.69s0-12.48,15.43-12.48h12.22c6.4,0,6.4,4.9,6.4,4.9s0,4.71-6,4.71H104.8c-4,0-4,3.09-4,3.09Z'/%3e%3cpath d='M191.56,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H184.18v5.7s.18,3,4.24,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H181c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='M247.47,60.51c3.16-.08,6,2.38,6,5.05s-2.83,4.49-6,4.49H222.63c-5.23,0-9-3.16-9-7.64V28.94c0-4.43,4.31-8.07,9.55-8.07h25.25c3.18,0,5.66,2.11,5.66,4.76s-2.48,4.64-5.66,4.64H235a2.05,2.05,0,0,0-2.31,2V58.46s-.16,2,2.33,2Z'/%3e%3cpath d='m296.66 33.58v28.25c0 4.5-4.34 8.22-9.66 8.22h-16.11c-15.89 0-15.89-12.79-15.89-12.79v-6.33s1-11.56 15.88-11.5h6.81v-5.79s0-3-3.74-3h-8.64c-3.16 0-6.22-1.86-6.22-4.53s2.9-5.23 6-5.23h16.3c15.27 0.12 15.27 12.7 15.27 12.7zm-26.54 26.78h7.55v-11.27h-7.55c-4.12 0-3.72 5.63-3.72 5.63s-0.4 5.64 3.72 5.64z'/%3e%3cpath d='M341,8.48s0-4.32-5.72-4.32H295.61c-5.73,0-5.73,4.19-5.73,4.19s0,4.15,5.36,4.15h8.3c3.57,0,3.57,2.71,3.57,2.71V40.79c0,4.2,3.42,7.41,8.17,7.41s8.53-3.21,8.53-7.1V15.17c.06-.59.51-2.55,3.55-2.55h8.29C341,12.62,341,8.48,341,8.48Z'/%3e%3cpath d='M41.68,33.56V61.83c0,4.5-4.35,8.22-9.66,8.22H15.89C0,70.05,0,57.25,0,57.25V50.92S1,39.36,15.89,39.41H22.7V33.62s0-3-3.74-3H10.32c-3.16,0-6.24-1.85-6.24-4.53S7,20.86,10.15,20.86H26.46C41.68,20.94,41.68,33.56,41.68,33.56ZM15.12,60.35h7.55V49.09H15.12c-4.27,0-3.72,5.63-3.72,5.63S11,60.35,15.12,60.35Z'/%3e%3cpath d='M143.75,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H136.38v5.7s.17,3,4.23,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H133.15c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='m375.9 5.58c-3.73-2.51-9-1.21-11.76 2.91l-15 20.16-5.45-11.65c-1-2.19-5.32-3.23-7.61-2.17s-3.71 4.35-2.7 6.54l9.92 22.79c0.78 1.66 2.54 3 5.33 3.71a9.82 9.82 0 0 0 10-4.17l19-26.11c2.82-4.15 2.01-9.51-1.73-12.01z'/%3e%3c/g%3e%3cpath d='M435.22,1.27a2.33,2.33,0,0,1-1.36,3.25l-14.11,6.41a4.66,4.66,0,0,1-4.37-.1l-9.12-4.32a2.34,2.34,0,0,1-.61-3.44h0A2.3,2.3,0,0,1,409,2.81l7,5.64a2.47,2.47,0,0,0,2.19.52A3,3,0,0,0,419,8.6L431.91.33a2.35,2.35,0,0,1,3.31.94Z' fill='%230545b1'/%3e%3cg class='logo_wrap'%3e%3cpath d='m453.24 27.38c-1-7.4-2.7-11.63-12.33-13.81a105.8 105.8 0 0 0-20.14-2.57c-1.09-0.05-2.19-0.05-3.29 0a105.71 105.71 0 0 0-20.13 2.58c-7.13 1.62-9.92 4.35-11.29 8.67-0.24 0.76 2.06-0.45 1.89 0.41s0.53 12.21 0.4 13.17c-1 7.29-4.24 7.61-4.24 7.87a134.72 134.72 0 0 0 0.89 16.3c1 7.4 2.71 11.62 12.34 13.81 8.68 2 15 1.83 20.13 2.06h3.29c5.16-0.23 11.45-0.1 20.14-2.06 9.63-2.19 11.34-6.41 12.33-13.81a132.48 132.48 0 0 0 0.9-16.31c0-0.14-1.45-3-2.88-6.78-0.14-0.37-1.08 1.57-1.22 1.19-1-2.74-1.09-8.12-1.41-10.85-0.04-0.44 4.68 0.56 4.62 0.13z' fill='%230545b1'/%3e%3cpath d='m428.87 33.56c-0.07-2.56-0.1-5.08 0-7.61a5.56 5.56 0 0 1 2.58-4.79 6.39 6.39 0 0 1 5.83-0.29c3 1.33 6.82 3.37 6.82 3.37 2.21 1.2 4.07 2.21 6.39 3.72a2.5 2.5 0 0 1 0.35 0.21 5.63 5.63 0 0 1 0.07 9.45c-2.2 1.46-4.11 2.85-6.37 4.25a60 60 0 0 1-5.93 3.31 7.37 7.37 0 0 1-6.32 0.32 6.14 6.14 0 0 1-3-4.94s-0.29-2.79-0.42-7z' fill='%2300bbed'/%3e%3cpath d='m432.75 53.93c-7.31 6.8-23.16 6.81-30.27 0a1.44 1.44 0 0 0-2 2.07c8.21 7.84 25.8 7.85 34.21 0a1.43 1.43 0 1 0-1.95-2.1z' fill='%23fff'/%3e%3cpath d='M426.91,42.6a.2.2,0,0,1,0-.07l0-.43-1-10.77,0-.3a5,5,0,0,0-.13-.69,5.55,5.55,0,0,0-4.43-4.13,5.64,5.64,0,0,0-.93-.08h-5.53a5.29,5.29,0,0,0-.8.06,5.56,5.56,0,0,0-4.56,4.14c0,.18-.08.37-.11.55l-.05.58-1,10.7,0,.25a1.15,1.15,0,0,0,0,.19,1.48,1.48,0,0,0,0,.21,5.56,5.56,0,0,0,4.14,5.37,5.45,5.45,0,0,0,1.41.19h7.51a5.5,5.5,0,0,0,.91-.08,5.57,5.57,0,0,0,4.64-5.48Z' fill='%231ac62f'/%3e%3cpath d='m406.11 36.67c-2.13 7.11-8.5 10.73-15.54 9.51-7.31-1.26-12.59-11.6-8.95-18 3.12-5.46 9.92-9.5 17-7.32 7.55 2.35 9.64 8.63 7.49 15.81z' fill='%23f2338a'/%3e%3ccircle cx='439.1' cy='33.27' r='4.69' fill='%231a1919'/%3e%3ccircle cx='395.46' cy='33.27' r='4.69' fill='%231a1919'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.end_flashplayer .contents {
  position: relative;
  display: inline-block;
  top: 50%;
  left: 0;
  min-width: 870px;
  margin: -200px auto 0;
  text-align: center; }

.end_flashplayer .contents h2 {
  font-size: 30px;
  color: #000; }

.end_flashplayer .contents p {
  margin: 30px 0 45px;
  font-size: 16px;
  line-height: 1.6;
  color: #000; }

.end_flashplayer .contents ul {
  font-size: 0; }

.end_flashplayer .contents > ul li {
  display: inline-block;
  margin: 0 15px 15px;
  font-size: 16px;
  color: #555; }

.end_flashplayer .contents > ul li a {
  position: relative;
  display: block; }

.end_flashplayer .contents > ul li a span {
  font-size: 16px;
  color: #000; }

.end_flashplayer .contents > ul li a:before {
  content: '';
  display: block;
  width: 114px;
  height: 114px;
  margin-bottom: 10px;
  border-radius: 50%;
  background-color: #f2f2f2; }

.end_flashplayer .contents > ul li a:after {
  content: '';
  display: block;
  width: 66px;
  height: 66px;
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  margin: auto;
  background: url("/images/icon_brower.png"); }

.end_flashplayer .contents > ul li a:hover:before {
  background-color: #edecec; }

.end_flashplayer .contents > ul li.chrome a:after {
  background-position: 0px 0; }

.end_flashplayer .contents > ul li.edge a:after {
  background-position: 100px 0; }

.end_flashplayer .contents > ul li.whale a:after {
  background-position: 200px 0; }

.end_flashplayer .contents > ul li.opera a:after {
  background-position: 300px 0; }

.end_flashplayer .contents > ul li.firefox a:after {
  background-position: 400px 0; }

.end_flashplayer .contents > ul li.safari a:after {
  background-position: 500px 0; }

/* VOD 재생목록 담기 레이어 : 쿤 */
.ui-pop.PlayListAdd {
  position: absolute;
  background: #fff;
  width: 426px;
  padding: 29px 25px 20px;
  border-color: #ddd;
  box-sizing: border-box;
  visibility: visible;
  opacity: 1; }

.ui-pop.PlayListAdd * {
  line-height: 1.2; }

.ui-pop.PlayListAdd .pop-title {
  margin-bottom: 6px;
  padding: 0 0 9px;
  border-color: #ddd; }

.ui-pop.PlayListAdd .pop-title h3 {
  color: #000;
  font-size: 16px;
  font-weight: bold; }

.ui-pop.PlayListAdd .pop-body {
  padding: 0; }

.ui-pop.PlayListAdd .pop-btn {
  padding-top: 20px; }

.ui-pop.PlayListAdd .pop-btn .btn {
  width: auto;
  height: 32px;
  padding: 0 16px;
  border-color: #d9dddf;
  box-sizing: border-box;
  color: #666;
  font-size: 13px;
  line-height: 30px; }

.ui-pop.PlayListAdd .pop-btn .btn:hover {
  border-color: #d9dddf; }

.ui-pop.PlayListAdd .pop-btn .btn.blue {
  border-color: #4279ff;
  color: #4279ff; }

.ui-pop.PlayListAdd .pop-close {
  top: 8px;
  right: 8px;
  background: none;
  width: unset;
  height: unset;
  padding: 10px; }

.ui-pop.PlayListAdd .pop-close span {
  display: block;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M0 11v-1h1V9h1V8h1V7h1V6h1V5H4V4H3V3H2V2H1V1H0V0h1v1h1v1h1v1h1v1h1v1h1V4h1V3h1V2h1V1h1V0h1v1h-1v1H9v1H8v1H7v1H6v1h1v1h1v1h1v1h1v1h1v1h-1v-1H9V9H8V8H7V7H6V6H5v1H4v1H3v1H2v1H1v1H0z'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%;
  width: 11px;
  height: 11px; }

.PlayListAdd .PlayListBox {
  overflow: auto;
  max-height: 135px; }

.PlayListAdd .PlayListBox::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 8px;
  border-radius: 8px; }

.PlayListAdd .PlayListBox::-webkit-scrollbar-thumb {
  background: #e4e4e4;
  border-radius: 8px; }

.PlayListAdd .PlayListBox::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px; }

.PlayListAdd .PlayListBox:hover::-webkit-scrollbar-thumb {
  background: #bbb; }

.PlayListAdd .PlayListBox::-webkit-scrollbar-button,
.PlayListAdd .PlayListBox::-webkit-scrollbar-corner {
  display: none !important; }

.PlayListAdd .PlayListBox li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 7px 10px 7px 10px; }

.PlayListAdd .PlayListBox li input[type=checkbox] {
  position: absolute;
  top: 0;
  left: -999em;
  visibility: hidden;
  opacity: 0; }

.PlayListAdd .PlayListBox li label {
  flex: 1 1 auto;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 20px 0 23px;
  color: #666;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer; }

.PlayListAdd .PlayListBox li label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border: 1px solid #e1e1e1;
  box-sizing: border-box; }

.PlayListAdd .PlayListBox li input[type=checkbox]:checked + label {
  color: #386cff; }

.PlayListAdd .PlayListBox li input[type=checkbox]:checked + label:before {
  background-color: #386cff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 15 13'%3e%3cpath stroke-width='2' stroke-linecap='round' fill='none' d='M3.451 5.903l2.135 1.691 4.833-5.289' stroke='%23fff'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 1px 1px;
  background-repeat: no-repeat;
  border-color: #386cff; }

.PlayListAdd .PlayListBox li.disabled label {
  color: #c8c8c8;
  cursor: default; }

.PlayListAdd .PlayListBox li.disabled label:before {
  background-color: #ededed;
  cursor: default; }

.PlayListAdd .PlayListBox li > span {
  flex: 0 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3e%3cpath d='M15.6 6.2c-.15.23-3.98 5.4-7.6 5.4C4.37 11.6.55 6.43.39 6.2a.35.35 0 01-.01-.4C.52 5.6 4.02.4 8 .4s7.47 5.18 7.62 5.4c.08.13.07.29-.01.4zM8 1.1C4.8 1.1 1.78 5.04 1.1 6c.73.93 4 4.9 6.9 4.9 2.9 0 6.16-3.97 6.9-4.9-.69-.96-3.71-4.9-6.9-4.9zm0 7.88a2.97 2.97 0 010-5.96 2.97 2.97 0 010 5.95zm0-5.26a2.27 2.27 0 000 4.55 2.27 2.27 0 000-4.54z' fill='%23666'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  font: 0/0 a; }

.PlayListAdd .PlayListBox li > span.hidden {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3e%3cpath d='M15.6 6.75c-.15.22-3.98 5.38-7.6 5.38-.93 0-1.87-.34-2.76-.85l.5-.5c.75.4 1.52.66 2.26.66 2.9 0 6.16-3.96 6.9-4.9a18.2 18.2 0 00-2.31-2.61l.5-.5a18.07 18.07 0 012.53 2.92c.08.13.08.29-.01.4zM2.15 12.9a.34.34 0 01-.5 0 .35.35 0 010-.49L13.86.19a.35.35 0 01.5.5L2.13 12.9zM8 1.66c-3.19 0-6.22 3.93-6.9 4.88.34.43 1.23 1.52 2.37 2.56l-.5.5A21.3 21.3 0 01.4 6.75a.35.35 0 01-.01-.4C.53 6.13 4.02.96 8 .96c.98 0 1.93.32 2.81.8l-.51.51A5.09 5.09 0 008 1.66z' fill='%23666'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 16px;
  height: 13px; }

.PlayListAdd .btn_NewAddList {
  display: block;
  width: 100%;
  padding: 9px 12px;
  color: #666;
  font-size: 14px;
  text-align: left; }

.PlayListAdd .btn_NewAddList:hover {
  color: #386CFF; }

.ui-pop.PlayListAdd.AddList {
  width: 306px; }

.ui-pop.PlayListAdd.AddList .pop-title {
  margin-bottom: 20px; }

.ui-pop.PlayListAdd.AddList .pop-title h3 {
  font-weight: normal; }

.PlayListAdd .ListForm .title input[type=text],
.PlayListAdd .ListForm .select select {
  display: block;
  width: 100%;
  height: 37px;
  padding: 0 15px;
  border: 1px solid #d9dddf;
  border-radius: 3px;
  box-sizing: border-box;
  color: #666;
  font-size: 13px; }

.PlayListAdd.error .ListForm .title input[type=text] {
  border-color: #ff5656; }

.PlayListAdd .ListForm .title .bytes {
  display: block;
  margin-top: 3px;
  padding-right: 3px;
  color: #666;
  text-align: right;
  font-size: 12px; }

.PlayListAdd .ListForm .title .bytes em {
  color: #000; }

.PlayListAdd .ListForm .select {
  margin-top: 17px; }

.PlayListAdd .ListForm .select .select_warp {
  position: relative; }

.PlayListAdd .ListForm .select .select_warp .selected {
  display: block;
  width: 100%;
  height: 38px;
  margin-top: 5px;
  padding-left: 15px;
  border: 1px solid #d9dddf;
  border-radius: 3px;
  box-sizing: border-box;
  color: #666;
  font-size: 13px;
  line-height: 38px;
  text-decoration: none;
  text-align: left; }

.PlayListAdd .ListForm .select .select_warp .selected:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8.5'%3e%3cpath stroke='%23555' fill='none' d='M2.2.5l4.3 4.63L10.8.5'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 13px 8px;
  width: 13px;
  height: 8px;
  margin-top: -4px;
  transition: all .2s; }

.PlayListAdd .ListForm .select .select_warp:first-child {
  margin-top: 0; }

.PlayListAdd .ListForm .select .select_warp > ul {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #d9dddf;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: all .2s; }

.PlayListAdd .ListForm .select .select_warp > ul li button {
  display: block;
  width: 100%;
  padding: 10px 34px 10px 16px;
  color: #666;
  font-size: 13px;
  text-decoration: none;
  text-align: left; }

.PlayListAdd .ListForm .select .select_warp > ul li button:hover {
  background: #e6edfb; }

.PlayListAdd .ListForm .select .select_warp.on .selected:after {
  transform: rotate(180deg); }

.PlayListAdd .ListForm .select .select_warp.on ul {
  opacity: 1;
  visibility: visible;
  z-index: 5; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .caps_Lock {
    padding: 10px 18px 10px; } }
/* ict */
.ictBox {
  display: block;
  width: 128px;
  border: 1px solid #b4b4b4;
  border-radius: 2px;
  background: #fff; }

.ictBox dl dt {
  padding: 2px 0 2px 7px;
  color: #555;
  font-weight: bold;
  font-family: arial; }

.ictBox dl dd {
  display: block;
  border-top: 1px solid #e8e8e8; }

.ictBox dl dd a {
  display: block;
  height: auto;
  padding: 6px 0 4px 7px;
  color: #333;
  text-decoration: none;
  letter-spacing: -1px; }

.ictBox dl dd a:hover {
  background: #f7f7f7; }

.ictBox dl dd .ic_fav {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 0 6px 4px 0;
  background: url("/images/common/ict_common.png") no-repeat -14px 0; }

.ictBox dl dd .ic_fav.on {
  background-position: -30px 0; }

.ictBox .btn_home {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 128px;
  height: 23px;
  background: url(/images/common/blank.gif) 0 0 no-repeat; }

.ictBox .btn_home span {
  overflow: hidden;
  position: absolute;
  top: 5px;
  right: 7px;
  display: block;
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  background: url("/images/common/ict_common.png") no-repeat 0 0; }

/* ICT 아이콘 타입 */
@keyframes left_AC {
  0% {
    transform: translateX(-5px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@-webkit-keyframes left_AC {
  0% {
    transform: translateX(-5px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
.icon-menu {
  position: absolute;
  background: #fff;
  padding: 0 10px;
  border: 1px solid #d9dddf;
  border-radius: 3px;
  z-index: 15;
  box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  -webkit-animation: left_AC 0.4s ease forwards;
  animation: left_AC 0.4s ease forwards; }
  .icon-menu button {
    display: inline-block;
    position: relative !important;
    background: transparent;
    width: 40px;
    height: 50px;
    padding: 0;
    outline: none; }
    .icon-menu button[tip]:before {
      bottom: 7px; }
    .icon-menu button[tip]:after {
      bottom: -17px; }
    .icon-menu button span {
      display: block !important;
      margin: 0 auto !important;
      padding: 0 !important;
      font: 0/0 a !important; }
      .icon-menu button span:after, .icon-menu button span:before {
        display: none !important; }
  .icon-menu .bj_bs span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M19.733 10.525a.649.649 0 01-.459.188.647.647 0 01-.463-.193l-1.532-1.545v8.375c0 .359-.292.65-.652.65h-4.734a.65.65 0 01-.651-.65v-5.065H8.715v5.065c0 .359-.292.65-.652.65H3.329a.651.651 0 01-.652-.65V9.007L1.176 10.52a.65.65 0 11-.926-.914L9.53.247a.672.672 0 01.927 0l9.28 9.359a.648.648 0 01-.004.919zM9.994 1.628L3.981 7.692v9.009h3.43v-5.066c0-.359.292-.65.652-.65h3.83c.36 0 .652.291.652.65v5.066h3.43v-9.04L9.994 1.628z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 18px; }
  .icon-menu .bj_bs:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(82, 133, 255, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M19.733 10.525a.649.649 0 01-.459.188.647.647 0 01-.463-.193l-1.532-1.545v8.375c0 .359-.292.65-.652.65h-4.734a.65.65 0 01-.651-.65v-5.065H8.715v5.065c0 .359-.292.65-.652.65H3.329a.651.651 0 01-.652-.65V9.007L1.176 10.52a.65.65 0 11-.926-.914L9.53.247a.672.672 0 01.927 0l9.28 9.359a.648.648 0 01-.004.919zM9.994 1.628L3.981 7.692v9.009h3.43v-5.066c0-.359.292-.65.652-.65h3.83c.36 0 .652.291.652.65v5.066h3.43v-9.04L9.994 1.628z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .icon-menu .send_memo span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath fill-rule='evenodd' d='M17.609 12.965c0 .147-.06.288-.165.39l-4.68 4.511a.542.542 0 01-.746.006l-3.411-3.186c-.028-.026-.042-.059-.063-.088l-3.421 3.296a.544.544 0 01-.376.152l-.016-.001a.537.537 0 01-.382-.175L.261 13.416a.541.541 0 01.028-.761l3.579-3.368V.532c0-.299.242-.542.541-.542h9.248c.299 0 .541.243.541.542v8.929l3.245 3.113a.544.544 0 01.166.391zM4.771 16.73l7.703-7.422-3.491-3.349-7.563 7.118 3.351 3.653zm8.344-14.66L9.773 5.216l3.342 3.206V2.07zm-.52-.997h-7.14L8.99 4.465l3.605-3.392zM8.201 5.209L4.951 2.09v6.178l3.25-3.059zm5.055 4.849l-3.962 3.817c.016.012.038.006.052.02l3.036 2.835 3.905-3.764-3.031-2.908z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px; }
  .icon-menu .send_memo:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(82, 133, 255, 0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath fill-rule='evenodd' d='M17.609 12.965c0 .147-.06.288-.165.39l-4.68 4.511a.542.542 0 01-.746.006l-3.411-3.186c-.028-.026-.042-.059-.063-.088l-3.421 3.296a.544.544 0 01-.376.152l-.016-.001a.537.537 0 01-.382-.175L.261 13.416a.541.541 0 01.028-.761l3.579-3.368V.532c0-.299.242-.542.541-.542h9.248c.299 0 .541.243.541.542v8.929l3.245 3.113a.544.544 0 01.166.391zM4.771 16.73l7.703-7.422-3.491-3.349-7.563 7.118 3.351 3.653zm8.344-14.66L9.773 5.216l3.342 3.206V2.07zm-.52-.997h-7.14L8.99 4.465l3.605-3.392zM8.201 5.209L4.951 2.09v6.178l3.25-3.059zm5.055 4.849l-3.962 3.817c.016.012.038.006.052.02l3.036 2.835 3.905-3.764-3.031-2.908z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .icon-menu .favor span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M10.009 1.337l2.129 4.469.282.592.631.094 4.758.717-3.443 3.476-.457.461.108.651.813 4.91-4.257-2.32-.564-.307-.564.307-4.258 2.32.814-4.91.108-.651-.457-.461-3.443-3.476 4.759-.717.631-.094.282-.592 2.128-4.469m7.837 5.834v.001-.001M10.009.049c-.452 0-.864.265-1.064.685L6.794 5.25l-4.81.724c-.447.067-.819.391-.958.835-.14.446-.023.934.301 1.262l3.479 3.513-.822 4.963c-.065.395.06.792.326 1.071.045.047.094.091.147.131.029.022.059.042.09.061.186.116.396.174.607.174.144 0 .288-.028.426-.082.043-.017.085-.037.126-.059l4.303-2.345 4.302 2.345c.174.094.364.141.553.141.246 0 .49-.079.697-.235.366-.275.548-.74.472-1.202l-.822-4.963 3.481-3.513c.324-.328.44-.816.301-1.262-.14-.444-.512-.768-.958-.835l-4.81-.724L11.073.734c-.2-.42-.613-.685-1.064-.685z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 18px; }
  .icon-menu .favor:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M10.009 1.337l2.129 4.469.282.592.631.094 4.758.717-3.443 3.476-.457.461.108.651.813 4.91-4.257-2.32-.564-.307-.564.307-4.258 2.32.814-4.91.108-.651-.457-.461-3.443-3.476 4.759-.717.631-.094.282-.592 2.128-4.469m7.837 5.834v.001-.001M10.009.049c-.452 0-.864.265-1.064.685L6.794 5.25l-4.81.724c-.447.067-.819.391-.958.835-.14.446-.023.934.301 1.262l3.479 3.513-.822 4.963c-.065.395.06.792.326 1.071.045.047.094.091.147.131.029.022.059.042.09.061.186.116.396.174.607.174.144 0 .288-.028.426-.082.043-.017.085-.037.126-.059l4.303-2.345 4.302 2.345c.174.094.364.141.553.141.246 0 .49-.079.697-.235.366-.275.548-.74.472-1.202l-.822-4.963 3.481-3.513c.324-.328.44-.816.301-1.262-.14-.444-.512-.768-.958-.835l-4.81-.724L11.073.734c-.2-.42-.613-.685-1.064-.685z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .icon-menu .favor.on span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 174, 0, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M17.846 7.171v.001-.001M10.009.049c-.452 0-.864.265-1.064.685L6.794 5.25l-4.81.724c-.447.067-.819.391-.958.835-.14.446-.023.934.301 1.262l3.479 3.513-.822 4.963c-.065.395.06.792.326 1.071.045.047.094.091.147.131.029.022.059.042.09.061.186.116.396.174.607.174.144 0 .288-.028.426-.082.043-.017.085-.037.126-.059l4.303-2.345 4.302 2.345c.174.094.364.141.553.141.246 0 .49-.079.697-.235.366-.275.548-.74.472-1.202l-.822-4.963 3.481-3.513c.324-.328.44-.816.301-1.262-.14-.444-.512-.768-.958-.835l-4.81-.724L11.073.734c-.2-.42-.613-.685-1.064-.685z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .icon-menu .srh span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M17.736 17.823c-.113.108-.258.161-.403.161-.156 0-.312-.062-.428-.185l-4.502-4.765c-1.318 1.168-3.033 1.901-4.93 1.901-4.119 0-7.468-3.346-7.468-7.46C.005 3.362 3.354.016 7.473.016c4.117 0 7.467 3.346 7.467 7.459 0 1.794-.663 3.419-1.722 4.708l4.542 4.809c.223.236.213.608-.024.831zM7.473 1.207c-3.461 0-6.277 2.812-6.277 6.268 0 3.457 2.816 6.269 6.277 6.269 3.461 0 6.276-2.812 6.276-6.269 0-3.456-2.815-6.268-6.276-6.268z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px; }
  .icon-menu .srh:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M17.736 17.823c-.113.108-.258.161-.403.161-.156 0-.312-.062-.428-.185l-4.502-4.765c-1.318 1.168-3.033 1.901-4.93 1.901-4.119 0-7.468-3.346-7.468-7.46C.005 3.362 3.354.016 7.473.016c4.117 0 7.467 3.346 7.467 7.459 0 1.794-.663 3.419-1.722 4.708l4.542 4.809c.223.236.213.608-.024.831zM7.473 1.207c-3.461 0-6.277 2.812-6.277 6.268 0 3.457 2.816 6.269 6.277 6.269 3.461 0 6.276-2.812 6.276-6.269 0-3.456-2.815-6.268-6.276-6.268z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  .icon-menu .bj_hide span {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 16px; }
  .icon-menu .bj_hide:hover span {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%235285ff' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }

html[dark=true] .icon-menu, body.thema_dark .icon-menu {
  background: #1b1b1c;
  border-color: #333333; }
  html[dark=true] .icon-menu .bj_bs span, body.thema_dark .icon-menu .bj_bs span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200, 200, 200, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M19.733 10.525a.649.649 0 01-.459.188.647.647 0 01-.463-.193l-1.532-1.545v8.375c0 .359-.292.65-.652.65h-4.734a.65.65 0 01-.651-.65v-5.065H8.715v5.065c0 .359-.292.65-.652.65H3.329a.651.651 0 01-.652-.65V9.007L1.176 10.52a.65.65 0 11-.926-.914L9.53.247a.672.672 0 01.927 0l9.28 9.359a.648.648 0 01-.004.919zM9.994 1.628L3.981 7.692v9.009h3.43v-5.066c0-.359.292-.65.652-.65h3.83c.36 0 .652.291.652.65v5.066h3.43v-9.04L9.994 1.628z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .bj_bs:hover span, body.thema_dark .icon-menu .bj_bs:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(82, 133, 255, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M19.733 10.525a.649.649 0 01-.459.188.647.647 0 01-.463-.193l-1.532-1.545v8.375c0 .359-.292.65-.652.65h-4.734a.65.65 0 01-.651-.65v-5.065H8.715v5.065c0 .359-.292.65-.652.65H3.329a.651.651 0 01-.652-.65V9.007L1.176 10.52a.65.65 0 11-.926-.914L9.53.247a.672.672 0 01.927 0l9.28 9.359a.648.648 0 01-.004.919zM9.994 1.628L3.981 7.692v9.009h3.43v-5.066c0-.359.292-.65.652-.65h3.83c.36 0 .652.291.652.65v5.066h3.43v-9.04L9.994 1.628z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .send_memo span, body.thema_dark .icon-menu .send_memo span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200, 200, 200, 0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath fill-rule='evenodd' d='M17.609 12.965c0 .147-.06.288-.165.39l-4.68 4.511a.542.542 0 01-.746.006l-3.411-3.186c-.028-.026-.042-.059-.063-.088l-3.421 3.296a.544.544 0 01-.376.152l-.016-.001a.537.537 0 01-.382-.175L.261 13.416a.541.541 0 01.028-.761l3.579-3.368V.532c0-.299.242-.542.541-.542h9.248c.299 0 .541.243.541.542v8.929l3.245 3.113a.544.544 0 01.166.391zM4.771 16.73l7.703-7.422-3.491-3.349-7.563 7.118 3.351 3.653zm8.344-14.66L9.773 5.216l3.342 3.206V2.07zm-.52-.997h-7.14L8.99 4.465l3.605-3.392zM8.201 5.209L4.951 2.09v6.178l3.25-3.059zm5.055 4.849l-3.962 3.817c.016.012.038.006.052.02l3.036 2.835 3.905-3.764-3.031-2.908z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .send_memo:hover span, body.thema_dark .icon-menu .send_memo:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(82, 133, 255, 0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath fill-rule='evenodd' d='M17.609 12.965c0 .147-.06.288-.165.39l-4.68 4.511a.542.542 0 01-.746.006l-3.411-3.186c-.028-.026-.042-.059-.063-.088l-3.421 3.296a.544.544 0 01-.376.152l-.016-.001a.537.537 0 01-.382-.175L.261 13.416a.541.541 0 01.028-.761l3.579-3.368V.532c0-.299.242-.542.541-.542h9.248c.299 0 .541.243.541.542v8.929l3.245 3.113a.544.544 0 01.166.391zM4.771 16.73l7.703-7.422-3.491-3.349-7.563 7.118 3.351 3.653zm8.344-14.66L9.773 5.216l3.342 3.206V2.07zm-.52-.997h-7.14L8.99 4.465l3.605-3.392zM8.201 5.209L4.951 2.09v6.178l3.25-3.059zm5.055 4.849l-3.962 3.817c.016.012.038.006.052.02l3.036 2.835 3.905-3.764-3.031-2.908z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .favor span, body.thema_dark .icon-menu .favor span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200, 200, 200, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M10.009 1.337l2.129 4.469.282.592.631.094 4.758.717-3.443 3.476-.457.461.108.651.813 4.91-4.257-2.32-.564-.307-.564.307-4.258 2.32.814-4.91.108-.651-.457-.461-3.443-3.476 4.759-.717.631-.094.282-.592 2.128-4.469m7.837 5.834v.001-.001M10.009.049c-.452 0-.864.265-1.064.685L6.794 5.25l-4.81.724c-.447.067-.819.391-.958.835-.14.446-.023.934.301 1.262l3.479 3.513-.822 4.963c-.065.395.06.792.326 1.071.045.047.094.091.147.131.029.022.059.042.09.061.186.116.396.174.607.174.144 0 .288-.028.426-.082.043-.017.085-.037.126-.059l4.303-2.345 4.302 2.345c.174.094.364.141.553.141.246 0 .49-.079.697-.235.366-.275.548-.74.472-1.202l-.822-4.963 3.481-3.513c.324-.328.44-.816.301-1.262-.14-.444-.512-.768-.958-.835l-4.81-.724L11.073.734c-.2-.42-.613-.685-1.064-.685z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .favor:hover span, body.thema_dark .icon-menu .favor:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(82, 133, 255, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M10.009 1.337l2.129 4.469.282.592.631.094 4.758.717-3.443 3.476-.457.461.108.651.813 4.91-4.257-2.32-.564-.307-.564.307-4.258 2.32.814-4.91.108-.651-.457-.461-3.443-3.476 4.759-.717.631-.094.282-.592 2.128-4.469m7.837 5.834v.001-.001M10.009.049c-.452 0-.864.265-1.064.685L6.794 5.25l-4.81.724c-.447.067-.819.391-.958.835-.14.446-.023.934.301 1.262l3.479 3.513-.822 4.963c-.065.395.06.792.326 1.071.045.047.094.091.147.131.029.022.059.042.09.061.186.116.396.174.607.174.144 0 .288-.028.426-.082.043-.017.085-.037.126-.059l4.303-2.345 4.302 2.345c.174.094.364.141.553.141.246 0 .49-.079.697-.235.366-.275.548-.74.472-1.202l-.822-4.963 3.481-3.513c.324-.328.44-.816.301-1.262-.14-.444-.512-.768-.958-.835l-4.81-.724L11.073.734c-.2-.42-.613-.685-1.064-.685z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .favor.on span, body.thema_dark .icon-menu .favor.on span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(245, 193, 42, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M17.846 7.171v.001-.001M10.009.049c-.452 0-.864.265-1.064.685L6.794 5.25l-4.81.724c-.447.067-.819.391-.958.835-.14.446-.023.934.301 1.262l3.479 3.513-.822 4.963c-.065.395.06.792.326 1.071.045.047.094.091.147.131.029.022.059.042.09.061.186.116.396.174.607.174.144 0 .288-.028.426-.082.043-.017.085-.037.126-.059l4.303-2.345 4.302 2.345c.174.094.364.141.553.141.246 0 .49-.079.697-.235.366-.275.548-.74.472-1.202l-.822-4.963 3.481-3.513c.324-.328.44-.816.301-1.262-.14-.444-.512-.768-.958-.835l-4.81-.724L11.073.734c-.2-.42-.613-.685-1.064-.685z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .srh span, body.thema_dark .icon-menu .srh span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200, 200, 200, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M17.736 17.823c-.113.108-.258.161-.403.161-.156 0-.312-.062-.428-.185l-4.502-4.765c-1.318 1.168-3.033 1.901-4.93 1.901-4.119 0-7.468-3.346-7.468-7.46C.005 3.362 3.354.016 7.473.016c4.117 0 7.467 3.346 7.467 7.459 0 1.794-.663 3.419-1.722 4.708l4.542 4.809c.223.236.213.608-.024.831zM7.473 1.207c-3.461 0-6.277 2.812-6.277 6.268 0 3.457 2.816 6.269 6.277 6.269 3.461 0 6.276-2.812 6.276-6.269 0-3.456-2.815-6.268-6.276-6.268z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .srh:hover span, body.thema_dark .icon-menu .srh:hover span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(82, 133, 255, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M17.736 17.823c-.113.108-.258.161-.403.161-.156 0-.312-.062-.428-.185l-4.502-4.765c-1.318 1.168-3.033 1.901-4.93 1.901-4.119 0-7.468-3.346-7.468-7.46C.005 3.362 3.354.016 7.473.016c4.117 0 7.467 3.346 7.467 7.459 0 1.794-.663 3.419-1.722 4.708l4.542 4.809c.223.236.213.608-.024.831zM7.473 1.207c-3.461 0-6.277 2.812-6.277 6.268 0 3.457 2.816 6.269 6.277 6.269 3.461 0 6.276-2.812 6.276-6.269 0-3.456-2.815-6.268-6.276-6.268z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  html[dark=true] .icon-menu .bj_hide span, body.thema_dark .icon-menu .bj_hide span {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%23c8c8c8' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  html[dark=true] .icon-menu .bj_hide:hover span, body.thema_dark .icon-menu .bj_hide:hover span {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%235285ff' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }

/* ****************************************** */
/* @ 다크모드 (하단에 다크모드 외 css 추가 금지 */
/* ****************************************** */
html[dark=true] .ui-pop, body.thema_dark .ui-pop {
  background: #1b1b1c; }
html[dark=true] .ui-pop .pop-title, body.thema_dark .ui-pop .pop-title {
  color: #c8c8c8;
  border-color: #333; }
html[dark=true] .ui-pop .pop-btn .btn.btn_blue, body.thema_dark .ui-pop .pop-btn .btn.btn_blue {
  background-color: #4aa6e3;
  border-color: #3889bf;
  color: #fff; }
html[dark=true] .ui-pop .pop-btn .btn, body.thema_dark .ui-pop .pop-btn .btn {
  border-color: #666;
  color: #999; }
html[dark=true] .pg_area a, body.thema_dark .pg_area a {
  border-color: #121213;
  color: #999; }
html[dark=true] .pg_area a.btn_prev:hover,
html[dark=true] .pg_area a.btn_next:hover, body.thema_dark .pg_area a.btn_prev:hover,
body.thema_dark .pg_area a.btn_next:hover {
  border-color: #121213;
  color: #7398ff; }
html[dark=true] .pg_area a:hover,
html[dark=true] .pg_area em, body.thema_dark .pg_area a:hover,
body.thema_dark .pg_area em {
  border-color: #7398ff;
  color: #7398ff; }

/* 방송하기 */
body.thema_dark .studio_selectbox {
  background: url("/images/afmain/img_studio_select_dark.png") 0 0 no-repeat; }

body.thema_dark .studio_selectbox a .txt {
  color: #c8c8c8; }

body.thema_dark .studio_selectbox .btn_cast_qna {
  color: #7398ff; }

body.thema_dark .studio_selectbox a .cast_v {
  color: #f5f6f7;
  background: #4c9939; }

/* ICT */
body.thema_dark .ictBox {
  background: #1b1b1c;
  border-color: #333; }

body.thema_dark .ictBox dl dt {
  color: #999; }

body.thema_dark .ictBox dl dd {
  border-color: #333; }

body.thema_dark .ictBox dl dd a {
  color: #c8c8c8; }

body.thema_dark .ictBox dl dd a:hover {
  background: #282828; }

body.thema_dark .ictBox .btn_home span, body.thema_dark .ictBox dl dd .ic_fav {
  background-image: url(/images/common/ict_common_dark.png); }

body.thema_dark .loading-spinner i:after {
  background: #c0c0c0; }

body.thema_dark .ui-pop.vod-delete .pop-body h2 span {
  color: #c8c8c8; }

body.thema_dark .ui-pop.vod-delete .pop-body h2 sup,
body.thema_dark .ui-pop.vod-delete .pop-body h2 strong {
  color: #e5e5e5; }

body.thema_dark .ui-pop.vod-delete .pop-body .guide_text.error {
  color: #ff3f3f; }

body.thema_dark .ui-pop.vod-delete .pop-body textarea {
  background: #0e0e0e;
  color: #c8c8c8;
  border-color: #333333; }

body.thema_dark .ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder {
  color: #666666; }

body.thema_dark .ui-pop.vod-delete .pop-body textarea::-ms-input-placeholder {
  color: #666666; }

body.thema_dark .ui-pop.vod-delete .pop-body textarea:disabled {
  background-color: #272727;
  border-color: #262626; }

body.thema_dark .ui-pop.vod-delete .pop-btn .btn {
  border-color: #666;
  color: #999; }

body.thema_dark .ui-pop.vod-delete .pop-btn .btn_blue {
  background-color: #1b61c3;
  border-color: #1b61c3;
  color: #fff; }

body.thema_dark .ui-pop .pop-close {
  background-image: url(/images/flashplayer/split_layer_dark.png); }

body.thema_dark .ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled {
  background-color: #1b3e70;
  border-color: #1b3e70;
  color: #8d8d8e; }

body.thema_dark .ui-pop.vod-delete.clip .userClipDel .chk-box span {
  background-color: transparent; }

/* 재생목록 레이어 */
.thema_dark .ui-pop.PlayListAdd {
  border-color: #333; }

.thema_dark .ui-pop .pop-title {
  border-color: #282828; }

.thema_dark .ui-pop .pop-title h3 {
  color: #fff; }

.thema_dark .ui-pop .pop-btn .btn:hover {
  border-color: #666; }

.thema_dark .ui-pop.PlayListAdd .pop-close {
  background: none; }

.thema_dark .PlayListAdd .PlayListBox li label:before {
  background: #0e0e0e;
  border-color: #999; }

.thema_dark .PlayListAdd .PlayListBox li input[type=checkbox]:checked + label:before {
  background-color: #386cff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 15 13'%3e%3cpath stroke-width='2' stroke-linecap='round' fill='none' d='M3.451 5.903l2.135 1.691 4.833-5.289' stroke='%23fff'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 1px 1px;
  background-repeat: no-repeat;
  border-color: #386cff; }

.thema_dark .PlayListAdd .PlayListBox li > span {
  flex: 0 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3e%3cpath d='M15.6 6.2c-.15.23-3.98 5.4-7.6 5.4C4.37 11.6.55 6.43.39 6.2a.35.35 0 01-.01-.4C.52 5.6 4.02.4 8 .4s7.47 5.18 7.62 5.4c.08.13.07.29-.01.4zM8 1.1C4.8 1.1 1.78 5.04 1.1 6c.73.93 4 4.9 6.9 4.9 2.9 0 6.16-3.97 6.9-4.9-.69-.96-3.71-4.9-6.9-4.9zm0 7.88a2.97 2.97 0 010-5.96 2.97 2.97 0 010 5.95zm0-5.26a2.27 2.27 0 000 4.55 2.27 2.27 0 000-4.54z' fill='%23999'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.thema_dark .PlayListAdd .PlayListBox li > span.hidden {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3e%3cpath d='M15.6 6.75c-.15.22-3.98 5.38-7.6 5.38-.93 0-1.87-.34-2.76-.85l.5-.5c.75.4 1.52.66 2.26.66 2.9 0 6.16-3.96 6.9-4.9a18.2 18.2 0 00-2.31-2.61l.5-.5a18.07 18.07 0 012.53 2.92c.08.13.08.29-.01.4zM2.15 12.9a.34.34 0 01-.5 0 .35.35 0 010-.49L13.86.19a.35.35 0 01.5.5L2.13 12.9zM8 1.66c-3.19 0-6.22 3.93-6.9 4.88.34.43 1.23 1.52 2.37 2.56l-.5.5A21.3 21.3 0 01.4 6.75a.35.35 0 01-.01-.4C.53 6.13 4.02.96 8 .96c.98 0 1.93.32 2.81.8l-.51.51A5.09 5.09 0 008 1.66z' fill='%23999'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.thema_dark .PlayListAdd .PlayListBox li label {
  color: #999; }

.thema_dark .PlayListAdd .PlayListBox li.disabled label {
  color: #333; }

.thema_dark .PlayListAdd .PlayListBox li.disabled label:before {
  background: #333;
  border-color: #333; }

.thema_dark .PlayListAdd .ListForm .title input[type=text],
.thema_dark .PlayListAdd .ListForm .select .select_warp .selected {
  background-color: #0e0e0e;
  border-color: #333;
  color: #999; }

.thema_dark .PlayListAdd .ListForm .select .select_warp .selected:after {
  background: #0e0e0e url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8.5'%3e%3cpath stroke='%23c8c8c8' fill='none' d='M2.2.5l4.3 4.63L10.8.5'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.thema_dark .PlayListAdd .ListForm .select .select_warp ul {
  background-color: #0e0e0e;
  border-color: #333; }

.thema_dark .PlayListAdd .ListForm .select .select_warp ul li button {
  color: #999; }

.thema_dark .PlayListAdd .ListForm .select .select_warp ul li button:hover {
  background-color: #282828; }

.thema_dark .PlayListAdd .ListForm .title .bytes,
.thema_dark .PlayListAdd .ListForm .title .bytes em {
  color: #999; }

.thema_dark .PlayListAdd .btn_NewAddList {
  color: #999; }

.thema_dark .PlayListAdd .btn_NewAddList:hover {
  color: #7398ff; }

.thema_dark .PlayListAdd.error .ListForm .title input[type=text] {
  border-color: #ff3f3f; }

#emoticonBox {
  position: relative;
  overflow: hidden;
  width: 246px;
  height: 292px;
  border: 1px solid #898687;
  background: #fff; }
  #emoticonBox .clear {
    clear: both; }
  #emoticonBox img {
    border: none; }
  #emoticonBox h1 {
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    color: #434343;
    font-weight: bold;
    font-size: 12px; }
  #emoticonBox .tab_area {
    height: 30px;
    border-bottom: 1px solid #d7d7d7; }
    #emoticonBox .tab_area ul {
      overflow: hidden; }
      #emoticonBox .tab_area ul li {
        float: left;
        font-family: 'NGB'; }
        #emoticonBox .tab_area ul li a {
          display: block;
          padding: 0 15px;
          line-height: 30px;
          height: 30px;
          color: #000;
          text-decoration: none; }
        #emoticonBox .tab_area ul li.on a {
          padding: 0 15px;
          height: 29px;
          border-bottom: 2px solid #3d82f7;
          color: #3d82f7; }
  #emoticonBox .scroll_area {
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 260px;
    padding: 0 0 12px 12px; }
    #emoticonBox .scroll_area .sg_area {
      padding: 0 0 10px 12px;
      overflow: hidden;
      border-bottom: 1px solid #d7d7d7;
      margin: -2px 0 0 -12px; }
    #emoticonBox .scroll_area span {
      float: left;
      overflow: hidden;
      width: 30px;
      height: 30px;
      margin: 12px 5px 0 0; }
      #emoticonBox .scroll_area span a {
        display: block;
        width: 30px;
        height: 30px; }
        #emoticonBox .scroll_area span a:hover {
          background: url(/images/chat/emoticon/bg_box.gif) no-repeat; }
        #emoticonBox .scroll_area span a img {
          width: 26px;
          height: 26px;
          vertical-align: top;
          margin: 2px 0 0 2px; }
  #emoticonBox .btn_close {
    position: absolute;
    top: 3px;
    right: 0; }
    #emoticonBox .btn_close a {
      display: block;
      width: 23px;
      height: 23px;
      text-indent: -9999px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z' fill='%23666'/%3e%3c/svg%3e");
      background-size: 9px 9px;
      background-position: 50% 50%;
      background-repeat: no-repeat; }

body.thema_dark #emoticonBox {
  background: #1b1b1c;
  border-color: #333; }
  body.thema_dark #emoticonBox h1 {
    border-color: #333;
    color: #c8c8c8; }
  body.thema_dark #emoticonBox .scroll_area span a:hover {
    background: #333;
    border-radius: 2px; }

#emoticonArea {
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 100;
  text-align: left;
  padding: 0;
  border: none;
  border-radius: 3px;
  width: 248px; }

#emoticonBox {
  height: auto;
  border: 1px solid #e2e2e2; }
  #emoticonBox.ogq {
    width: 246px;
    height: 326px; }
    #emoticonBox.ogq .tab_area {
      height: auto; }
      #emoticonBox.ogq .tab_area ul li {
        line-height: 30px;
        height: 30px;
        color: #000; }
      #emoticonBox.ogq .tab_area ul li a {
        cursor: default;
        padding: 0 8px; }
      #emoticonBox.ogq .tab_area .item_list {
        position: relative;
        margin-bottom: -1px; }
        #emoticonBox.ogq .tab_area .item_list div {
          overflow: hidden;
          position: relative;
          margin: 0 18px;
          height: 37px; }
        #emoticonBox.ogq .tab_area .item_list div:after {
          content: '';
          display: block;
          clear: both; }
        #emoticonBox.ogq .tab_area .item_list ul {
          min-width: 4200px;
          position: absolute;
          left: 0;
          top: 0;
          height: 37px;
          transition: all 0.2s; }
          #emoticonBox.ogq .tab_area .item_list ul li {
            display: inline-block;
            width: 42px;
            height: auto;
            vertical-align: top; }
            #emoticonBox.ogq .tab_area .item_list ul li button {
              display: block;
              width: 100%;
              height: 36px;
              padding: 0 3px 7px;
              border-bottom: 2px solid transparent; }
            #emoticonBox.ogq .tab_area .item_list ul li button img {
              display: block;
              width: 36px;
              height: 28px;
              margin: 0 auto; }
            #emoticonBox.ogq .tab_area .item_list ul li button.btn_market {
              background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 34 26'%3e%3cpath d='M22.9 3c1.16 0 2.21.7 2.65 1.77l2.51 6.08.04.19c0 1.5-.83 2.83-2.08 3.51h.02v7.42a1.93 1.93 0 01-1.77 1.92H9.88a1.93 1.93 0 01-1.92-1.77v-7.57h.12A4.02 4.02 0 016 11.04l.04-.2 2.5-6.07A2.87 2.87 0 0111.2 3zm-9.36 9.96l-.08.15a4.03 4.03 0 01-3.24 1.94h-.2c-.37 0-.72-.05-1.06-.14v7.06c0 .47.36.86.82.92h14.34a.93.93 0 00.91-.81l.01-.11v-7.03a4 4 0 01-.75.1l-.2.01A4.04 4.04 0 0120.55 13a4.02 4.02 0 01-3.3 2.06h-.2a3.99 3.99 0 01-3.52-2.08zm3.51 3.85c1.6 0 2.9 1.25 2.98 2.82v3.21h-1V19.8a1.99 1.99 0 00-3.96-.15v3.19h-1V19.8a2.99 2.99 0 012.98-2.98zM13.97 4H11.2c-.76 0-1.44.46-1.73 1.16L7 11.13v.08a3.02 3.02 0 002.83 2.84h.35a3.04 3.04 0 002.86-3.08L13.97 4zm5.15 0h-4.14l-.95 7.04a3.02 3.02 0 002.83 3l.18.01h.18a3.01 3.01 0 002.85-2.95L19.12 4zm3.78 0h-2.77l.14 1.02.8 6.02a3.02 3.02 0 002.82 3l.18.01h.18a3.02 3.02 0 002.85-3.01v.09l-2.47-5.97A1.87 1.87 0 0023.05 4L22.9 4z'/%3e%3c/svg%3e") 0 1px no-repeat;
              background-size: 34px 26px;
              width: 36px;
              height: 37px;
              font: 0/0 a; }
            #emoticonBox.ogq .tab_area .item_list ul li button.ic_clock {
              background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath d='M9.5 19C4.26 19 0 14.74 0 9.5S4.26 0 9.5 0 19 4.26 19 9.5 14.74 19 9.5 19zm0-18C4.81 1 1 4.81 1 9.5S4.81 18 9.5 18c4.69 0 8.5-3.81 8.5-8.5S14.19 1 9.5 1z'/%3e%3cpath d='M9.5 9.83c-.28 0-.5-.23-.5-.5V4.27c0-.27.22-.5.5-.5s.5.23.5.5v5.05c0 .28-.22.51-.5.51z'/%3e%3cpath d='M13.97 12.35c-.08 0-.16-.02-.23-.06L9.27 9.94a.49.49 0 01-.21-.67c.13-.24.43-.34.68-.21l4.47 2.35c.25.13.34.43.21.67-.09.18-.27.27-.45.27z'/%3e%3c/svg%3e") 0 0 no-repeat;
              background-size: 20px 20px;
              background-position: center 4px;
              font: 0/0 a; }
            #emoticonBox.ogq .tab_area .item_list ul li.on button {
              border-bottom-color: #3d82f7; }
        #emoticonBox.ogq .tab_area .item_list > button {
          overflow: hidden;
          position: absolute;
          top: 0;
          bottom: 0;
          width: 18px;
          text-indent: -9998em;
          margin: 0; }
          #emoticonBox.ogq .tab_area .item_list > button.prev {
            left: 0; }
          #emoticonBox.ogq .tab_area .item_list > button.next {
            right: 0; }
          #emoticonBox.ogq .tab_area .item_list > button:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -8px;
            width: 7px;
            height: 7px;
            border-left: 1px solid #333;
            border-bottom: 1px solid #333; }
          #emoticonBox.ogq .tab_area .item_list > button.prev:before {
            transform: rotate(45deg);
            left: 8px; }
          #emoticonBox.ogq .tab_area .item_list > button.next:before {
            transform: rotate(225deg);
            right: 8px; }
          #emoticonBox.ogq .tab_area .item_list > button.off {
            opacity: .5;
            cursor: default; }
          #emoticonBox.ogq .tab_area .item_list > button.btn_market {
            display: none; }
    #emoticonBox.ogq .scroll_area.ogq_item {
      font-size: 0; }
      #emoticonBox.ogq .scroll_area.ogq_item span {
        overflow: visible;
        float: none;
        display: inline-block;
        width: 67px;
        height: 60px;
        margin: 12px 2px 0;
        font-size: 0; }
        #emoticonBox.ogq .scroll_area.ogq_item span a {
          box-sizing: border-box;
          width: auto;
          height: auto;
          padding: 5px 0;
          border: 1px solid transparent; }
          #emoticonBox.ogq .scroll_area.ogq_item span a img {
            display: block;
            width: 59px;
            height: 51px;
            margin: auto; }
          #emoticonBox.ogq .scroll_area.ogq_item span a:hover {
            background: #ededed none;
            border: 1px solid #d0d0d0; }
  #emoticonBox.ogq.fix_btn .tab_area .item_list div {
    margin-right: 58px; }
  #emoticonBox.ogq.fix_btn .tab_area .item_list > button.btn_market {
    display: block;
    right: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 34 26'%3e%3cpath d='M22.9 3c1.16 0 2.21.7 2.65 1.77l2.51 6.08.04.19c0 1.5-.83 2.83-2.08 3.51h.02v7.42a1.93 1.93 0 01-1.77 1.92H9.88a1.93 1.93 0 01-1.92-1.77v-7.57h.12A4.02 4.02 0 016 11.04l.04-.2 2.5-6.07A2.87 2.87 0 0111.2 3zm-9.36 9.96l-.08.15a4.03 4.03 0 01-3.24 1.94h-.2c-.37 0-.72-.05-1.06-.14v7.06c0 .47.36.86.82.92h14.34a.93.93 0 00.91-.81l.01-.11v-7.03a4 4 0 01-.75.1l-.2.01A4.04 4.04 0 0120.55 13a4.02 4.02 0 01-3.3 2.06h-.2a3.99 3.99 0 01-3.52-2.08zm3.51 3.85c1.6 0 2.9 1.25 2.98 2.82v3.21h-1V19.8a1.99 1.99 0 00-3.96-.15v3.19h-1V19.8a2.99 2.99 0 012.98-2.98zM13.97 4H11.2c-.76 0-1.44.46-1.73 1.16L7 11.13v.08a3.02 3.02 0 002.83 2.84h.35a3.04 3.04 0 002.86-3.08L13.97 4zm5.15 0h-4.14l-.95 7.04a3.02 3.02 0 002.83 3l.18.01h.18a3.01 3.01 0 002.85-2.95L19.12 4zm3.78 0h-2.77l.14 1.02.8 6.02a3.02 3.02 0 002.82 3l.18.01h.18a3.02 3.02 0 002.85-3.01v.09l-2.47-5.97A1.87 1.87 0 0023.05 4L22.9 4z'/%3e%3c/svg%3e") 0 1px no-repeat;
    background-size: 42px 26px;
    width: 40px;
    height: 37px;
    padding: 0 3px 7px;
    border-bottom: 2px solid transparent;
    font: 0/0 a; }
    #emoticonBox.ogq.fix_btn .tab_area .item_list > button.btn_market.on {
      border-bottom-color: #3d82f7; }
    #emoticonBox.ogq.fix_btn .tab_area .item_list > button.btn_market:before {
      top: 2px;
      left: 0;
      border: none;
      width: 1px;
      height: 25px;
      margin: 0;
      background-color: #d7d7d7; }
  #emoticonBox .scroll_area .loading {
    top: 67px;
    background-color: transparent; }
  #emoticonBox .scroll_area.recent_emoticon {
    height: 220px !important; }
  #emoticonBox .scroll_area .empyt_case em {
    display: block;
    margin: 50px auto 14px;
    background-image: url("/images/webplayer/chat/split_chat_2x.png");
    background-size: 1000px 1000px;
    background-repeat: no-repeat; }
    #emoticonBox .scroll_area .empyt_case em.n1 {
      background-position: -109px 0;
      width: 80px;
      height: 54px; }
    #emoticonBox .scroll_area .empyt_case em.n2 {
      background-position: -109px -65px;
      width: 80px;
      height: 54px; }
  #emoticonBox .scroll_area .empyt_case p {
    color: #888;
    font-size: 11px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: -0.5px; }
    #emoticonBox .scroll_area .empyt_case p span {
      color: #4279ff;
      float: none;
      display: inline;
      margin: 0; }
  #emoticonBox .tab_area2 {
    font-size: 0;
    background-color: #f5f6f9;
    margin: 7px 6px;
    border: 1px solid #ececec;
    border-radius: 3px;
    height: 23px; }
    #emoticonBox .tab_area2 li {
      display: inline-block;
      width: 50%;
      height: 24px; }
      #emoticonBox .tab_area2 li a {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        display: block;
        height: 24px;
        font-size: 11px;
        text-align: center;
        padding: 5px 0;
        border-radius: 3px;
        color: #666; }
        #emoticonBox .tab_area2 li a:after {
          content: '';
          display: block;
          position: absolute;
          z-index: 1;
          top: -1px;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          box-sizing: border-box;
          border: 1px solid #c8c8c8;
          transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
          border-radius: 3px; }
        #emoticonBox .tab_area2 li a span {
          position: relative;
          z-index: 2;
          line-height: 16px; }
      #emoticonBox .tab_area2 li a:after {
        right: 100%;
        left: auto;
        margin: 0 1px 0 0; }
      #emoticonBox .tab_area2 li:first-child a:after {
        right: auto;
        left: 100%;
        margin: 0 0 0 1px; }
      #emoticonBox .tab_area2 li.on a {
        color: #222;
        z-index: 2; }
        #emoticonBox .tab_area2 li.on a:after {
          left: auto;
          right: -1px;
          margin: 0;
          background-color: #fff; }
      #emoticonBox .tab_area2 li.on:first-child a:after {
        left: -1px;
        right: auto; }

#chatting_area.chat_thema_dark #emoticonBox {
  border: 1px solid #303239;
  background: #121212; }
  #chatting_area.chat_thema_dark #emoticonBox .tab_area {
    border-bottom: 1px solid #303239; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area ul li a {
      color: #686e7c; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area ul li.on a {
      color: #3d82f7; }
  #chatting_area.chat_thema_dark #emoticonBox h1 {
    color: #686e7c;
    border-bottom: 1px solid #434448; }
  #chatting_area.chat_thema_dark #emoticonBox .btn_close a {
    background: url("/images/flashplayer/btn_close_emo_smode.gif") no-repeat 7px 7px; }
  #chatting_area.chat_thema_dark #emoticonBox .scroll_area .sg_area {
    border-bottom: 1px solid #35363b; }
  #chatting_area.chat_thema_dark #emoticonBox.ogq .tab_area .item_list > button:before {
    border-color: #888; }
  #chatting_area.chat_thema_dark #emoticonBox.ogq .tab_area .item_list > button.btn_market:before {
    background-color: #2e2e2f !important; }
  #chatting_area.chat_thema_dark #emoticonBox .tab_area2 {
    background-color: #2e2e2f;
    border-color: #2e2e2f; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li a {
      color: #666; }
      #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li a:after {
        border: none; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li.on a {
      color: #e5e5e5; }
      #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li.on a:after {
        background-color: #555; }
  #chatting_area.chat_thema_dark #emoticonBox .scroll_area.ogq_item span a:hover {
    background: #333;
    border-color: #333; }

.thema_dark #emoticonBox, .theme_dark #emoticonBox {
  border: 1px solid #333 !important;
  background: #1b1b1c !important; }
  .thema_dark #emoticonBox .tab_area, .theme_dark #emoticonBox .tab_area {
    border-bottom: 1px solid #303239; }
    .thema_dark #emoticonBox .tab_area ul li a, .theme_dark #emoticonBox .tab_area ul li a {
      color: #c8c8c8; }
    .thema_dark #emoticonBox .tab_area ul li.on a, .theme_dark #emoticonBox .tab_area ul li.on a {
      color: #7398ff;
      border-color: #7398ff; }
  .thema_dark #emoticonBox .tab_area2, .theme_dark #emoticonBox .tab_area2 {
    background-color: #2e2e2f;
    border-color: #2e2e2f; }
    .thema_dark #emoticonBox .tab_area2 li a, .theme_dark #emoticonBox .tab_area2 li a {
      color: #666; }
      .thema_dark #emoticonBox .tab_area2 li a:after, .theme_dark #emoticonBox .tab_area2 li a:after {
        border: none; }
    .thema_dark #emoticonBox .tab_area2 li.on a, .theme_dark #emoticonBox .tab_area2 li.on a {
      color: #e5e5e5; }
      .thema_dark #emoticonBox .tab_area2 li.on a:after, .theme_dark #emoticonBox .tab_area2 li.on a:after {
        background-color: #555; }
  .thema_dark #emoticonBox h1, .theme_dark #emoticonBox h1 {
    color: #686e7c;
    border-bottom: 1px solid #434448; }
  .thema_dark #emoticonBox .btn_close a, .theme_dark #emoticonBox .btn_close a {
    background: url("/images/flashplayer/btn_close_emo_smode.gif") no-repeat 7px 7px; }
  .thema_dark #emoticonBox.ogq .tab_area .item_list ul li.on button, .theme_dark #emoticonBox.ogq .tab_area .item_list ul li.on button {
    border-color: #7398ff; }
  .thema_dark #emoticonBox.ogq .tab_area .item_list > button:before, .theme_dark #emoticonBox.ogq .tab_area .item_list > button:before {
    border-color: #888; }
  .thema_dark #emoticonBox.ogq .tab_area .item_list > button.btn_market:before, .theme_dark #emoticonBox.ogq .tab_area .item_list > button.btn_market:before {
    background-color: #2e2e2f !important; }
  .thema_dark #emoticonBox.ogq .scroll_area.ogq_item span a:hover, .theme_dark #emoticonBox.ogq .scroll_area.ogq_item span a:hover {
    background: #333;
    border-color: #333; }
  .thema_dark #emoticonBox .scroll_area .sg_area, .theme_dark #emoticonBox .scroll_area .sg_area {
    border-bottom: 1px solid #35363b; }
  .thema_dark #emoticonBox .scroll_area .empyt_case span, .theme_dark #emoticonBox .scroll_area .empyt_case span {
    color: #7398ff; }

/* 토스트 팝업 */
.toast_message {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  text-align: center;
  z-index: 1000000; }

.toast_message > div {
  position: relative;
  background: #3b3b3b;
  min-width: 300px;
  max-width: 480px;
  margin-bottom: 8px;
  padding: 17px 36px 17px 28px;
  clear: both;
  float: left;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  left: 50%;
  border-radius: 2px;
  box-sizing: border-box;
  z-index: 100;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }

.toast_message > div p {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  text-align: left; }

.toast_message > div p.text_center {
  text-align: center; }

.toast_message .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 12px 0 0;
  z-index: 100; }

.toast_message .close span {
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%;
  width: 11px;
  height: 11px;
  font: 0/0 a; }

.toast_message .button {
  display: inline-block;
  margin-left: 20px;
  padding: 8px 10px;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
  background-color: #7398ff; }

.toast_message .success {
  background: rgba(85, 85, 85, 0.9); }

.toast_message .warning, .toast_message .error {
  background: #3b3b3b; }

.toast_message > div.off {
  opacity: 0;
  margin-bottom: -100%;
  z-index: -1; }

html {
  -webkit-text-size-adjust: none; }

body {
  margin: 0; }

* {
  margin: 0;
  padding: 0;
  outline: none; }

html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'NG','AppleGothic',sans-serif; }

h1, h2, h3, h4, h5, h6, div, ol, ul, dl, p, img, fieldset, object {
  font-size: 12px;
  border: 0;
  outline: none;
  list-style: normal;
  border: none; }

a, a:active, a:hover {
  color: #666;
  text-decoration: none; }

em, li {
  list-style: none;
  font-style: normal; }

caption, legend, .hide {
  display: none; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer; }

label {
  cursor: pointer; }

.blind {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999em;
  width: 0px !important;
  height: 0px !important;
  font-size: 0 !important;
  line-height: 0;
  text-indent: -9999px !important;
  border: none !important; }

.floatR {
  float: right; }

.banner, .improve, .wechat div, .bottom_left_vod-smode-use, .ic-allow, .vr {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* ***** */
/* 로그인 */
.lay {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  border: 1px solid #1b87e2; }

.lay_login {
  display: block;
  width: 366px;
  margin: 0 0 0 -183px;
  background: #fff;
  transform: translateY(-50%); }

.lay_login .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 11; }

.lay_login_young {
  margin: -137px 0 0 -183px; }

.lay_service {
  display: block;
  width: 366px;
  margin: -192px 0 0 -183px;
  background: #fff; }

.lay .btn_close_top a {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 9px;
  height: 10px;
  overflow: hidden;
  text-indent: -1111px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.lay .memo {
  padding: 0 0 53px; }
  .lay .memo h2 {
    margin: 23px auto 0;
    height: 23px;
    width: 127px;
    overflow: hidden;
    text-indent: -1111px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 454.15 75.91' %3e%3cstyle%3e.logo_wrap%7bclip-path:url(%23afLogo);%7d%3c/style%3e%3cclipPath id='afLogo'%3e%3cpath d='M387.14,65A108.54,108.54,0,0,1,385,43.19a100.16,100.16,0,0,1,1.33-17.07,20.93,20.93,0,0,1,.71-2.77,11.1,11.1,0,0,1,6.35-6.74A28.88,28.88,0,0,1,398.26,15a83.71,83.71,0,0,1,19.15-2.37h.45A78.06,78.06,0,0,1,436.77,15a49.58,49.58,0,0,1,5.15,1.68s5.07,2,6.42,6.67A24.76,24.76,0,0,1,449,26a114.94,114.94,0,0,1,1.36,17.21,110.06,110.06,0,0,1-2.2,21.93v0a10.05,10.05,0,0,1-7.66,7.75l-.36.07a115.36,115.36,0,0,1-22.46,2.2A115.39,115.39,0,0,1,395.26,73l-.5-.1A10,10,0,0,1,389,69.2,8.83,8.83,0,0,1,387.14,65Z' fill='none'/%3e%3c/clipPath%3e%3cg fill='%230545b1'%3e%3cpath d='M48,15.46S47.77,2.21,63,2.06H77.17c3,0,5.63,2.13,5.63,4.74s-2.58,4.8-5.63,4.8H70.59c-4.37,0-4,3.18-4,3.18V21h7.94c3.15,0,5.73,2,5.73,4.62S78,30.28,75,30.28H66.6V61.7c0,4.42-3.82,8.35-9.14,8.35S48,66.47,48,62Z'/%3e%3cpath d='M100.81,61.63c0,4.78-3.83,8.42-9.13,8.42S82.13,66.41,82.13,62V33.69s0-12.48,15.43-12.48h12.22c6.4,0,6.4,4.9,6.4,4.9s0,4.71-6,4.71H104.8c-4,0-4,3.09-4,3.09Z'/%3e%3cpath d='M191.56,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H184.18v5.7s.18,3,4.24,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H181c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='M247.47,60.51c3.16-.08,6,2.38,6,5.05s-2.83,4.49-6,4.49H222.63c-5.23,0-9-3.16-9-7.64V28.94c0-4.43,4.31-8.07,9.55-8.07h25.25c3.18,0,5.66,2.11,5.66,4.76s-2.48,4.64-5.66,4.64H235a2.05,2.05,0,0,0-2.31,2V58.46s-.16,2,2.33,2Z'/%3e%3cpath d='m296.66 33.58v28.25c0 4.5-4.34 8.22-9.66 8.22h-16.11c-15.89 0-15.89-12.79-15.89-12.79v-6.33s1-11.56 15.88-11.5h6.81v-5.79s0-3-3.74-3h-8.64c-3.16 0-6.22-1.86-6.22-4.53s2.9-5.23 6-5.23h16.3c15.27 0.12 15.27 12.7 15.27 12.7zm-26.54 26.78h7.55v-11.27h-7.55c-4.12 0-3.72 5.63-3.72 5.63s-0.4 5.64 3.72 5.64z'/%3e%3cpath d='M341,8.48s0-4.32-5.72-4.32H295.61c-5.73,0-5.73,4.19-5.73,4.19s0,4.15,5.36,4.15h8.3c3.57,0,3.57,2.71,3.57,2.71V40.79c0,4.2,3.42,7.41,8.17,7.41s8.53-3.21,8.53-7.1V15.17c.06-.59.51-2.55,3.55-2.55h8.29C341,12.62,341,8.48,341,8.48Z'/%3e%3cpath d='M41.68,33.56V61.83c0,4.5-4.35,8.22-9.66,8.22H15.89C0,70.05,0,57.25,0,57.25V50.92S1,39.36,15.89,39.41H22.7V33.62s0-3-3.74-3H10.32c-3.16,0-6.24-1.85-6.24-4.53S7,20.86,10.15,20.86H26.46C41.68,20.94,41.68,33.56,41.68,33.56ZM15.12,60.35h7.55V49.09H15.12c-4.27,0-3.72,5.63-3.72,5.63S11,60.35,15.12,60.35Z'/%3e%3cpath d='M143.75,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H136.38v5.7s.17,3,4.23,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H133.15c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='m375.9 5.58c-3.73-2.51-9-1.21-11.76 2.91l-15 20.16-5.45-11.65c-1-2.19-5.32-3.23-7.61-2.17s-3.71 4.35-2.7 6.54l9.92 22.79c0.78 1.66 2.54 3 5.33 3.71a9.82 9.82 0 0 0 10-4.17l19-26.11c2.82-4.15 2.01-9.51-1.73-12.01z'/%3e%3c/g%3e%3cpath d='M435.22,1.27a2.33,2.33,0,0,1-1.36,3.25l-14.11,6.41a4.66,4.66,0,0,1-4.37-.1l-9.12-4.32a2.34,2.34,0,0,1-.61-3.44h0A2.3,2.3,0,0,1,409,2.81l7,5.64a2.47,2.47,0,0,0,2.19.52A3,3,0,0,0,419,8.6L431.91.33a2.35,2.35,0,0,1,3.31.94Z' fill='%230545b1'/%3e%3cg class='logo_wrap'%3e%3cpath d='m453.24 27.38c-1-7.4-2.7-11.63-12.33-13.81a105.8 105.8 0 0 0-20.14-2.57c-1.09-0.05-2.19-0.05-3.29 0a105.71 105.71 0 0 0-20.13 2.58c-7.13 1.62-9.92 4.35-11.29 8.67-0.24 0.76 2.06-0.45 1.89 0.41s0.53 12.21 0.4 13.17c-1 7.29-4.24 7.61-4.24 7.87a134.72 134.72 0 0 0 0.89 16.3c1 7.4 2.71 11.62 12.34 13.81 8.68 2 15 1.83 20.13 2.06h3.29c5.16-0.23 11.45-0.1 20.14-2.06 9.63-2.19 11.34-6.41 12.33-13.81a132.48 132.48 0 0 0 0.9-16.31c0-0.14-1.45-3-2.88-6.78-0.14-0.37-1.08 1.57-1.22 1.19-1-2.74-1.09-8.12-1.41-10.85-0.04-0.44 4.68 0.56 4.62 0.13z' fill='%230545b1'/%3e%3cpath d='m428.87 33.56c-0.07-2.56-0.1-5.08 0-7.61a5.56 5.56 0 0 1 2.58-4.79 6.39 6.39 0 0 1 5.83-0.29c3 1.33 6.82 3.37 6.82 3.37 2.21 1.2 4.07 2.21 6.39 3.72a2.5 2.5 0 0 1 0.35 0.21 5.63 5.63 0 0 1 0.07 9.45c-2.2 1.46-4.11 2.85-6.37 4.25a60 60 0 0 1-5.93 3.31 7.37 7.37 0 0 1-6.32 0.32 6.14 6.14 0 0 1-3-4.94s-0.29-2.79-0.42-7z' fill='%2300bbed'/%3e%3cpath d='m432.75 53.93c-7.31 6.8-23.16 6.81-30.27 0a1.44 1.44 0 0 0-2 2.07c8.21 7.84 25.8 7.85 34.21 0a1.43 1.43 0 1 0-1.95-2.1z' fill='%23fff'/%3e%3cpath d='M426.91,42.6a.2.2,0,0,1,0-.07l0-.43-1-10.77,0-.3a5,5,0,0,0-.13-.69,5.55,5.55,0,0,0-4.43-4.13,5.64,5.64,0,0,0-.93-.08h-5.53a5.29,5.29,0,0,0-.8.06,5.56,5.56,0,0,0-4.56,4.14c0,.18-.08.37-.11.55l-.05.58-1,10.7,0,.25a1.15,1.15,0,0,0,0,.19,1.48,1.48,0,0,0,0,.21,5.56,5.56,0,0,0,4.14,5.37,5.45,5.45,0,0,0,1.41.19h7.51a5.5,5.5,0,0,0,.91-.08,5.57,5.57,0,0,0,4.64-5.48Z' fill='%231ac62f'/%3e%3cpath d='m406.11 36.67c-2.13 7.11-8.5 10.73-15.54 9.51-7.31-1.26-12.59-11.6-8.95-18 3.12-5.46 9.92-9.5 17-7.32 7.55 2.35 9.64 8.63 7.49 15.81z' fill='%23f2338a'/%3e%3ccircle cx='439.1' cy='33.27' r='4.69' fill='%231a1919'/%3e%3ccircle cx='395.46' cy='33.27' r='4.69' fill='%231a1919'/%3e%3c/g%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .lay .memo .login_age_young {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    height: 50px;
    margin: 5px 47px -11px;
    padding: 10px 0 10px 60px;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    line-height: 1.4; }
  .lay .memo .login_age_young:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #d12c1f;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(51, 51, 51, 0.999)' stroke=''   viewBox='0 0 31 25' %3e%3cpath d='M19.47 24.55c-.98 0-2.11-.15-3.4-.44-.33-.07-.47-.31-.42-.73l.1-1.12c.04-.25.2-.32.5-.19.53.21 1.07.36 1.6.45.55.08 1.16.12 1.84.12a8.2 8.2 0 003.88-.87 7.2 7.2 0 002.7-2.5c1.07-1.78 1.62-4.04 1.66-6.78a6.35 6.35 0 01-5.76 3.12c-1.95 0-3.58-.5-4.9-1.5-1.68-1.3-2.51-3.28-2.51-5.95 0-2.36.69-4.24 2.06-5.64 1.4-1.46 3.32-2.2 5.73-2.2 5.1 0 7.64 3.76 7.64 11.28 0 8.63-3.57 12.95-10.72 12.95zm6.9-20.43A4.74 4.74 0 0022.5 2.3c-1.72 0-3.07.54-4.04 1.63A5.72 5.72 0 0017.02 8c0 1.8.43 3.2 1.3 4.2h-.03c.91.98 2.2 1.47 3.88 1.47 1.74 0 3.1-.5 4.08-1.47A5.43 5.43 0 0027.7 8.3a6.5 6.5 0 00-1.34-4.17zM7.21 24.33h-1.3c-.3 0-.45-.15-.45-.45V3.2A326.94 326.94 0 001.8 6.31c-.23.2-.45.17-.64-.06l-.63-.76a.64.64 0 01-.1-.34c0-.12.05-.22.16-.3L5.52.7c.09-.08.22-.13.39-.13h.86c.44 0 .7.04.78.11.07.08.1.34.1.78v22.41c0 .3-.14.45-.44.45z'/%3e%3c/svg%3e ") 0 0 no-repeat;
    background-size: 70% 70%;
    background-position: center; }
  .lay .memo .pw_info {
    margin: 13px 0 0;
    height: 31px;
    overflow: hidden;
    text-indent: -1111px;
    background: url("/images/flashplayer/txt_pw2_info.gif") no-repeat center 0; }
  .lay .memo .pw_info2 {
    margin: 13px 0 0;
    height: 29px;
    overflow: hidden;
    text-indent: -1111px;
    background: url("/images/flashplayer/txt_pw2_info02.gif") no-repeat center 0; }
  .lay .memo .service_info {
    margin: 13px 0 0;
    height: 31px;
    overflow: hidden;
    text-indent: -1111px;
    background: url("/images/flashplayer/txt_service_info.gif") no-repeat center 0; }
  .lay .memo fieldset {
    display: block;
    padding: 20px 0 0; }
  .lay .memo .login {
    position: relative;
    margin: 0 70px; }
    .lay .memo .login dl {
      width: 166px; }
    .lay .memo .login dl.pw2 {
      width: 253px;
      margin-bottom: 23px; }
    .lay .memo .login dl:after {
      content: "";
      display: block;
      clear: both; }
    .lay .memo .login dt, .lay .memo .login dd {
      position: relative;
      float: left; }
    .lay .memo .login dt {
      width: 50px;
      padding: 6px 0 0;
      font-size: 11px;
      letter-spacing: -1px;
      color: #646464; }
    .lay .memo .login dl.pw2 dt {
      width: 68px;
      padding: 5px 0 0;
      font-size: 11px;
      letter-spacing: -1px;
      color: #646464; }
    .lay .memo .login dt label {
      font-size: 11px;
      letter-spacing: -1px;
      color: #646464; }
    .lay .memo .login dd {
      width: 110px;
      margin: 0 0 6px 0; }
      .lay .memo .login dd input {
        box-sizing: border-box;
        width: 100%;
        padding: 3px 0;
        text-indent: 5px;
        font-size: 12px;
        border: 1px solid #acacac; }
      .lay .memo .login dd input:focus {
        padding: 2px 0;
        border: 2px solid #3c93ff; }
    .lay .memo .login button.btn_login {
      overflow: visible;
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 60px;
      height: 50px;
      padding: 0;
      cursor: pointer;
      border-radius: 2px;
      border: 1px solid #4e88bb;
      background-color: #5796d9;
      transition: all 0.5s ease; }
    .lay .memo .login button.btn_login:before {
      content: attr(title);
      display: block;
      margin-top: 3px;
      text-align: center;
      font-size: 12px;
      color: #fff;
      font-weight: bold;
      text-shadow: 0 0 1px #000; }
    .lay .memo .login button.btn_login:hover {
      background-color: #4aa6e3; }
    .lay .memo .login button.btn_login_pw2 {
      position: absolute;
      left: 177px;
      top: 0;
      overflow: visible;
      border: 0 none;
      padding: 0;
      cursor: pointer;
      display: block;
      width: 76px;
      height: 22px;
      margin: 0 0 0;
      border-radius: 2px;
      border: 1px solid #4e88bb;
      background-color: #5796d9;
      transition: all 0.5s ease; }
    .lay .memo .login button.btn_login_pw2:before {
      content: attr(title);
      display: block;
      text-align: center;
      font-size: 12px;
      color: #fff;
      text-shadow: 0 0 1px #000; }
    .lay .memo .login button.btn_login_pw2:hover {
      background-color: #4aa6e3; }
    .lay .memo .login .idsave {
      position: relative;
      z-index: 1;
      margin: 5px 0 15px 50px;
      display: block; }
      .lay .memo .login .idsave input {
        vertical-align: middle; }
      .lay .memo .login .idsave label {
        display: inline-block;
        font-size: 11px;
        letter-spacing: -1px;
        color: #646464;
        line-height: 1.2;
        margin: 0 5px 2px 0;
        margin: 0 5px 0 0;
        vertical-align: -1px; }
    .lay .memo .login .info {
      font-size: 11px;
      line-height: 1.3em;
      letter-spacing: -1px;
      color: #f50000;
      padding: 5px 0 0 50px; }
  .lay .memo .login_pw2 {
    margin: 0 0 0 53px;
    position: relative; }
    .lay .memo .login_pw2 dl dd input {
      width: 105px; }
  .lay .memo .text {
    margin: 0 -50px 12px;
    font-size: 11px;
    color: #777;
    text-align: center; }
  .lay .memo .text:before {
    content: '!';
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 4px 0 0;
    font-size: 10px;
    color: #fff;
    background-color: #777;
    border-radius: 50%;
    vertical-align: 1px; }
  .lay .memo .btnbox.end {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 32px;
    text-align: center;
    padding: 20px 0 0;
    border-top: 1px solid #e4e4e4;
    background: #fafafa; }
  .lay .memo .btnbox.end span a {
    display: inline-block;
    margin: 0 4px;
    font-size: 11px;
    color: #0194cb;
    text-decoration: underline; }
  .lay .memo .pw_iv {
    padding-top: 146px;
    font-size: 11px;
    line-height: 150%;
    color: #5a5a5a;
    text-align: center;
    background: url("/images/flashplayer/bg_step_s.gif") no-repeat center 36px; }
  .lay .memo .pw_iv span {
    display: inline-block;
    font-size: 16px;
    padding-bottom: 10px; }
  .lay .memo .pw_iv p {
    padding-top: 22px;
    text-align: center;
    color: #2e6afd;
    font-size: 11px; }
  .lay .memo .btn_c {
    padding-top: 25px;
    margin-bottom: -23px;
    text-align: center; }
  .lay .memo .btn_c button {
    overflow: visible;
    display: inline-block;
    width: 76px;
    height: 22px;
    border: 0 none;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
    background: url("/images/flashplayer/btn_pw2_set.gif") no-repeat; }
  .lay .memo .btn_c .btn_setting {
    background-position: 0 0; }
  .lay .memo .btn_c .btn_setting_late {
    margin-left: 5px;
    background-position: -81px 0; }
  .lay .memo .btn_c .btn_qna {
    background-position: 0 -22px; }
  .lay .memo .btn_c .btn_confirm {
    margin-left: 5px;
    background-position: -81px -22px; }
  .lay .memo .bx_info {
    overflow: hidden;
    width: 322px;
    margin: 14px auto 0;
    padding: 18px 0 11px;
    background: #ecf4fa; }
  .lay .memo .bx_info dl dt {
    float: left;
    width: 112px;
    height: 18px;
    color: #0056cc;
    text-align: right;
    font-weight: bold; }
  .lay .memo .bx_info dl dd {
    float: left;
    width: 189px;
    height: 18px;
    padding-left: 21px;
    color: #666; }
  .lay .memo .info_t {
    padding-top: 18px;
    text-align: center;
    font-size: 12px;
    letter-spacing: -1px;
    color: #666;
    line-height: 120%; }
  .lay .memo .sns_join {
    text-align: center;
    font-size: 0;
    margin-bottom: 20px; }
    .lay .memo .sns_join a {
      box-sizing: border-box;
      display: inline-block;
      width: 80px;
      height: 54px;
      margin: 0 3.5px;
      border-radius: 3px;
      font-size: 10px;
      letter-spacing: -1px;
      vertical-align: top;
      color: #fff; }
      .lay .memo .sns_join a em {
        display: block; }
      .lay .memo .sns_join a p {
        font-size: 10px;
        line-height: 1; }
        .lay .memo .sns_join a p strong {
          font-weight: normal; }
      .lay .memo .sns_join a.naver {
        background-color: #1ec800; }
        .lay .memo .sns_join a.naver em {
          width: 17px;
          height: 15px;
          margin: 12px auto 7px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 17 15'%3e%3cpath fill-rule='evenodd' d='M11.2 0v7.6L5.8 0H0v15h5.8V7.4l5.4 7.6H17V0h-5.8z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
      .lay .memo .sns_join a.kakao {
        background-color: #fee500;
        color: #000; }
        .lay .memo .sns_join a.kakao em {
          width: 20px;
          height: 18px;
          margin: 10px auto 7px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 20 18'%3e%3cpath fill-rule='evenodd' d='M10 14.9H8.7l-4.8 3-.2.1c-.3 0-.5-.2-.4-.5l1-3.9C1.8 12.3 0 10 0 7.4 0 3.4 4.5 0 10 0s10 3.3 10 7.4c0 4.2-4.5 7.5-10 7.5z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
      .lay .memo .sns_join a.apple {
        background-color: #000; }
        .lay .memo .sns_join a.apple em {
          width: 16px;
          height: 20px;
          margin: 8px auto 6px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 15 19'%3e%3cpath fill-rule='evenodd' d='M10.9 4.6c.5 0 2.4 0 3.6 1.9 0 0-2 1.2-2 3.6 0 2.8 2.4 3.8 2.5 3.8v.2c-.2.4-.6 1.5-1.3 2.5C13 17.8 12.1 19 11 19c-1.3 0-1.6-.8-3-.8-1.5 0-2 .8-3.1.8-1.2 0-2-1-2.9-2.4C1 15 0 12.6 0 10.3c0-3.7 2.3-5.7 4.6-5.7 1.2 0 2.3.9 3 .9.7 0 1.9-1 3.3-1zm.3-4.6v.4c0 1-.4 2-1 2.6-.6.8-1.6 1.4-2.5 1.4h-.2V4c0-1 .4-2 1-2.6A4 4 0 0111.1 0z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
      .lay .memo .sns_join a.twitter {
        background-color: #1da1f2; }
        .lay .memo .sns_join a.twitter em {
          width: 21px;
          height: 17px;
          margin: 8px auto 6px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 21 17' %3e%3cpath fill-rule='evenodd' d='M21 2c-.8.4-1.6.6-2.5.7 1-.5 1.6-1.4 2-2.4-1 .5-1.9.9-2.8 1a4.3 4.3 0 00-5.2-.8 4.3 4.3 0 00-2.2 4.8C7 5 3.6 3.5 1.5.8a4.3 4.3 0 001.3 5.7c-.7 0-1.4-.2-2-.5 0 2.1 1.5 3.8 3.5 4.2-.6.2-1.3.2-2 .1.6 1.8 2.2 3 4 3A8.7 8.7 0 010 15C2 16.3 4.3 17 6.6 17A12.1 12.1 0 0018.9 4.2C19.7 3.6 20.4 3 21 2z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
      .lay .memo .sns_join a.google {
        background-color: #fff;
        border: 1px solid #ddd;
        color: #000; }
        .lay .memo .sns_join a.google em {
          width: 20px;
          height: 21px;
          margin: 8px auto 6px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 512 512'%3e%3cpath d='M113.5 309.4L95.6 376l-65 1.4A254.9 254.9 0 010 256c0-42.5 10.3-82.5 28.6-117.7l58 10.6 25.4 57.6a152.2 152.2 0 001.5 103z' fill='%23fbbb00'/%3e%3cpath d='M507.5 208.2a256.3 256.3 0 01-91.2 247.4l-73-3.7-10.4-64.5c29.9-17.6 53.3-45 65.6-78H261.6V208.3h246z' fill='%23518ef8'/%3e%3cpath d='M416.3 455.6a256 256 0 01-385.8-78.3l83-67.9a152.2 152.2 0 00219.4 78l83.4 68.2z' fill='%2328b446'/%3e%3cpath d='M419.4 59l-83 67.8A152.3 152.3 0 00112 206.5l-83.4-68.2a256 256 0 01390.8-79.4z' fill='%23f14336'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
      .lay .memo .sns_join a.facebook {
        background-color: #4267b2; }
        .lay .memo .sns_join a.facebook em {
          width: 22px;
          height: 22px;
          margin: 8px auto 6px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 22 22' %3e%3cpath fill-rule='evenodd' d='M10 10.5V13h2V21h2.7V13h2l.6-2.6h-2.6V8.9c0-.8.4-1 1.5-1h1V5.8s-.5-.6-2-.6c-2 0-3.2 1.4-3.2 3.7v1.6h-2zM19.4 22H2.6A2.6 2.6 0 010 19.4V2.6C0 1.2 1.2 0 2.6 0h16.8C20.8 0 22 1.2 22 2.6v16.8c0 1.4-1.2 2.6-2.6 2.6z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
      .lay .memo .sns_join a.wechat {
        background-color: #07c160; }
        .lay .memo .sns_join a.wechat em {
          width: 26px;
          height: 21px;
          margin: 8px auto 6px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 26 21' %3e%3cpath fill-rule='evenodd' d='M23.3 18.6a.5.5 0 00-.2.6l.4 1.3v.2c0 .2-.1.3-.3.3h-.1l-1.7-1a.8.8 0 00-.7-.1c-.8.2-1.6.3-2.5.3-4.4 0-7.9-2.9-7.9-6.5s3.5-6.5 7.9-6.5c4.3 0 7.8 3 7.8 6.5 0 2-1 3.7-2.7 5zm-7.7-8a1 1 0 100 2 1 1 0 000-2zm5.2 0a1 1 0 100 2 1 1 0 000-2zM9.6 13.7c0 .7.1 1.3.3 2a11 11 0 01-3.8-.5 1 1 0 00-.5.1l-2.1 1.2h-.2a.3.3 0 01-.3-.2V16l.5-1.6v-.2c0-.2 0-.4-.3-.5A7.4 7.4 0 010 7.8C0 3.5 4.2 0 9.4 0c4.7 0 8.6 2.9 9.3 6.6h-.5c-4.8 0-8.6 3.2-8.6 7.1zM6.3 4.1a1.3 1.3 0 100 2.5 1.3 1.3 0 000-2.5zm6.2 0a1.3 1.3 0 100 2.5 1.3 1.3 0 000-2.5z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
    .lay .memo .sns_join.icon_change a {
      width: 48px;
      height: 48px; }
      .lay .memo .sns_join.icon_change a em {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 auto; }
      .lay .memo .sns_join.icon_change a p {
        font: 0/0 a; }
  html[lang^="en"] .lay .memo .login dt {
    width: 60px;
    margin-left: -10px; }

/* 로그인 */
/* ***** */
/* button */
.btn_st1 {
  display: inline-block;
  min-width: 44px;
  height: 20px;
  padding: 2px 15px;
  padding: 0 15px 0px 15px\0;
  font-size: 11px;
  line-height: 20px;
  *line-height: 24px;
  text-align: center;
  color: #fff !important;
  background: #4096de;
  border: 1px solid #3889bf;
  vertical-align: top;
  text-decoration: none !important;
  letter-spacing: -1px; }

.btn_st1:hover {
  background: #4aa6e3; }

.btn_st2 {
  display: inline-block;
  min-width: 44px;
  height: 20px;
  padding: 2px 15px;
  padding: 0 15px 0px 15px\0;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #525252 !important;
  background: #fff;
  border: 1px solid #b8b8b8;
  vertical-align: top;
  text-decoration: none !important;
  letter-spacing: -1px; }

.btn_st2:hover {
  border: 1px solid #4aa6e3; }

.btn_st3 {
  display: inline-block;
  min-width: 44px;
  height: 15px;
  padding: 3px 5px 1px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #3c93ff !important;
  background: #fff;
  border: 1px solid #4aa6e3;
  vertical-align: top;
  text-decoration: none !important;
  letter-spacing: -1px; }

.btn_st4 {
  display: inline-block;
  min-width: 22px;
  height: 15px;
  padding: 3px 5px 1px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #555555 !important;
  background: #fff;
  border: 1px solid #b8b8b8;
  vertical-align: top;
  text-decoration: none !important;
  letter-spacing: -1px; }

.btn_st5 {
  display: inline-block;
  min-width: 22px;
  height: 15px;
  padding: 3px 5px 1px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #4096de !important;
  background: #fff;
  border: 1px solid #4096de;
  vertical-align: top;
  text-decoration: none !important;
  letter-spacing: -1px; }

/* 2015-12-10 추가 */
.btn_st6 {
  display: inline-block;
  min-width: 44px;
  height: 20px;
  padding: 2px 5px;
  padding: 0 15px 0px 15px\0;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #fff !important;
  background: #4096de;
  border: 1px solid #3889bf;
  vertical-align: top;
  text-decoration: none !important;
  letter-spacing: -1px; }

.btn_st6:hover {
  background: #4aa6e3; }

.btn_st7 {
  display: inline-block;
  min-width: 22px;
  height: 15px;
  padding: 3px 5px 1px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #fff !important;
  background: #3c88f1;
  border: 1px solid #3c88f1;
  vertical-align: top;
  text-decoration: none !important;
  letter-spacing: -1px; }

.btn_qvinfo {
  font-size: 11px;
  color: #328ede !important; }
  .btn_qvinfo:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 3px 5px;
    width: 2px;
    height: 3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(50, 142, 222, 0.999)' stroke='' viewBox='0 0 11 15'%3e%3cpath d='M11 7.48L0 15V0l11 7.48z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }

/* 레이어 사이즈 layer_s=스몰, layer_m=미들, layer_l=라지 식으로 정리함.
새로 만든 레이어는 아래 클래스 중 맞는 사이즈로 복수클래스로 추가하면 됨
레이어 뜨는 위치는 스크립트로 적용 중(플개팀).
*/
.layer_s {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 280px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_s_chat {
  display: none;
  position: absolute;
  left: -1px;
  bottom: 83px;
  z-index: 999999;
  width: 238px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_m {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 330px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_l {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 380px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_xl {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 425px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_xxl {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 440px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_qv_gift {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 500px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_qv_gift2 {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 600px;
  border: 1px solid #2c84ce;
  background: #fff; }

.layer_s.win_pop,
.layer_s_chat.win_pop,
.layer_m.win_pop,
.layer_l.win_pop,
.layer_xl.win_pop,
.layer_xxl.win_pop,
.pop_stargift.win_pop,
.pop_gudok.win_pop,
.pop_adballoon.win_pop {
  display: block;
  position: static;
  border: none; }

.pop_adballoon.win_pop {
  width: auto; }

.pop_adballoon.win_pop .layer_in .btn_close {
  display: none; }

.pop_adballoon.win_pop .layer_in .what_adballoon {
  right: 12px; }

.pop_gudok.win_pop {
  width: 100%; }

.pop_stargift.win_pop .what_star {
  right: 0 !important; }

.pop_gudok.win_pop .layer_in > .btn_close,
.pop_stargift.win_pop .layer_in > .btn_close,
.gd_gift.win_pop .layer_in > .btn_close2 {
  display: none !important; }

.layer_in {
  position: relative; }

.layer_in .btn_close {
  position: absolute;
  right: 7px;
  top: 7px;
  display: block;
  width: 9px;
  height: 10px;
  padding: 5px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  background: url("/images/flashplayer/split_layer.png") no-repeat 4px -44px; }

.layer_in .btn_close2 {
  position: absolute;
  right: 7px;
  top: 4px;
  display: block;
  width: 9px;
  height: 10px;
  padding: 5px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  background: url("/images/flashplayer/split_layer.png") no-repeat 4px -44px; }

.layer_in .title {
  display: block;
  padding: 9px 0 0 12px;
  height: 20px;
  line-height: 14px;
  color: #2c84ce;
  letter-spacing: -1px;
  border-bottom: 1px solid #2c84ce; }

.layer_in .title.t_starlist {
  padding: 8px 0 0 27px;
  background: url("/images/flashplayer/video/video.png") no-repeat -31px -304px; }

/* 레이어 버튼, 정렬 */
.layer_ac {
  text-align: center;
  letter-spacing: -1px;
  color: #7e7e7e;
  line-height: 17px;
  padding: 18px 5px 0; }

.layer_al {
  text-align: left;
  letter-spacing: -1px;
  color: #7e7e7e;
  line-height: 17px;
  padding: 18px 25px 0; }

.btn_wrap {
  padding: 14px 0 20px 0;
  text-align: center; }

.btn_wrap_line {
  padding: 14px 0 20px 0;
  text-align: center;
  margin: 10px 25px 0 25px;
  border-top: 1px solid #e4e4e4; }

/* 패딩 간격용. 레이어 맨아래 조절용 */
.par {
  display: block;
  padding-top: 8px; }

.pdt0 {
  padding-top: 0px; }

.pdt10 {
  padding-top: 10px; }

.pdt20 {
  padding-top: 20px; }

.pdt25 {
  padding-top: 25px; }

.pdt30 {
  padding-top: 30px; }

.pdt40 {
  padding-top: 40px; }

.pdt50 {
  padding-top: 50px; }

.pdb5 {
  padding-bottom: 5px; }

.pdb6 {
  padding-bottom: 6px; }

.pdb10 {
  padding-bottom: 10px; }

.pdb20 {
  padding-bottom: 20px; }

.pdb25 {
  padding-bottom: 25px; }

.pdb30 {
  padding-bottom: 30px; }

.pdb40 {
  padding-bottom: 40px; }

.pdb45 {
  padding-bottom: 45px; }

.pdb50 {
  padding-bottom: 50px; }

.mgt10 {
  margin-top: 10px; }

.mgt20 {
  margin-top: 20px; }

.mgt30 {
  margin-top: 30px; }

.mgt40 {
  margin-top: 40px; }

.mgt50 {
  margin-top: 50px; }

.mgb20 {
  margin-bottom: 20px; }

/* 폰트 사이즈 */
.fts11 {
  font-size: 11px;
  line-height: 16px; }

.fts14 {
  font-size: 14px; }

.fts11 strong {
  font-size: 11px; }

.fts11_pdt5 {
  display: block;
  font-size: 11px;
  line-height: 14px;
  padding-top: 5px; }

.fts12 {
  font-size: 12px; }

/* 컬러 */
.color_blk, a.color_blk {
  color: #525252; }

.color_bl, a.color_bl {
  color: #328fde; }

.color_navy {
  color: #2d5087; }

span .color_bl, span a.color_bl {
  color: #328fde;
  font-size: 11px; }

.color_red, a.color_red {
  color: #f50000; }

.color_gray, a.color_gray {
  color: #7e7e7e; }

.color_lightgray, a.color_lightgray {
  color: #b6b6b6; }

.input_text {
  border: 1px solid #acacac;
  vertical-align: top;
  padding: 4px 2px;
  padding: 3px 2px 1px 2px\0;
  /*margin:-1px 0 0 0;*/ }

.input_checkbox {
  vertical-align: top;
  padding: 3px 2px 1px 2px;
  *margin: -1px 0 0 0; }

.icon_exc {
  width: 250px;
  display: inline-block;
  font-size: 11px;
  line-height: 16px;
  padding: 7px 0 0 17px; }

.command_list {
  margin: 10px 0 0 0;
  padding: 13px 15px 10px 15px;
  background: #ecf4fa; }

.command_list li {
  padding: 0 0 3px 0; }

.command_list li strong {
  font-weight: bold;
  color: #0194cb;
  font-size: 11px; }

.command_list li span {
  color: #7e7e7e;
  font-size: 11px; }

.sub_list {
  padding: 10px 37px 0 38px; }
  .sub_list li {
    position: relative;
    color: #7e7e7e;
    font-size: 11px;
    padding: 3px 0 0 5px;
    letter-spacing: -1px; }
    .sub_list li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 8px;
      width: 2px;
      height: 2px;
      border-radius: 50%;
      background-color: #7e7e7e; }
    .sub_list li a {
      color: #3c93ff; }

.sub_list2 {
  padding: 2px 0 0 0; }
  .sub_list2 li {
    position: relative;
    color: #525252;
    padding: 0 0 0 5px;
    margin-bottom: 10px;
    letter-spacing: -1px; }
    .sub_list2 li:before {
      content: '';
      display: block;
      position: absolute;
      top: 6px;
      left: 0;
      width: 2px;
      height: 2px;
      border-radius: 50%;
      background-color: #666; }

.sub_list3 {
  padding: 10px 0 0 0; }

.sub_list3 li {
  padding: 0 0 10px 0;
  color: #7e7e7e;
  font-size: 11px;
  letter-spacing: -1px; }

.sub_list3 li span {
  font-size: 11px; }

.sub_list4 {
  padding: 10px 0; }

.sub_list4 li {
  color: #737373;
  padding: 0 0 3px 10px;
  letter-spacing: 0;
  background: url("/images/flashplayer/dot4.gif") no-repeat 0 5px; }

.sub_list4 li em {
  font-weight: bold; }

.sub_list4 li .fts11 {
  font-size: 11px;
  letter-spacing: -1px; }

.sub_list4 li .fts12 {
  font-size: 12px; }

.sub_list5 {
  padding-top: 2px;
  background-color: #fff; }

.sub_list5 li {
  padding: 0 0 0 8px;
  margin: 0 0 2px 0;
  text-indent: -6px;
  color: #888;
  background: none !important; }

.table_list li {
  padding: 3px 0 13px 0;
  overflow: hidden; }

.table_list li span {
  position: relative;
  display: inline-block;
  float: left;
  padding: 0 3px 0 7px;
  color: #525252; }
  .table_list li span.space_t {
    margin-top: 10px; }
  .table_list li span:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #525252; }

.table_list li span.zh {
  background-image: none;
  float: none;
  padding: 0 3px 0 0px; }

.table_list li .btn_st3 {
  vertical-align: top;
  margin: -3px 0 0 0;
  padding: 0px 5px;
  height: 18px;
  line-height: 18px; }

.table_list li .select_area .input_radio {
  display: inline-block;
  margin: -2px 0 0 0; }

.table_list li .select_area input {
  vertical-align: middle; }

.table_list li .select_area em {
  display: block;
  padding: 5px 0 0 0; }

.table_list li .fieldset {
  letter-spacing: 0; }

.table_list {
  padding: 17px 15px 10px;
  background: #ecf4fa; }
  .table_list.qv_area {
    padding: 13px 25px 25px 25px;
    margin: 0 -25px; }
    .table_list.qv_area li {
      padding: 3px 0 2px 0;
      overflow: inherit; }

.quick_box {
  clear: both;
  border: 1px solid #8aa8bd;
  position: relative;
  top: 7px;
  border-radius: 2px;
  background: #fff; }

.quick_box ul {
  padding: 9px 0;
  overflow: hidden;
  *zoom: 1; }

.quick_box ul:after {
  display: block;
  clear: both;
  content: ""; }

.quick_box ul li {
  width: 33%;
  float: left;
  padding: 5px 0 6px 0;
  margin: 0;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
  font-size: 11px;
  color: #708da1;
  border-right: 1px dotted #dce5eb; }

.quick_box ul.plus li {
  width: 25%; }

.quick_box ul li.last {
  border-right: none; }

.quick_box ul li em {
  display: block;
  font-size: 11px;
  color: #666;
  padding: 4px 0 7px; }

.quick_box ul li em strong {
  color: #f8003f;
  font-size: 11px;
  font-weight: normal; }

.quick_box ul li .btn_wrap {
  padding: 0 0 0 0;
  text-align: center;
  margin: 0; }

.quick_box ul li .btn_wrap a {
  line-height: 1.1em;
  margin: 0 1px; }

.ko_KR .quick_box ul li .btn_wrap a {
  line-height: 1.4em; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .quick_box ul li .btn_wrap a {
    line-height: 1.2em; }

  .ko_KR .quick_box ul li .btn_wrap a {
    line-height: 1.3em; } }
/* 스티커 선물하기 */
.pop_stk {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 509px;
  border: 1px solid #2c84ce;
  background: #fff; }

.pop_stk h1 {
  margin-bottom: 13px;
  display: block;
  padding: 9px 0 0 12px;
  height: 20px;
  line-height: 14px;
  color: #2c84ce;
  letter-spacing: -1px;
  font-weight: bold;
  border-bottom: 1px solid #2c84ce; }

.what_stk {
  padding-top: 1px;
  position: absolute;
  background: url("/images/flashplayer/split_layer.png") no-repeat right -25px;
  padding-right: 20px;
  cursor: pointer;
  top: 7px;
  right: 26px;
  font-size: 11px;
  color: #2c2c2c;
  letter-spacing: -1px;
  height: 16px;
  line-height: 16px; }

.pop_layer {
  width: 382px;
  height: 355px;
  position: absolute;
  top: 77px;
  left: 64px;
  z-index: 5000; }

.stk_layer {
  position: relative;
  text-align: center;
  width: 368px;
  border: 3px solid #3d80e4;
  background-color: #fff;
  margin-top: -15px; }
  .stk_layer h2 {
    margin: 30px 0 20px;
    padding: 0 10px;
    font-size: 26px !important;
    color: #d00e5f;
    text-align: center;
    font-weight: bold;
    letter-spacing: -1px; }
  .stk_layer ul {
    overflow: hidden;
    margin: 0 10px 10px; }
    .stk_layer ul li {
      position: relative;
      box-sizing: border-box;
      float: left;
      width: 50%;
      padding: 0 10px 100px;
      height: 170px;
      color: #8c8c8c;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.2; }
      .stk_layer ul li:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        width: 100px;
        height: 60px;
        margin: 0 auto;
        background: url("/images/webplayer/layer/stk_pop.png") 0px -80px no-repeat; }
      .stk_layer ul li:first-child:before {
        background-position: 0 10px; }
      .stk_layer ul li:first-child {
        border-right: 1px solid #e7e7e7; }
      .stk_layer ul li + li + li {
        display: none; }
      .stk_layer ul li em {
        display: block;
        font-size: 14px;
        color: #2873c9;
        margin-bottom: 13px; }
  .stk_layer p {
    padding-top: 0;
    color: #949494;
    font-weight: bold;
    line-height: 15px; }
    .stk_layer p span {
      color: #61a0e9; }
  .stk_layer .btn_itemview {
    display: inline-block;
    margin: 15px 0 30px;
    color: #fff;
    background: #3889d5 url("/images/flashplayer/split_layer.png") right -516px no-repeat;
    border: 1px solid #1e68ba;
    padding: 6px 19px 4px 12px;
    text-decoration: none; }
  .stk_layer .layer_close {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 9;
    background: url("/images/flashplayer/split_layer.png") no-repeat 0px -49px; }
  .stk_layer h2, .stk_layer ul {
    position: relative;
    left: 0;
    width: auto !important;
    height: auto !important;
    text-indent: 0 !important;
    line-height: 1.2;
    top: 0; }

.st_choice {
  color: #bad4fe;
  font-size: 12px;
  padding-top: 10px;
  letter-spacing: -1px; }

.ugold {
  color: #707880;
  letter-spacing: -1px; }

.cggold {
  color: #707880;
  letter-spacing: -1px; }

.givebj {
  color: #707880;
  letter-spacing: -1px; }

.result .btn_charge {
  vertical-align: middle;
  font-size: 11px;
  color: #0296cd;
  background: #ebf6ff url("/images/flashplayer/split_layer.png") 4px -70px no-repeat;
  border: 1px solid #67c0e1;
  border-radius: 2px;
  padding: 3px 4px 2px 11px;
  text-decoration: none; }

.btn_presen {
  background: url(/images/popup/button/btn_present.gif) 0 0 no-repeat;
  width: 207px;
  height: 62px; }

.layer_close {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 3px;
  right: 3px;
  text-indent: -5000px;
  display: block;
  cursor: pointer; }

.bg_layer {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7; }

.sticker_wrap {
  overflow: hidden; }

.sticker_view {
  text-align: center;
  width: 204px;
  float: left;
  margin: 0 11px 0 15px;
  *margin: 0 11px 0 13px;
  padding-top: 68px;
  position: relative; }

.sticker_view span {
  position: absolute;
  top: 85px;
  left: 50%;
  font-size: 35px;
  font-family: Arial;
  font-weight: bold;
  color: #000;
  width: 100px;
  margin-left: -50px;
  text-align: center; }

.sticker_list2 {
  position: relative;
  float: left;
  width: 266px; }

.sticker_list2 button, .sticker_list2 button img {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  width: 17px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden; }

.sticker_list2 .btn_on {
  background: url("/images/flashplayer/split_layer.png") no-repeat 0 -400px; }

.sticker_list2 .btn_off {
  background: url("/images/flashplayer/split_layer.png") no-repeat -17px -400px;
  cursor: default; }

.sticker_list2 .btn_before {
  background: url("/images/flashplayer/split_layer.png") no-repeat -34px -400px; }

.list_tit {
  overflow: hidden;
  width: 250px; }

.list_tit ul {
  width: 50000px;
  background: #f4f5f6;
  height: 30px; }

.list_tit li {
  float: left;
  width: 49px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background: #f4f5f6;
  text-align: center;
  border-bottom: 1px solid #bababb;
  border-right: 1px solid #bababb;
  border-top: 1px solid #bababb; }

.list_tit li.on {
  height: 29px;
  border-bottom: none;
  font-weight: bold;
  color: #087cf0;
  background: #fff; }

.list_tit li.tab1 {
  border-left: 1px solid #bababb; }

.stkview_wrap {
  height: 314px; }

.sticker_box {
  width: 265px;
  height: 283px;
  position: relative;
  border-right: 1px solid #bababb;
  border-bottom: 1px solid #bababb;
  overflow: hidden; }

.scroll_wrap2 {
  width: 265px;
  height: 283px;
  overflow: hidden;
  position: absolute;
  background: #fff;
  border-left: 1px solid #bababb;
  border-bottom: 1px solid #bababb; }

.list_wrap {
  width: 265px;
  height: 280px;
  overflow-y: scroll;
  padding-top: 3px; }

.list_wrap .list_bg {
  border-bottom: 1px solid #f3f2f2;
  width: 226px;
  height: 93px;
  margin-left: 10px; }

.list_wrap .list_bg li {
  width: 75px;
  height: 87px;
  float: left;
  text-align: center;
  padding-top: 7px;
  position: relative;
  cursor: pointer; }

.list_wrap .list_bg li > img {
  display: block;
  height: 63px;
  margin: 0 auto; }

.list_wrap .list_bg li em {
  display: block; }

.list_wrap .on_view {
  background: url("/images/flashplayer/split_layer.png") no-repeat 0 -100px;
  width: 75px;
  height: 95px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  display: block; }

.list_wrap .ico_new {
  width: 28px;
  height: 17px;
  position: absolute;
  top: 6px;
  right: 2px; }

.choice_stk {
  clear: both;
  background: #3a4b66;
  overflow: hidden;
  margin-top: 13px;
  padding-left: 15px;
  height: 37px; }

.choice_stk h3 {
  margin: 0 13px 0 0; }

.choice_stk h3, .choice_stk ul, .choice_stk li {
  float: left; }

/*.choice_stk ul{background:url("/images/popup/bg_line3.gif") no-repeat 0 1px;}*/
.choice_stk li {
  position: relative;
  font-weight: bold;
  color: #e5e5e5;
  padding: 0 8px 0 0;
  height: 37px;
  overflow: hidden;
  margin-right: 5px; }

.choice_stk li:before,
.choice_stk li:after {
  content: '';
  position: absolute;
  right: 1px;
  top: 50%;
  width: 1px;
  height: 13px;
  margin-top: -6.5px;
  background-color: #2f3948; }

.choice_stk li:after {
  right: 0px;
  background-color: #57667d; }

.choice_stk li.last:before,
.choice_stk li.last:after {
  display: none; }

.choice_stk li.last {
  background: none;
  padding-left: 3px; }

.choice_stk li label {
  display: inline-block;
  line-height: 37px; }

.choice_stk li label.on {
  color: #fff000;
  font-weight: bold;
  text-decoration: underline; }

.choice_stk .radio {
  background: none;
  float: left;
  width: 12px;
  height: 12px;
  padding: 0 0 0 0;
  margin: 13px 2px 0 0; }

.choice_stk .self_txt {
  display: inline-block;
  width: 52px;
  text-align: center;
  background: #2f3948;
  border: 1px solid #2d2e2e;
  color: #c5cedd;
  height: 18px;
  line-height: 18px;
  position: relative;
  margin: 0 3px 0 4px;
  letter-spacing: -1px; }

.result {
  position: relative;
  background-color: #e7eaed;
  overflow: hidden;
  border-top: none;
  padding: 0 0 10px; }

.result:before,
.result:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 74px;
  left: 277px;
  top: 15px;
  background-color: #cacccf; }

.result:after {
  left: 278px;
  background-color: #fff; }

.result ul {
  float: left;
  margin-right: 29px;
  width: 248px;
  padding: 14px 0 0 14px; }

.result li {
  text-align: right;
  position: relative;
  height: 25px;
  color: #202020;
  font-weight: bold;
  line-height: 26px; }

.result em {
  position: absolute;
  left: 0; }

.result .btn_charge {
  margin: 0 0 0 4px; }

.result .btn_charge img {
  vertical-align: middle; }

.result .use_gold {
  font-family: Arial;
  font-size: 23px;
  font-weight: bold;
  color: #e00a48; }

.result .gold {
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #1b1b1b;
  vertical-align: middle; }

.result .btn_presen {
  float: left;
  border: none;
  margin: 20px 0 0 0;
  cursor: pointer;
  width: 207px;
  /*height:62px;*/
  border: 1px solid #041d4b;
  background: #0062c4;
  padding: 20px 0 16px 0; }

.result .btn_presen strong {
  background: url(/images/flashplayer/split_layer.png) 0 1px no-repeat;
  padding: 5px 0 3px 30px;
  color: #fff; }

.pop_stk .btn_close2 {
  position: absolute;
  right: 2px;
  top: 4px;
  display: block;
  width: 9px;
  height: 10px;
  padding: 5px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  background: url("/images/flashplayer/split_layer.png") no-repeat 4px -44px; }

.layer_19over {
  padding: 45px 0 20px 152px;
  text-align: left;
  min-height: 110px;
  _height: 110px;
  background: url("/images/flashplayer/icon_19over.gif") no-repeat 30px 40px; }

.layer_19over p {
  line-height: 1.3em;
  color: #7e7e7e; }

.layer_19over .btn_wrap {
  text-align: left;
  padding-top: 10px; }

.air_pw_tit dt {
  font-size: 14px;
  font-weight: bold;
  color: #328fde;
  padding: 0 0 4px; }

.air_pw_tit dd {
  font-size: 11px; }

.air_fin_tit dt {
  font-size: 14px;
  font-weight: bold;
  color: #328fde;
  padding: 0 0 4px; }

.air_fin_tit dd {
  padding: 0 0 22px; }

.layer_in .pw {
  padding: 23px 0 0; }

.layer_in .pw label {
  vertical-align: middle;
  font-size: 12px;
  color: #646464;
  font-weight: bold; }

.layer_in .pw input {
  vertical-align: middle;
  padding: 5px 5px 2px;
  margin: 0 0 0 5px;
  width: 80px;
  text-align: center;
  border: 1px solid #acacac; }

.layer_in .pw input:focus {
  padding: 4px 4px 1px;
  border: 2px solid #3c93ff; }

.layer_in .pw_wrong {
  font-size: 11px;
  color: #f50000;
  letter-spacing: -1px;
  padding: 5px 0 0; }

/* 방종 후 추천레이어 */
.air_recomm {
  position: relative;
  /*padding:0 0 30px;*/
  padding: 0; }

.air_recomm h2 {
  width: 280px;
  margin: 0 auto;
  border-top: 1px solid #dbdbdb;
  text-align: center;
  padding: 15px 0 7px;
  font-size: 12px;
  color: #4e4e4e;
  font-weight: bold;
  letter-spacing: -1px; }

.air_recomm .list {
  text-align: center;
  padding: 0 0 30px 0;
  margin: 0; }

.air_recomm .list div {
  display: inline-block;
  vertical-align: top;
  width: 92px; }

.air_recomm .list div a {
  vertical-align: top; }

.air_recomm .list div a em {
  display: block;
  font-size: 11px;
  padding: 4px 4px 0 1px;
  text-align: left;
  color: #555;
  line-height: 1.0em; }

.air_recomm .list div img {
  width: 90px;
  height: 50px;
  border: 1px solid #d6d6d6;
  vertical-align: top; }

.air_recomm ul li a {
  position: absolute;
  top: 70px;
  z-index: 222;
  display: block;
  width: 18px;
  height: 20px;
  overflow: hidden;
  text-indent: -1111px;
  background: url("/images/flashplayer/split_layer.png") no-repeat 0 -650px; }

.air_recomm ul li.prev a {
  left: 0px;
  background-position: 5px -665px; }

.air_recomm ul li.prev a:hover {
  left: 0px;
  background-position: 5px -645px; }

.air_recomm ul li.next a {
  right: 0px;
  background-position: -12px -665px; }

.air_recomm ul li.next a:hover {
  right: 0px;
  background-position: -12px -645px; }

.air_off_info {
  padding: 50px 0 45px;
  font-size: 14px;
  font-weight: bold;
  color: #328fde;
  letter-spacing: 0; }

.ta_c {
  text-align: center; }

.ta_l {
  text-align: left; }

.ta_r {
  text-align: right; }

.ls-1 {
  letter-spacing: -1px; }

.layer_stit {
  font-size: 14px;
  display: block;
  padding: 0 0 10px;
  color: #525252; }

.info_normal_quality {
  display: block;
  font-size: 11px;
  padding: 5px 0 25px;
  text-align: center;
  letter-spacing: -1px;
  text-align: center;
  color: #7e7e7e; }

/* 150910 */
.dl_list {
  margin-bottom: 3px; }

.dl_list dt {
  font-weight: bold;
  color: #525252;
  padding-bottom: 4px; }

.dl_list dd {
  color: #2d5087;
  margin-left: 3px; }

a.link_info {
  font-size: 11px;
  color: #3c93ff;
  text-decoration: underline;
  margin-left: 5px; }

.table_list li .input_txt2 {
  width: 250px;
  font-size: 11px;
  border: 1px solid #d0d0d0;
  height: 19px;
  padding: 0 0 0 5px;
  vertical-align: middle; }

.table_list li.type span {
  padding-top: 3px;
  background-position: 0 -219px; }

.table_list li p.my_list {
  font-size: 11px;
  margin: 6px 15px 0 9px; }

.table_list li p.my_list a {
  color: #3c93ff;
  text-decoration: underline;
  font-size: 11px; }

.give_info {
  font-weight: bold;
  text-align: center;
  padding: 9px 0 23px 0; }

/* 투표하기 */
.pop_poll {
  border: 1px solid #348cdf;
  width: 493px;
  height: 396px;
  position: absolute;
  /*top:50%;left:50%;margin:-198px 0 0 -246px*/
  background: #fff; }

.pop_poll .list_poll {
  padding: 0 20px;
  margin-top: 20px; }

.pop_poll .list_poll .p_title {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  word-wrap: break-word;
  line-height: 1.5em; }

.pop_poll .list_poll .p_title span {
  display: block;
  color: #aaa;
  font-size: 11px;
  font-weight: normal; }

.pop_poll .list_wrap {
  height: 175px;
  overflow-y: auto;
  width: 440px;
  overflow-x: hidden; }

.pop_poll .list_wrap ul {
  margin: 0 12px; }

.pop_poll .list_wrap li {
  margin: 20px 0;
  word-wrap: break-word; }

.pop_poll .list_wrap li input {
  margin: -5px 5px 0 0;
  vertical-align: middle; }

.pop_poll .list_wrap li label {
  vertical-align: middle; }

.pop_poll .meg {
  background: #f7f7f7;
  text-align: center;
  color: #2c84ce;
  font-weight: bold;
  font-size: 12px;
  padding: 9px 0 10px 0;
  letter-spacing: -1px; }

.pop_poll .list_wrap ul.poll_list {
  margin: 0 45px 0 10px; }

.pop_poll .mypoll {
  background: url("/images/flashplayer/split_layer.png") no-repeat 0px -199px;
  color: #1bba00;
  padding-left: 9px;
  font-size: 11px;
  display: inline-block;
  margin-left: 5px;
  font-weight: normal; }

.pop_poll .list_wrap li span.votes {
  display: block;
  margin-bottom: 5px; }

.pop_poll .list_wrap li span.votes span.pyo {
  font-size: 11px;
  font-family: tahoma;
  margin-left: 3px; }

.pop_poll .list_wrap li span.bar {
  display: inline-block;
  position: relative;
  height: 9px;
  background: #ddd; }

.pop_poll .list_wrap li span.bar span {
  position: absolute;
  top: -5px;
  right: -45px;
  width: 40px;
  color: #767676;
  font-family: tahoma;
  font-weight: bold; }

.pop_poll .list_wrap li.ck span.votes {
  font-weight: bold;
  color: #ff8c10; }

.pop_poll .list_wrap li.ck span.bar {
  background: #ff8c10; }

.pop_poll .list_wrap li.ck span.bar span {
  color: #ff8c10; }

.pop_poll .poll_info {
  border-top: 1px dashed #e3e3e3;
  width: 448px;
  margin: 0 auto 0 auto;
  padding: 21px 0 0 0;
  color: #888;
  font-family: tahoma;
  overflow: hidden; }

.pop_poll .icon {
  background: url(/images/poll/img_icon.png) -9999px -99999px no-repeat;
  height: 18px;
  color: #888;
  font-family: tahoma; }

.pop_poll .poll_info .poll_date {
  line-height: 18px;
  background-position: 0 0;
  padding-left: 63px;
  padding-top: 0;
  float: left;
  width: 220px;
  margin-left: 6px; }

.pop_poll .poll_info .poll_join {
  line-height: 18px;
  background-position: 0 -22px;
  padding-left: 63px;
  padding-top: 0;
  margin: 0 0 0 10px;
  float: left; }

@-moz-document url-prefix() {
  .pop_poll .list_wrap li input {
    margin-top: -2px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .pop_poll .list_wrap li input {
    margin-top: 0; } }
/* 160309 방송공유하기 */
.share_area .share_url {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 17px; }

.share_area .share_code div, .share_area .share_url div {
  line-height: 1.2em; }

.share_area .share_url .share-services {
  position: relative;
  overflow: inherit;
  width: 100%;
  margin-bottom: 6px;
  z-index: 2;
  zoom: 1; }

.share_area .share_url .share-services:after {
  content: "";
  display: block;
  clear: both; }

.share_area .share_url .share-services button {
  float: left;
  width: 34px;
  height: 34px;
  border: 0 none;
  cursor: pointer;
  background: url(/images/flashplayer/icon_v2.png) -9999px -9999px no-repeat;
  margin-right: 4px; }

.share_area .share_url .share-services button.tw {
  background-position: -131px -485px; }

.share_area .share_url .share-services button.fb {
  background-position: -169px -485px; }

/* 중문 소셜서비스 가입 */
.share_area .share_url .share-services button.qq,
.share_area .share_url .share-services button.weibo,
.share_area .share_url .share-services .wechat_area span {
  background: url(/images/flashplayer/icon_sns_zh.png) -9999px -9999px no-repeat; }

.share_area .share_url .share-services button.qq {
  background-position: 0 0; }

.share_area .share_url .share-services button.weibo {
  background-position: 0 -44px; }

.share_area .share_url .share-services .wechat_area {
  float: left;
  position: relative; }

.share_area .share_url .share-services .wechat_area span.wechat {
  display: block;
  background-position: 0 -88px;
  width: 34px;
  height: 34px;
  cursor: pointer; }

.share_area .share_url .share-services .wechat_area .qr_code {
  display: none;
  position: absolute;
  top: -16px;
  left: 40px;
  background: #fff;
  width: 100px;
  min-height: 90px;
  border: 1px solid #000; }

.share_area .share_url .share-services .wechat_area .qr_code img {
  display: block;
  width: 70px;
  height: 70px;
  margin: 10px auto 0; }

.share_area .share_url .share-services .wechat_area .qr_code p {
  margin-top: 5px;
  color: #666;
  text-align: center;
  line-height: 24px;
  font-size: 11px; }

.share_area .share_url .share-services .wechat_area:hover .qr_code {
  display: block; }

.share_area .share_url .url-area {
  background: #f8f8f8;
  position: relative; }

.share_area .share_url .url-area strong {
  color: #525252;
  margin: 0 0 0 9px;
  position: absolute;
  top: 8px; }

.share_area .share_url .url-area .input_area {
  margin-left: 40px; }

.share_area .share_url .url-area .input_area .url {
  padding-left: 5px;
  background: #e5f0f8; }

.share_area .share_url .url-area input {
  color: #666;
  font-family: arial;
  width: 100%;
  border: 0 none;
  padding: 8px 0 8px 0;
  background: transparent; }

.share_area .share_code {
  position: relative;
  padding-top: 20px; }

.share_area .share_code .size_area {
  margin-bottom: 3px; }

.share_area .share_code .size_area .size_info {
  color: #969595;
  font-size: 11px;
  margin: 0 0 0 6px; }

.share_area .share_code strong {
  margin-bottom: 9px;
  display: block; }

.share_area .share_code .size_sel {
  position: relative;
  display: inline-block;
  *display: inline;
  margin: 0;
  z-index: 10; }

.share_area .share_code .size_sel .selected {
  display: inline-block; }

.share_area .share_code .size_sel .selected a {
  display: block;
  color: #888;
  font-size: 11px;
  font-family: tahoma;
  padding: 5px 0 2px 8px;
  width: 67px;
  height: 17px;
  border: 1px solid #cfcfcf;
  text-decoration: none;
  background: #fff url("/images/flashplayer/split_layer.png") no-repeat right -290px; }

.share_area .share_code .size_sel .select_list {
  position: absolute;
  left: 0;
  top: 21px;
  *top: 37px;
  display: none; }

.share_area .share_code .size_sel .select_list ul {
  border: 1px solid #cfcfcf; }

.share_area .share_code .size_sel .select_list li {
  list-style: none; }

.share_area .share_code .size_sel .select_list li a {
  display: block;
  padding: 5px 0 0 8px;
  width: 67px;
  height: 18px;
  font-size: 11px;
  color: #666;
  font-family: tahoma;
  background: #fff;
  text-decoration: none;
  vertical-align: top; }

.share_area .share_code .size_sel .select_list li a:hover {
  background: #ececec; }

.share_area .share_code .option_area {
  position: absolute;
  top: 46px;
  right: 6px; }

.share_area .share_code .option_area input[type=checkbox] {
  vertical-align: -2px; }

.share_area .share_code .option_area .chk_chat {
  margin-right: 13px; }

.share_area .share_code .input_area {
  background: #e5f0f8;
  padding: 8px 5px;
  position: relative;
  z-index: 9; }

.share_area .share_code .input_area input {
  width: 100%;
  border: 0 none;
  background: transparent;
  color: #666;
  font-family: arial; }

.share_area .tooltip {
  position: absolute;
  top: 34px;
  left: 0;
  color: #646464;
  border: 1px solid #a2a6ac;
  padding: 5px 5px 5px 4px;
  background: #fff;
  display: none;
  letter-spacing: 0;
  font-size: 11px; }

.share_area .tooltip span {
  background: url("/images/flashplayer/split_layer.png") 0 -350px no-repeat;
  width: 9px;
  height: 6px;
  position: absolute;
  top: -6px;
  left: 30px; }

/*.share_area .input_area:hover p.tooltip{display:block}*/
/* 160328 강제퇴장취소 */
.wrap-out {
  width: 468px;
  height: 363px;
  border: 1px solid #348cdf;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99999;
  background: #fff;
  margin: -181px 0 0 -234px; }
  .wrap-out .header {
    height: 20px;
    border-bottom: 1px solid #17a214;
    padding-top: 6px; }
  .wrap-out .header h1 {
    width: 81px;
    height: 14px;
    margin: 0 0 0 6px; }
  .wrap-out button {
    border: 0 none;
    cursor: pointer; }
  .wrap-out .btn_close {
    width: 7px;
    height: 7px;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px; }
  .wrap-out .total_p {
    color: #747474;
    font-size: 12px;
    padding: 15px 0 7px 0;
    border-bottom: 1px solid #c5cad0; }
  .wrap-out .total_p .total {
    padding-left: 7px;
    margin-left: 12px;
    background: url("/images/flashplayer/split_layer.png") 3px -496px no-repeat; }
  .wrap-out .btn_refresh {
    width: 17px;
    height: 17px;
    background: url(/images/flashplayer/icon_v2.png) -209px -486px no-repeat;
    position: absolute;
    top: 39px;
    right: 10px;
    border: 1px solid #c5cad0;
    border-radius: 2px; }
  .wrap-out .btn_refresh:hover {
    border: 1px solid #4aa6e3; }
  .wrap-out .list-head {
    width: 100%;
    overflow: hidden;
    background: #f4f4f4;
    padding: 12px 0 8px 0; }
    .wrap-out .list-head strong {
      float: left;
      padding-top: 0; }
    .wrap-out .list-head .nic {
      margin-left: 18px;
      width: 150px; }
    .wrap-out .list-head .sysop {
      width: 130px; }
    .wrap-out .list-head .time {
      width: 86px;
      padding-left: 5px; }
    .wrap-out .list-head .out {
      width: 55px; }
  .wrap-out .list-body {
    overflow-y: scroll;
    height: 216px;
    border-bottom: 1px solid #ced2d9; }
    .wrap-out .list-body li {
      border-bottom: 1px dashed #bdbdbd;
      width: 100%;
      overflow: hidden; }
      .wrap-out .list-body li div {
        float: left;
        padding: 14px 0 0 0; }
      .wrap-out .list-body li .nic {
        display: table;
        margin-left: 18px;
        width: 150px;
        padding: 6px 0 4px;
        vertical-align: middle;
        white-space: pre-wrap;
        word-break: break-all; }
      .wrap-out .list-body li .nic span {
        display: block;
        padding-bottom: 2px; }
      .wrap-out .list-body li .time {
        width: 91px; }
      .wrap-out .list-body li .sysop {
        width: 130px;
        padding: 5px 0;
        white-space: pre-wrap;
        word-break: break-all; }
      .wrap-out .list-body li .sysop span {
        display: block;
        padding-bottom: 2px; }
      .wrap-out .list-body li .out {
        width: 55px;
        text-align: center;
        padding: 7px 0 4px 0; }
    .wrap-out .list-body .out a {
      border: 1px solid #b8b8b8;
      width: 34px;
      border-radius: 3px;
      font-size: 11px;
      color: #525252;
      display: inline-block;
      padding: 5px 0 0 0;
      height: 15px;
      text-decoration: none; }
    .wrap-out .list-body .out a:hover {
      border: 1px solid #4aa6e3; }
    .wrap-out .list-body .no-list {
      text-align: center;
      font-size: 13px;
      font-weight: bold;
      margin: 100px 0; }

/* 랜덤방송 설정 */
.random-set {
  width: 398px;
  height: 458px;
  border: 1px solid #2c84ce;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -229px 0 0 -199px;
  z-index: 99999;
  background: #fff; }

.random-set .inwrap {
  padding: 0 20px; }

.random-set .inbox {
  margin: 20px 0 5px 0; }

.random-set .desc {
  font-size: 11px;
  color: #7e7e7e;
  margin: 5px 0 5px 0;
  line-height: 1.5em; }

.random-set .inbox .stit {
  color: #3c3c3c; }

.random-set .category {
  height: 77px;
  background: #ecf4fa;
  overflow-y: scroll;
  padding: 10px; }

.random-set .category span {
  margin: 0 9px 7px 0;
  display: inline-block; }

.random-set .category label {
  margin: 0 0 10px 0;
  font-size: 11px; }

.random-set .category input {
  margin: 0 4px -2px 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .random-set .category input {
    vertical-align: -2px; } }
.random-set .inbox .txt_input {
  border: 1px solid #acacac;
  width: 95px;
  height: 19px;
  padding: 2px 0 0 2px;
  vertical-align: middle; }

.random-set .inbox .txt_input:focus {
  border: 1px solid #3c93ff; }

.random-set .inbox .btn_add {
  border: 1px solid #acacac;
  width: 37px;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  border-radius: 3px;
  text-decoration: none;
  padding: 0;
  font-size: 11px;
  height: 21px;
  line-height: 23px; }

.random-set .inbox .btn_add:hover {
  border: 1px solid #4aa6e3; }

.random-set .keyword_area {
  margin-top: 7px; }

.random-set .keyword_area span {
  display: inline-block;
  margin: 0 2px 0 0;
  color: #525252;
  background: #ededed;
  font-size: 11px;
  padding: 6px 6px 4px 9px; }

.random-set .keyword_area span button {
  background: url("/images/flashplayer/split_layer.png") -91px -322px no-repeat;
  text-indent: -9999px;
  width: 12px;
  height: 14px;
  border: 0 none;
  margin-left: 8px;
  cursor: pointer;
  vertical-align: middle; }

.random-set .slider {
  position: relative;
  width: 143px;
  display: inline-block;
  margin-right: 4px; }

.random-set .slider .track {
  height: 13px;
  width: 100%;
  margin-left: 2px;
  background: url("/images/flashplayer/split_layer.png") 0 -599px repeat-x; }

.random-set .slider .runner {
  position: absolute;
  top: 1px;
  width: 13px;
  height: 13px;
  background: url("/images/flashplayer/split_layer.png") 0 -575px no-repeat; }

.random-set .slider_txt input {
  border: 1px solid #acacac;
  width: 50px;
  height: 20px;
  padding: 0;
  margin-right: 3px;
  text-align: center;
  line-height: 20px; }

.random-set .slider_txt input:focus {
  border: 1px solid #3c93ff; }

.random-set .slider_txt {
  font-size: 11px;
  color: #525252;
  display: inline-block; }

/* 꿀잼각 */
.honeyzam {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 352px;
  height: 452px;
  background: url(/images/flashplayer/bg_honeyzam_layer.jpg) 0 0 no-repeat; }

.honeyzam a {
  position: absolute;
  display: block;
  text-indent: -9999px; }

.honeyzam .btn_view {
  top: 341px;
  left: 142px;
  width: 78px;
  height: 20px; }

.honeyzam .btn_join {
  top: 365px;
  left: 93px;
  width: 168px;
  height: 51px; }

.honeyzam .btn_close {
  top: 0;
  right: 0;
  width: 35px;
  height: 35px; }

.honeyzam .today {
  position: absolute;
  bottom: 3px;
  right: 7px; }

.honeyzam .today label {
  color: #848484;
  font-size: 11px; }

.honeyzam .today input {
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin: 0 4px 3px 0; }

/* 채팅지킴이 */
.chat-keeper {
  width: 362px;
  height: 492px;
  border: 1px solid #348cdf;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999999;
  background: #fff; }

.chat-keeper .inwrap {
  height: 388px;
  border-bottom: 1px solid #e1e4e7;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 0 0 0; }

.chat-keeper .inwrap .section {
  margin: 0 20px 9px 20px; }

.chat-keeper .inwrap .section strong {
  display: block;
  background: #ecf4fa;
  color: #343434;
  padding: 8px 0 4px 10px;
  font-family: dotum; }

.chat-keeper .inwrap .section.relay strong {
  background: #e4f5e2; }

.chat-keeper .inwrap .relay table {
  width: 100%; }

.chat-keeper .inwrap .relay table th {
  text-align: center;
  font-size: 11px;
  color: #afafaf;
  padding: 7px 0 3px 0; }

.chat-keeper .inwrap .relay table td {
  text-align: center;
  border-top: 1px solid #f3f3f3;
  padding: 4px 0 1px 0; }

.chat-keeper .inwrap .relay table td a.btn_go {
  display: block;
  background: #4096de;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 58px;
  margin: 0 auto 3px auto;
  padding: 3px 0 2px 0;
  padding: 5px 0 0 0\0;
  font-size: 11px;
  text-decoration: none; }

.chat-keeper .inwrap .section .idlist {
  width: 305px;
  overflow: hidden; }

.chat-keeper .inwrap .section .idlist li {
  position: relative;
  float: left;
  width: 33.333%;
  text-align: center;
  color: #4d4d4d;
  margin: 11px 0 4px -1px; }

.chat-keeper .inwrap .section .idlist li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4.5px;
  width: 1px;
  height: 9px;
  background-color: #f1f1f1; }

.chat-keeper .inwrap .section .no-list {
  color: #ff2d2d;
  padding: 24px 0 24px 0;
  text-align: center; }

.chat-keeper div {
  line-height: 1.3em; }

.chat-keeper .box_tb {
  margin-right: 20px; }

.chat-keeper .box_tb th span, .chat-keeper .box_tb td span {
  display: block; }

/* 운영자 강제퇴장 */
.toejang {
  width: 348px;
  min-height: 400px;
  border: 1px solid #348cdf;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -174px 0 0 -200px;
  z-index: 999; }

.toejang .title .red {
  color: #ff0000; }

.toejang a.btn_help {
  height: 11px;
  display: inline-block;
  margin: 12px auto 0 auto; }

.toejang a.btn_help span {
  background: url("/images/flashplayer/split_layer.png") right -624px no-repeat;
  color: #2e6ef0;
  font-size: 12px;
  padding-right: 11px; }

.toejang .gr_box {
  background: #f9f9f9;
  border-top: 1px solid #f2f3f4;
  border-bottom: 1px solid #f2f3f4;
  text-align: center;
  color: #1a1a1a;
  line-height: 1.4em;
  padding: 22px 0 19px 0; }

.toejang .inwrap {
  padding: 0; }

.toejang .penalty {
  padding: 23px 0 18px 0;
  font-size: 16px;
  color: #2c84ce;
  text-align: center;
  font-weight: bold;
  line-height: 1.2em; }

.toejang .penalty strong {
  color: #ff0000; }

.toejang .penalty span.icon {
  display: block;
  margin: 0 auto 7px auto;
  width: 115px;
  height: 89px;
  background: url(/images/popup/icon_af.png) 0 0 no-repeat; }

.toejang .penalty span.icon.af2 {
  background-position: 0 -89px; }

/* 운영자 강제퇴장 패널티 강화안내 */
.penalty-info .gr_box .red {
  color: #ff0707;
  font-weight: bold;
  padding-bottom: 5px; }

.penalty-info .gr_box .gry {
  color: #4e4e4e;
  line-height: 1.4em; }

.penalty-info .penalty .normal {
  font-size: 12px;
  color: #3d3d3d;
  font-weight: normal;
  margin-top: 6px; }

.penalty-info .penalty span.icon.af3 {
  background-position: 0 -180px;
  width: 164px;
  height: 92px; }

.penalty-info {
  width: 338px;
  border: 1px solid #348cdf;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -178px 0 0 -169px;
  z-index: 999; }

.penalty-info .gr_box {
  background: #f9f9f9;
  border-top: 1px solid #f2f3f4;
  border-bottom: 1px solid #f2f3f4;
  text-align: center;
  color: #1a1a1a;
  line-height: 1.4em;
  padding: 17px 0 11px 0; }

.penalty-info .inwrap {
  padding: 0; }

.penalty-info .penalty {
  padding: 12px 0 15px 0;
  font-size: 16px;
  color: #2c84ce;
  text-align: center;
  font-weight: bold; }

.penalty-info .penalty strong {
  color: #ff0000; }

.penalty-info .penalty span.icon {
  display: block;
  margin: 0 auto 7px auto;
  width: 115px;
  height: 89px;
  background: url(/images/popup/icon_af.png) 0 0 no-repeat; }

.penalty-info .penalty span.icon.af2 {
  background-position: 0 -89px; }

/* 휴면 */
.sleep {
  width: 404px;
  height: 369px;
  border: 1px solid #348cdf;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -184px 0 0 -202px;
  z-index: 100000; }

.sleep .inwrap strong.stit {
  font-size: 22px;
  color: #2c84ce;
  margin: 27px 0 15px 0;
  display: block; }

.sleep .desc {
  color: #999;
  font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 12px; }

.sleep .desc em {
  display: block;
  color: #34aae7;
  margin-top: 2px; }

.sleep .icon {
  height: 106px;
  width: 132px;
  display: block;
  background: url(/images/popup/icon_af.png) 0 -402px no-repeat;
  margin: 0 auto; }

.sleep .inwrap {
  margin-top: 39px;
  text-align: center; }

/* 별풍선 누적 2017-03-16 추가 */
.layer_starlistbox .starlist {
  max-height: 220px;
  overflow: auto;
  padding: 12px 0 0px; }

.layer_starlistbox .starlist li {
  position: relative;
  padding: 9px 0 9px 53px; }

.layer_starlistbox .starlist li .num {
  position: absolute;
  left: 17px;
  top: 3px;
  width: 26px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
  color: #333; }

.layer_starlistbox .starlist li.top .num {
  top: 2px;
  color: #2b94ff;
  width: 22px;
  border: 1px solid #3498ff;
  border-radius: 12px;
  background: #f9fbff; }

.layer_starlistbox .starlist li .name {
  font-size: 11px;
  color: #535353; }

.layer_starlistbox .starlist li .name .nick a {
  font-size: 12px;
  color: #1a65ff;
  font-weight: bold; }

.layer_starlistbox .starlist li .ea {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 12px;
  color: #333;
  font-weight: bold; }

.g_total {
  border-top: 1px solid #e4e4e4;
  width: 284px;
  margin: 0 auto 4px;
  position: relative;
  padding: 10px 0 0 0;
  overflow: hidden; }

.g_total strong {
  font-size: 12px;
  color: #1a65ff;
  margin-left: 5px; }

.g_total .ea {
  font-weight: bold;
  position: absolute;
  right: 14px;
  color: #333; }

/******/
/*  글로벌 이메일 인증 팝업  */
.lang_email {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 200px;
  padding: 60px 50px;
  margin: -160px 0 0 -200px;
  text-align: center;
  letter-spacing: -1px; }

.lang_email .title {
  font-size: 32px;
  color: #000;
  font-weight: bold; }

.lang_email p {
  margin: 30px 0;
  color: #777;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -1px; }

.lang_email p strong {
  font-size: 14px;
  font-weight: normal;
  color: #000; }

.lang_email button {
  width: 136px;
  height: 42px;
  margin: 0 4px;
  color: #fff;
  background-color: #b0b0b0;
  border-radius: 2px;
  font-size: 15px; }

.lang_email button:first-child {
  background-color: #2e6afd; }

/* ******************************************************************* */
/* ******************************************************************* */
/* ******************************************************************* */
/* *****************  글로벌 멤버쉽 , 로그인 관련 추가 *****************  */
/* 시청페이지 레이어와 동일한 css 사용으로 인한 membership_lang.css 사용하지 않음 */
button {
  cursor: pointer;
  background: transparent;
  border: none; }

.blind {
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: -9999px;
  font-size: 0;
  width: 1px;
  height: 1px;
  left: -9999px;
  line-height: 0; }

/* hide */
.sns_join a,
#accountN input,
#accountN .selectbox ul li a,
#accountN .btn_login,
#accountN .btn_signup,
#accountN .btn_st1,
#accountN .tabmenu li button,
#accountN .tabmenu li em,
#accountN .tab,
#accountN .tab li {
  transition: all 0.5s ease; }

/* sns 가입 없을경우를 위한 최소값 */
#accountN.cn_login {
  margin: 200px auto 240px; }

#accountN.win_popup {
  width: auto;
  margin: 50px 10px 0; }

#accountN {
  width: 340px;
  min-height: 340px;
  margin: 0 auto;
  padding: 50px 0 0; }

#accountN .loading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  border-radius: 2px;
  text-indent: -9999px;
  background-color: #2e6afd; }

#accountN input::-webkit-input-placeholder {
  color: #31374c; }

/* WebKit, Blink, Edge */
#accountN input:-moz-placeholder {
  color: #31374c;
  opacity: 1; }

/* Mozilla Firefox 4 to 18 */
#accountN input::-moz-placeholder {
  color: #31374c;
  opacity: 1; }

/* Mozilla Firefox 19+ */
#accountN input:-ms-input-placeholder {
  color: #31374c !important; }

/* Internet Explorer 10-11 */
#accountN .my-placeholder {
  color: #31374c !important; }

#accountN button, #accountN a {
  outline: none; }

#accountN .account_header {
  font-size: 18px;
  text-align: center;
  color: #1559ff; }

#accountN .account_header h1 {
  overflow: hidden;
  width: 261px;
  height: 43px;
  margin: 0 auto 27px;
  background: url("/img/login_logo.gif") no-repeat center 0;
  text-indent: -9999em; }

#accountN .account_header h1 a {
  display: block;
  height: 100%; }

#accountN .account_header p {
  margin-bottom: 28px; }

#accountN .input_info {
  position: relative;
  float: none;
  height: 46px;
  margin-top: 10px;
  border: none;
  background: none; }

#accountN .input_info.email_form {
  position: static; }

#accountN .input_info:after {
  content: "";
  display: block;
  clear: both; }

#accountN .input_info span {
  position: absolute;
  top: 16px;
  right: 11px;
  display: none;
  text-indent: -9999px;
  background: url("/lang/images/web/member/img_account.png") no-repeat; }

#accountN .input_info.ok .ic_ok {
  display: block;
  width: 14px;
  height: 12px;
  background-position: -75px -14px; }

#accountN .input_info.bad .ic_bad {
  display: block;
  width: 12px;
  height: 12px;
  background-position: -63px -14px; }

#accountN .input_info.bad input {
  border: 1px solid #ff223c !important; }

#accountN .input_info input {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  text-indent: 8px;
  padding: 12px 0;
  line-height: 18px;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  color: #31374c;
  font-size: 14px;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

#accountN .input_info input:focus {
  border: 1px solid #2e6afd;
  color: #2e6afd; }

#accountN .input_info input::-ms-clear {
  display: none; }

#accountN .input_info input::-ms-reveal {
  display: none; }

#accountN .check_box {
  margin-top: 20px;
  text-align: left;
  padding-left: 27px;
  text-indent: -26px; }

#accountN .check_box input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  vertical-align: -3px; }

#accountN .check_box label {
  font-size: 14px;
  color: #31374c; }

#accountN .check_box label a {
  font-size: 14px;
  color: #466dda;
  text-decoration: none; }

#accountN .check_box p {
  margin: 10px 0 0 26px;
  font-size: 13px; }

#accountN .check_box a {
  font-size: 13px;
  color: #616572; }

#accountN .input_info.over {
  z-index: 20; }

#accountN .pwd_remember {
  position: relative;
  z-index: 2;
  margin-top: 10px;
  font-size: 13px; }

#accountN .pwd_remember input[type="checkbox"] {
  margin: 0;
  vertical-align: -2px; }

#accountN .pwd_remember label {
  color: #777; }

#accountN .pwd_remember label {
  margin-right: 10px; }

#accountN .pwd_remember a {
  position: absolute;
  right: 0;
  color: #999;
  text-decoration: none; }

#accountN .pwd_remember a.btn_faq {
  color: #777;
  font-size: 12px;
  padding-right: 18px; }

#accountN .pwd_remember a.btn_faq:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 0;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='7' cy='7' r='6.5' stroke='%238C8C8C'/%3e%3cpath fill='%238C8C8C' fill-rule='nonzero' d='M6.78 8.54c.5 0 .82-.29.82-.81v-.2c0-.22.06-.36.27-.5l.31-.2c.79-.51 1.34-1.09 1.34-2.04 0-1.39-1.06-2.29-2.68-2.29-1.29 0-2.24.81-2.43 1.82-.08.43.14.75.53.87.42.13.84-.04.96-.44.15-.48.49-.75 1.05-.75.58 0 .91.37.91.78 0 .39-.3.72-.76 1l-.34.21c-.64.4-.8.69-.8 1.45v.29c0 .52.32.81.82.81zm0 2.72c.55 0 1.01-.46 1.01-1.01s-.46-1.01-1.01-1.01-1.01.46-1.01 1.01.46 1.01 1.01 1.01z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }

#accountN .notice_area {
  margin-bottom: -4px;
  color: #ff223c;
  font-size: 14px; }

#accountN .notice_area.tx_mark {
  color: #466dda;
  text-align: left; }

#accountN .notice_area.tx_nomal {
  color: #5f5f5f;
  text-align: left; }

#accountN .btn_area {
  position: relative;
  margin-top: 20px; }

#accountN .btn_login,
#accountN .btn_signup,
#accountN .btn_st1,
#accountN .btn_st2 {
  width: 100%;
  height: 46px;
  line-height: 46px;
  border-radius: 2px;
  color: #fff;
  font-size: 17px;
  background: #2e6afd;
  border: none;
  text-transform: uppercase; }

#accountN .btn_login:hover,
#accountN .btn_signup:hover,
#accountN .btn_st1:hover {
  background: #3163dd; }

#accountN .btn_signup[disabled="disabled"],
#accountN .btn_st1[disabled="disabled"] {
  color: #fff;
  background: #999;
  cursor: default; }

#accountN .info_txt {
  line-height: 120%;
  font-size: 14px;
  color: #31374c; }

#accountN .txt_area {
  text-align: center;
  padding-top: 25px;
  line-height: 100%;
  font-size: 13px;
  color: #aaaaaa; }

#accountN .txt_area a {
  color: #2a6ada;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0px; }

#accountN .captcha {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 10px; }

#accountN .captcha em {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 74px;
  border: 1px solid #d3d3d3;
  background: #f9f9f9;
  border-left-color: #f9f9f9;
  border-radius: 2px; }

#accountN .captcha em:first-child {
  left: 0;
  border-left-color: #d3d3d3;
  border-right-color: #f9f9f9; }

#accountN .captcha div {
  margin: auto; }

#accountN .sns_join {
  margin-top: 30px;
  overflow: hidden; }

#accountN .sns_join div {
  height: 8px;
  margin-bottom: 27px;
  text-align: center;
  border-bottom: 1px solid #bbbbbb; }

#accountN .sns_join div span {
  padding: 0 8px;
  color: #555;
  background: #fff;
  font-size: 14px;
  line-height: 1; }

#accountN .sns_join a {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  line-height: 40px;
  margin-top: 10px;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  text-decoration: none; }

#accountN .sns_join a em {
  position: absolute;
  top: 11px;
  left: 18px;
  display: block;
  height: 18px;
  text-indent: -9999px;
  background: url("/lang/images/web/member/img_account.png") no-repeat; }

#accountN .sns_join .twitter {
  color: #00b0f0;
  border: 1px solid #00b0f0; }

#accountN .sns_join .twitter em {
  width: 19px;
  background-position: 0 0; }

#accountN .sns_join .twitter:hover {
  color: #fff;
  background-color: #00b0f0; }

#accountN .sns_join .twitter:hover em {
  background-position: 0 -18px; }

#accountN .sns_join .facebook {
  color: #2b5cbf;
  border: 1px solid #2b5cbf; }

#accountN .sns_join .facebook em {
  width: 18px;
  background-position: -20px 0; }

#accountN .sns_join .facebook:hover {
  color: #fff;
  background-color: #2b5cbf; }

#accountN .sns_join .facebook:hover em {
  background-position: -20px -18px; }

#accountN .sns_join .google {
  color: #df4033;
  border: 1px solid #db4437; }

#accountN .sns_join .google em {
  width: 25px;
  background-position: -38px 0; }

#accountN .sns_join .google:hover {
  color: #fff;
  background-color: #db4437; }

#accountN .sns_join .google:hover em {
  background-position: -38px -18px; }

#accountN .sns_join .qq {
  color: #3d95d5;
  border: 1px solid #3d95d5; }

#accountN .sns_join .qq em {
  width: 20px;
  height: 22px;
  background-position: -95px 0; }

#accountN .sns_join .qq:hover {
  color: #fff;
  background-color: #3d95d5; }

#accountN .sns_join .qq:hover em {
  background-position: -95px -23px; }

#accountN .sns_join .weibo {
  color: #f3a018;
  border: 1px solid #f5cc27; }

#accountN .sns_join .weibo em {
  width: 22px;
  height: 20px;
  background-position: -115px 0; }

#accountN .sns_join .weibo:hover {
  color: #fff;
  background-color: #f5cc27; }

#accountN .sns_join .weibo:hover em {
  background-position: -115px -23px; }

#accountN .sns_join .wechat {
  color: #5fb61d;
  border: 1px solid #5fb61d; }

#accountN .sns_join .wechat em {
  width: 25px;
  height: 21px;
  background-position: -137px 0; }

#accountN .sns_join .wechat:hover {
  color: #fff;
  background-color: #5fb61d; }

#accountN .sns_join .wechat:hover em {
  background-position: -137px -23px; }

#accountN .sns_join.icon_change {
  overflow: visible;
  text-align: center;
  font-size: 0; }
  #accountN .sns_join.icon_change a {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin: 0 10px;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 0; }
    #accountN .sns_join.icon_change a:hover {
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
    #accountN .sns_join.icon_change a em {
      top: 50%;
      left: 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: 50% 50% !important; }
    #accountN .sns_join.icon_change a.twitter {
      background-color: #1da1f2; }
      #accountN .sns_join.icon_change a.twitter em {
        width: 24px;
        height: 20px;
        margin: -10px 0 0 -12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M24 2.419c-.871.381-1.806.641-2.783.761-.007-.019-.015-.035-.022-.053 1.035-.611 1.835-1.583 2.228-2.745-.3.186-1.746 1.007-3.158 1.273-.92-1.018-2.246-1.657-3.72-1.657-3.116 0-5.034 2.575-5.034 5.072 0 .195.091 1 .108 1.046C7.433 6.024 3.722 3.995 1.332.883c-1.712 3.14.081 5.862 1.31 6.833-.714-.012-1.393-.167-2.011-.439.13 2.416 1.864 4.4 4.147 4.893-.915.259-2.012.061-2.435-.049.675 2.021 2.523 3.497 4.729 3.606-3.376 2.5-7.017 2.245-7.076 2.244 2.14 1.292 4.644 2.052 7.32 2.035 9.806-.064 14.841-8.833 14.242-15.126 1.074-.504 1.941-1.379 2.442-2.461'/%3e%3c/svg%3e"); }
    #accountN .sns_join.icon_change a.facebook {
      background-color: #4267b2; }
      #accountN .sns_join.icon_change a.facebook:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        border-radius: 2px;
        background-color: #fff; }
      #accountN .sns_join.icon_change a.facebook em {
        width: 9px;
        height: 18px;
        margin: -6px 0 0 -1px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234267b2' viewBox='0 0 9 16'%3e%3cpath d='M8.999 0v2.549s-1.607.01-1.988.01-.583.011-.798.278c-.216.267-.206.441-.206.677v1.965h2.994l-.324 2.66h-2.67V16H3V8.15H.977V5.469H3V3.491c0-.462 0-1.735.752-2.536C4.505.154 5.579 0 6.429 0h2.57z'/%3e%3c/svg%3e"); }
    #accountN .sns_join.icon_change a.google {
      background-color: #fff;
      border: none; }
      #accountN .sns_join.icon_change a.google em {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3e%3cpath d='M36 23.3c0-1-.1-1.9-.2-2.8H23v5.2h7.3a6.4 6.4 0 01-2.7 4.1v3.4H32c2.5-2.3 4-5.8 4-9.9z' fill-rule='evenodd' clip-rule='evenodd' fill='%234285f4'/%3e%3cpath d='M23 36.5c3.6 0 6.7-1.2 8.9-3.3l-4.4-3.4a8.18 8.18 0 01-12.2-4.3h-4.5V29c2.4 4.5 6.9 7.5 12.2 7.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%2334a853'/%3e%3cpath d='M15.4 25.6c-.2-.8-.4-1.7-.4-2.6s.2-1.8.4-2.6v-3.5h-4.5a14 14 0 000 12.2l4.5-3.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%23fbbc05'/%3e%3cpath d='M23 14.9c2 0 3.8.7 5.2 2L32 13c-2.3-2.2-5.4-3.5-9-3.5-5.3 0-9.8 3-12.1 7.4l4.5 3.5c1.1-3.2 4.1-5.5 7.6-5.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%23ea4335'/%3e%3cpath d='M9.5 9.5h27v27h-27v-27z' fill='none'/%3e%3c/svg%3e"); }
    #accountN .sns_join.icon_change a.wechat {
      background-color: #1abc30; }
      #accountN .sns_join.icon_change a.wechat em {
        width: 26px;
        height: 22px;
        margin: -11px 0 0 -13px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 574 464.2' preserveAspectRatio='none'%3e%3cpath fill='white' d='M203.2 345.8c-9.4-.2-18.8-.9-28.1-2.1-12-1.6-23.8-4-35.4-7.3-5.6-1.7-11.7-.9-16.8 2.2L103 350l-25.3 14.6c-1.5 1-3.3 1.5-5.1 1.5-3.5-.3-6.2-3.1-6.3-6.5 0-1.4.2-2.8.6-4.1 3.3-12.4 6.7-24.8 9.9-37.2 1.5-5.9-.3-10.8-5.1-14.5-5.2-4-10.4-8-15.3-12.3-19.7-17.6-35.3-38.2-45.4-62.7-14.9-36.1-14.8-76.6.3-112.5 8-19 19.6-36.4 33.9-51.1C60.6 49.3 78.5 36 98.3 26c19.1-9.8 39.5-16.9 60.6-21 10.7-2.1 21.5-3.5 32.4-4.2 9.9-.7 19.9-.7 29.8-.2 25.4 1.3 50.4 6.7 74.1 15.9 21.2 8.2 40.9 19.7 58.4 34.1 16.6 13.2 30.4 29.4 41 47.6 7.9 13.6 13.6 28.3 17 43.6.9 4.1.9 4.1-3.3 3.9-13-.5-26 .2-38.8 2-23 3.1-45.3 10-66 20.4-20.4 10.3-38.6 23.6-53.9 40.7-16.6 18.5-28.3 39.6-34.1 63.8-5.5 23.4-4.6 47.8 2.7 70.7 0 .1.1.3.1.4.5 1.8.5 1.9-1.3 1.9-4.6.1-9.2.3-13.8.2zM138.6 90c-15-.1-27.4 11.8-27.9 26.8-.4 13.7 10 28.1 27.4 28.3 14.9.3 27.2-11.4 27.8-26.2.7-15.2-11-28.1-26.2-28.9h-1.1zM249 117.6c.1 14.8 11.5 27.5 27.5 27.5 15.1.2 27.4-12 27.6-27v-.6c-.3-15.2-12.9-27.3-28.1-27-14.8.3-26.7 12.3-27 27.1z'/%3e%3cpath fill='white' d='M401.8 159c22.9 0 45.7 3.9 67.3 11.6 16.9 5.9 32.8 14.4 47.2 25.1 19.2 14.3 34.6 31.8 45.2 53.4 16.3 33.3 16.7 72.1 1 105.7-9.7 21-24.1 38.2-42.1 52.6-2 1.6-4.2 3.2-6.2 4.8-4.1 3.2-5.5 7.3-4.2 12.3 2.7 10.2 5.4 20.4 8.2 30.6.2.7.4 1.3.5 2 .6 2.2-.3 4.6-2.2 6-1.7 1.4-4.1 1.6-6 .5-4.8-2.7-9.6-5.5-14.4-8.2-7.9-4.5-15.8-9.1-23.7-13.7-2.2-1.3-4.6-2.3-7.1-2.8-2.4-.4-4.8-.3-7.2.4-6.5 1.8-13.1 3.4-19.7 4.6-9.2 1.7-18.6 2.8-28 3.1-7.3.3-14.7.3-22-.2-10.3-.6-20.6-2-30.8-4.2-14.9-3.2-29.3-8.1-43-14.7-12.8-6.2-24.8-13.9-35.8-23-16.2-13.5-29.3-29.5-38.4-48.5-5.4-11.2-9.1-23.2-11-35.5-1.2-7.7-1.6-15.5-1.2-23.3.7-14.3 3.8-28.4 9.3-41.6 7-16.7 17.3-31.9 30.1-44.7 9.9-9.9 21-18.5 33-25.6 18.7-11.1 39.1-18.8 60.5-22.9 9.7-1.9 19.5-3.1 29.4-3.6 3.5-.1 7-.1 11.3-.2zm-81.3 98c0 12.7 10.3 23 23 23s23-10.3 23-23-10.3-23-23-23h-.1c-12.7.1-22.9 10.4-22.9 23zm161.2-.4c-.4-13.2-10.9-23.1-24.1-22.6-12.7.6-22.4 11.4-21.8 24.1.6 12.7 11.4 22.4 24.1 21.8 12.3-.6 21.9-10.9 21.8-23.3z'/%3e%3c/svg%3e");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
    #accountN .sns_join.icon_change a.apple {
      background-color: #000; }
      #accountN .sns_join.icon_change a.apple em {
        width: 26px;
        height: 24px;
        margin: -12px 0 0 -12px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 15 18'%3e%3cpath d='M11.7 9.14c-.02-2.18 1.78-3.22 1.86-3.27a4 4 0 00-3.14-1.71c-1.35-.14-2.62.79-3.3.79-.68 0-1.73-.77-2.84-.75A4.2 4.2 0 00.72 6.36C-.8 8.99.33 12.89 1.81 15.03c.72 1.05 1.58 2.22 2.71 2.18 1.09-.04 1.5-.7 2.82-.7 1.32 0 1.69.7 2.84.69 1.17-.02 1.92-1.07 2.63-2.11.83-1.21 1.17-2.39 1.19-2.45-.02-.03-2.28-.9-2.3-3.5zM9.53 2.75a3.8 3.8 0 00.9-2.75C9.56.03 8.51.58 7.9 1.3a3.62 3.62 0 00-.92 2.67c.96.07 1.95-.5 2.55-1.22z'/%3e%3c/svg%3e"); }

.zh_TW #accountN .sns_join.tw.icon_change a {
  width: 46px;
  height: 46px;
  margin: 0 10px !important;
  float: none; }
.zh_TW #accountN .sns_join.tw.icon_change .sns_area a.google,
.zh_TW #accountN .sns_join.tw.icon_change .sns_area a.wechat {
  position: relative;
  right: auto; }
.zh_TW #accountN .sns_join.tw.icon_change a strong {
  font-size: 0; }

/* 번체케이스 차후 적용  */
/* 번체케이스 sns아이콘 변경 되며 삭제 , 06-22 배포를 위한 임시 재 추가 */
.zh_TW #accountN .sns_join.tw a {
  float: left;
  width: 48%;
  margin-right: 4%;
  font-size: 0; }

.zh_TW #accountN .sns_join.tw a strong {
  font-size: 14px; }

.zh_TW #accountN .sns_join.tw a.google,
.zh_TW #accountN .sns_join.tw a.wechat {
  /*float:right; */
  margin-right: 0; }

.zh_TW #accountN .sns_area {
  position: relative;
  border: none; }

.zh_TW #accountN .sns_area .google {
  position: absolute;
  right: 0; }

#accountN .sns_join div.sns_area {
  border: none;
  height: auto;
  margin-bottom: 0; }

#accountN .sns_join.lang_change a {
  height: 50px;
  margin-top: 12px;
  line-height: 50px;
  border: solid 1px #d9d9d9;
  color: rgba(0, 0, 0, 0.57);
  font-family: 'Roboto', sans-serif !important; }
  #accountN .sns_join.lang_change a em {
    top: 12px;
    width: 24px;
    height: 24px; }
  #accountN .sns_join.lang_change a strong {
    font-weight: normal;
    font-family: 'Roboto', sans-serif !important; }
  #accountN .sns_join.lang_change a:hover {
    color: rgba(0, 0, 0, 0.57);
    background-color: transparent; }
#accountN .sns_join.lang_change .twitter em {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath fill='%231DA1F2' d='M22 5.9c-.75.32-1.54.54-2.36.63.86-.5 1.5-1.3 1.8-2.23-.8.47-1.68.8-2.6.98a4.15 4.15 0 00-4.93-.8 4.02 4.02 0 00-2.06 4.48c-3.3-.16-6.38-1.7-8.46-4.22a4 4 0 001.27 5.4 4.14 4.14 0 01-1.86-.51v.05a4.05 4.05 0 003.3 3.96 4.2 4.2 0 01-1.86.07 4.1 4.1 0 003.83 2.8A8.33 8.33 0 012 18.2 11.76 11.76 0 008.29 20 11.5 11.5 0 0019.95 7.99c.8-.57 1.5-1.28 2.05-2.1z' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
#accountN .sns_join.lang_change .facebook em {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%231877F2' d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12'/%3e%3cpath fill='%23FFF' d='M15.893 14.89l.443-2.89h-2.774v-1.876c0-.79.388-1.562 1.63-1.562h1.261v-2.46s-1.144-.196-2.238-.196c-2.285 0-3.778 1.385-3.778 3.89V12H7.898v2.89h2.54v6.988a10.049 10.049 0 003.124 0v-6.987h2.33z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
#accountN .sns_join.lang_change .google em {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%234285F4' d='M21.6 12.227c0-.709-.064-1.39-.182-2.045H12v3.868h5.382a4.599 4.599 0 01-1.996 3.018v2.51h3.232c1.891-1.742 2.982-4.305 2.982-7.35z'/%3e%3cpath fill='%2334A853' d='M12 22c2.7 0 4.964-.895 6.618-2.423l-3.232-2.509c-.895.6-2.04.955-3.386.955-2.605 0-4.81-1.76-5.595-4.123H3.064v2.59A9.992 9.992 0 0012 22z'/%3e%3cpath fill='%23FBBC05' d='M6.405 13.9c-.2-.6-.314-1.24-.314-1.9 0-.66.114-1.3.314-1.9V7.51H3.064A9.979 9.979 0 002 12c0 1.614.386 3.14 1.064 4.49l3.34-2.59z'/%3e%3cpath fill='%23EA4335' d='M12 5.977c1.468 0 2.786.505 3.823 1.496l2.868-2.868C16.959 2.99 14.695 2 12 2 8.09 2 4.71 4.24 3.064 7.51l3.34 2.59C7.192 7.736 9.396 5.977 12 5.977z'/%3e%3cpath d='M2 2h20v20H2z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
#accountN .sns_join.lang_change .apple em {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath fill='%23000' d='M15.743 6.218c.604 0 2.815.055 4.271 2.142-.124.096-2.321 1.346-2.321 4.12 0 3.2 2.787 4.339 2.884 4.366l-.03.09-.041.125c-.16.473-.597 1.652-1.413 2.848-.92 1.318-1.894 2.664-3.35 2.664-1.483 0-1.854-.865-3.543-.865-1.661 0-2.252.892-3.584.892-1.345 0-2.28-1.236-3.35-2.746C4.016 18.069 3 15.308 3 12.7c0-4.202 2.733-6.427 5.424-6.427 1.415 0 2.609.934 3.515.934.838 0 2.17-.99 3.804-.99zM16.073 1c.027.124.041.275.041.425 0 1.113-.481 2.225-1.14 3.022-.728.879-1.95 1.538-2.925 1.538-.11 0-.22-.015-.288-.028a1.871 1.871 0 01-.041-.384c0-1.126.563-2.225 1.18-2.925.783-.92 2.088-1.607 3.173-1.648z' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
#accountN .sns_join.lang_change .wechat em {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath fill='%231ABC30' d='M20.71 18.98A5.28 5.28 0 0023 14.76c0-3.09-2.97-5.6-6.63-5.6-3.66 0-6.62 2.51-6.62 5.6 0 3.08 2.96 5.58 6.62 5.58.76 0 1.49-.1 2.17-.3l.2-.03a.7.7 0 01.34.1l1.45.85.13.04c.12 0 .22-.1.22-.22l-.03-.17-.3-1.12-.03-.15c0-.15.08-.28.19-.36zM8.95 3C4.56 3 1 6 1 9.7a6.33 6.33 0 002.75 5.07c.13.1.22.26.22.44l-.03.17-.36 1.35-.04.2c0 .15.12.27.27.27l.15-.05 1.74-1.02a.83.83 0 01.42-.12l.24.03c.8.24 1.68.37 2.6.37l.43-.01a5.26 5.26 0 01-.27-1.64c0-3.38 3.25-6.12 7.25-6.12l.44.01C16.2 5.45 12.91 3 8.95 3zm5.21 10.86c-.48 0-.88-.4-.88-.9a.89.89 0 111.77 0c0 .5-.4.9-.89.9zm4.42 0c-.49 0-.88-.4-.88-.9s.4-.89.88-.89c.49 0 .89.4.89.9s-.4.9-.89.9zM6.3 8.63c-.59 0-1.06-.48-1.06-1.07 0-.6.47-1.07 1.06-1.07.59 0 1.06.48 1.06 1.07 0 .6-.47 1.07-1.06 1.07zm5.3 0c-.58 0-1.06-.48-1.06-1.07 0-.6.48-1.07 1.06-1.07.59 0 1.06.48 1.06 1.07 0 .6-.47 1.07-1.06 1.07z' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }

#accountN .birth {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 36px; }

#accountN .birth dt {
  float: left;
  width: auto;
  padding: 0;
  line-height: 36px;
  color: #838794;
  font-size: 13px;
  border: none; }

#accountN .birth dd {
  float: right;
  padding: 0;
  margin: 0;
  border: none;
  width: auto; }

#accountN .birth dd .selectbox {
  float: left; }

#accountN .selectbox {
  position: relative;
  display: inline-block;
  width: 99px;
  margin-left: 7px;
  *margin-left: 11px !important;
  background: #fff;
  padding: 0;
  list-style: none; }

#accountN .selectbox .v {
  position: relative;
  display: block;
  height: 34px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  text-decoration: none;
  cursor: pointer; }

#accountN .selectbox .v strong {
  position: absolute;
  top: 11px;
  left: 8px;
  line-height: 100%;
  font-weight: normal;
  color: #31374c;
  font-size: 14px; }

#accountN .selectbox .v em {
  position: absolute;
  top: 15px;
  right: 8px;
  display: block;
  width: 8px;
  height: 4px;
  background: url(/lang/images/web/member/img_account.png) no-repeat -77px 0; }

#accountN .selectbox .active {
  border: 1px solid #2e6afd;
  border-radius: 2px 2px 0 0; }

#accountN .selectbox .active em {
  background: url(/lang/images/web/member/img_account.png) no-repeat -85px 0; }

#accountN .selectbox ul {
  position: absolute;
  top: 35px;
  left: 0;
  padding: 0;
  margin: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #2e6afd;
  border-radius: 0 0 2px 2px; }

#accountN .selectbox ul li {
  height: auto;
  border: none; }

#accountN .selectbox ul li a {
  display: block;
  padding: 0 0 0 8px;
  height: 20px;
  line-height: 20px;
  text-indent: 0;
  text-decoration: none;
  color: #5a5f70 !important;
  font-size: 14px; }

#accountN .selectbox ul li a:hover,
#accountN .selectbox ul li a:focus {
  color: #fff !important;
  background: #1e90ff; }

#accountN .sel_m {
  width: 99px; }

#accountN .sel_d {
  width: 60px; }

#accountN .sel_y {
  width: 68px; }

#accountN .sel_d ul, #accountN .sel_y ul {
  height: 242px; }

#accountN .sel_g {
  width: 100%;
  margin: 0; }

#accountN .sel_g li {
  float: left;
  width: 50%; }

body.en_US #accountN .sel_g {
  font-size: 0;
  text-align: center; }

body.en_US #accountN .sel_g li {
  float: none;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  font-size: 12px; }

#accountN .sel_g li button {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  border: 1px solid #c2c2c2;
  border-left: transparent;
  border-radius: 0 2px 2px 0;
  background-color: #fff;
  z-index: 1;
  cursor: pointer; }

#accountN .sel_g input + li button {
  border-left: 1px solid #c2c2c2;
  border-radius: 2px 0 0 2px; }

#accountN .sel_g li button.on {
  border-left: 1px solid #c2c2c2;
  border-color: #466dda;
  border-width: 2px;
  z-index: 2;
  font-weight: bold; }

#accountN .sel_g li button span {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  line-height: 38px;
  display: inline-block;
  padding: 0px 0 0 24px;
  text-indent: 0;
  background-image: none;
  color: #31374c; }

#accountN .sel_g li button span em {
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 18px;
  margin-top: -9px;
  background-image: url(/lang/images/web/member/img_account.png);
  background-repeat: no-repeat;
  font-style: normal; }

#accountN .sel_g li button.male span em {
  background-position: 0 -39px; }

#accountN .sel_g li button.male.on span em {
  background-position: 0 -59px; }

#accountN .sel_g li button.female span em {
  background-position: -18px -39px; }

#accountN .sel_g li button.female.on span em {
  background-position: -18px -59px; }

#accountN .sel_g li button.rather_not_say span {
  padding: 0; }

#accountN .sel_g li button.rather_not_say span em {
  display: none; }

.popLogWrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999992;
  background: url("/images/flashplayer/bg_dark.png") repeat 0 0; }

.popLogWrap .dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99991;
  background-color: #000;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; }

.popLogWrap #accountN {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99992;
  padding: 40px 30px;
  margin: -305px 0 0 -185px;
  min-height: auto;
  width: 370px;
  background-color: #fff; }

.popLogWrap #accountN .account_header h1 {
  margin-top: 0; }

.popLogWrap .close {
  position: absolute;
  top: 0;
  right: -20px; }

.popLogWrap .close a {
  overflow: hidden;
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  transition: All 0.2s ease-out;
  transform: rotate(0);
  background: url(/lang/images/web/member/img_account.png) no-repeat -63px 0; }

.popLogWrap .close a:hover {
  transform: rotate(90deg); }

#accountN.password {
  margin: 50px auto 180px; }

#accountN.password .account_header p {
  font-size: 18px; }

#accountN .tabmenu {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 40px 0 50px;
  padding: 0;
  list-style: none; }

#accountN .tabmenu li {
  overflow: visible;
  float: left;
  width: 50%; }

#accountN .tabmenu li button {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  text-align: center;
  color: #838690;
  border: none;
  background-color: transparent;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: -1px; }

#accountN .tabmenu li.on button {
  color: #31374c; }

#accountN .tabmenu li span {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-bottom: 2px solid #ebebeb; }

#accountN .tabmenu li em {
  position: absolute;
  left: -100%;
  bottom: 0px;
  *bottom: 5px;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #2e6afd; }

#accountN .tabmenu li.on em {
  left: 0%; }

#accountN .tabmenu li:first-child em {
  left: 100%; }

#accountN .tabmenu li:first-child.on em {
  left: 0; }

#accountN .tabmenu li button:hover {
  color: #31374c; }

#accountN.password.wide {
  overflow: hidden;
  max-width: 500px;
  min-width: 300px;
  width: auto;
  margin-bottom: 150px; }

#accountN.password.wide .input_info {
  margin-right: 120px; }

#accountN.password.wide .input_type .input_info {
  margin: 15px 0 0 0; }

#accountN.password.wide .input_info .btn_st1 {
  position: absolute;
  top: 0;
  right: -120px;
  width: 112px; }

#accountN.password.wide .tab li {
  max-width: 500px;
  width: auto; }

#accountN.password.wide .btn_wrap .btn_st1, #accountN.password.wide .btn_wrap .btn_st2 {
  width: auto;
  padding: 0 30px; }

#accountN .tab {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none; }

#accountN .tab li {
  position: absolute;
  left: 150%;
  top: 0;
  width: 500px; }

#accountN .tab li.on {
  position: relative;
  left: 0; }

#accountN .tab li:first-child {
  left: -150%; }

#accountN .tab li.on:first-child {
  left: 0; }

#accountN .tab li ul {
  margin-top: 10px;
  list-style: none;
  padding: 0; }

#accountN .tab li li {
  position: static;
  padding-left: 10px;
  margin-top: 3px;
  text-indent: -10px;
  font-size: 12px;
  color: #999; }

#accountN .tab strong {
  font-size: 14px; }

#accountN .tab p {
  margin-bottom: 30px;
  font-size: 15px;
  color: #666; }

#accountN .tab strong + p {
  font-size: 12px;
  margin: 5px 0;
  color: #999; }

#accountN .tab .notice_area {
  text-align: left;
  padding-top: 5px;
  letter-spacing: 0;
  color: #ff223c; }

#accountN .tab .notice_area p {
  color: #ff223c;
  margin: 5px 0;
  font-size: 12px;
  text-align: left; }

#accountN .tab.on {
  position: relative; }

#accountN .tab li.input_type {
  width: auto;
  margin: 0 30px; }

#accountN .tab li.input_type > p:first-child {
  text-align: center;
  font-size: 18px; }

#accountN .select_type dl {
  margin: 30px 0 0 0; }

#accountN .select_type dl:first-child {
  margin: 0; }

#accountN .select_type dl dt {
  margin: 0;
  font-size: 14px;
  color: #222;
  font-weight: bold; }

#accountN .select_type dl dd {
  margin: 0; }

#accountN .select_type dl dd p {
  margin: 10px 0 8px;
  font-size: 12px;
  color: #999; }

#accountN .select_type dl dd a {
  display: inline-block;
  padding: 8px 30px;
  min-width: 80px;
  text-align: center;
  background: #2e6afd;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  border-radius: 3px; }

#accountN .select_type input[type=radio]:not(old) {
  position: absolute;
  width: 0;
  margin: 0;
  padding: 0;
  opacity: 0; }

#accountN .select_type input[type=radio]:not(old) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  line-height: 22px; }

#accountN .select_type input[type=radio]:not(old) + label:before,
#accountN .select_type input[type=radio]:not(old) + label:after {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  content: '';
  display: block;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  height: 20px;
  width: 20px;
  margin-top: -11px;
  border: 1px solid #d7d7d7;
  border-radius: 50%; }

#accountN .select_type input[type=radio]:not(old) + label:after {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 6px;
  border: none; }

#accountN .select_type input[type=radio]:not(old):checked + label:before {
  border: 1px solid #3d82f7; }

#accountN .select_type input[type=radio]:not(old):checked + label:after {
  background: #2e6afd; }

#accountN .tab li.user_info {
  width: auto; }

#accountN .tab li.user_info p {
  font-size: 14px;
  margin: 0;
  padding: 3px 0; }

#accountN .tab li.user_info > p {
  margin-bottom: 30px;
  color: #999;
  text-align: center; }

#accountN .tab li.user_info div {
  margin: 0 15%;
  padding: 15px 0 15px;
  text-align: center;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada; }

#accountN .history_back {
  margin-top: 50px;
  text-align: center; }

#accountN .history_back p {
  width: 300px;
  margin: 0 auto 25px;
  text-align: center;
  font-size: 16px; }

#accountN .history_back .btn_st1,
#accountN .history_back .btn_st2 {
  display: inline-block;
  width: 190px;
  margin: 0 auto;
  font-weight: normal;
  font-size: 16px; }

#accountN .history_back .btn_st2 {
  background-color: #c8c8c8;
  color: #fff !important; }

#accountN .btn_wrap {
  margin: 50px auto 0 !important;
  text-align: center;
  padding: 0 !important;
  border: none !important; }

#accountN .btn_wrap p {
  width: 300px;
  margin: 0 auto 25px;
  text-align: center;
  font-size: 16px; }

#accountN .btn_wrap .btn_st1,
#accountN .btn_wrap .btn_st2 {
  display: inline-block;
  width: 190px;
  margin: 0 auto;
  font-weight: normal;
  font-size: 16px; }

#accountN .btn_wrap .btn_st2 {
  background-color: #c8c8c8;
  color: #fff !important; }

#accountN .find_info {
  text-align: center;
  margin-top: 35px; }

#accountN .find_info a {
  font-size: 13px;
  color: #777; }

#accountN .find_info .bar {
  color: #466dda;
  font-size: 13px;
  margin: 0 9px; }

#accountN .singup_area {
  margin-top: 32px;
  font-size: 14px; }

#accountN .singup_area .desc {
  border-bottom: 1px solid #bbb;
  height: 9px;
  text-align: center;
  margin-bottom: 27px; }

#accountN .singup_area .desc span {
  display: inline-block;
  background: #fff;
  padding: 0 5px; }

#accountN .singup_area a.btn {
  display: block;
  height: 46px;
  background: #e5e5e5;
  line-height: 40px;
  text-align: center;
  font-size: 17px;
  color: #333;
  text-decoration: none;
  border-radius: 2px; }

#View_after {
  display: none;
  position: fixed;
  z-index: 999999;
  left: 50%;
  top: 50%;
  width: 294px;
  padding: 15px 15px 80px;
  margin: -212.5px 0 0 -163px;
  text-align: center;
  border: 1px solid #2c84ce;
  background-color: #fff;
  font-family: 'NG';
  letter-spacing: -1px; }

#View_after .view_after_title p {
  position: relative;
  padding-top: 50px;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.6; }

#View_after .view_after_title p em {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 37px;
  height: 33px;
  margin-left: -16.5px;
  background-image: url("/images/afmain/img_main.png");
  background-repeat: no-repeat; }

#View_after .view_after_title span {
  display: block;
  font-size: 12px;
  color: #525252;
  line-height: 1.4; }

#View_after .view_after_title p.Registration {
  color: #11a3ff; }

#View_after .view_after_title p.Registration em {
  background-position: -260px -146px; }

#View_after .view_after_title p.delete {
  color: #ff4d4d; }

#View_after .view_after_title p.delete em {
  width: 34px;
  margin-left: -17px;
  background-position: -304px -146px; }

#View_after .view_after_contents {
  margin-top: 20px;
  padding-top: 165px;
  font-size: 11px;
  color: #7e7e7e;
  background-repeat: no-repeat;
  background-position: top center;
  line-height: 1.4; }

#View_after .view_after_contents a {
  color: #328fde;
  text-decoration: underline; }

#View_after .view_after_footer {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #e4e4e4; }

#View_after .view_after_footer input {
  vertical-align: -2px;
  margin-right: 4px;
  border-color: #acacac; }

#View_after .view_after_footer label {
  position: absolute;
  bottom: 6px;
  left: 0;
  vertical-align: top; }

#View_after .view_after_footer button {
  padding: 5px 18px;
  color: #525252;
  font-size: 11px;
  border: 1px solid #b8b8b8;
  border-radius: 2px;
  background-color: #fff; }

#View_after .layer_close {
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 9px;
  height: 10px;
  text-indent: -9999em;
  border: none;
  background: url("/images/afmain/img_main.png") no-repeat -260px -127px; }

#View_after .view_after_contents {
  background-image: url("/images/afmain/view_after_layer_kr.png"); }

.en_US #View_after .view_after_contents {
  background-image: url("/images/afmain/view_after_layer_en.png"); }

.ja_JP #View_after .view_after_contents {
  background-image: url("/images/afmain/view_after_layer_jp.png"); }

.th_TH #View_after .view_after_contents {
  background-image: url("/images/afmain/view_after_layer_th.png"); }

.zh_CN #View_after .view_after_contents {
  background-image: url("/images/afmain/view_after_layer_cn.png"); }

.zh_TW #View_after .view_after_contents {
  background-image: url("/images/afmain/view_after_layer_cn.png"); }

#View_after.View_after_windpop {
  border: none;
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto; }

#View_after.View_after_windpop .layer_close {
  display: none; }

/* captcha */
.cn_cap {
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  text-align: center;
  padding: 22px 0;
  border-radius: 1px; }

.cn_cap .prevention {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 112px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  background: #fff;
  color: #000000; }

.cn_cap input {
  border: 1px solid #c2c2c2;
  height: 23px;
  line-height: 23px;
  padding: 0 0 0 8px;
  font-family: dotum;
  font-size: 12px;
  color: #454545;
  vertical-align: middle;
  outline: none;
  width: 185px; }

.cn_cap .alert {
  display: inline-block;
  vertical-align: top;
  color: #666;
  padding-left: 3px; }

.ppv_ticket {
  width: 384px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.ppv_ticket .layer_al > ul {
  height: 211px;
  overflow-y: auto; }

.ppv_ticket li {
  word-wrap: break-word; }

.ppv_ticket .btn_wrap {
  position: relative;
  padding: 0;
  height: 71px;
  margin-top: 10px;
  border-top: 1px solid #4096de; }

.ppv_ticket .btn_wrap a {
  position: absolute;
  width: 50%;
  height: 100%;
  padding: 0;
  border: none; }

.ppv_ticket .btn_wrap a span {
  display: block;
  margin: 15px 0 0px;
  font-size: 11px;
  color: #c2d9f2; }

.ppv_ticket .btn_wrap a strong {
  font-size: 14px;
  padding-right: 10px;
  background-image: url("/images/flashplayer/split_layer.png");
  background-repeat: no-repeat; }

.ppv_ticket .btn_wrap a.btn_st1 {
  left: 0;
  padding: 0;
  background-color: #4096de;
  color: #fff; }

.ppv_ticket .btn_wrap a.btn_st1 strong {
  background-position: right -246px; }

.ppv_ticket .btn_wrap a.btn_st2 {
  right: 0;
  padding: 0; }

.ppv_ticket .btn_wrap a.btn_st2 strong {
  background-position: right -272px; }

.ppv_ticket .btn_wrap a.btn_st2 span {
  color: #8d8d8d; }

.ppv_ticket_img {
  width: 332px;
  height: 128px;
  margin: 0 auto 5px; }

.ppv_ticket_img img {
  display: block;
  width: 332px;
  height: 128px; }

.ppv_ticket .sub_list5 {
  font-size: 11px; }

.ppv_ticket_img.themonster {
  width: 332px;
  height: 128px;
  margin: 0 auto;
  background: url("/images/flashplayer/ppv_themonster_ticket.jpg") no-repeat; }

.ppv_ticket .btn_wrap.ppv_btn {
  padding: 15px 20px;
  height: auto;
  border: none;
  margin: 0 25px;
  border-top: 1px solid #e4e4e4; }

.ppv_ticket .btn_wrap.ppv_btn a {
  position: relative;
  width: 56px;
  height: 20px;
  margin: 0 3px;
  line-height: 2.1em;
  vertical-align: middle;
  border-radius: 3px; }

.ppv_ticket .btn_wrap.ppv_btn a.btn_st2 {
  border: 1px solid #b8b8b8; }

/* 별풍선 선물하기 개편 170914 */
.pop_stargift {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 508px;
  border: 1px solid #2c84ce;
  background: #fff; }

.pop_stargift * {
  font-family: 'NG';
  line-height: 1em; }

.pop_stargift .lightbox {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  min-height: 100%;
  _height: 100%;
  background-color: #fff;
  zoom: 1;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6; }

.pop_stargift .loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background-color: #222;
  opacity: .7; }

.pop_stargift .loading span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px 0 0 -17px;
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url("/images/afreecatv_player/buffering.gif") no-repeat center; }

.pop_stargift.blind {
  text-indent: 0;
  height: auto;
  line-height: auto;
  width: 508px;
  height: auto; }

.pop_stargift.blind .loading {
  display: block; }

.pop_stargift.blind .layer_in .btn_close {
  z-index: 55;
  right: 0;
  top: 0;
  background-position: -56px -895px;
  background-color: #457cd9; }

/* 설치형과 일원화를 위한 클레스 */
.pop_stargift.win_pop .layer_in h2 a {
  padding-bottom: 6px; }

/* 썸네일 공통 */
.pop_stargift .thumb {
  position: relative;
  display: block;
  width: 138px;
  height: 88px;
  border: 1px solid #d9dfe8; }

.pop_stargift .thumb a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 138px;
  height: 88px;
  font-family: 'NGB';
  line-height: 88px;
  font-size: 14px;
  color: #535353;
  text-decoration: none; }

.pop_stargift .thumb img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.pop_stargift .thumb:hover em {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 138px;
  height: 88px;
  border-radius: 3px;
  border: 3px solid #ccc;
  background: none; }

.pop_stargift .thumb.active em {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 138px;
  height: 88px;
  border-radius: 3px;
  border: 3px solid #4694ff;
  background: none; }

.pop_stargift .layer_in {
  position: relative;
  width: 100%;
  height: 100%; }

.pop_stargift .layer_in h2 {
  display: block;
  padding: 9px 0 0 12px;
  height: 20px;
  line-height: 14px;
  font-weight: bold;
  color: #2c84ce;
  font-family: 'NGEB', AppleGothic, Sans-serif;
  letter-spacing: -1px;
  border-bottom: 1px solid #2c84ce; }

.pop_stargift .layer_in h2 a {
  display: inline-block;
  margin-right: 5px;
  padding: 0 3px 5px;
  color: #2c84ce;
  font-family: 'NGEB', AppleGothic, Sans-serif;
  text-decoration: none; }

.pop_stargift .layer_in h2 a:hover,
.pop_stargift .layer_in h2 a.on {
  border-bottom: 2px solid #2c84ce; }

.pop_stargift .layer_in .what_star {
  padding-top: 1px;
  position: absolute;
  background: url("/images/flashplayer/split_layer.png") no-repeat right -25px;
  padding-right: 20px;
  cursor: pointer;
  top: 7px;
  right: 31px;
  font-size: 11px;
  color: #2c2c2c;
  letter-spacing: -1px;
  height: 16px;
  line-height: 16px;
  font-family: 돋움, Dotum, AppleGothic, Sans-serif;
  text-decoration: none; }

.pop_stargift .layer_in .btn_close {
  position: absolute;
  right: 7px;
  top: 4px;
  display: block;
  width: 9px;
  height: 10px;
  padding: 5px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  background: url("/images/flashplayer/split_layer.png") no-repeat 4px -44px; }

.pop_stargift .star_list {
  position: relative;
  padding: 32px 0;
  margin-left: 0;
  text-align: center; }

.pop_stargift .star_list ul {
  margin-left: 8px; }

.pop_stargift .star_list ul li {
  display: inline-block;
  margin-right: 12px; }

.pop_stargift .star_list div {
  margin: 7px 0 -20px 0; }

.pop_stargift .star_list div button {
  width: 22px;
  height: 22px;
  margin: 0 5px;
  text-indent: -9999em;
  background: url("/images/flashplayer/split_layer.png") no-repeat -30px -900px;
  outline: none; }

.pop_stargift .star_list div button:first-child {
  background-position: 0 -900px; }

.pop_stargift .star_list div button.off {
  background-position: -30px -878px;
  cursor: default; }

.pop_stargift .star_list div button:first-child.off {
  background-position: 0px -878px; }

* + html .pop_stargift .star_list ul {
  overflow: hidden;
  margin: 0 auto;
  width: 456px; }

* + html .pop_stargift .star_list li {
  float: left; }

.pop_stargift .gift_result, .pop_adballoon .gift_result {
  padding: 15px 35px; }
.pop_stargift .gift_result dl, .pop_adballoon .gift_result dl {
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #e1e1e1; }
.pop_stargift .gift_result dl:first-child, .pop_adballoon .gift_result dl:first-child {
  border-top: none; }
.pop_stargift .gift_result dl dt, .pop_adballoon .gift_result dl dt {
  font-size: 15px;
  color: #333; }
.pop_stargift .gift_result dl dd, .pop_adballoon .gift_result dl dd {
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #333; }
.pop_stargift .gift_result dl dd span, .pop_adballoon .gift_result dl dd span {
  color: #006bfe; }
.pop_stargift .star_gift_benefit h3, .pop_adballoon .star_gift_benefit h3 {
  padding: 18px 0 20px;
  font-size: 16px;
  text-align: center; }
.pop_stargift .star_gift_benefit ul, .pop_adballoon .star_gift_benefit ul {
  text-align: center; }
.pop_stargift .star_gift_benefit ul li, .pop_adballoon .star_gift_benefit ul li {
  display: inline-block;
  margin: 0 15px;
  vertical-align: top; }
.pop_stargift .star_gift_benefit ul li p, .pop_adballoon .star_gift_benefit ul li p {
  line-height: 1.2;
  color: #777; }
.pop_stargift .star_gift_benefit ul li span, .pop_adballoon .star_gift_benefit ul li span {
  display: inline-block;
  width: 74px;
  height: 74px;
  margin-bottom: 12px;
  background: url("/images/webplayer/layer/star_gift_img.png") no-repeat 0 -343px; }
.pop_stargift .star_gift_benefit ul li span.n1, .pop_adballoon .star_gift_benefit ul li span.n1 {
  background-position: 0 -343px; }
.pop_stargift .star_gift_benefit ul li span.n2, .pop_adballoon .star_gift_benefit ul li span.n2 {
  background-position: 0 -264px; }
.pop_stargift .star_gift_benefit ul li span.n3, .pop_adballoon .star_gift_benefit ul li span.n3 {
  background-position: 0 -600px; }
.pop_stargift .star_gift_benefit ul li span.n4, .pop_adballoon .star_gift_benefit ul li span.n4 {
  background-position: 0 -500px; }

.pop_stargift .sticker_gift_info {
  overflow: hidden;
  position: relative;
  padding: 40px 32px 24px 32px;
  min-height: 110px; }

.pop_stargift .sticker_gift_info img {
  position: absolute;
  top: 32px;
  left: 32px;
  width: 194px;
  height: 108px;
  border: 1px solid #ccc; }

.pop_stargift .sticker_gift_info dl {
  margin-left: 222px; }

.pop_stargift .sticker_gift_info dl dt {
  font-size: 15px;
  color: #444;
  line-height: 1.4; }

.pop_stargift .sticker_gift_info dl dd p {
  margin-top: 10px;
  font-size: 13px; }

.pop_stargift .sticker_gift_info dl dd p:first-child {
  font-size: 12px;
  color: #999; }

.pop_stargift .sticker_gift_info dl dd p span,
.pop_stargift .sticker_gift_info dl dd p strong {
  color: #016cfe;
  font-weight: bold; }

.pop_stargift .star_list ul + p {
  padding: 13px 0 0 0;
  margin: 0 0 -17px;
  line-height: 100%; }

/* 2018-0910 시그니쳐풍선 배포후 삭제 가능  */
.pop_stargift .star_list p {
  margin: -8px 0 10px 0;
  padding: 0; }

.pop_stargift .star_list .input_signature {
  margin: -2px 0 17px; }

.pop_stargift .star_list .input_signature * {
  vertical-align: middle; }

.pop_stargift .star_list .input_signature label {
  color: #888; }

.pop_stargift .send_area {
  position: relative;
  padding: 32px 32px 45px;
  background: #eff3f9; }

.pop_stargift .send_area .gift_at dt {
  position: relative;
  padding: 0;
  font-size: 14px;
  line-height: 100%; }

.pop_stargift .send_area .gift_at dt strong {
  font-family: 'NGB'; }

.pop_stargift .send_area .gift_at dd {
  overflow: hidden;
  position: relative;
  z-index: 11;
  margin-top: 15px;
  height: 52px;
  border: 2px solid #bbb;
  background: #fff; }

.pop_stargift .send_area .gift_at dd.on {
  border: 2px solid #006bfe; }

.pop_stargift .send_area .gift_at dd .txt_default {
  position: absolute;
  top: 0;
  left: 13px;
  font-size: 16px;
  line-height: 52px;
  color: #111;
  letter-spacing: -1px;
  font-family: 'NGB'; }

.pop_stargift .send_area .gift_at dd .txt_error {
  position: absolute;
  top: 0;
  left: 13px;
  padding-left: 22px;
  font-size: 15px;
  line-height: 52px;
  color: #ec1e1e;
  letter-spacing: -1px; }

.pop_stargift .send_area .gift_at dd .txt_error:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 17px;
  width: 17px;
  height: 17px;
  background: url("/images/flashplayer/split_layer.png") no-repeat -60px -877px; }

.pop_stargift .send_area .gift_at dd .txt_error em,
.pop_stargift .send_area .gift_at dd .txt_default em {
  font-size: 14px;
  color: #666; }

.pop_stargift .send_area .gift_at dd .txt_error em b,
.pop_stargift .send_area .gift_at dd .txt_default em b {
  color: #006bfe;
  font-weight: normal; }

.pop_stargift .send_area .gift_at dd input {
  position: absolute;
  top: 7px;
  right: 53px;
  width: 170px;
  padding: 0;
  text-align: right;
  color: #016cfe;
  border: none;
  outline: none;
  font-family: 'NGB';
  font-size: 26px;
  background-color: #fff;
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }

.pop_stargift .send_area .gift_at dd button.plus {
  background: #e5e5e5;
  position: absolute;
  z-index: -1;
  opacity: 0;
  right: 0px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  font: 0/0 a;
  border-radius: 50%;
  border: none;
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .pop_stargift .send_area .gift_at dd button.plus:before, .pop_stargift .send_area .gift_at dd button.plus:after {
    content: '';
    position: absolute;
    display: block;
    background-color: #8c8c8c;
    width: 2px;
    height: 12px;
    top: 6px;
    left: 11px; }
  .pop_stargift .send_area .gift_at dd button.plus:after {
    height: 2px;
    width: 12px;
    top: 11px;
    left: 6px; }

.pop_stargift .send_area .gift_at dd.consecutive input {
  right: 94px; }
.pop_stargift .send_area .gift_at dd.consecutive .txt_count {
  right: 76px; }
.pop_stargift .send_area .gift_at dd.consecutive button.plus {
  opacity: 1;
  right: 44px;
  z-index: 1; }

.en_US .pop_stargift .send_area .gift_at dd input {
  top: 9px; }

.ja_JP .pop_stargift .send_area .gift_at dd input {
  top: 11px; }

.zh_CN .pop_stargift .send_area .gift_at dd input {
  top: 10px; }

.zh_TW .pop_stargift .send_area .gift_at dd input {
  top: 10px; }

.th_TH .pop_stargift .send_area .gift_at dd input {
  top: 8px;
  right: 58px; }

.vi_VN .pop_stargift .send_area .gift_at dd input {
  top: 9px;
  right: 58px; }

.vi_VN .pop_stargift .send_area .gift_at dd.consecutive input,
.th_TH .pop_stargift .send_area .gift_at dd.consecutive input {
  right: 78px; }

.pop_stargift .send_area .gift_at dd input:focus {
  color: #016cfe; }

.pop_stargift .send_area .gift_at dd input:visible {
  color: #eee; }

.pop_stargift .send_area .gift_at dd input.shortage {
  color: #2e2e33; }

.pop_stargift .send_area .gift_at dd input::-webkit-input-placeholder {
  color: #aaa; }

.pop_stargift .send_area .gift_at dd input:-moz-placeholder {
  color: #aaa;
  opacity: 1; }

.pop_stargift .send_area .gift_at dd input::-moz-placeholder {
  color: #aaa;
  opacity: 1; }

.pop_stargift .send_area .gift_at dd input:-ms-input-placeholder {
  color: #aaa !important; }

.pop_stargift .send_area .gift_at dd.readonly {
  border-color: #ddd; }

.pop_stargift .send_area .gift_at dd.readonly .txt_default,
.pop_stargift .send_area .gift_at dd.readonly .txt_default em,
.pop_stargift .send_area .gift_at dd.readonly .txt_default em b,
.pop_stargift .send_area .gift_at dd.readonly input,
.pop_stargift .send_area .gift_at dd.readonly .txt_count {
  color: #aaa;
  cursor: default; }

.pop_stargift input[type=text]::-ms-clear {
  display: none; }

.pop_stargift .placeholdersjs {
  color: #aaa !important; }

.pop_stargift .send_area .gift_at dd .txt_count {
  position: absolute;
  top: 0;
  right: 36px;
  font-size: 16px;
  line-height: 53px;
  font-family: 'NGB';
  color: #111;
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }

.pop_stargift .send_area .gift_at dd button {
  display: block;
  position: absolute;
  top: 11px;
  right: 5px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("/images/flashplayer/split_layer.png") no-repeat 7px -368px; }

.pop_stargift .send_area .btn_stars {
  position: absolute;
  z-index: 1;
  top: 33px;
  right: 32px;
  padding-bottom: 1px;
  color: #006bfe;
  font-size: 13px;
  border-bottom: 1px solid #006bfe;
  text-decoration: none;
  font-weight: bold; }

.pop_stargift .send_area .btn_stars.change {
  top: -29px;
  border-bottom: none;
  font-family: 'NGB'; }

.pop_stargift .send_area .btn_stars.change:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 2px;
  vertical-align: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 107, 254, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.pop_stargift .send_area .btn_buy {
  position: absolute;
  margin-top: -24px;
  right: 32px;
  display: block;
  width: 56px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  background: #4694ff; }

.pop_stargift .send_area .gift_st {
  margin-top: 19px;
  height: 16px; }

.pop_stargift .send_area .gift_st dt {
  display: inline-block;
  color: #444;
  font-size: 14px; }

.pop_stargift .send_area .gift_st dd {
  display: inline-block;
  color: #444;
  font-size: 14px;
  margin-left: 6px; }

.pop_stargift .send_area .gift_st dd span {
  display: inline-block;
  padding-right: 2px;
  font-family: 'NGB';
  font-size: 16px;
  color: #006bfe; }

.pop_stargift .send_area .gift_st dd.txt_error {
  font-size: 12px; }

.pop_stargift .send_area .gift_st dd.txt_error em {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  vertical-align: -3px;
  background: url("/images/flashplayer/split_layer.png") no-repeat -60px -878px; }

.pop_stargift .send_area .gift_st dd.txt_error span {
  vertical-align: 1px;
  font-size: 12px;
  color: #ec1e1e;
  letter-spacing: -1px; }

.pop_stargift .send_area .gift_input {
  position: relative;
  margin: 30px 0 0; }

.pop_stargift .send_area .gift_input h3 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #222;
  font-family: 'NGB'; }

.pop_stargift .send_area .gift_input > span {
  position: relative;
  display: block;
  border: 1px solid #d7d7d7;
  padding: 6px 0;
  background-color: #fff; }

.pop_stargift .send_area .gift_input > span input {
  display: block;
  width: 100%;
  padding: 2px 0;
  border: none;
  font-size: 13px;
  color: #444;
  outline: none;
  text-indent: 15px;
  background-color: #fff; }

.pop_stargift .send_area .gift_input > span textarea {
  overflow-y: auto;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0 10px;
  border: none;
  font-size: 13px;
  color: #444;
  outline: none;
  line-height: 1.4;
  background-color: #fff;
  height: 54px;
  resize: none; }

.pop_stargift .send_area .gift_input > span > div {
  position: relative;
  overflow-y: auto;
  box-sizing: border-box;
  height: 40px;
  padding: 0 10px;
  font-size: 13px;
  color: #333;
  text-align: justify;
  line-height: 1.2; }

.pop_stargift .send_area .gift_input > span > div:before {
  content: attr(placeholder);
  display: none;
  position: absolute;
  left: 10px;
  top: 0;
  color: #999; }

.pop_stargift .send_area .gift_input > span > div:empty:before {
  display: block; }

.pop_stargift .send_area .gift_input > span > div:focus:before {
  display: none; }

.pop_stargift .send_area .gift_input > span div {
  font-size: 13px;
  line-height: 1.2;
  word-break: break-all; }

.pop_stargift .send_area .gift_input > span button {
  position: absolute;
  top: 10px;
  right: 5px;
  font: 0/0 a; }

.pop_stargift .send_area .gift_input > span button:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd'  fill='%23aaaaaa' d='M9 0a9 9 0 11-.02 18.02A9 9 0 019 0zm0 1a8 8 0 000 16A8 8 0 009 1zm4.17 8.91h.1a.5.5 0 01.4.58A4.76 4.76 0 019 14.48a4.74 4.74 0 01-4.67-3.99.5.5 0 01.98-.16 3.74 3.74 0 003.7 3.15c1.82 0 3.38-1.35 3.68-3.15a.5.5 0 01.57-.41zm-7.2-4.2a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4zm6.06 0a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.pop_stargift .send_area .gift_input span button:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd'  fill='%234694ff' d='M9 0a9 9 0 11-.02 18.02A9 9 0 019 0zm0 1a8 8 0 000 16A8 8 0 009 1zm4.17 8.91h.1a.5.5 0 01.4.58A4.76 4.76 0 019 14.48a4.74 4.74 0 01-4.67-3.99.5.5 0 01.98-.16 3.74 3.74 0 003.7 3.15c1.82 0 3.38-1.35 3.68-3.15a.5.5 0 01.57-.41zm-7.2-4.2a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4zm6.06 0a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z'/%3e%3c/svg%3e"); }

.pop_stargift .send_area .gift_input p {
  margin-top: 5px;
  font-size: 11px;
  color: #888;
  text-align: right; }

.pop_stargift .send_area .gift_at .checkbox {
  position: absolute;
  right: 0;
  top: 0; }
  .pop_stargift .send_area .gift_at .checkbox input {
    vertical-align: -4px;
    cursor: pointer; }
  .pop_stargift .send_area .gift_at .checkbox label {
    vertical-align: middle;
    color: #444;
    font-size: 13px;
    font-family: 'NGB';
    color: #444;
    font-size: 13px;
    font-family: 'NGB'; }
  .pop_stargift .send_area .gift_at .checkbox .question {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    vertical-align: middle;
    background: #fff;
    cursor: default;
    font-weight: bold;
    text-align: center;
    font-family: 'dotum';
    text-indent: -1px;
    line-height: 1.2;
    color: #666; }
  .pop_stargift .send_area .gift_at .checkbox .tooltip {
    display: none;
    position: absolute;
    z-index: 12;
    top: 22px;
    right: -10px;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    background: #5d5d5d;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    font-weight: bold;
    font-family: 'NGB'; }
    .pop_stargift .send_area .gift_at .checkbox .tooltip:before {
      content: '';
      display: block;
      position: absolute;
      right: 11px;
      top: -6px;
      border-bottom: 6px solid #5d5d5d;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
  .pop_stargift .send_area .gift_at .checkbox .question:hover + .tooltip {
    display: block; }

.pop_stargift .send_area .btn_area {
  padding-top: 35px;
  text-align: center; }

.pop_stargift .send_area .btn_area button {
  display: inline-block;
  width: 132px;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  font-size: 16px;
  outline: none;
  font-family: 'NGB'; }

.pop_stargift .send_area .btn_area .btn_gift {
  margin-right: 16px;
  color: #fff;
  background: #006bfe; }

.pop_stargift .send_area .btn_area .btn_cancel {
  border: 1px solid #d3d4d5;
  color: #000;
  background: #fff; }

.pop_stargift .send_area .btn_area button.loading {
  position: relative;
  opacity: 1; }

.pop_stargift .send_area .btn_area button.loading:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: -4px;
  animation: rotate 1s linear infinite; }

@keyframes rotate {
  0% {
    transform: rotateZ(-360deg); }
  100% {
    transform: rotateZ(0deg); } }
.pop_stargift .send_area .txt_info {
  padding-top: 24px;
  color: #777;
  font-size: 13px;
  text-align: center;
  line-height: 1.4; }

.pop_stargift .send_area .txt_info a {
  color: #006bfe;
  text-decoration: none; }

.pop_stargift .send_area .input_wrap {
  margin-top: 15px;
  text-align: center; }

.pop_stargift .send_area .input_wrap input {
  vertical-align: -2px;
  margin-right: 4px;
  cursor: pointer; }

.pop_stargift .send_area .input_wrap label {
  cursor: pointer; }

.pop_stargift .send_area .gift_input p.noti {
  position: absolute;
  left: 0;
  top: 78px;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.4;
  text-align: left; }
  .pop_stargift .send_area .gift_input p.noti:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid #888;
    border-radius: 7px; }
  .pop_stargift .send_area .gift_input p.noti:after {
    content: '';
    display: block;
    width: 2px;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 6px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='2' height='8'%3e%3cpath fill-rule='evenodd' fill='%23888' d='M0 8V6h2v2H0zm0-8h2v5H0V0z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
.pop_stargift .send_area .gift_input .cover_box {
  display: none;
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: -40px;
  text-align: center;
  border-radius: 6px;
  background-color: #e1e3e6; }
  .pop_stargift .send_area .gift_input .cover_box p {
    margin: 25px 10px 12px;
    font-size: 13px;
    text-align: center;
    color: #333;
    line-height: 1.2; }
  .pop_stargift .send_area .gift_input .cover_box a {
    display: inline-block;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 14px;
    color: #fff;
    background: #4694ff;
    font-family: 'NGB'; }
.pop_stargift .send_area .gift_input.cover .cover_box {
  display: block; }

.pop_stargift .send_area.btn_sticker {
  min-height: auto;
  background-color: #fff; }

.pop_stargift .send_area.btn_sticker .btn_area {
  padding-top: 15px; }

.pop_stargift #emoticonArea {
  bottom: 282px;
  right: 32px;
  padding: 0; }

.btn_voice {
  margin-top: 8px;
  text-align: right; }

.voice_selector {
  position: relative;
  display: inline-block;
  text-align: justify;
  padding: 7px 14px 8px 36px;
  font-size: 13px;
  border-radius: 14px;
  color: #333;
  background: #f0f0f0;
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .voice_selector span {
    font-family: 'NGB';
    line-height: unset; }
  .voice_selector img {
    position: absolute;
    left: 10px;
    top: 50%;
    display: inline-block;
    width: auto;
    height: 22px;
    margin-top: -11px;
    vertical-align: middle; }
  .voice_selector.active {
    color: #fff;
    background-color: #4694ff; }
  .voice_selector:hover {
    color: #4279ff; }
  .voice_selector.active:hover {
    color: #fff; }
  .voice_selector.default {
    padding: 7px 14px 8px 14px;
    background-color: #e1e3e6; }
    .voice_selector.default img {
      display: none; }

.voice_selector_box {
  display: block;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 330px;
  min-height: 360px;
  padding-bottom: 15px;
  border: 2px solid #3d80e4;
  background-color: #fff; }
  .voice_selector_box h4 {
    height: auto;
    margin: 20px 0 15px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #444;
    border: none;
    font-family: 'NGB';
    line-height: 1; }
  .voice_selector_box ul {
    margin: 0 19px;
    font: 0/0 a;
    text-align: left; }
  .voice_selector_box ul li {
    position: relative;
    display: inline-block;
    width: 50%; }
  .voice_selector_box a.voice_selector {
    overflow: hidden;
    display: block;
    height: 28px;
    margin: 6px 5px;
    padding: 0 26px 0 36px;
    line-height: 29px;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis; }
  .voice_selector_box .play,
  .voice_selector_box .pause {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .voice_selector_box .pause {
    top: 10px;
    right: 10px; }
  .voice_selector_box .play:hover, .voice_selector_box .pause:hover {
    background-color: #cce0ff; }
  .voice_selector_box .play:before,
  .voice_selector_box .pause:before {
    content: '';
    display: block;
    width: 8px;
    height: 10px;
    margin: 6px 0 0 8px;
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .voice_selector_box .play:before {
    width: 7px;
    height: 9px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10'%3e%3cpath fill-rule='evenodd' fill='%234279FF' d='M1.123 9.368c-.17 0-.337-.036-.491-.108a1.08 1.08 0 01-.63-.973V1.761c.004-.418.249-.796.63-.973A1.16 1.16 0 011.815.91l4.316 3.263a1.061 1.061 0 010 1.703L1.815 9.139a1.156 1.156 0 01-.692.229z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .voice_selector_box .pause::before {
    margin: 6px 7px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10'%3e%3cpath fill-rule='evenodd' fill='%234279FF' d='M6.5 10A1.5 1.5 0 015 8.5v-7a1.5 1.5 0 113 0v7A1.5 1.5 0 016.5 10zm-5 0A1.5 1.5 0 010 8.5v-7a1.5 1.5 0 113 0v7A1.5 1.5 0 011.5 10z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .voice_selector_box .close {
    position: absolute;
    top: 3px;
    right: 3px; }
    .voice_selector_box .close:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      margin: 5px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%233d82f6' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e");
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
  .voice_selector_box .voice_selector_footer {
    margin: 10px 30px 0;
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
    text-align: center; }
    .voice_selector_box .voice_selector_footer p {
      font-size: 14px;
      color: #222;
      line-height: 1.6; }
      .voice_selector_box .voice_selector_footer p strong {
        display: block; }
    .voice_selector_box .voice_selector_footer a {
      box-sizing: border-box;
      display: inline-block;
      width: 124px;
      height: 28px;
      padding: 0 10px;
      margin-top: 10px;
      line-height: 28px;
      background-color: #006bfe;
      font-size: 13px;
      color: #fff; }

/* 별풍선이란? 레이어 */
.pop_stargift .star_info_layer,
.pop_stargift .sticker_info_layer,
.pop_stargift .gather_balloon_info_layer {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 400px;
  border: 1px solid #0a4aaa;
  background: #fff; }

.pop_stargift .star_info_layer .inner,
.pop_stargift .sticker_info_layer .inner,
.pop_stargift .gather_balloon_info_layer .inner {
  position: relative;
  padding: 10px 20px;
  border: 2px solid #3d80e4; }

.pop_stargift .sticker_info_layer .inner {
  padding: 30px 35px; }

.pop_stargift .star_info_layer .inner .info_b,
.pop_stargift .sticker_info_layer .inner .info_b {
  overflow: hidden;
  position: relative; }

.pop_stargift .sticker_info_layer .inner .info_b {
  overflow: visible; }

.pop_stargift .star_info_layer .inner .info_b .img {
  position: absolute;
  top: 52px;
  left: 10px;
  width: 113px;
  height: 101px;
  background: url("/images/webplayer/layer/star_gift_img.png") no-repeat 0 0; }

.pop_stargift .star_info_layer .inner .info_b .img.benefit_img {
  left: -7px;
  width: 139px;
  height: 94px;
  background-position: 0 -162px; }

.pop_stargift .star_info_layer .inner .info_sgb .img.video_balloon_img {
  left: -7px;
  width: 120px;
  height: 75px;
  background-position: -135px 0; }

.pop_stargift .star_info_layer .inner .info_b dl,
.pop_stargift .star_info_layer .inner .info_sgb dl {
  padding: 20px 0 20px 155px;
  letter-spacing: -1px; }

.pop_stargift .star_info_layer .inner .info_sgb dl {
  padding-bottom: 30px; }

.pop_stargift .sticker_info_layer .inner dl {
  padding-left: 100px; }

.pop_stargift .star_info_layer .inner .info_b dl dt,
.pop_stargift .star_info_layer .inner .info_sgb dl dt,
.pop_stargift .sticker_info_layer .inner .info_b dl dt {
  font-size: 17px;
  color: #404256;
  font-weight: bold;
  letter-spacing: -0.1em; }

.pop_stargift .star_info_layer .inner .info_b dl dd,
.pop_stargift .star_info_layer .inner .info_sgb dl dd,
.pop_stargift .sticker_info_layer .inner .info_b dl dd {
  padding-left: 6px;
  font-size: 12px;
  color: #777;
  line-height: 16px;
  margin-top: 8px;
  letter-spacing: -0.03em;
  background: url("/images/flashplayer/bul_dot_sg.gif") no-repeat 0 7px;
  letter-spacing: -1px; }

.pop_stargift .star_info_layer .inner .info_sgb dl dd {
  padding: 0;
  background-image: none; }

.pop_stargift .sticker_info_layer .inner .info_b dl dd {
  padding: 0;
  background: none;
  word-break: keep-all; }

.pop_stargift .sticker_info_layer .inner .info_b dl dd span {
  display: inline-block; }

.pop_stargift .star_info_layer .inner .info_b .btn_detail,
.pop_stargift .star_info_layer .inner .info_sgb .btn_detail {
  float: right;
  margin: -10px 0 10px;
  font-size: 11px;
  color: #4694ff;
  text-decoration: underline; }

.pop_stargift .star_info_layer .inner .info_sgb .btn_detail {
  margin: -22px 0 10px; }

.pop_stargift .star_info_layer .inner .info_sgb {
  position: relative;
  border-top: 1px solid #e7e7e7; }

.pop_stargift .star_info_layer .inner .info_sgb .img {
  position: absolute;
  top: 24px;
  left: 10px;
  width: 119px;
  height: 61px;
  background: url("/images/webplayer/layer/star_gift_img.png") no-repeat 0 -101px; }

.pop_stargift .sticker_info_layer .img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 93px;
  height: 70px;
  background: url("/images/webplayer/layer/star_gift_img.png") no-repeat 0 -422px; }

.pop_stargift .star_info_layer .inner .btn_close,
.pop_stargift .sticker_info_layer .inner .btn_close,
.pop_stargift .gather_balloon_info_layer .inner .btn_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9; }

/* 미션이란 */
.pop_stargift .star_info_layer .inner .mission_info {
  padding: 11px 0; }

.pop_stargift .star_info_layer .inner .mission_info .img {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 131px;
  height: 108px;
  margin: 0 auto;
  background: url(/images/webplayer/layer/img_mission.png) no-repeat; }

.pop_stargift .star_info_layer .inner .mission_info dl {
  padding: 13px 0 0 0; }

.pop_stargift .star_info_layer .inner .mission_info dl dd.point {
  color: #222; }

/* 스타즈별풍선 레이어 */
.pop_stargift .stars_layer {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 348px;
  margin: -300px 0 0 -174px;
  border: 1px solid #0a4aaa;
  background: #fff; }

.pop_stargift .stars_layer .inner {
  position: relative;
  border: 2px solid #3d80e4; }

.pop_stargift .stars_layer .inner h2 {
  display: block;
  padding: 9px 0 0 12px;
  height: 20px;
  line-height: 14px;
  text-align: center;
  font-weight: bold;
  color: #2c84ce;
  font-family: 'NGEB', Dotum, AppleGothic, Sans-serif;
  letter-spacing: -1px;
  border-bottom: 1px solid #2c84ce; }

.pop_stargift .stars_layer .inner .tab_area {
  position: relative;
  height: 32px;
  background: #f4f4f4 url(/images/flashplayer/bg_tab_line.gif) no-repeat center 10px; }

.pop_stargift .stars_layer .inner .tab_area li {
  float: left;
  width: 50%;
  font-size: 13px;
  text-align: center;
  color: #666; }

.pop_stargift .stars_layer .inner .tab_area li a {
  display: block;
  color: #666;
  height: 32px;
  line-height: 32px;
  text-decoration: none; }

.pop_stargift .stars_layer .inner .tab_area li.on a {
  color: #006bfe;
  font-weight: bold;
  height: 30px;
  line-height: 32px;
  border-bottom: 2px solid #006bfe; }

.pop_stargift .stars_layer .inner .btn_close {
  position: absolute;
  right: 7px;
  top: 4px;
  display: block;
  width: 9px;
  height: 10px;
  padding: 5px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  background: url(/images/flashplayer/btn_close_emo.gif) no-repeat center; }

.pop_stargift .stars_layer .inner .scroll_area {
  overflow: auto;
  overflow-x: hidden;
  width: 344px;
  height: 376px; }

.pop_stargift .stars_layer .inner .scroll_area.tab {
  overflow: auto;
  overflow-x: hidden;
  width: 344px;
  height: 344px; }

.pop_stargift .stars_layer .inner .scroll_area ul {
  overflow: hidden;
  padding: 0 0 20px 18px;
  margin: 4px -16px 0 0; }

.pop_stargift .stars_layer .inner .scroll_area ul li {
  float: left;
  margin: 16px 16px 0 0; }

.pop_stargift.video_gift .star_info_layer .inner .info_sgb {
  border-bottom: 1px solid #e7e7e7; }

.pop_stargift .video_balloon_info {
  position: relative;
  padding: 26px 32px; }

.pop_stargift .video_balloon_info ul {
  position: relative; }

.pop_stargift .video_balloon_info ul li {
  position: relative;
  z-index: 10;
  margin: 0 170px 10px 0;
  border: 1px solid #bbb;
  height: 38px;
  background-color: #fff; }

.pop_stargift .video_balloon_info ul li + li + li {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 8;
  border: none;
  width: 160px;
  height: auto;
  margin: 0; }

.pop_stargift .video_balloon_info ul li.on {
  border-color: #006bfe; }

.pop_stargift .video_balloon_info ul li p {
  position: absolute;
  top: 0;
  left: 8px;
  display: inline-block;
  line-height: 38px;
  font-size: 14px;
  font-family: 'NGB';
  color: #111;
  letter-spacing: -1px; }

.pop_stargift .video_balloon_info ul li p.txt_error {
  padding-left: 20px;
  color: #ff0000; }

.pop_stargift .video_balloon_info ul li p.txt_error:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
  width: 17px;
  height: 17px;
  background: url("/images/flashplayer/split_layer.png") no-repeat -60px -877px; }

.pop_stargift .video_balloon_info ul li p.txt_error + span + p b {
  color: #ff0000; }

.pop_stargift .video_balloon_info ul li p b.txt_error {
  color: #ff0000; }

.pop_stargift .video_balloon_info ul li p em {
  color: #666;
  font-size: 12px;
  padding-left: 2px; }

.pop_stargift .video_balloon_info ul li span {
  display: block;
  line-height: 38px; }

.pop_stargift .video_balloon_info ul li + li {
  text-align: right; }
  .pop_stargift .video_balloon_info ul li + li span {
    display: inline-block;
    width: 80px;
    margin: 0; }
    .pop_stargift .video_balloon_info ul li + li span + P {
      position: relative;
      left: auto;
      margin: 0 5px 0 2px; }
    .pop_stargift .video_balloon_info ul li + li span + P b {
      padding-left: 3px;
      color: #006bfe; }

.pop_stargift .video_balloon_info ul li a {
  position: relative;
  display: block;
  height: 100%;
  background-size: cover; }

.pop_stargift .video_balloon_info ul li a span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50); }

.pop_stargift .video_balloon_info ul li a em {
  display: none;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 35px;
  margin: -17.5px 0 0 -17.5px;
  background: url("/images/flashplayer/split_layer.png") no-repeat 0px -925px; }

.pop_stargift .video_balloon_info ul li a:hover em,
.pop_stargift .video_balloon_info ul li a:hover span {
  display: block; }

.pop_stargift .video_balloon_info ul li a.default {
  cursor: default; }

.pop_stargift .video_balloon_info ul li a.default em,
.pop_stargift .video_balloon_info ul li a.default span {
  display: none; }

.pop_stargift .video_balloon_info ul li:first-child span {
  margin: 0 0 0 60px; }

.pop_stargift .video_balloon_info ul li input {
  display: block;
  width: 98%;
  padding: 0 1% 0;
  line-height: 38px;
  height: 38px;
  border: none;
  font-size: 14px;
  color: #333;
  text-align: right;
  background-color: #fff;
  outline: none; }

.pop_stargift .video_balloon_info ul li input:-ms-input-placeholder {
  color: #b3b3b3; }

.pop_stargift .video_balloon_info ul li input::-moz-placeholder {
  color: #b3b3b3; }

.pop_stargift .video_balloon_info ul li input::-webkit-input-placeholder {
  color: #b3b3b3; }

.pop_stargift .video_balloon_info div p {
  text-align: center;
  line-height: 1.4;
  font-size: 12px; }

.pop_stargift .video_balloon_info div p.txt_error {
  color: #ec1e1e; }

.pop_stargift .video_balloon_info ul li.readonly p,
.pop_stargift .video_balloon_info ul li.readonly em,
.pop_stargift .video_balloon_info ul li.readonly input,
.pop_stargift .video_balloon_info ul li.readonly span + P,
.pop_stargift .video_balloon_info ul li.readonly span + P b {
  color: #aaa;
  cursor: default; }

.pop_stargift.video_balloon .send_area .input_wrap {
  display: none; }

.pop_stargift.video_balloon .send_area .gift_at dd input {
  width: 170px; }

.pop_stargift .star_info_layer .info_sgb + .info_sgb {
  display: none; }

.pop_stargift.video_balloon .star_info_layer .info_sgb + .info_sgb {
  display: block; }

/* 미션 선물하기 */
.pop_stargift .mission_tab {
  overflow: hidden;
  padding: 16px 0 0 20px; }
  .pop_stargift .mission_tab li {
    position: relative;
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 15px;
    letter-spacing: -0.05em; }
    .pop_stargift .mission_tab li a {
      color: #666; }
    .pop_stargift .mission_tab li.on a {
      color: #000;
      font-weight: bold; }
    .pop_stargift .mission_tab li:first-child {
      margin: 0;
      padding: 0; }
      .pop_stargift .mission_tab li:first-child:before {
        display: none; }
    .pop_stargift .mission_tab li:before {
      content: '';
      position: absolute;
      top: 3px;
      left: 0;
      width: 1px;
      height: 10px;
      background: #d9dfe8; }
.pop_stargift .mission_box {
  position: relative;
  width: 444px;
  height: 112px;
  box-sizing: border-box;
  border: 1px solid #d9dfe8;
  border-radius: 8px;
  margin: 16px auto 0; }
  .pop_stargift .mission_box.ready:before {
    background: #f4c658; }
  .pop_stargift .mission_box.active {
    border: 3px solid #4694ff; }
    .pop_stargift .mission_box.active:before {
      border-radius: 4px 0 0 4px;
      width: 128px; }
    .pop_stargift .mission_box.active:hover {
      border-color: #4694ff; }
      .pop_stargift .mission_box.active:hover dl {
        margin: 0; }
  .pop_stargift .mission_box:hover {
    border: 3px solid #ccc; }
    .pop_stargift .mission_box:hover:before {
      width: 128px; }
    .pop_stargift .mission_box:hover dl {
      margin: -2px 0 0 -2px; }
  .pop_stargift .mission_box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 130px;
    height: 100%;
    border-radius: 5px 0 0 5px;
    background: #70acf2; }
  .pop_stargift .mission_box dl {
    position: relative;
    width: 100%;
    letter-spacing: -0.05em; }
    .pop_stargift .mission_box dl dt {
      position: absolute;
      top: 19px;
      left: 17px;
      color: #fff;
      font-size: 20px; }
    .pop_stargift .mission_box dl dd.mission_title {
      position: absolute;
      top: 19px;
      left: 152px;
      width: 280px;
      color: #333;
      font-size: 16px;
      font-weight: bold;
      line-height: 120%; }
    .pop_stargift .mission_box dl dd.date {
      position: absolute;
      top: 75px;
      left: 152px;
      color: #555;
      font-size: 16px; }
    .pop_stargift .mission_box dl dd.star {
      position: absolute;
      top: 74px;
      left: 17px;
      color: #fff;
      font-size: 16px; }
      .pop_stargift .mission_box dl dd.star:before {
        content: '';
        display: inline-block;
        width: 17px;
        height: 20px;
        vertical-align: middle;
        margin: 0 6px 1px 0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 23 29' %3e%3cpath d='m13.295 24.046c7e-3 0.108 0.017 0.232 0.034 0.371 0.058 0.541 0.165 1.08 0.329 1.575 0.197 0.598 0.462 1.083 0.791 1.415 0.326 0.342 0.317 0.886-0.021 1.215-0.33 0.323-0.853 0.323-1.183 0-0.538-0.543-0.928-1.255-1.203-2.087-0.246-0.76-0.396-1.549-0.445-2.347h-0.114c-6.346-8e-3 -11.484-5.211-11.475-11.621 8e-3 -6.41 5.159-11.6 11.505-11.591 6.346 8e-3 11.484 5.211 11.476 11.621-7e-3 5.704-4.117 10.557-9.694 11.449zm-1.43-17.465 1.671 3.422c0.062 0.126 0.182 0.214 0.32 0.233l3.739 0.551c0.232 0.035 0.393 0.253 0.358 0.488-0.014 0.093-0.057 0.179-0.124 0.244l-2.705 2.662c-0.099 0.099-0.144 0.241-0.12 0.38l0.638 3.76c0.039 0.234-0.116 0.456-0.348 0.496-0.093 0.016-0.187 1e-3 -0.27-0.043l-3.341-1.775c-0.125-0.066-0.274-0.066-0.398 0l-3.342 1.775c-0.209 0.109-0.466 0.027-0.574-0.183-0.043-0.083-0.058-0.177-0.043-0.27l0.639-3.76c0.023-0.139-0.023-0.28-0.123-0.378l-2.707-2.665c-0.167-0.167-0.17-0.439-6e-3 -0.608 0.066-0.068 0.151-0.112 0.243-0.125l3.738-0.549c0.139-0.02 0.259-0.108 0.32-0.235l1.672-3.42c0.104-0.213 0.36-0.3 0.571-0.194 0.083 0.041 0.151 0.11 0.192 0.194zm9.407 6.001c0-5.461-4.383-9.887-9.789-9.887s-9.787 4.426-9.787 9.887c0 5.46 4.381 9.887 9.787 9.887s9.789-4.427 9.789-9.887z' fill-rule='nonzero'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
    .pop_stargift .mission_box dl dd.goal {
      position: absolute;
      top: 53px;
      left: 17px;
      color: #fff;
      font-size: 16px; }
.pop_stargift .mission_btn {
  padding: 14px 0;
  text-align: center; }
  .pop_stargift .mission_btn button {
    width: 22px;
    height: 22px;
    margin: 0 5px;
    text-indent: -9999em;
    border: 1px solid #99c3ff;
    outline: none;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(19, 118, 254, 0.999)' stroke='' viewBox='0 0 19 32'%3e%3cpath d='M19.001,15.984 L16.163,18.788 L16.163,18.788 L3.393,31.405 C2.610,32.179 1.339,32.179 0.555,31.405 C-0.228,30.631 -0.228,29.375 0.555,28.601 L13.325,15.984 L0.555,3.367 C-0.228,2.593 -0.228,1.338 0.555,0.563 C1.339,-0.211 2.610,-0.211 3.393,0.563 L16.163,13.180 L16.163,13.180 L19.001,15.984 Z'%3e%3c/path%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 6px 10px; }
    .pop_stargift .mission_btn button:first-child {
      transform: rotateZ(180deg); }
    .pop_stargift .mission_btn button.off {
      opacity: 1 !important;
      border-color: #dfdfdf;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(193, 193, 193, 0.999)' stroke='' viewBox='0 0 19 32'%3e%3cpath d='M19.001,15.984 L16.163,18.788 L16.163,18.788 L3.393,31.405 C2.610,32.179 1.339,32.179 0.555,31.405 C-0.228,30.631 -0.228,29.375 0.555,28.601 L13.325,15.984 L0.555,3.367 C-0.228,2.593 -0.228,1.338 0.555,0.563 C1.339,-0.211 2.610,-0.211 3.393,0.563 L16.163,13.180 L16.163,13.180 L19.001,15.984 Z'%3e%3c/path%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 6px 10px; }
.pop_stargift .mission_agree_layer {
  display: none;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 200;
  width: 328px;
  transform: translate(-50%, -50%) !important; }
  .pop_stargift .mission_agree_layer .list {
    padding: 10px 20px 10px 20px; }
    .pop_stargift .mission_agree_layer .list li {
      position: relative;
      padding-left: 7px;
      line-height: 16px;
      color: #7e7e7e;
      font-size: 12px;
      letter-spacing: -1px;
      margin-top: 7px; }
      .pop_stargift .mission_agree_layer .list li:before {
        content: '';
        position: absolute;
        top: 7px;
        left: 0;
        width: 2px;
        height: 2px;
        background: #7e7e7e; }
  .pop_stargift .mission_agree_layer .btn_wrap_line a {
    line-height: 20px; }
.pop_stargift .no_mission {
  height: 487px; }
  .pop_stargift .no_mission p {
    font-size: 14px;
    color: #555;
    text-align: center;
    padding-top: 132px; }
    .pop_stargift .no_mission p:before {
      content: '';
      width: 146px;
      height: 132px;
      display: block;
      margin: 0 auto 25px;
      background: url("/images/webplayer/layer/img_mission_not.png") no-repeat; }
.pop_stargift .inner_table {
  box-sizing: border-box;
  height: 487px;
  padding: 16px 20px 0 20px; }
.pop_stargift .misstion_board {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888; }
  .pop_stargift .misstion_board th {
    height: 30px;
    color: #333;
    font-weight: normal;
    text-align: center;
    background: #eff3f9; }
  .pop_stargift .misstion_board td {
    height: 35px;
    border-bottom: 1px solid #ebebeb;
    color: #333;
    text-align: center; }
    .pop_stargift .misstion_board td.subject {
      padding-left: 10px;
      text-align: left; }
    .pop_stargift .misstion_board td.success {
      color: #6bad31; }
    .pop_stargift .misstion_board td.nodata {
      padding: 70px;
      font-size: 16px; }
  .pop_stargift .misstion_board tr:last-child td {
    border-bottom: none; }

.gather_balloon {
  overflow: hidden; }
  .gather_balloon .layer_in {
    min-height: 503PX; }
  .gather_balloon .none {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #fff; }
    .gather_balloon .none p {
      margin-top: 25px;
      font-size: 14px;
      color: #555; }
      .gather_balloon .none p:before {
        content: '';
        display: block;
        width: 160px;
        height: 108px;
        margin: 0 auto 25px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 292.7 197.65' %3e%3cpath d='M213.75 34.7A13.91 13.91 0 0 1 206 21.85a17.7 17.7 0 0 1 7-14.55q7.16-5.85 19.75-5.8t20.95 5.3q8.35 5.29 8.55 15.55T255.1 35.8q-6.49 2.75-17.45 3l-3.55 11.1-3.8-11.2q-10.2-.64-16.55-4zm-53.3 161.45h-2.7a81.79 81.79 0 0 1-3.85-4q-19.85-21.85-19.55-52.7T155 86.7q20.4-21.79 48.9-21.8t48.3 21.8q19.95 21.9 19.6 52.8c0 1.17 0 2.33-.1 3.5q-1.31-25.15-19.45-43.3-19.45-19.45-47-19.45t-47.2 19.45q-19.45 19.55-19.45 47.15t19.45 47c.8.8 1.6 1.57 2.4 2.3zM14 166a7.25 7.25 0 0 1 .75-3.3 10 10 0 0 1 3.85-4.2 15.79 15.79 0 0 1 5.25-1.85 46.68 46.68 0 0 1 5.6-.65c4.63-.23 8.32-.45 11.05-.65q-.8 2.59-1.55 5.45-1.69 0-5.9.5t-10.6 1.3A18 18 0 0 0 14 166a18 18 0 0 1 8.5-3.35q6.35-.9 10.55-1.35t5.9-.5q.75-2.85 1.55-5.45 4.2-13.4 10.85-20.9a15.92 15.92 0 0 0 3.05 5.45q3.6 3.89 11.1 7.1 19.6 8.3 36.75 4.65a41.75 41.75 0 0 0 16.6-7.4 20.62 20.62 0 0 0 2.4 8 16.5 16.5 0 0 0 5 5.4 158 158 0 0 1 0 18.75 26.93 26.93 0 0 1-6.15 15.25 16.31 16.31 0 0 1-5.5 4.6H11.5a15.77 15.77 0 0 1-2.6-3.45 22.48 22.48 0 0 1-2.1-13.25q.86-7.3 5-11.65A13.85 13.85 0 0 1 14 166z' fill='%23fefefe'/%3e%3cpath d='M264.9 196.15h-.9a14.47 14.47 0 0 1-6.95-2c-.77.7-1.53 1.37-2.3 2h-7.55c1.3-1.27 2.6-2.58 3.9-4q19.2-20.59 20.55-49.2c.07-1.17.1-2.33.1-3.5q.35-30.9-19.6-52.8t-48.3-21.8q-28.5 0-48.9 21.8-20.25 21.9-20.6 52.8t19.55 52.7c1.27 1.37 2.55 2.68 3.85 4h-43.2a16.31 16.31 0 0 0 5.5-4.6 26.93 26.93 0 0 0 6.15-15.25 158 158 0 0 0 0-18.75 16.5 16.5 0 0 1-5-5.4 20.62 20.62 0 0 1-2.4-8 32.44 32.44 0 0 1-.2-3.35 26.57 26.57 0 0 1 .4-4.8 4 4 0 0 1-.55-.55 7.47 7.47 0 0 1-2.8-5 7.73 7.73 0 0 1 .4-3.75q-.25-.75-.45-1.5a22.42 22.42 0 0 1-.7-4.7 24.42 24.42 0 0 1 2.65-12.55 15.64 15.64 0 0 1 5.7 3.15 17.88 17.88 0 0 1 4.35 5.7 18.93 18.93 0 0 1 1.3 5.1q5.55-27.7 25.15-45.8 23.7-21.94 55.75-20.25t53.4 25.85q1.69 1.91 3.3 3.9a17.22 17.22 0 0 1 24.7 15.4 16.43 16.43 0 0 1-5.05 12.15 18.37 18.37 0 0 1-5 3.6 85.5 85.5 0 0 1-6.9 53.85c.2.17.4.35.6.55a14.66 14.66 0 0 1-10 25zm-136-74.3q.1.95.15 2v.9a8.8 8.8 0 0 1 1.45 3.45c.05.36.08.7.1 1a8.31 8.31 0 0 1-1.2 4.65c-.13.2-.27.38-.4.55a16.3 16.3 0 0 1 2.7 5 14.49 14.49 0 0 1 .55 7.95 32.34 32.34 0 0 1-2.45 6.1c-.87 1.67-1.53 3-2 4.1l-.3.7a9 9 0 0 1-1.25-.7 9 9 0 0 0 1.25.7l.3-.7c.47-1.07 1.13-2.43 2-4.1a32.34 32.34 0 0 0 2.45-6.1 14.49 14.49 0 0 0-.55-7.95 16.3 16.3 0 0 0-2.7-5c.13-.17.27-.35.4-.55a8.31 8.31 0 0 0 1.2-4.65c0-.35-.05-.69-.1-1a8.8 8.8 0 0 0-1.5-3.5v-.9q0-1.01-.15-1.95zm-12.9 4.8a4.13 4.13 0 0 1 .5-1.1l.25-.45a5 5 0 0 1 .4-.5 7.46 7.46 0 0 1 4.75-2.55 8.23 8.23 0 0 1 5.75 1.25c.27.23.52.47.75.7s.38.47.55.7c-.17-.23-.35-.47-.55-.7s-.48-.47-.75-.7a8.23 8.23 0 0 0-5.75-1.25 7.46 7.46 0 0 0-4.75 2.55 5 5 0 0 0-.4.5l-.25.45a4.13 4.13 0 0 0-.5 1.1zm13 7.75a7 7 0 0 1-1.9 1.5l-.17.1a9.31 9.31 0 0 1-2.78.85A7.24 7.24 0 0 1 119 136a7.24 7.24 0 0 0 5.15.85 9.31 9.31 0 0 0 2.78-.85l.17-.1a7 7 0 0 0 1.9-1.5z' fill='%23006cff'/%3e%3cpath d='M247.2 196.15h-86.75c-.8-.73-1.6-1.5-2.4-2.3q-19.45-19.46-19.45-47t19.45-47.15q19.6-19.45 47.15-19.45t47 19.45q18.15 18.15 19.45 43.3-1.35 28.6-20.55 49.2c-1.3 1.37-2.6 2.68-3.9 3.95zm-30.5-49.4a2.83 2.83 0 0 0 0 .5v.85a5 5 0 0 0 .2 1.9 4.39 4.39 0 0 0 2.2 1.8c1 .4 1.67.12 1.9-.85a10.88 10.88 0 0 0 .7-3.95 25.3 25.3 0 0 0 .1-3.8c0-.9-.53-1.33-1.6-1.3a2.84 2.84 0 0 0-2.35 1.4 3.64 3.64 0 0 0-1.05 2.35c0 .37-.05.73-.05 1.1l-7.75.1a57 57 0 0 1-6 7.7 57 57 0 0 0 6-7.7zm-7.75.1a88.7 88.7 0 0 1-4.95-8.2 88.7 88.7 0 0 0 5 8.2zm30.8-35.75l-.35 11.75zm29.65 37l-7.15-.25-.6 8.75.6-8.75zm-7.15-.25l-9.7-.4zm.6-9.7l-.6 9.7zm-10.3-2.7l-1.7 23.4zM233.5 182.5q-36-10.91-75.5-4.4 39.45-6.49 75.5 4.4z' fill='%23bbbaba'/%3e%3cpath d='M51.3 134.4a32 32 0 0 1 2.3-2.35 48.07 48.07 0 0 1 24.55-12.35 58.36 58.36 0 0 1 27.25 1.65 70.53 70.53 0 0 1 10.15 3.8q.2.75.45 1.5a7.73 7.73 0 0 0-.4 3.75 7.47 7.47 0 0 0 2.8 5 4 4 0 0 0 .55.55 26.57 26.57 0 0 0-.3 4.85 32.44 32.44 0 0 0 .2 3.35 41.75 41.75 0 0 1-16.6 7.4Q85.1 155.25 65.5 147q-7.5-3.15-11.15-7.1a15.92 15.92 0 0 1-3.05-5.5z' fill='%23e3dfdf'/%3e%3cpath d='M217.25 146.75h-.55c0-.37 0-.73.05-1.1a3.64 3.64 0 0 1 1.05-2.35 2.84 2.84 0 0 1 2.35-1.4c1.07 0 1.6.4 1.6 1.3a25.3 25.3 0 0 1-.1 3.8 10.88 10.88 0 0 1-.65 4c-.23 1-.87 1.25-1.9.85a4.39 4.39 0 0 1-2.2-1.8 5 5 0 0 1-.2-1.9v-.85a2.83 2.83 0 0 1 0-.5z' fill='%23230000'/%3e%3cpath d='M213.75 34.7A13.91 13.91 0 0 1 206 21.85a17.7 17.7 0 0 1 7-14.55q7.16-5.85 19.75-5.8t20.95 5.3q8.35 5.29 8.55 15.55T255.1 35.8q-6.49 2.75-17.45 3l-3.55 11.1-3.8-11.2q-10.2-.64-16.55-4zm57.9 108.3c.07-1.17.1-2.33.1-3.5q.35-30.9-19.6-52.8t-48.3-21.8q-28.5 0-48.9 21.8-20.25 21.9-20.6 52.8t19.55 52.7c1.27 1.37 2.55 2.68 3.85 4h2.7m-44.9-71a22.42 22.42 0 0 1-.7-4.7 24.42 24.42 0 0 1 2.65-12.55 15.64 15.64 0 0 1 5.7 3.15 17.88 17.88 0 0 1 4.35 5.7 18.93 18.93 0 0 1 1.3 5.1Q134.4 94.2 154 76.1q23.7-21.94 55.75-20.25t53.4 25.85q1.69 1.91 3.3 3.9A17.22 17.22 0 0 1 291.2 101a16.43 16.43 0 0 1-5.05 12.15 18.37 18.37 0 0 1-5 3.6 85.5 85.5 0 0 1-6.9 53.85c.2.17.4.35.6.55a14.66 14.66 0 0 1-10 25h15.35m-161.4-52a32.44 32.44 0 0 1-.2-3.35 26.57 26.57 0 0 1 .4-4.8 4 4 0 0 1-.55-.55 7.47 7.47 0 0 1-2.8-5 7.73 7.73 0 0 1 .4-3.75q-.25-.75-.45-1.5a70.53 70.53 0 0 0-10.15-3.8 58.36 58.36 0 0 0-27.25-1.65 48.07 48.07 0 0 0-24.6 12.3 32 32 0 0 0-2.3 2.35q-6.66 7.51-10.85 20.9-.8 2.59-1.55 5.45-1.69 0-5.9.5t-10.55 1.35A18 18 0 0 0 14 166a13.85 13.85 0 0 0-2.15 1.85q-4.16 4.35-5 11.65a22.48 22.48 0 0 0 2.05 13.2 15.77 15.77 0 0 0 2.6 3.45h103.05a16.31 16.31 0 0 0 5.5-4.6 26.93 26.93 0 0 0 6.15-15.25 158 158 0 0 0 0-18.75 16.5 16.5 0 0 1-5-5.4 20.62 20.62 0 0 1-2.35-7.95zm-78.4 11.1c-2.73.2-6.42.42-11.05.65a46.68 46.68 0 0 0-5.6.65 15.79 15.79 0 0 0-5.25 1.85 10 10 0 0 0-3.85 4.2A7.25 7.25 0 0 0 14 166m-2.45 30.2H1.5m215.2-49.4l-7.75.1a57 57 0 0 1-6 7.7m6-7.7a88.7 88.7 0 0 1-4.95-8.2m13.25 8.1h-.55m-87.85-24.9q.1.95.15 2v.9a8.8 8.8 0 0 1 1.45 3.45c.05.36.08.7.1 1a8.31 8.31 0 0 1-1.2 4.65c-.13.2-.27.38-.4.55a16.3 16.3 0 0 1 2.7 5 14.49 14.49 0 0 1 .55 7.95 32.34 32.34 0 0 1-2.45 6.1c-.87 1.67-1.53 3-2 4.1l-.3.7a9 9 0 0 1-1.25-.7M116 126.65a4.13 4.13 0 0 1 .5-1.1l.25-.45a5 5 0 0 1 .4-.5 7.46 7.46 0 0 1 4.75-2.55 8.23 8.23 0 0 1 5.75 1.25c.27.23.52.47.75.7s.38.47.55.7m-.05 9.7a7 7 0 0 1-1.9 1.5l-.17.1a9.31 9.31 0 0 1-2.78.85A7.24 7.24 0 0 1 119 136m38.8 60.15h-43.2M271.65 143q-1.35 28.6-20.55 49.2c-1.3 1.37-2.6 2.68-3.9 4h7.55c.77-.63 1.53-1.3 2.3-2a14.47 14.47 0 0 0 6.95 2h.9m-.9 0h-9.25m-7.55 0h-86.75m73.05-13.7q-36-10.91-75.5-4.4' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M216.7 146.75c0-.37 0-.73.05-1.1a3.64 3.64 0 0 1 1.05-2.35 2.84 2.84 0 0 1 2.35-1.4c1.07 0 1.6.4 1.6 1.3a25.3 25.3 0 0 1-.1 3.8 10.88 10.88 0 0 1-.65 4c-.23 1-.87 1.25-1.9.85a4.39 4.39 0 0 1-2.2-1.8 5 5 0 0 1-.2-1.9v-.85a2.83 2.83 0 0 1 0-.55z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3cpath d='M239.75 111.1l-.35 11.75m30 25.2l-7.15-.25-.6 8.75m.6-8.75l-9.7-.4m10.3-9.3l-.6 9.7m-9.7-12.4l-1.7 23.4' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3e%3cpath d='M227.6 122a5.25 5.25 0 0 1-4.2-.35 5.42 5.42 0 0 1-2.65-3.2 5 5 0 0 1 .35-4.1 5.34 5.34 0 0 1 7.3-2.3 5.57 5.57 0 0 1 2.75 3.15 5.46 5.46 0 0 1-.4 4.2 5.19 5.19 0 0 1-3.15 2.6z' fill='%23230000'/%3e%3cpath d='M227.6 122a5.25 5.25 0 0 1-4.2-.35 5.42 5.42 0 0 1-2.65-3.2 5 5 0 0 1 .35-4.1 5.34 5.34 0 0 1 7.3-2.3 5.57 5.57 0 0 1 2.75 3.15 5.46 5.46 0 0 1-.4 4.2 5.19 5.19 0 0 1-3.15 2.6z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M225.2 175.05a4.87 4.87 0 0 1-3.8-.35 4.73 4.73 0 0 1-2.35-2.85 4.5 4.5 0 0 1 .3-3.7 4.7 4.7 0 0 1 2.9-2.45 4.65 4.65 0 0 1 3.7.35 4.85 4.85 0 0 1 2.1 6.65 4.73 4.73 0 0 1-2.85 2.35z' fill='%23230000'/%3e%3cpath d='M225.2 175.05a4.87 4.87 0 0 1-3.8-.35 4.73 4.73 0 0 1-2.35-2.85 4.5 4.5 0 0 1 .3-3.7 4.7 4.7 0 0 1 2.9-2.45 4.65 4.65 0 0 1 3.7.35 4.85 4.85 0 0 1 2.1 6.65 4.73 4.73 0 0 1-2.85 2.35z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='m236.1 166.1-0.9 10.3' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3e%3cpath d='M116.25 193.2l-47.1-.1Q58.4 192.16 59.1 179q1.24-11.75 10.05-12.7l46.65-.2z' fill='white'/%3e%3cpath d='M116.25 193.2l-47.1-.1Q58.4 192.16 59.1 179q1.24-11.75 10.05-12.7l46.65-.2h1' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M217.9 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='%23230000'/%3e%3cpath d='M217.9 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M229.9 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='%23230000'/%3e%3cpath d='M229.9 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M244.05 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='%23230000'/%3e%3cpath d='M244.05 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M254.9 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='%23230000'/%3e%3cpath d='M254.9 20.85a.89.89 0 0 1-.55.2.68.68 0 0 1-.7-.7.89.89 0 0 1 .2-.55.82.82 0 0 1 .5-.2.69.69 0 0 1 .75.75.82.82 0 0 1-.2.5z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M91.05 70.6q11.3 0 17 8.65t4.1 23q-1.7 14.35-2 17.35a27 27 0 0 1-.35 3.2c-.73 1.47-2.3 2.43-4.7 2.9s-3.77 1-4.2 1.5a7.48 7.48 0 0 0-1 1.55 7 7 0 0 0-.55 2 3.68 3.68 0 0 1-.8 1.75 2 2 0 0 1-3.25-.15 5.18 5.18 0 0 1-.8-2.8 9.53 9.53 0 0 1 .7-3.75q-13.85-.11-17.55-.2c-2.47-.1-4.25-.12-5.35 0a10.59 10.59 0 0 0-3.35.65 6.23 6.23 0 0 0-2.85 2.05c-.87 1.2-1.33 1.83-1.4 1.9a2.72 2.72 0 0 1-1.85 1 3.05 3.05 0 0 1-1.75-.4 3.34 3.34 0 0 1-1.1-1.65c-.33-.77-.22-2.05.35-3.85s2.57-3.77 6-5.8q-.7-7.69.55-22.45t7.05-20.6q5.75-5.9 17.1-5.85zm13.25 34.1q-.4 3.9-.4 10.7c0 1.47.33 2.38 1 2.75a1.63 1.63 0 0 0 1.25.2 2.78 2.78 0 0 0 1.1-.7 4.12 4.12 0 0 0 1.1-2.25 22.5 22.5 0 0 0 .3-2.9q0-1.4.45-6.5-.41 5.1-.45 6.5a22.5 22.5 0 0 1-.3 2.9 4.12 4.12 0 0 1-1.1 2.25 2.78 2.78 0 0 1-1.1.7 1.63 1.63 0 0 1-1.25-.2c-.67-.37-1-1.28-1-2.75q0-6.79.4-10.7zM99 121.2c-1.27 0-2.33 1-3.2 3a10.34 10.34 0 0 0-.5 1.45 10.34 10.34 0 0 1 .5-1.45c.87-1.95 1.93-2.97 3.2-3z' fill='%23fc0'/%3e%3cpath d='M91.05 70.6q11.3 0 17 8.65t4.1 23q-1.7 14.35-2 17.35a27 27 0 0 1-.35 3.2c-.73 1.47-2.3 2.43-4.7 2.9s-3.77 1-4.2 1.5a7.48 7.48 0 0 0-1 1.55 7 7 0 0 0-.55 2 3.68 3.68 0 0 1-.8 1.75 2 2 0 0 1-3.25-.15 5.18 5.18 0 0 1-.8-2.8 9.53 9.53 0 0 1 .7-3.75q-13.85-.11-17.55-.2c-2.47-.1-4.25-.12-5.35 0a10.59 10.59 0 0 0-3.35.65 6.23 6.23 0 0 0-2.85 2.05c-.87 1.2-1.33 1.83-1.4 1.9a2.72 2.72 0 0 1-1.85 1 3.05 3.05 0 0 1-1.75-.4 3.34 3.34 0 0 1-1.1-1.65c-.33-.77-.22-2.05.35-3.85s2.57-3.77 6-5.8q-.7-7.69.55-22.45t7.05-20.6q5.75-5.9 17.1-5.85zm13.25 34.1q-.4 3.9-.4 10.7c0 1.47.33 2.38 1 2.75a1.63 1.63 0 0 0 1.25.2 2.78 2.78 0 0 0 1.1-.7 4.12 4.12 0 0 0 1.1-2.25 22.5 22.5 0 0 0 .3-2.9q0-1.4.45-6.5M99 121.2c-1.27 0-2.33 1-3.2 3a10.34 10.34 0 0 0-.5 1.45' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M70.6 96.3c-4-.23-6-1.57-6-4s1.57-4.15 4.7-5.15 7.92-1.53 14.25-1.6a52.18 52.18 0 0 1 15.35 1.7q5.89 1.8 4.85 5.25t-6.6 3.8q-5.55.35-13.05.35t-13.5-.35zm1.55-4.9l24.2.1z' fill='%23e34141'/%3e%3cpath d='M70.6 96.3c-4-.23-6-1.57-6-4s1.57-4.15 4.7-5.15 7.92-1.53 14.25-1.6a52.18 52.18 0 0 1 15.35 1.7q5.89 1.8 4.85 5.25t-6.6 3.8q-5.55.35-13.05.35t-13.5-.35zm1.55-4.9l24.2.1' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath d='M94.85 86.3A6.94 6.94 0 0 1 91 84.9a3.53 3.53 0 0 1-1.5-2.55l11.15.3a3.35 3.35 0 0 1-1.75 2.65 6.52 6.52 0 0 1-4.05 1z' fill='%23230000'/%3e%3cpath d='M94.85 86.3A6.94 6.94 0 0 1 91 84.9a3.53 3.53 0 0 1-1.5-2.55l11.15.3a3.35 3.35 0 0 1-1.75 2.65 6.52 6.52 0 0 1-4.05 1z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M76.15 85.55a5 5 0 0 1-3.1-1.1 2.82 2.82 0 0 1-1.15-2.1l8.75.15a3 3 0 0 1-1.35 2.15 5.12 5.12 0 0 1-3.15.9z' fill='%23230000'/%3e%3cpath d='M76.15 85.55a5 5 0 0 1-3.1-1.1 2.82 2.82 0 0 1-1.15-2.1l8.75.15a3 3 0 0 1-1.35 2.15 5.12 5.12 0 0 1-3.15.9z' fill='none' stroke='%23230000' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
  .gather_balloon .history_back {
    position: absolute;
    top: 20px;
    left: 17px;
    display: inline-block;
    background-color: transparent;
    width: 24px;
    height: 24px;
    font: 0/0 a; }
    .gather_balloon .history_back:before {
      content: '';
      display: block;
      position: relative;
      width: 9px;
      height: 16px;
      margin: 4px auto;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11.25' height='18.25'%3e%3cpath stroke='%238C8C8C' stroke-width='1.5' fill='none' d='M8.49 16.76L.76 8.75 8.5.74'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%; }
    .gather_balloon .history_back:hover {
      background-color: transparent; }
  .gather_balloon .gather_balloon_info {
    height: 225px;
    padding: 18px;
    overflow: auto; }
    .gather_balloon .gather_balloon_info h3 {
      margin-bottom: 15px;
      font-size: 18px;
      color: #222;
      font-family: 'NGB'; }
    .gather_balloon .gather_balloon_info .team_list li {
      position: relative;
      margin-bottom: 10px;
      padding: 20px 30px;
      border-radius: 8px;
      background-color: #f5f6f7; }
      .gather_balloon .gather_balloon_info .team_list li:before {
        content: '';
        display: block;
        position: absolute;
        top: 14px;
        left: 14px;
        bottom: 14px;
        width: 6px;
        border-radius: 3px; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 1):before {
        background-color: #f65284; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 2):before {
        background-color: #5978ff; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 3):before {
        background-color: #bb59ff; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 4):before {
        background-color: #48d18f; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 5):before {
        background-color: #ffb300; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 6):before {
        background-color: #50dddf; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 7):before {
        background-color: #96d348; }
      .gather_balloon .gather_balloon_info .team_list li:nth-child(8n + 8):before {
        background-color: #fa8130; }
      .gather_balloon .gather_balloon_info .team_list li dl dt {
        font-size: 15px;
        color: #222;
        font-family: 'NGB'; }
      .gather_balloon .gather_balloon_info .team_list li dl dd {
        font-size: 14px;
        color: #555;
        margin-top: 10px;
        line-height: 1.4; }
        .gather_balloon .gather_balloon_info .team_list li dl dd span {
          display: inline-block; }
  .gather_balloon .gather_balloon_info_layer .inner {
    padding: 30px 20px 20px; }
  .gather_balloon .gather_balloon_info_layer dl:before {
    content: '';
    display: block;
    width: 140px;
    height: 120px;
    margin: 0 auto 10px;
    background: url("/images/webplayer/layer/gather_balloon.png") no-repeat; }
  .gather_balloon .gather_balloon_info_layer dl dt {
    font-size: 17px;
    color: #404256;
    font-family: "NGB"; }
  .gather_balloon .gather_balloon_info_layer dl dd ul li {
    position: relative;
    margin-top: 15px;
    padding-left: 6px;
    font-size: 13px;
    color: #555;
    line-height: 1.2; }
    .gather_balloon .gather_balloon_info_layer dl dd ul li span {
      color: #4279ff; }
    .gather_balloon .gather_balloon_info_layer dl dd ul li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 7px;
      display: block;
      width: 2px;
      height: 2px;
      background-color: #555;
      border-radius: 50%; }
  .gather_balloon .send_area {
    height: 150px;
    padding: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
    .gather_balloon .send_area .gift_st {
      margin-top: 5px; }
      .gather_balloon .send_area .gift_st .btn_buy {
        position: static; }
    .gather_balloon .send_area .gift_at {
      width: 300px; }
      .gather_balloon .send_area .gift_at dd {
        height: 44px; }
        .gather_balloon .send_area .gift_at dd .txt_default,
        .gather_balloon .send_area .gift_at dd .txt_count {
          line-height: 44px; }
        .gather_balloon .send_area .gift_at dd input {
          top: 5px;
          width: 140px; }
        .gather_balloon .send_area .gift_at dd button {
          top: 7px; }
    .gather_balloon .send_area .cnt_all {
      position: absolute;
      right: 30px;
      top: 36px;
      font-size: 14px;
      color: #444; }
      .gather_balloon .send_area .cnt_all strong {
        font-weight: normal;
        color: #006bfe; }
    .gather_balloon .send_area .btn_area {
      position: absolute;
      top: 66px;
      right: 30px;
      padding: 0; }
      .gather_balloon .send_area .btn_area .btn_gift {
        height: 48px;
        margin: 0; }
  .gather_balloon .gather_balloon_list .none {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: 190px; }
    .gather_balloon .gather_balloon_list .none p {
      margin: 0; }
    .gather_balloon .gather_balloon_list .none p:before {
      display: none; }
  .gather_balloon .gather_balloon_list dl {
    padding: 0 20px; }
    .gather_balloon .gather_balloon_list dl dt {
      position: relative;
      margin-bottom: 15px;
      font-size: 16px;
      color: #222;
      font-family: 'NGB'; }
      .gather_balloon .gather_balloon_list dl dt span {
        position: absolute;
        top: 1px;
        right: 0;
        font-size: 13px;
        color: #999; }
    .gather_balloon .gather_balloon_list dl dd {
      min-height: 280px;
      max-height: 280px;
      overflow: auto; }
      .gather_balloon .gather_balloon_list dl dd ul li {
        margin-bottom: 10px; }
        .gather_balloon .gather_balloon_list dl dd ul li a {
          position: relative;
          display: block;
          height: 43px;
          border-radius: 22px;
          font-size: 14px;
          color: #222;
          background-color: #f5f6f7;
          transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          .gather_balloon .gather_balloon_list dl dd ul li a:after {
            content: '';
            position: absolute;
            top: 15px;
            right: 20px;
            display: block;
            width: 7px;
            height: 13px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%235586fe' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e");
            background-size: 100% 100%;
            background-position: 50% 50%;
            background-repeat: no-repeat; }
          .gather_balloon .gather_balloon_list dl dd ul li a:hover {
            background-color: #e8e9eb; }
          .gather_balloon .gather_balloon_list dl dd ul li a p {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0 115px 0 20px;
            font-size: 14px;
            line-height: 44px;
            color: #222; }
          .gather_balloon .gather_balloon_list dl dd ul li a span {
            position: absolute;
            top: 15px;
            right: 45px;
            font-size: 12px;
            color: #888; }
  .gather_balloon .side_contents {
    opacity: 0;
    position: absolute;
    z-index: 50;
    top: 30px;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: translate(100%, 0);
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .gather_balloon .side_contents.on {
      opacity: 1;
      transform: translate(0, 0); }
  .gather_balloon .gather_balloon_list_detail {
    position: relative;
    padding: 25px 20px 35px;
    min-height: 480px; }
    .gather_balloon .gather_balloon_list_detail .detail_header {
      text-align: center; }
      .gather_balloon .gather_balloon_list_detail .detail_header h4 {
        margin-bottom: 10px;
        font-size: 16px;
        color: #333;
        font-family: 'NGB'; }
      .gather_balloon .gather_balloon_list_detail .detail_header p {
        font-size: 13px;
        color: #888; }
        .gather_balloon .gather_balloon_list_detail .detail_header p span {
          color: #4279ff; }
    .gather_balloon .gather_balloon_list_detail dl.detail_contents {
      margin-top: 20px;
      padding: 30px;
      border-radius: 8px;
      background-color: #f5f6f7; }
      .gather_balloon .gather_balloon_list_detail dl.detail_contents dt {
        margin-bottom: 10px; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dt h5 {
          margin-bottom: 10px;
          font-size: 16px;
          color: #222;
          font-family: 'NGB'; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dt strong {
          font-size: 14px;
          color: #4279ff;
          font-weight: normal; }
      .gather_balloon .gather_balloon_list_detail dl.detail_contents dd ul {
        overflow-y: auto;
        height: 300px; }
      .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li {
        position: relative;
        padding: 12px 0;
        margin: 0 0 0 50px;
        border-bottom: 1px solid #e8e8e8; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li .thumb {
          position: absolute;
          top: 8px;
          left: -50px;
          width: 40px;
          height: 40px;
          border-radius: 50px; }
          .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li .thumb img {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li strong {
          display: block;
          margin-bottom: 5px;
          font-size: 14px;
          color: #222;
          font-weight: normal;
          font-family: 'NGB'; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li strong + span {
          font-size: 12px;
          color: #999; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li a:first-child {
          display: inline-block;
          margin-right: 110px; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li a.live {
          position: absolute;
          right: 50px;
          top: 10px;
          display: block;
          width: 60px;
          height: 30px;
          line-height: 30px;
          border-radius: 7px;
          font-size: 12px;
          text-align: center;
          background-color: #fff;
          color: #ff3a3a;
          font-family: 'NGB'; }
          .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li a.live:after {
            content: '';
            display: inline-block;
            width: 5px;
            height: 9px;
            margin-left: 3px;
            vertical-align: -1px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 58, 58, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
            background-size: 100% 100%; }
        .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li a.broadCast {
          position: absolute;
          right: 10px;
          top: 10px;
          display: block;
          width: 32px;
          height: 32px;
          border-radius: 7px;
          font: 0/0 a;
          background-color: #fff; }
          .gather_balloon .gather_balloon_list_detail dl.detail_contents dd li a.broadCast:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 15px;
            margin: 9px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(106, 106, 106, 0.999)' stroke='' viewBox='0 0 26 22'%3e%3cpath d='M24.763 12.962a.828.828 0 01-1.16 0l-2.34-2.32v10.549a.816.816 0 01-.82.813h-5.609a.816.816 0 01-.82-.813v-3.82H10.98v3.82a.817.817 0 01-.821.813H4.55a.816.816 0 01-.82-.813V10.642l-2.34 2.32a.825.825 0 01-1.159 0 .809.809 0 010-1.15L11.917.227a.826.826 0 011.16 0l11.686 11.585c.32.317.32.832 0 1.15zM12.497 1.951L5.349 9.038c.005.036.021.068.021.105v11.235h3.969v-3.82c0-.449.368-.813.82-.813h4.675c.453 0 .82.364.82.813v3.82h3.969V9.143c0-.037.017-.07.021-.106l-7.147-7.086z'/%3e%3c/svg%3e") 0 0 no-repeat;
            background-size: 100% 100%; }

.gift-emoticon {
  display: none;
  width: 746px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .gift-emoticon .pop-body {
    position: relative; }
  .gift-emoticon .pop-btn {
    padding: 25px 0 10px; }
    .gift-emoticon .pop-btn a.btn {
      width: auto;
      height: 30px;
      padding: 0 25px;
      font-size: 14px;
      line-height: 30px;
      color: #222;
      font-family: 'NGB'; }
  .gift-emoticon .sub_title {
    font-size: 16px;
    color: #222;
    margin-bottom: 12px;
    font-family: 'NGB'; }
  .gift-emoticon .sub_title + p {
    font-size: 13px;
    color: #555;
    line-height: 14px;
    line-height: 1.4; }
  .gift-emoticon a.question {
    position: absolute;
    top: 18px;
    right: 20px;
    padding-bottom: 1px;
    font-size: 12px;
    color: #006bfe;
    border-bottom: 1px solid #006bfe;
    font-family: 'NGB'; }
  .gift-emoticon .gift-emoticon_contents {
    position: relative;
    padding: 15px 30px 55px;
    margin: 20px -20px 0;
    background-color: #eff3f9; }
    .gift-emoticon .gift-emoticon_contents dl dt {
      position: relative;
      display: inline-block;
      color: #555;
      font-size: 14px;
      padding-left: 6px;
      line-height: 1.2; }
      .gift-emoticon .gift-emoticon_contents dl dt:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 7px;
        width: 2px;
        height: 2px;
        background-color: #555; }
    .gift-emoticon .gift-emoticon_contents dl dd {
      display: inline-block; }
      .gift-emoticon .gift-emoticon_contents dl dd span.id {
        color: #4279ff;
        font-size: 13px;
        font-family: 'NGB';
        line-height: 1.2; }
    .gift-emoticon .gift-emoticon_contents dl dd.slide {
      overflow: hidden;
      position: relative;
      display: block;
      margin-top: 15px;
      padding: 20px 15px;
      background-color: #fff;
      border-radius: 6px; }
      .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper {
        position: relative;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box; }
        .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide {
          position: relative;
          display: -webkit-box;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          text-align: center; }
          .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide strong {
            display: block;
            height: 38px;
            margin: 0 10px 10px;
            font-size: 16px;
            color: #222;
            font-family: 'NGB';
            line-height: 1.2;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box; }
          .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide img {
            display: block;
            width: 120px;
            height: 120px;
            margin: 0 auto; }
          .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide p {
            margin: 14px 0 11px;
            font-size: 14px;
            color: #222; }
            .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide p span {
              padding-left: 3px;
              font-size: 14px;
              color: #006bfe;
              font-family: 'NGB'; }
          .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide button {
            padding: 0 15px;
            height: 30px;
            background-color: #006bfe;
            border-radius: 3px;
            font-size: 14px;
            color: #fff;
            font-family: 'NGB'; }
        .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide-next:before, .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide-next + .swiper-slide:before {
          content: '';
          position: absolute;
          top: 40px;
          bottom: 40px;
          left: 0;
          width: 1px;
          background-color: #e5e5e5; }
      .gift-emoticon .gift-emoticon_contents dl dd.slide > button {
        position: absolute;
        z-index: 10;
        width: 12px;
        height: 22px;
        top: 50%;
        margin-top: -11px;
        font: 0/0 a; }
        .gift-emoticon .gift-emoticon_contents dl dd.slide > button.button-prev {
          left: 15px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(103, 103, 103, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M8.424 14.576c.235.234.235.614 0 .848-.234.235-.614.235-.848 0l-7-7C.34 8.19.34 7.81.576 7.576l7-7c.234-.235.614-.235.848 0 .235.234.235.614 0 .848L1.85 8l6.575 6.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%;
          background-color: #fff; }
        .gift-emoticon .gift-emoticon_contents dl dd.slide > button.button-next {
          right: 15px;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(103, 103, 103, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%;
          background-color: #fff; }
    .gift-emoticon .gift-emoticon_contents dl .contents_none {
      box-sizing: border-box;
      width: 100%;
      height: 265px;
      padding-top: 80px;
      margin-top: 15px;
      text-align: center;
      background-color: #fff; }
      .gift-emoticon .gift-emoticon_contents dl .contents_none strong {
        font-size: 16px;
        color: #333;
        font-family: 'NGB'; }
      .gift-emoticon .gift-emoticon_contents dl .contents_none p {
        margin: 10px 0 25px;
        font-size: 14px;
        color: #333; }
      .gift-emoticon .gift-emoticon_contents dl .contents_none a {
        display: inline-block;
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
        background-color: #006bfe;
        border-radius: 3px;
        font-size: 14px;
        color: #fff;
        font-family: 'NGB'; }
    .gift-emoticon .gift-emoticon_contents dl + dl {
      margin-top: 10px; }
    .gift-emoticon .gift-emoticon_contents > p {
      position: absolute;
      bottom: 30px;
      left: 30px;
      font-size: 13px;
      color: #666; }
    .gift-emoticon .gift-emoticon_contents > a {
      position: absolute;
      bottom: 30px;
      right: 30px;
      font-size: 13px;
      color: #006bfe; }
      .gift-emoticon .gift-emoticon_contents > a:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        margin-left: 3px;
        vertical-align: -1px;
        color: #7398ff;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }

.pop_stargift .guide_layer {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8); }

.pop_stargift.guide_open .guide_layer {
  display: block; }

.guide_step1,
.guide_step2,
.guide_step3 {
  position: absolute;
  color: #c6c6c6;
  font-size: 12px; }

.guide_step1 {
  top: 38px;
  left: 278px;
  right: 20px; }

.guide_step2 {
  top: 148px;
  left: 15px; }

.guide_step3 {
  top: 338px;
  left: 160px; }

.guide_layer p {
  color: #c6c6c6;
  line-height: 1.4;
  letter-spacing: -1px;
  font-size: 12px; }

.guide_layer > p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  text-align: center;
  font-size: 14px; }

.guide_layer > div strong {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 6px;
  text-indent: -9999em; }

.guide_layer .guide_step1 strong {
  width: 181px;
  height: 54px;
  background: url("/images/flashplayer/guide_layer1.png"); }

.guide_layer .guide_step1 p {
  margin-left: 48px; }

.guide_layer .guide_step2 strong {
  width: 231px;
  height: 45px;
  background: url("/images/flashplayer/guide_layer2.png"); }

.guide_layer .guide_step2 p {
  margin-left: 27px; }

.guide_layer .guide_step3 strong {
  width: 280px;
  height: 51px;
  background: url("/images/flashplayer/guide_layer3.png"); }

.guide_layer .guide_step3 p {
  margin-left: 95px; }

.guide_layer > a {
  overflow: hidden;
  position: absolute;
  right: 18px;
  top: 18px;
  width: 21px;
  height: 21px;
  text-indent: -9999em;
  background: url("/images/flashplayer/split_layer.png") no-repeat -40px -930px; }

#emoticonBox .btn_close {
  background: none;
  width: auto;
  height: auto;
  padding: 0; }

/* 나중에보기 레이어 iframe 제거로 인한 위치조정 */
.layer_s.layerWatchTime {
  position: absolute; }

/* 동영상 하이라이트 만들기  */
.highlight {
  position: absolute !important; }

.highlight .layer_ac dl {
  position: relative;
  margin: 0 20px 10px;
  min-height: 28px;
  font-size: 12px; }

.highlight .layer_ac dl dt > input,
.highlight .layer_ac dl dd > input {
  display: block;
  width: 100%;
  height: 26px;
  border: none;
  padding: 0;
  text-indent: 10px; }

.highlight .layer_ac dl dt {
  position: absolute;
  top: 0;
  left: 0;
  color: #3c3c3c;
  line-height: 2.5;
  font-weight: bold; }

.highlight .layer_ac dl dd {
  margin-left: 40px;
  text-align: left;
  min-height: 26px;
  border: 1px solid #d8d8d8; }

.highlight .layer_ac a {
  display: block;
  margin-top: 10px;
  color: #2f89d5;
  text-decoration: underline; }

.highlight .alarm_area {
  padding: 25px 20px;
  margin-bottom: -11px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  background-color: #eff3f9;
  color: #505050;
  line-height: 1.2; }

.highlight .alarm_area span {
  display: block;
  margin: 4px 0 10px;
  color: #7e7e7e; }

.highlight .alarm_area a {
  text-decoration: underline;
  color: #2f89d5; }

.highlight.layer_s .layer_ac {
  padding: 30px 20px 15px; }

.highlight .never_see {
  margin: 15px 0 0 0;
  text-align: left; }

.highlight .never_see input {
  vertical-align: -2px;
  margin-right: 3px; }

.htmlplayer_wrap .tag-editor {
  width: auto;
  padding: 0 0 0 5px;
  border: none; }

.htmlplayer_wrap .tag-editor li:first-child {
  display: none; }

.htmlplayer_wrap .tag-editor .tag-editor-tag,
.htmlplayer_wrap .tag-editor .tag-editor-sharp {
  line-height: 1.8; }

.htmlplayer_wrap .tag-editor div {
  line-height: 1.6; }

.htmlplayer_wrap .tag-editor .tag-editor-tag {
  padding-right: 3px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .highlight .layer_ac dl dt {
    line-height: 2.2; } }
@-moz-document url-prefix() {
  .highlight .layer_ac dl dt {
    line-height: 2.2; } }
/* 중계방 관리 */
.ui-pop.relay {
  width: 362px; }

.ui-pop.relay .pop-title {
  position: relative; }

.ui-pop.relay .pop-title > p {
  display: inline-block; }

.ui-pop.relay .pop-title .btn_refresh {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-top: -3px;
  border: 1px solid #c5cad0;
  border-radius: 2px;
  vertical-align: middle;
  background: url("/images/flashplayer/icon_v2.png") -209px -486px no-repeat; }

.ui-pop.relay .pop-title .btn_refresh:hover {
  border: 1px solid #4aa6e3; }

.ui-pop.relay .pop-body {
  padding: 20px 0 0; }

.ui-pop.relay .pop-body .txt {
  padding-left: 20px;
  color: #a0a0a0;
  font-size: 11px;
  line-height: 1.2; }

.ui-pop.relay .pop-body .tbl {
  overflow-y: auto;
  height: 289px;
  margin: 20px 0 10px;
  padding: 0 20px; }

.ui-pop.relay .pop-body .tbl table {
  width: 322px;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
  border: 0; }

.ui-pop.relay .pop-body .tbl table th {
  background: #eff8ff;
  height: 28px;
  color: #45494d;
  font-size: 11px;
  vertical-align: middle;
  text-align: center; }

.ui-pop.relay .pop-body .tbl table td {
  padding: 5px 0;
  border-bottom: 1px solid #f7f7f7;
  color: #626262;
  font-size: 12px;
  text-align: center; }

.ui-pop.relay .pop-body .tbl table td span {
  display: block; }

.ui-pop.relay .pop-body .tbl table td a.btn_go {
  display: inline-block;
  background: #4096de;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 58px;
  font-size: 11px;
  text-decoration: none;
  line-height: 20px; }

.ui-pop.relay .pop-body .tbl table tr.origin td {
  color: #3d82f6; }

.ui-pop.relay .pop-body .tbl table td.my_location {
  font-size: 11px; }

.ui-pop.relay .pop-body .tbl table td.noLst {
  padding: 45px 0 0 0;
  border-bottom: 0 none;
  color: #ff2d2d;
  font-size: 12px;
  text-align: center; }

.ui-pop.relay .pop-btn.line {
  margin: 0; }

/* 유저 VOD 원저작자에의해 삭제된 영상 */
.ui-pop.blind_pop {
  width: 398px; }

.ui-pop.blind_pop .pop-body {
  background: url("/images/webplayer/layer/icon_vod_blind.png") 127px 30px no-repeat;
  padding-top: 185px; }

.ui-pop.blind_pop .pop-body p {
  color: #525252;
  text-align: center;
  line-height: 1.2; }

.ui-pop.blind_pop .pop-body p span {
  color: #0086fe; }

.ui-pop.blind_pop .pop-btn.line {
  margin-top: 30px; }

.ui-pop .beta {
  overflow: hidden;
  display: inline-block;
  width: 41px;
  height: 13px;
  margin-left: 5px;
  background: url("/images/flashplayer/split_layer.png") 0px -820px no-repeat;
  text-indent: -9999em;
  vertical-align: -2px; }

.ui-pop .never_see {
  margin: 15px 20px 0;
  text-align: left; }

.ui-pop .never_see input {
  vertical-align: -2px;
  margin-right: 3px; }

.ui-pop.statistics_layer {
  width: 330px;
  position: absolute;
  margin: -166px 0 0 -103px; }

.ui-pop.statistics_layer .pop-body {
  color: #7e7e7e;
  font-size: 12px;
  line-height: 1.4;
  text-align: center; }

/* 구독하기 */
.pop_gudok {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 425px;
  border: 1px solid #2c84ce;
  background: #fff; }

.pop_gudok * {
  font-family: 'NG';
  line-height: 1em; }

.pop_gudok .lightbox {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  min-height: 100%;
  _height: 100%;
  background-color: #fff;
  zoom: 1;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6; }

.pop_gudok .layer_in {
  position: relative;
  width: 100%;
  height: 100%; }

.pop_gudok .layer_in h2 {
  display: block;
  padding: 9px 0 0 12px;
  height: 20px;
  line-height: 14px;
  font-weight: bold;
  color: #2c84ce;
  font-family: 'NGEB', AppleGothic, Sans-serif;
  letter-spacing: -1px;
  border-bottom: 1px solid #2c84ce; }

.pop_gudok .layer_in .what_gd {
  padding-top: 1px;
  position: absolute;
  background: url("/images/flashplayer/split_layer.png") no-repeat right -25px;
  padding-right: 20px;
  cursor: pointer;
  top: 7px;
  right: 31px;
  font-size: 11px;
  color: #2c2c2c;
  letter-spacing: -1px;
  height: 16px;
  line-height: 16px;
  font-family: 돋움, Dotum, AppleGothic, Sans-serif;
  text-decoration: none; }

.pop_gudok .layer_in .btn_close {
  position: absolute;
  right: 7px;
  top: 4px;
  display: block;
  width: 9px;
  height: 10px;
  padding: 5px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  background: url("/images/flashplayer/split_layer.png") no-repeat 4px -44px; }

.pop_gudok .info_area {
  padding: 0 30px;
  border: none; }

.pop_gudok .info_area .info_msg01 {
  padding: 9px;
  line-height: 130%;
  margin-top: 22px;
  color: #444;
  font-size: 14px;
  text-align: center;
  background: #f9f9f9; }

.pop_gudok .info_area .info_msg02 {
  width: 100%;
  height: 37px;
  line-height: 130%;
  padding: 120px 0 20px;
  color: #444;
  font-size: 14px;
  text-align: center;
  letter-spacing: -1px;
  background: url("/images/flashplayer/img_gudok_msg.jpg") no-repeat center 31px; }

.pop_gudok .info_area .info_msg03 {
  padding: 9px;
  line-height: 130%;
  margin-top: 22px;
  color: #444;
  font-size: 12px;
  text-align: center;
  background: #f9f9f9; }

.pop_gudok .info_area .cr01 {
  color: #328fde; }

.pop_gudok .info_area .cr02 {
  color: #e83838; }

.pop_gudok .info_area .info_img {
  position: relative;
  width: 357px;
  height: 145px;
  margin: 31px auto 0; }

.pop_gudok .info_area .info_img:before {
  content: '';
  display: block;
  width: 357px;
  height: 75px;
  background: url("/images/webplayer/layer/img_gudok_info.png") no-repeat; }

.pop_gudok .info_area .info_img a {
  position: absolute;
  bottom: 19px;
  right: 0;
  display: block;
  padding-right: 10px;
  font-size: 13px;
  color: #333;
  text-decoration: underline; }

.pop_gudok .info_area .info_img a:after {
  content: '';
  display: block;
  position: absolute;
  right: -3px;
  top: 3px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-color: transparent transparent transparent #333; }

.pop_gudok .info_area .info_img ul.blind {
  position: relative;
  left: 0;
  top: 0;
  width: auto !important;
  height: auto !important;
  text-indent: 0 !important;
  text-align: center; }

.pop_gudok .info_area .info_img ul.blind li {
  float: left;
  width: 33.33%;
  font-size: 13px;
  color: #9c9c9c; }

.pop_gudok .send_area {
  position: relative;
  padding: 0 25px 26px;
  background: #eff3f9; }

.pop_gudok .send_area dt {
  font-size: 14px;
  color: #222;
  line-height: 100%;
  font-family: "NGB"; }

.pop_gudok .send_area dd {
  font-size: 14px;
  color: #333;
  line-height: 100%;
  letter-spacing: -1px; }

.pop_gudok .send_area .gd_select {
  position: relative;
  padding-top: 30px; }

.pop_gudok .send_area .gd_select dt {
  font-size: 14px;
  color: #222;
  line-height: 100%;
  font-family: "NGB"; }

.pop_gudok .send_area .gd_select dd {
  padding-top: 12px; }

.pop_gudok .send_area .gd_select dd button {
  display: inline-block;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  width: 83px;
  height: 34px;
  color: #333;
  font-size: 14px;
  background: #fff;
  vertical-align: middle; }

.pop_gudok .send_area .gd_select dd button[disabled=disabled],
.pop_gudok .send_area .gd_select dd button:disabled {
  border: 1px solid #eaedf1;
  color: #d2d2d2;
  cursor: default; }

.pop_gudok .send_area .gd_select dd button.active {
  border: 1px solid #006bfe;
  color: #006bfe;
  font-family: "NGB"; }

.pop_gudok .send_area .gd_select dd button:first-child {
  width: 110px;
  margin-right: 4px; }

.pop_gudok .send_area .gd_select dd.gift button {
  width: 110px; }

.pop_gudok .send_area .gd_select dd.tip {
  position: absolute;
  top: 32px;
  right: 0;
  padding: 0;
  font-size: 12px;
  color: #777; }

.pop_gudok .send_area .gd_total {
  overflow: hidden;
  padding-top: 32px; }

.pop_gudok .send_area .gd_total dt {
  float: left; }

.pop_gudok .send_area .gd_total dd {
  float: right;
  margin-top: -3px; }

.pop_gudok .send_area .gd_total dd strong {
  font-size: 18px;
  color: #016cfe; }

.pop_gudok .send_area .gd_date {
  overflow: hidden;
  padding-top: 30px; }

.pop_gudok .send_area .gd_date dt {
  float: left;
  width: 68px; }

.pop_gudok .send_area .gd_date dt.long {
  float: left;
  width: 110px; }

.pop_gudok .send_area .gd_date dd {
  float: left; }

.pop_gudok .send_area .t_info {
  padding-top: 22px;
  font-size: 13px;
  color: #777;
  line-height: 140%; }

.pop_gudok .send_area .gd_space {
  padding-top: 18px; }

.pop_gudok .send_area .btn_area {
  padding-top: 28px;
  text-align: center; }

.pop_gudok .send_area .btn_area button {
  display: inline-block;
  width: 132px;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  font-size: 16px;
  outline: none;
  font-family: 'NGB'; }

.pop_gudok .send_area .btn_area .btn_b {
  margin-right: 16px;
  color: #fff;
  background: #006bfe; }

.pop_gudok .send_area .btn_area .btn_w {
  border: 1px solid #d3d4d5;
  color: #000;
  background: #fff; }

/* 구독하기 혜택 더보기 레이어 */
.pop_gudok .gudok_info_layer {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 402px;
  margin: -178px 0 0 -201px;
  border: 1px solid #0a4aaa;
  background: #fff; }

.pop_gudok .gudok_info_layer .inner {
  position: relative;
  padding-top: 22px;
  border: 2px solid #3d80e4; }

.pop_gudok .gudok_info_layer .inner .scroll_area {
  overflow: auto;
  height: 328px; }

.pop_gudok .gudok_info_layer .inner .info_b {
  position: relative;
  padding: 0 14px 0 16px; }

.pop_gudok .gudok_info_layer .inner .btn_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9;
  background: url(/images/flashplayer/btn_close_emo_s.gif) no-repeat center 8px; }

.pop_gudok .gudok_info_layer .inner .info_b .first {
  padding: 0 0 20px 144px;
  border: none; }

.pop_gudok .gudok_info_layer .inner .info_b dl {
  padding: 20px 0 20px 144px;
  border-top: 1px solid #e7e7e7;
  letter-spacing: -1px; }

.pop_gudok .gudok_info_layer .inner .info_b dl dt {
  font-size: 17px;
  padding-bottom: 12px;
  line-height: 100%;
  color: #404256;
  font-weight: bold;
  letter-spacing: -0.1em; }

.pop_gudok .gudok_info_layer .inner .info_b dl dd {
  color: #777;
  line-height: 140%; }

.pop_gudok .gudok_info_layer .inner .info_b span {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 159px;
  height: 103px;
  background: url(/images/flashplayer/bg_gudok_info.jpg) no-repeat; }

.pop_gudok .gudok_info_layer .inner .info_b .img01 {
  height: 82px;
  background-position: 0 0; }

.pop_gudok .gudok_info_layer .inner .info_b .img02 {
  background-position: 0 -86px; }

.pop_gudok .gudok_info_layer .inner .info_b .img03 {
  background-position: 0 -185px; }

.pop_gudok .gudok_info_layer .inner .info_b .img04 {
  background-position: 0 -290px; }

.pop_gudok .gudok_info_layer .inner .info_b .img05 {
  background-position: 0 -393px; }

.pop_gudok .gudok_info_layer .inner .info_b .img06 {
  background-position: 0 -493px; }

.pop_gudok .gudok_info_layer .inner .info_b .img07 {
  background-position: 0 -606px; }

.pop_gudok .gudok_info_layer .inner .info_b .img08 {
  background-position: 0 -718px; }

.pop_gudok .gudok_info_layer .inner .info_b .img09 {
  background-position: 5px -811px; }

.gd_gift {
  width: 504px; }
  .gd_gift .layer_al a.fts11 {
    cursor: pointer; }

.report_box {
  position: relative;
  width: 285px;
  height: 70px;
  margin: 10px auto 0 auto;
  background: #ecf4fa; }

.report_box .gift_img {
  position: absolute;
  left: 12px;
  top: 7px;
  width: 98px;
  height: 45px;
  text-indent: -9999em;
  background: url(/images/flashplayer/gift_qv30.gif) 0 0 no-repeat; }

.report_box .text {
  position: absolute;
  left: 123px;
  top: 9px;
  right: 5px;
  font-size: 11px;
  line-height: 1.3em;
  letter-spacing: -1px;
  color: #646464; }

.report_box .text strong {
  font-size: 11px; }

.report_box .text a {
  display: inline-block;
  padding: 0 5px 0 0;
  color: #000;
  font-size: 11px;
  letter-spacing: -1px;
  text-decoration: underline;
  background: url("/images/flashplayer/split_layer.png") no-repeat right -545px; }

.report_layer {
  width: 400px;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  max-width: 450px; }

.report_layer.win {
  margin: auto !important; }

.report_layer .pop-title + .pop-body strong {
  margin-top: 25px; }

.report_layer .pop-body strong {
  display: block;
  margin: 10px 0 20px 0;
  text-align: center;
  line-height: 1.5;
  font-size: 14px;
  font-weight: normal; }

.report_layer .pop-body select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 36px;
  text-indent: 7px;
  border: 1px solid #d9dddf;
  color: #666;
  border-radius: 2px;
  font-size: 13px;
  color: #6f6f6f; }

.report_layer .pop-body textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 120px;
  padding: 10px;
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.4;
  color: #666;
  border: 1px solid #d9dddf;
  border-radius: 2px;
  vertical-align: -2px;
  resize: none;
  font-family: 'NG','AppleGothic',sans-serif; }

.report_layer .pop-body p {
  margin: 10px 0 22px;
  line-height: 1.4;
  font-size: 13px;
  text-align: center;
  color: #8c8c8c; }

.report_layer .pop-body p a {
  text-decoration: underline;
  color: #8c8c8c; }

.report_layer .pop-body p em {
  display: inline-block;
  width: 13px;
  height: 12px;
  background: url("/images/flashplayer/split_layer.png") 0px -837px no-repeat;
  vertical-align: -2px; }

.report_layer .pop-body p.color_red em {
  background: url("/images/flashplayer/split_layer.png") 0px -852px no-repeat;
  margin-right: 5px; }

.report_layer .pop-body .report_box {
  position: relative;
  width: auto;
  height: auto;
  padding: 15px;
  color: #666;
  font-size: 13px;
  line-height: 1.2;
  background-color: #f5f6f7;
  text-align: center; }

.report_layer .pop-body .report_box a {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #4279ff;
  text-decoration: underline; }

.report_layer .pop-body .report_box a em {
  display: inline-block;
  background: none;
  width: 0;
  height: 0;
  vertical-align: 2px;
  margin-left: 3px;
  border-left: 3px solid #7398ff;
  border-top: 2px solid  transparent;
  border-bottom: 2px solid transparent; }

.award_vote {
  width: 320px;
  margin: -125px 0 0 -240px; }

.award_vote ul li {
  position: relative;
  padding: 0 0 12px 35px;
  margin-top: 15px;
  border-bottom: 1px solid #e4e4e4; }

.award_vote ul li:first-child {
  margin-top: 0; }

.award_vote ul li input {
  position: absolute;
  left: 15px;
  top: 1px; }

.award_vote ul li label {
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer; }

.award_vote ul li label strong {
  color: #595959;
  font-weight: bold; }

.award_vote ul li label span {
  color: #2078da;
  font-weight: bold; }

.award_vote ul li label em {
  color: #595959;
  font-weight: bold;
  font-size: 12px;
  font-style: normal; }

/* 애드벌룬 */
.pop_adballoon {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  width: 508px;
  border: 1px solid #2c84ce;
  background: #fff;
  /* 유저안내개선 */ }
  .pop_adballoon * {
    font-family: 'NG'; }
  .pop_adballoon .lightbox {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    min-height: 100%;
    _height: 100%;
    background-color: #fff;
    zoom: 1;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6; }
  .pop_adballoon .lightbox_dark {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    min-height: 100%;
    _height: 100%;
    background-color: #000;
    zoom: 1;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; }
  .pop_adballoon .layer_in {
    position: relative;
    width: 100%;
    height: 100%; }
    .pop_adballoon .layer_in h2 {
      display: block;
      padding: 9px 0 0 12px;
      height: 20px;
      line-height: 14px;
      font-weight: bold;
      color: #2c84ce;
      font-family: 돋움, Dotum, AppleGothic, Sans-serif;
      letter-spacing: -1px;
      border-bottom: 1px solid #2c84ce; }
      .pop_adballoon .layer_in h2 a {
        display: inline-block;
        margin-right: 5px;
        padding: 0 3px 5px;
        color: #2c84ce;
        font-family: 'NGEB', AppleGothic, Sans-serif;
        text-decoration: none; }
      .pop_adballoon .layer_in h2 a:hover,
      .pop_adballoon .layer_in h2 a.on {
        border-bottom: 2px solid #2c84ce; }
    .pop_adballoon .layer_in .what_adballoon {
      padding-top: 1px;
      position: absolute;
      background: url("/images/flashplayer/split_layer.png") no-repeat right -25px;
      padding-right: 20px;
      cursor: pointer;
      top: 7px;
      right: 31px;
      font-size: 11px;
      color: #2c2c2c;
      letter-spacing: -1px;
      height: 16px;
      line-height: 16px;
      font-family: 돋움, Dotum, AppleGothic, Sans-serif;
      text-decoration: none; }
    .pop_adballoon .layer_in .btn_close {
      position: absolute;
      z-index: 9;
      right: 7px;
      top: 4px;
      display: block;
      width: 9px;
      height: 10px;
      padding: 5px;
      overflow: hidden;
      text-indent: -9999px;
      background: url("/images/flashplayer/split_layer.png") no-repeat 4px -44px; }
  .pop_adballoon .ad_info_layer {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 93px;
    left: 50%;
    z-index: 100;
    width: 372px;
    margin: 0 0 0 -186px;
    border: 1px solid #0a4aaa;
    background: #fff; }
    .pop_adballoon .ad_info_layer .inner {
      position: relative;
      padding: 20px 0;
      border: 2px solid #3d80e4; }
      .pop_adballoon .ad_info_layer .inner .btn_close {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 24px;
        height: 24px;
        padding: 0;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 9;
        background: url(/images/flashplayer/btn_close_emo_s.gif) no-repeat center 8px; }
      .pop_adballoon .ad_info_layer .inner h3 {
        line-height: 100%;
        padding: 13px 0 7px 25px;
        font-family: 'NGB';
        font-size: 17px;
        color: #404256;
        letter-spacing: -0.05em; }
      .pop_adballoon .ad_info_layer .inner .txt {
        padding: 11px 0 18px;
        line-height: 130%;
        font-family: 'NGB';
        font-size: 17px;
        color: #404256;
        letter-spacing: -0.05em;
        text-align: center; }
      .pop_adballoon .ad_info_layer .inner .info_list {
        padding: 0 25px 10px 25px; }
        .pop_adballoon .ad_info_layer .inner .info_list li {
          position: relative;
          margin-top: 4px;
          padding-left: 5px;
          color: #777;
          letter-spacing: -0.03em;
          line-height: 150%; }
        .pop_adballoon .ad_info_layer .inner .info_list li:before {
          content: '';
          position: absolute;
          top: 7px;
          left: 0;
          display: block;
          width: 2px;
          height: 2px;
          background: #949494; }
      .pop_adballoon .ad_info_layer .inner .info_area {
        height: 76px;
        padding: 0 0 0 57px;
        background: #eff3f9; }
        .pop_adballoon .ad_info_layer .inner .info_area ul {
          padding: 10px; }
          .pop_adballoon .ad_info_layer .inner .info_area ul li {
            position: relative;
            padding-left: 13px;
            margin-top: 7px;
            font-size: 13px;
            color: #777;
            line-height: 120%;
            letter-spacing: -0.03em; }
          .pop_adballoon .ad_info_layer .inner .info_area ul li:before {
            content: '*';
            position: absolute;
            top: 0;
            left: 2px;
            display: block; }
      .pop_adballoon .ad_info_layer .inner .today_v {
        position: relative;
        padding-top: 22px;
        color: #777;
        letter-spacing: -0.05em; }
        .pop_adballoon .ad_info_layer .inner .today_v input {
          width: 16px;
          height: 16px;
          vertical-align: middle;
          margin: 0 9px 2px; }
        .pop_adballoon .ad_info_layer .inner .today_v .close {
          position: absolute;
          top: 15px;
          right: 12px;
          display: block;
          height: 32px;
          padding: 0 17px;
          border: 1px solid #d9dddf;
          border-radius: 2px;
          font-size: 14px;
          color: #666;
          background: #fff; }
  .pop_adballoon .tab_menu {
    height: 48px; }
    .pop_adballoon .tab_menu ul {
      display: flex;
      height: 46px;
      border-bottom: 1px solid #d9dfe8; }
      .pop_adballoon .tab_menu ul li {
        flex: 1 0 auto; }
        .pop_adballoon .tab_menu ul li a {
          display: block;
          color: #595959;
          height: 46px;
          line-height: 50px;
          text-align: center;
          font-size: 14px;
          letter-spacing: -0.05em;
          text-decoration: none;
          background: #fff; }
        .pop_adballoon .tab_menu ul li a:hover {
          color: #4279ff; }
        .pop_adballoon .tab_menu ul li.on a {
          height: 43px;
          color: #4279ff;
          font-family: 'NGB';
          border-bottom: 4px solid #006bfe; }
  .pop_adballoon .tab_option {
    overflow: hidden;
    padding: 26px 0 20px 19px; }
  .pop_adballoon .tab_option ul {
    float: left;
    overflow: hidden;
    border: 1px solid #b3b6be;
    border-radius: 2px; }
  .pop_adballoon .tab_option li {
    float: left;
    width: 93px;
    height: 25px;
    margin-right: -1px;
    border-right: 1px solid #b3b6be;
    font-size: 13px; }
  .pop_adballoon .tab_option li a {
    display: block;
    line-height: 25px;
    text-align: center;
    color: #595959;
    text-decoration: none;
    font-family: 'NGB';
    letter-spacing: -1px; }
  .pop_adballoon .tab_option li.on a {
    color: #fff;
    background: #686e7e; }
  .pop_adballoon .scroll_area {
    position: relative;
    overflow: auto;
    height: 327px;
    border-bottom: 1px solid #ddd; }
  .pop_adballoon .scroll_area_v {
    overflow: auto;
    height: 361px;
    padding: 0 20px;
    border-bottom: 1px solid #ddd; }
  .pop_adballoon .user_info_layer {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 200;
    width: 290px;
    height: 380px;
    padding: 0 30px;
    margin: -190px 0 0 -145px;
    background: #fff; }
    .pop_adballoon .user_info_layer:before {
      content: '';
      display: block;
      width: 201px;
      height: 133px;
      margin: 39px auto 0;
      background: url("//res.afreecatv.com/images/flashplayer/img_adballon_userinfo.png") no-repeat 0 0; }
    .pop_adballoon .user_info_layer p {
      font-size: 13px;
      color: #444;
      letter-spacing: -1px;
      margin-top: 15px;
      line-height: 14px;
      padding-left: 10px; }
      .pop_adballoon .user_info_layer p:first-child {
        margin-top: 20px; }
      .pop_adballoon .user_info_layer p span {
        font-weight: bold; }
      .pop_adballoon .user_info_layer p .txt01 {
        color: #4279ff; }
      .pop_adballoon .user_info_layer p .txt02 {
        color: #ff3c3c; }
    .pop_adballoon .user_info_layer .v_check {
      padding-top: 16px;
      font-size: 13px;
      color: #888;
      letter-spacing: -0.05em; }
      .pop_adballoon .user_info_layer .v_check label {
        font-weight: bold; }
      .pop_adballoon .user_info_layer .v_check input {
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin: 0 5px 2px 0;
        border: none; }
    .pop_adballoon .user_info_layer .close {
      position: absolute;
      top: 6px;
      right: 4px;
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(34, 30, 30, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 11px 11px; }
  .pop_adballoon .select_menu {
    position: relative;
    z-index: 10;
    display: inline-block;
    margin: 0 0 10px 20px; }
    .pop_adballoon .select_menu + .select_menu {
      margin-left: 15px; }
    .pop_adballoon .select_menu button {
      position: relative;
      display: block;
      padding: 5px 20px;
      line-height: 20px;
      font-size: 14px;
      text-align: left;
      white-space: nowrap;
      border: none;
      background-color: transparent;
      cursor: pointer; }
    .pop_adballoon .select_menu > button {
      padding: 5px 15px 5px 0; }
      .pop_adballoon .select_menu > button:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -3px;
        display: block;
        width: 10px;
        height: 6px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd' d='M4.918 5.925L.138.849C-.057.645-.045.326.163.136c.208-.19.532-.18.726.027l4.028 4.276L8.946.163c.193-.207.517-.217.725-.027.208.19.22.509.028.713L4.92 5.925z'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
    .pop_adballoon .select_menu ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0px;
      width: 130px;
      padding: 5px 0;
      background-color: #fff;
      border: 1px solid #efefef;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
      .pop_adballoon .select_menu ul li {
        float: none;
        margin-right: 0; }
        .pop_adballoon .select_menu ul li button {
          width: 100%;
          height: 40px; }
          .pop_adballoon .select_menu ul li button:active, .pop_adballoon .select_menu ul li button:hover {
            background-color: rgba(202, 202, 202, 0.1); }
        .pop_adballoon .select_menu ul li.on button {
          color: #4279ff; }
    .pop_adballoon .select_menu.on > button:before {
      transform: rotate(180deg); }
    .pop_adballoon .select_menu.on ul {
      display: block; }
  .pop_adballoon .select_adballoon {
    display: none;
    position: absolute;
    z-index: 10;
    top: 77px;
    left: 0;
    right: 0;
    height: 321px !important;
    background: #fff; }
    .pop_adballoon .select_adballoon p {
      z-index: 1;
      opacity: 1;
      position: relative;
      margin: 15px 0 12px;
      text-align: center;
      font-size: 13px;
      color: #888;
      font-family: 'NGB';
      transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .pop_adballoon .select_adballoon ul {
      overflow: auto;
      font: 0/0 a;
      padding: 0 25px; }
      .pop_adballoon .select_adballoon ul li {
        display: inline-block;
        width: 33.3333%; }
        .pop_adballoon .select_adballoon ul li button {
          position: relative;
          overflow: hidden;
          display: block;
          width: 138px;
          height: 90px;
          margin: 10px auto;
          border: 2px solid #e9ecf2;
          transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          .pop_adballoon .select_adballoon ul li button img {
            position: absolute;
            bottom: 0;
            display: block;
            object-fit: cover;
            width: 100%; }
          .pop_adballoon .select_adballoon ul li button:hover, .pop_adballoon .select_adballoon ul li button.on {
            border-color: #006bfe; }
  .pop_adballoon.vod_da .scroll_area.select_adballoon {
    height: 202px !important; }
  .pop_adballoon.vod_da .send_area {
    margin-top: -126px !important; }
    .pop_adballoon.vod_da .send_area .gift_text {
      display: block !important; }

.adb_list_area {
  width: 100%;
  overflow: hidden;
  margin-top: -12px;
  padding-bottom: 20px; }
  .adb_list_area li {
    box-sizing: border-box;
    min-height: 65px;
    padding: 0 20px;
    margin-top: 12px; }
  .adb_list_area li a {
    position: relative;
    display: block;
    padding: 0 70px 0 80px;
    text-decoration: none; }
  .adb_list_area li a .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    border-radius: 5px; }
  .adb_list_area li a .tit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 4px;
    line-height: 110%;
    font-size: 15px;
    color: #444;
    font-family: 'NGB'; }
  .adb_list_area li a .desc {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 6px;
    line-height: 110%;
    font-size: 13px;
    color: #8c8c8c; }
  .adb_list_area li a .info {
    display: block;
    overflow: hidden;
    padding-top: 7px;
    line-height: 100%;
    font-size: 12px;
    color: #666; }
  .adb_list_area li a .info .label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 2px 0;
    padding: 0 7px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    font-size: 11px;
    font-family: 'NGB';
    letter-spacing: -0.05em;
    color: #7ea2e9;
    background: #eef3f8; }
  .adb_list_area li a .info i {
    font-style: normal;
    color: #4279ff; }
  .adb_list_area li a .view {
    position: absolute;
    top: 2px;
    right: 0;
    display: block;
    height: 28px;
    line-height: 29px;
    padding: 0 16px 0 9px;
    border: 1px solid #d3d4d5;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.05em;
    background: #fff; }
  .adb_list_area li a .view:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 7px;
    display: block;
    width: 4px;
    height: 5px;
    text-indent: -9999px;
    background: url("//res.afreecatv.com/images/flashplayer/img_adballon.png") no-repeat -40px -84px; }
  .adb_list_area li a:hover .view {
    color: #006bfd;
    border-color: #006bfd; }
  .adb_list_area li a:hover .view:after {
    background-position: -40px -91px; }

.non_campaign {
  padding: 71px 0;
  text-align: center; }
  .non_campaign .img {
    display: block;
    width: 120px;
    height: 82px;
    margin: 0 auto;
    background: url("//res.afreecatv.com/images/flashplayer/img_adballon.png") no-repeat 0 0; }
  .non_campaign .txt {
    display: block;
    padding-top: 26px;
    font-size: 16px;
    color: #444;
    line-height: 120%; }

/* 애드벌룬 후원하기 */
.adb_header {
  position: relative;
  min-height: 106px;
  margin-top: 20px;
  padding: 0 0 0 106px;
  border-bottom: 1px solid #d9dfe8; }
  .adb_header .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    border-radius: 4px; }
  .adb_header .tit {
    display: block;
    overflow: hidden;
    max-height: 37px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 120%;
    font-size: 16px;
    color: #444;
    font-family: 'NGB'; }
  .adb_header .desc {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 8px;
    line-height: 120%;
    font-size: 13px;
    color: #8c8c8c; }
  .adb_header .info {
    display: block;
    overflow: hidden;
    padding-top: 10px;
    line-height: 100%;
    font-size: 12px;
    color: #666; }
  .adb_header .info .label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 2px 0;
    padding: 0 7px;
    height: 16px;
    line-height: 17px;
    border-radius: 8px;
    font-size: 11px;
    font-family: 'NGB';
    letter-spacing: -0.05em;
    color: #7ea2e9;
    background: #eef3f8; }
  .adb_header .info i {
    font-style: normal;
    color: #4279ff; }

/* 공통 아이콘 */
.pop_adballoon .dot {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 2px 5px;
  width: 2px;
  height: 2px;
  text-indent: -9999px;
  background: #c1c1c1; }

.pop_adballoon .ic_android {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin: 0 4px 3px 4px;
  text-indent: -9999px;
  background: url("//res.afreecatv.com/images/flashplayer/img_adballon.png") no-repeat 0 -84px; }

.pop_adballoon .ic_ios {
  display: inline-block;
  width: 13px;
  height: 15px;
  vertical-align: middle;
  margin: 0 4px 3px 4px;
  text-indent: -9999px;
  background: url("//res.afreecatv.com/images/flashplayer/img_adballon.png") no-repeat -22px -84px; }

.scroll_area_v .img_area {
  position: relative;
  margin-top: 16px;
  padding: 0 20px; }

.scroll_area_v .img_area li {
  position: relative;
  width: 224px; }

.scroll_area_v .img_area img {
  vertical-align: top;
  width: 224px; }

.scroll_area_v .img_area .control span {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 100px;
  margin-top: -50px; }

.scroll_area_v .img_area .control .btn_prev {
  left: 0; }

.scroll_area_v .img_area .control .btn_prev:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 14px;
  height: 25px;
  margin-top: -13px;
  background: url("//res.afreecatv.com/images/flashplayer/img_adballon.png") no-repeat -48px -84px; }

.scroll_area_v .img_area .control .btn_next {
  right: 0; }

.scroll_area_v .img_area .control .btn_next:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 14px;
  height: 25px;
  margin-top: -13px;
  background: url("//res.afreecatv.com/images/flashplayer/img_adballon.png") no-repeat -63px -84px; }

.scroll_area_v .img_area .control span a {
  position: relative;
  display: block;
  height: 100px;
  text-indent: -9999px; }

.scroll_area_v .img_area .bx-wrapper {
  width: auto; }

.adb_desc dt {
  padding-top: 25px;
  font-size: 16px;
  color: #444;
  line-height: 100%;
  font-family: 'NGB'; }

.adb_desc dd {
  padding-top: 10px;
  font-size: 13px;
  color: #8b8b8b;
  line-height: 140%; }

.notice_adb_list {
  padding: 0 20px; }

.notice_adb_list p {
  padding: 18px 0 20px;
  color: #666;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  letter-spacing: -0.03em; }

.notice_adb_list p strong {
  color: #006bfd;
  font-weight: normal;
  font-family: 'NGB'; }

.notice_adb_list ul {
  padding-top: 13px; }

.notice_adb_list li {
  position: relative;
  padding-left: 13px;
  font-size: 13px;
  color: #666;
  line-height: 150%;
  letter-spacing: -0.03em; }

.notice_adb_list li:before {
  content: '*';
  position: absolute;
  top: 0;
  left: 2px;
  display: block; }

.notice_adb_list .btn {
  padding-top: 20px;
  text-align: center; }

.notice_adb_list .btn button {
  display: inline-block;
  height: 42px;
  width: 132px;
  text-align: center;
  margin: 0 8px;
  font-family: 'NGB';
  font-size: 16px;
  color: #fff;
  background: #006bfe; }

.notice_adb_list .btn button.btn_support {
  color: #fff;
  background: #006bfe; }

.notice_adb_list .btn button.btn_list {
  border: 1px solid #d3d4d5;
  color: #000;
  background: #fff; }

/* 2021-05-07 애드벌룬 서비스 개선 작업 추가, 2021-05-31 애드벌룬 서비스 개선 작업 배포 보류로 인한 주석 처리 */
.pop_adballoon.send_pop,
.pop_adballoon.save_pop {
  height: auto; }
  .pop_adballoon.send_pop input[type=text]::-ms-clear,
  .pop_adballoon.save_pop input[type=text]::-ms-clear {
    display: none; }
  .pop_adballoon.send_pop .lightbox,
  .pop_adballoon.save_pop .lightbox {
    background-color: #000;
    opacity: 0.5; }
  .pop_adballoon.send_pop .tab_option,
  .pop_adballoon.save_pop .tab_option {
    padding: 20px 0 20px 20px; }
  .pop_adballoon.send_pop .tab_option ul,
  .pop_adballoon.save_pop .tab_option ul {
    overflow: visible;
    border: 0; }
  .pop_adballoon.send_pop .tab_option li,
  .pop_adballoon.save_pop .tab_option li {
    border: 1px solid #b3b6be; }
  .pop_adballoon.send_pop .notice_adb_list p,
  .pop_adballoon.save_pop .notice_adb_list p {
    line-height: 16px; }
  .pop_adballoon.send_pop .non_campaign .txt,
  .pop_adballoon.save_pop .non_campaign .txt {
    font-size: 15px;
    letter-spacing: -.25px; }
  .pop_adballoon.send_pop .ad_info_layer .inner h4,
  .pop_adballoon.save_pop .ad_info_layer .inner h4 {
    padding: 5px 0 7px 25px;
    font-family: 'NGB';
    font-size: 12px;
    color: #444;
    letter-spacing: -0.025em;
    line-height: 100%; }
  .pop_adballoon.send_pop .service_guide_layer,
  .pop_adballoon.save_pop .service_guide_layer {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 200;
    width: 330px;
    height: 360px;
    padding: 0 24px;
    margin: -180px 0 0 -165px;
    border: 2px solid transparent;
    background: #fff;
    text-align: center; }
    .pop_adballoon.send_pop .service_guide_layer .imgbox,
    .pop_adballoon.save_pop .service_guide_layer .imgbox {
      display: block;
      width: 100%;
      height: 124px;
      margin: 32px auto 0; }
    .pop_adballoon.send_pop .service_guide_layer strong,
    .pop_adballoon.save_pop .service_guide_layer strong {
      display: block;
      padding: 7px 0 0;
      font-family: 'NGB';
      font-size: 17px;
      color: #444;
      line-height: 1.2; }
    .pop_adballoon.send_pop .service_guide_layer p,
    .pop_adballoon.save_pop .service_guide_layer p {
      margin-top: 11px;
      font-size: 14px;
      color: #444;
      line-height: 1.3;
      letter-spacing: -.1px; }
    .pop_adballoon.send_pop .service_guide_layer p.txt_s,
    .pop_adballoon.save_pop .service_guide_layer p.txt_s {
      margin-top: 12px;
      font-size: 13px;
      color: #888;
      line-height: 1.3; }
    .pop_adballoon.send_pop .service_guide_layer .v_check,
    .pop_adballoon.save_pop .service_guide_layer .v_check {
      padding: 28px 0 0;
      text-align: left;
      font-size: 13px;
      color: #888;
      letter-spacing: -0.05em; }
      .pop_adballoon.send_pop .service_guide_layer .v_check label,
      .pop_adballoon.save_pop .service_guide_layer .v_check label {
        font-weight: bold; }
      .pop_adballoon.send_pop .service_guide_layer .v_check input,
      .pop_adballoon.save_pop .service_guide_layer .v_check input {
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin: 0 5px 2px 0;
        border: none; }
    .pop_adballoon.send_pop .service_guide_layer .close,
    .pop_adballoon.save_pop .service_guide_layer .close {
      position: absolute;
      top: 6px;
      right: 4px;
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(34, 30, 30, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 11px 11px; }

.pop_adballoon.send_pop .scroll_area {
  height: 381px; }
.pop_adballoon.send_pop .scroll_area_v {
  height: 434px; }
.pop_adballoon.send_pop .notice_adb_list {
  padding: 0 20px 17px;
  background: #eff3f9; }
.pop_adballoon.send_pop .notice_adb_list li {
  line-height: 19px; }

.pop_adballoon.save_pop .scroll_area {
  height: 280px; }
.pop_adballoon.save_pop .scroll_area_v {
  height: 470px;
  padding: 0 20px; }
.pop_adballoon.save_pop .notice_adb_list {
  padding: 0 20px 22px;
  background: #eff3f9; }
.pop_adballoon.save_pop .notice_adb_list ul {
  padding-top: 23px; }
.pop_adballoon.save_pop .notice_adb_list li {
  line-height: 20px; }
.pop_adballoon.save_pop .send_area {
  position: relative;
  padding: 32px 32px;
  background: #eff3f9; }
  .pop_adballoon.save_pop .send_area .gift_at dt {
    position: relative;
    padding: 0;
    font-size: 14px;
    line-height: 1.2; }
  .pop_adballoon.save_pop .send_area .gift_at dt strong {
    font-family: 'NGB'; }
  .pop_adballoon.save_pop .send_area .gift_at dt a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    color: #006bfe;
    letter-spacing: -.25px; }
  .pop_adballoon.save_pop .send_area .gift_at dt a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: 0 0 0 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 107, 254, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    vertical-align: -1px; }
  .pop_adballoon.save_pop .send_area .gift_at dt div.right_posi {
    position: absolute;
    top: 0;
    right: 0; }
  .pop_adballoon.save_pop .send_area .gift_at dd {
    overflow: hidden;
    position: relative;
    z-index: 11;
    margin-top: 16px;
    height: 52px;
    border: 2px solid #006bfe;
    background: #fff; }
  .pop_adballoon.save_pop .send_area .gift_at dd.on {
    border: 2px solid #006bfe; }
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_default {
    position: absolute;
    top: 0;
    left: 13px;
    font-size: 16px;
    line-height: 52px;
    color: #111;
    letter-spacing: -1px;
    font-family: 'NGB'; }
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_error {
    position: absolute;
    top: 0;
    left: 13px;
    padding-left: 22px;
    font-size: 15px;
    line-height: 52px;
    color: #ec1e1e;
    letter-spacing: -1px; }
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_error:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
    width: 17px;
    height: 17px;
    background: url("/images/flashplayer/split_layer.png") no-repeat -60px -877px; }
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_error em,
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_default em {
    font-size: 14px;
    color: #666; }
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_error em b,
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_default em b {
    color: #006bfe;
    font-weight: normal; }
  .pop_adballoon.save_pop .send_area .gift_at dd input {
    position: absolute;
    top: 10px;
    right: 53px;
    width: 170px;
    padding: 0;
    text-align: right;
    color: #016cfe;
    border: none;
    outline: none;
    font-family: 'NGB';
    font-size: 26px;
    background-color: #fff; }
  .pop_adballoon.save_pop .send_area .gift_at dd input:focus {
    color: #016cfe; }
  .pop_adballoon.save_pop .send_area .gift_at dd input::-webkit-input-placeholder {
    color: #aaa; }
  .pop_adballoon.save_pop .send_area .gift_at dd input:-moz-placeholder {
    color: #aaa;
    opacity: 1; }
  .pop_adballoon.save_pop .send_area .gift_at dd input::-moz-placeholder {
    color: #aaa;
    opacity: 1; }
  .pop_adballoon.save_pop .send_area .gift_at dd input:-ms-input-placeholder {
    color: #aaa !important; }
  .pop_adballoon.save_pop .send_area .gift_at dd.readonly {
    border-color: #ddd; }
  .pop_adballoon.save_pop .send_area .gift_at dd.readonly .txt_default,
  .pop_adballoon.save_pop .send_area .gift_at dd.readonly .txt_default em,
  .pop_adballoon.save_pop .send_area .gift_at dd.readonly .txt_default em b,
  .pop_adballoon.save_pop .send_area .gift_at dd.readonly input,
  .pop_adballoon.save_pop .send_area .gift_at dd.readonly .txt_count {
    color: #aaa;
    cursor: default; }
  .pop_adballoon.save_pop .send_area .gift_at dd .txt_count {
    position: absolute;
    top: 0;
    right: 36px;
    font-size: 16px;
    line-height: 52px;
    font-family: 'NGB';
    color: #111;
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .pop_adballoon.save_pop .send_area .gift_at dd button {
    display: block;
    position: absolute;
    top: 11px;
    right: 5px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url("/images/flashplayer/split_layer.png") no-repeat 7px -368px; }
  .pop_adballoon.save_pop .send_area .gift_st {
    margin-top: 12px;
    height: 16px; }
    .pop_adballoon.save_pop .send_area .gift_st dt {
      display: inline-block;
      color: #444;
      font-size: 14px; }
    .pop_adballoon.save_pop .send_area .gift_st dd {
      display: inline-block;
      color: #444;
      font-size: 14px;
      margin-left: 6px; }
    .pop_adballoon.save_pop .send_area .gift_st dd span {
      display: inline-block;
      padding-right: 2px;
      font-family: 'NGB';
      font-size: 16px;
      color: #006bfe; }
    .pop_adballoon.save_pop .send_area .gift_st dd.txt_error {
      font-size: 12px; }
    .pop_adballoon.save_pop .send_area .gift_st dd.txt_error em {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: 0 3px 0 0;
      vertical-align: -3px;
      background: url("/images/flashplayer/split_layer.png") no-repeat -60px -878px; }
    .pop_adballoon.save_pop .send_area .gift_st dd.txt_error span {
      vertical-align: 1px;
      font-size: 12px;
      color: #ec1e1e;
      letter-spacing: -1px; }
  .pop_adballoon.save_pop .send_area .gift_text {
    display: none;
    margin-top: 20px; }
    .pop_adballoon.save_pop .send_area .gift_text dt {
      position: relative;
      font-size: 14px;
      color: #222; }
      .pop_adballoon.save_pop .send_area .gift_text dt .right_posi {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 13px;
        color: #444; }
        .pop_adballoon.save_pop .send_area .gift_text dt .right_posi input {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; }
    .pop_adballoon.save_pop .send_area .gift_text dd {
      margin-top: 10px; }
      .pop_adballoon.save_pop .send_area .gift_text dd .text_wrap {
        border: 1px solid #d7d7d7;
        height: 58px; }
        .pop_adballoon.save_pop .send_area .gift_text dd .text_wrap textarea {
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          padding: 10px;
          border: none;
          resize: none; }
      .pop_adballoon.save_pop .send_area .gift_text dd p {
        margin-top: 5px;
        font-size: 13px;
        color: #777; }
  .pop_adballoon.save_pop .send_area .btn_area {
    padding-top: 30px;
    text-align: center; }
    .pop_adballoon.save_pop .send_area .btn_area button {
      display: inline-block;
      width: 132px;
      height: 42px;
      margin: 0 5px;
      line-height: 42px;
      vertical-align: middle;
      font-size: 16px;
      outline: none;
      font-family: 'NGB'; }
    .pop_adballoon.save_pop .send_area .btn_area .btn_gift {
      color: #fff;
      background: #006bfe; }
    .pop_adballoon.save_pop .send_area .btn_area .btn_cancel {
      border: 1px solid #d3d4d5;
      color: #000;
      background: #fff; }
    .pop_adballoon.save_pop .send_area .btn_area button.loading {
      position: relative;
      opacity: 1; }
    .pop_adballoon.save_pop .send_area .btn_area button.loading:before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 2px solid #fff;
      border-bottom-color: transparent;
      border-radius: 50%;
      margin-right: 4px;
      vertical-align: -4px;
      animation: rotate 1s linear infinite; }
  .pop_adballoon.save_pop .send_area .txt_info {
    padding-top: 24px;
    color: #777;
    line-height: 1.4;
    text-align: center;
    font-size: 13px; }
    .pop_adballoon.save_pop .send_area .txt_info a {
      color: #006bfe;
      text-decoration: none; }
  .pop_adballoon.save_pop .send_area .input_wrap {
    margin-top: 15px;
    text-align: center; }
    .pop_adballoon.save_pop .send_area .input_wrap input {
      margin-right: 4px;
      cursor: pointer;
      vertical-align: -2px; }
    .pop_adballoon.save_pop .send_area .input_wrap label {
      cursor: pointer; }
  .pop_adballoon.save_pop .send_area .tooltip {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 100%;
    left: 30px;
    margin-bottom: -15px;
    padding: 12px 30px 12px 12px;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
    border-radius: 6px;
    background-color: #4279ff; }
    .pop_adballoon.save_pop .send_area .tooltip:before {
      content: '';
      display: block;
      position: absolute;
      top: 100%;
      left: 15px;
      border-top: 6px solid #4279ff;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .pop_adballoon.save_pop .send_area .tooltip button {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 15px;
      height: 15px;
      font: 0/0 a;
      border: none;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 10px 10px;
      background-position: center; }
@keyframes rotate {
  0% {
    transform: rotateZ(-360deg); }
  100% {
    transform: rotateZ(0deg); } }
/* 공통 변경  improve 클레스 추가로 스타일 수정됨 */
.improve.ui-pop {
  padding: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px; }
  .improve.ui-pop.win {
    position: static;
    border: 0 none;
    margin: 0;
    width: auto;
    transform: translate(0, 0); }
    .improve.ui-pop.win .pop-close {
      display: none; }
  .improve.ui-pop .pop-title {
    margin-bottom: 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: 'NG','AppleGothic',sans-serif; }
  .improve.ui-pop .pop-body {
    padding: 0; }
  .improve.ui-pop .pop-close {
    top: 16px;
    right: 16px;
    width: 12px;
    height: 12px;
    padding: 0;
    background: url("/images/webplayer/live/split_live.png") -43px -161px no-repeat; }
  .improve.ui-pop .pop-close span {
    font: 0/0 a; }
  .improve.ui-pop .pop-btn {
    padding: 0;
    margin: 28px 0 0 0; }
    .improve.ui-pop .pop-btn a {
      display: inline-block;
      width: 74px;
      height: 30px;
      margin-left: 8px;
      border: 1px solid #b8b8b8;
      border-radius: 3px;
      color: #525252;
      font-size: 12px;
      line-height: 30px;
      text-decoration: none;
      vertical-align: top;
      transition: all 0.2s ease-in-out; }
    .improve.ui-pop .pop-btn a.btn_blue {
      color: #4279ff;
      border-color: #4279ff;
      background-color: transparent; }
    .improve.ui-pop .pop-btn a.btn_blue:hover {
      background-color: transparent; }
  .improve.ui-pop .blue {
    color: #4279ff; }

.share_broadcast_layer {
  width: 546px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: -168.5px 0 0 -273px; }

.share_broadcast_layer .pop-body {
  padding: 0 20px !important; }

.share_broadcast_layer .tab {
  margin-bottom: 23px;
  font: 0/0 a;
  border-bottom: 1px solid #efefef; }

.share_broadcast_layer .tab li {
  display: inline-block; }

.share_broadcast_layer .tab li a {
  display: inline-block;
  font-size: 16px;
  padding: 0 10px;
  margin-bottom: -1px;
  line-height: 40px;
  color: #333;
  border-bottom: 1px solid transparent;
  text-decoration: none; }

.share_broadcast_layer .tab li:hover a,
.share_broadcast_layer .tab li.on a {
  border-bottom-color: #287ddd;
  color: #287ddd;
  font-weight: bold; }

.share_broadcast_layer .tab_contents > li {
  display: none; }

.share_broadcast_layer .tab_contents > li.on {
  display: block; }

.share_broadcast_layer .input_wrap {
  clear: both;
  position: relative;
  margin-right: 60px;
  border: 1px solid #ddd;
  border-radius: 2px 0 0 2px; }

.share_broadcast_layer .input_wrap input {
  display: block;
  width: 92%;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 2px 0 0 2px;
  color: #333;
  line-height: 44px;
  text-indent: 10px;
  font-size: 14px; }

.share_broadcast_layer .input_wrap button {
  position: absolute;
  top: -1px;
  left: 100%;
  bottom: -1px;
  width: 60px;
  height: 46px;
  border: 1px solid #ddd;
  border-radius: 0 2px 2px 0;
  color: #000;
  font-size: 15px; }

.share_broadcast_layer .input_wrap button:active {
  color: #4279ff; }

.share_broadcast_layer .input_wrap button:hover {
  color: #4279ff; }

.share_broadcast_layer .input_wrap.copy button {
  color: #4279ff; }

.share_broadcast_layer .input_wrap.copy:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(/images/webplayer/live/split_live.png) 0 0 no-repeat;
  background-position: -38px -21px;
  width: 15px;
  height: 12px;
  margin-top: -7px; }

.share_broadcast_layer .check_wrap {
  position: relative;
  margin-top: 18px;
  font-size: 14px;
  color: #888;
  line-height: 20px; }

.share_broadcast_layer .check_wrap input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  border: none;
  visibility: hidden; }

.share_broadcast_layer .check_wrap label {
  position: relative;
  padding-left: 25px;
  display: inline-block; }

.share_broadcast_layer .check_wrap label span,
.share_broadcast_layer .check_wrap label + span {
  display: inline-block;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  color: #aaaaaa;
  line-height: 19px;
  vertical-align: top; }

.share_broadcast_layer .check_wrap label:before,
.share_broadcast_layer .check_wrap label:after {
  content: '';
  position: absolute; }

.share_broadcast_layer .check_wrap label:before {
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #d9dddf; }

.share_broadcast_layer .check_wrap input:checked + label:after {
  left: 3px;
  top: 5px;
  width: 13px;
  height: 11px;
  background: url("/images/webplayer/live/split_live.png") -43px -174px no-repeat; }

.share_broadcast_layer .check_wrap input:checked + label[for*="start_time"] span,
.share_broadcast_layer .check_wrap input:checked + label[for*="start_time"] + span {
  border-bottom: solid 1px #333;
  color: #333; }

.share_broadcast_layer .sns_list {
  margin-top: 23px;
  font: 0/0 a; }

.share_broadcast_layer .sns_list button {
  position: relative;
  width: 45px;
  height: 44px;
  margin-right: 9px;
  vertical-align: top;
  background: url("/images/webplayer/live/split_live.png") 0 -250px no-repeat; }

.share_broadcast_layer .sns_list button > span {
  font: 0/0 a; }

.share_broadcast_layer .sns_list .qq {
  background-position: 0 -250px; }

.share_broadcast_layer .sns_list .weibo {
  background-position: -50px -250px; }

.share_broadcast_layer .sns_list .twitter {
  background-position: -100px -250px; }

.share_broadcast_layer .sns_list .facebook {
  background-position: -151px -250px; }

.share_broadcast_layer .sns_list .wechat {
  overflow: visible;
  background-position: -201px -250px; }

.share_broadcast_layer .sns_list .wechat div {
  opacity: 0;
  position: absolute;
  z-index: -1;
  left: 45px;
  top: -50px;
  border: 1px solid #ddd;
  width: 140px;
  padding: 130px 0 15px;
  font-size: 14px;
  border-radius: 2px;
  background-color: #fff; }

/* .share_broadcast_layer .sns_list .wechat div::before { content: ''; position: absolute; left: 20px; top: 20px; width: 100px; height: 100px; background: url("/images/webplayer/live/split_live.png") -151px -148px no-repeat; } */
.share_broadcast_layer .sns_list .wechat div i {
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
  width: 100px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.share_broadcast_layer .sns_list .wechat:hover div {
  left: 55px;
  opacity: 1;
  z-index: 1; }

.share_broadcast_layer .select_box {
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #333;
  margin-bottom: 15px; }

.share_broadcast_layer .select_box a {
  text-decoration: none;
  color: #666;
  font-size: 12px; }

.share_broadcast_layer .select_box > a {
  position: relative;
  display: inline-block;
  padding: 0 50px 0 13px;
  font-size: 15px;
  line-height: 44px;
  color: #333;
  border: 1px solid #d9dddf;
  border-radius: 2px; }

.share_broadcast_layer .select_box ul {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -1px;
  border: 1px solid #d9dddf; }

.share_broadcast_layer .select_box ul {
  background-color: #fff;
  border: 1 solid #d9dddf; }

.share_broadcast_layer .select_box ul a {
  display: block;
  line-height: 30px;
  text-indent: 13px; }

.share_broadcast_layer .select_box a.on + ul {
  opacity: 1;
  z-index: 10; }

.share_broadcast_layer .select_box > a:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  width: 10px;
  height: 6px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -43px -186px; }

.share_broadcast_layer .wrap_right {
  float: right;
  margin-top: 13px; }

.share_broadcast_layer .wrap_right .check_wrap {
  display: inline-block;
  margin: 0 0 0 12px; }

.share_broadcast_layer .wrap_right .check_wrap label span {
  color: #666;
  border: none;
  line-height: 20px;
  font-weight: normal; }

.share_broadcast_layer.improve.ui-pop .pop-btn a {
  width: 58px;
  margin-left: 0;
  font-size: 13px;
  color: #666; }

.share_layer {
  position: absolute !important;
  width: 210px;
  top: 0 !important;
  right: 0 !important;
  left: auto !important; }

.share_layer .pop-body div {
  text-align: center; }

.share_layer .pop-body div button {
  margin-left: 27px; }

.share_layer .pop-body div button:first-child {
  margin-left: 0 !important; }

.share_layer .pop-body div button em {
  display: block;
  background: url("/images/webplayer/live/split_live.png") -999em -999em no-repeat;
  width: 48px;
  height: 48px; }

.share_layer .pop-body div button span {
  display: block;
  margin-top: 10px;
  color: #222;
  font-size: 13px;
  text-align: center;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 1.2; }

.share_layer .pop-body div button.twitter em {
  background-position: 0 -200px; }

.share_layer .pop-body div button.facebook em {
  background-position: -50px -200px; }

.share_layer .pop-body div button.url em {
  background-position: -100px -200px; }

#layer_gudok_emoticon {
  width: auto;
  min-width: 425px; }

@media screen and (max-width: 768px) {
  #accountN.password.wide {
    padding: 0 10px;
    margin-top: 0; }

  #accountN.password.wide .account_header h1 {
    display: none; }

  #accountN.password.wide .tabmenu {
    margin-top: 0; }

  #accountN.password.wide .input_info input {
    line-height: 18px;
    padding: 12px 0; } }
#layer_zh_info .dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  z-index: 1600; }

#layer_zh_info .pop-body {
  text-align: center; }

#layer_zh_info .close_ck {
  color: #747474;
  font-size: 16px;
  margin-top: 16px;
  text-align: left; }

#layer_zh_info .close_ck input {
  margin-right: 6px; }

#layer_zh_info .pop_chnoti {
  margin: -110px 0 0 -185px; }

/* 예전 신고하기 레이어 관련  */
.report {
  display: none;
  width: 424px;
  margin: -207px 0 0 -212px; }

.report .report_area {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 18px; }

.report .w_list {
  width: 100%;
  overflow: hidden;
  margin-bottom: 21px; }

.report .w_list dt {
  position: relative;
  padding-top: 1px;
  width: 80px;
  float: left;
  font-weight: bold;
  padding-left: 9px;
  color: #535353; }

.report .w_list dt:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  left: 0;
  top: 50%;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #737373; }

.report .w_list dd {
  padding-top: 1px;
  margin: 0 0 3px 89px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.report .s_list dt {
  font-weight: bold;
  color: #535353;
  margin-bottom: 7px; }

.report .s_list dd {
  margin-bottom: 5px; }

.report .s_list dd label {
  margin-left: 5px; }

.report .s_list dd input {
  margin: 0 0 -2px 0; }

.report .s_list dd textarea {
  overflow: auto;
  border: 1px solid #c6c6c6;
  width: 320px;
  height: 57px;
  display: block;
  margin: 4px 0 0 19px;
  resize: none;
  color: #666;
  padding: 5px;
  font-size: 12px; }

.report .memo {
  font-size: 11px;
  width: 90%;
  overflow: hidden;
  line-height: 1.5em;
  padding-left: 16px;
  margin-top: 13px; }

.report .memo span {
  font-size: 12px;
  margin-right: 3px;
  float: left;
  margin-left: -16px; }

/* bs layer */
.layer_bs {
  border: 1px solid #2c84ce;
  padding-bottom: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  z-index: 10000; }

.layer_bs h3.title {
  border-bottom: 1px solid #2c84ce;
  /*padding:10px 0 5px 0*/
  height: 29px; }

.layer_bs h3.title strong {
  color: #2c84ce;
  letter-spacing: -1px;
  margin-left: 13px;
  padding-top: 9px;
  display: inline-block; }

@-moz-document url-prefix() {
  .layer_bs h3.title strong {
    padding-top: 7px; }

  .report .s_list dd input {
    vertical-align: top; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .layer_bs h3.title strong {
    padding-top: 8px; }

  .report .s_list dd input {
    vertical-align: top; } }
.layer_bs .btn_close {
  position: absolute;
  top: 4px;
  right: 7px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  background: url("/images/flashplayer/split_layer.png") 4px -44px no-repeat; }

.layer_bs .layer_con {
  padding: 15px 15px; }

.layer_bs .btn_type1 {
  border: 1px solid #b8b8b8;
  display: block;
  width: 74px;
  height: 20px;
  line-height: 21px;
  border-radius: 4px;
  margin: 0 auto;
  text-align: center;
  color: #525252;
  font-size: 11px;
  text-decoration: none; }

/*  재생목록 */
.PlayListAdd {
  margin: -150px 0 0 -153px;
  transform: translate(0, 0); }

.ui-pop.PlayListAdd h3 {
  font-family: 'NG'; }

/* 방송국 별풍선 선물_LIVE 효과 노출 설정 190430 */
.gift_check_wrap {
  padding-bottom: 30px;
  text-align: center; }

.gift_check_wrap input {
  vertical-align: -2px;
  margin-right: 4px;
  cursor: pointer; }

.gift_check_wrap label {
  cursor: pointer; }

/* *********************** */
/* Flash Player 서비스 종료 */
.end_flashplayer {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto !important;
  max-width: 790px;
  min-width: 560px;
  margin: auto;
  box-sizing: border-box;
  transform: translate(-50%, -50%); }
  .end_flashplayer p {
    margin: 15px;
    font-size: 15px;
    line-height: 1.6;
    color: #000;
    text-align: center; }
  .end_flashplayer ul {
    font-size: 0;
    text-align: center; }
  .end_flashplayer ul li {
    display: inline-block;
    margin: 0 15px 15px;
    font-size: 16px;
    color: #555;
    text-align: center; }
  .end_flashplayer ul li a {
    position: relative;
    display: block; }
  .end_flashplayer ul li a span {
    font-size: 16px;
    color: #555; }
  .end_flashplayer ul li a:before {
    content: '';
    display: block;
    width: 114px;
    height: 114px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background-color: #f2f2f2; }
  .end_flashplayer ul li a:after {
    content: '';
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 23px;
    left: 0;
    right: 0;
    margin: auto;
    background: url("/images/icon_brower.png"); }
  .end_flashplayer ul li a:hover:before {
    background-color: #edecec; }
  .end_flashplayer ul li.chrome a:after {
    background-position: 0px 0; }
  .end_flashplayer ul li.edge a:after {
    background-position: -100px 0; }
  .end_flashplayer ul li.whale a:after {
    background-position: -200px 0; }
  .end_flashplayer ul li.opera a:after {
    background-position: -300px 0; }
  .end_flashplayer ul li.firefox a:after {
    background-position: -400px 0; }
  .end_flashplayer ul li.safari a:after {
    background-position: -500px 0; }
  .end_flashplayer ul li.safari {
    display: none; }

.ui-pop.diagnose {
  z-index: 1000000;
  display: block;
  width: 546px;
  margin: -308px 0 0 -300px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: #f0f5fa;
  font-family: 'ng';
  overflow: hidden; }
  .ui-pop.diagnose .pop-title {
    height: auto;
    margin-bottom: -60px;
    padding: 25px 150px 55px;
    background-color: #516baa;
    font-size: 25px;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    font-family: 'ngb';
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .ui-pop.diagnose .pop-title span {
      display: block;
      margin-top: 5px;
      font-size: 13px;
      font-weight: normal;
      font-family: 'ng';
      transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .ui-pop.diagnose .pop-body {
    padding: 0; }
    .ui-pop.diagnose .pop-body .scroll_box {
      overflow-y: auto;
      height: 503px;
      padding: 20px 32px 27px; }
    .ui-pop.diagnose .pop-body dl {
      box-sizing: border-box;
      min-height: 80px;
      position: relative;
      padding: 20px 20px 20px 70px;
      background-color: #fff;
      border-radius: 12px;
      box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.05); }
      .ui-pop.diagnose .pop-body dl dt {
        position: static;
        font-family: 'ngb';
        font-size: 15px;
        line-height: 1.2; }
        .ui-pop.diagnose .pop-body dl dt em {
          position: absolute;
          top: 20px;
          left: 20px;
          display: inline-block;
          width: 40px;
          height: 40px;
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
          border: solid 1px #f1f1f1;
          border-radius: 50%; }
          .ui-pop.diagnose .pop-body dl dt em:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 24px;
            height: 24px;
            margin: 8px; }
        .ui-pop.diagnose .pop-body dl dt em.connect:before {
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 0.489479 0 0 0 0 0.000000 0 0 0 1.000000 0'/%3e%3c/filter%3e%3cfilter id='b'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 0.489479 0 0 0 0 0.000000 0 0 0 1.000000 0'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='translate(-8 -7.5)' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3e%3cg filter='url(%23b)' transform='translate(8 8)'%3e%3cg stroke='%23222' transform='translate(3 3)'%3e%3ccircle cx='9' cy='9' r='9.5'/%3e%3cpath d='M12.85 8.8L7.4 13.56l-.42-8.9 5.87 4.14z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
          background-size: 100% 100%; }
        .ui-pop.diagnose .pop-body dl dt em.high-definition:before {
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.493708 0 0 0 0 0.502331 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3e%3c/filter%3e%3cfilter id='b'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.493708 0 0 0 0 0.502331 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='translate(-8 -7.5)' fill='none' fill-rule='evenodd'%3e%3cg filter='url(%23b)' transform='translate(8 8)'%3e%3cg transform='translate(2 5)'%3e%3crect width='19' height='14' x='.5' y='.5' stroke='%23222' rx='2.2'/%3e%3cpath fill='%23222' fill-rule='nonzero' d='M5.48 10.63V7.88H8.1v2.75h1.11V4.46h-1.1V7H5.48V4.46H4.37v6.17h1.1zM15.9 11.7l.22-.9-1.93-.45c1.09-.31 1.74-1.22 1.74-2.73v-.2c0-2.04-1.12-3.06-2.77-3.06-1.68 0-2.82 1.1-2.82 3.08v.2c0 1.8.78 2.68 2.08 3.05l3.48 1.01zm-2.76-1.8c-1.18 0-1.63-.86-1.63-2.27v-.31c0-1.25.53-2.1 1.6-2.1 1.2.01 1.64.85 1.64 2.23v.32c0 1.26-.53 2.12-1.6 2.12z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
          background-size: 100% 100%; }
        .ui-pop.diagnose .pop-body dl dt em.chatting:before {
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.061341 0 0 0 0 0.586717 0 0 0 0 0.959692 0 0 0 1.000000 0'/%3e%3c/filter%3e%3cfilter id='b'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.061341 0 0 0 0 0.586717 0 0 0 0 0.959692 0 0 0 1.000000 0'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='translate(-8 -7.5)' fill='none' fill-rule='evenodd'%3e%3cg filter='url(%23b)' transform='translate(8 8)'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M7.34 13.75a4.73 4.73 0 009.35 0'/%3e%3cpath fill='%23000' d='M9.95 9.8a1.34 1.34 0 11-2.68 0 1.34 1.34 0 012.68 0m6.78 0a1.34 1.34 0 11-2.68 0 1.34 1.34 0 012.68 0'/%3e%3cpath stroke='%23000' d='M21.5 12a9.5 9.5 0 11-19 0 9.5 9.5 0 0119 0z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
          background-size: 100% 100%; }
        .ui-pop.diagnose .pop-body dl dt em.network:before {
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.118176 0 0 0 0 0.810347 0 0 0 0 0.349793 0 0 0 1.000000 0'/%3e%3c/filter%3e%3cfilter id='b'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.118176 0 0 0 0 0.810347 0 0 0 0 0.349793 0 0 0 1.000000 0'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='translate(-8 -7.5)' fill='none' fill-rule='evenodd'%3e%3cg filter='url(%23b)' transform='translate(8 8)'%3e%3cg stroke='%23222'%3e%3cpath d='M2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z'/%3e%3cpath d='M7.5 12c0-5.25 2.01-9.5 4.5-9.5s4.5 4.25 4.5 9.5-2.02 9.5-4.5 9.5-4.5-4.25-4.5-9.5z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M20.92 12H3'/%3e%3cpath stroke-linecap='round' d='M19.83 7.72H4.08m15.75 8.56H4.08'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
          background-size: 100% 100%; }
        .ui-pop.diagnose .pop-body dl dt em.internet:before {
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25'%3e%3cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath stroke='%231ECF59' d='M19.225 10.112L15.613 6.5l-3.612 3.612m3.612-2.938v12.244'/%3e%3cpath stroke='%235297FF' d='M4 15.807l3.612 3.611 3.613-3.611m-3.612 2.937V6.5'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
          background-size: 100% 100%; }
      .ui-pop.diagnose .pop-body dl dd {
        position: relative; }
        .ui-pop.diagnose .pop-body dl dd .state {
          position: absolute;
          right: 0;
          top: -30px;
          font-size: 13px;
          color: #b3b3b3; }
          .ui-pop.diagnose .pop-body dl dd .state.satisfactory {
            padding-right: 34px;
            font-family: 'ngb';
            color: #8c8c8c; }
            .ui-pop.diagnose .pop-body dl dd .state.satisfactory:before {
              content: '';
              display: block;
              position: absolute;
              top: -6px;
              right: 0;
              width: 26px;
              height: 26px;
              border-radius: 50%;
              background-color: #60d089; }
            .ui-pop.diagnose .pop-body dl dd .state.satisfactory:after {
              content: '';
              display: block;
              position: absolute;
              top: 3px;
              right: 7px;
              width: 12px;
              height: 9px;
              background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 21 15'%3e%3cpath fill-rule='evenodd' d='M16.432 1.447c.581-.59 1.531-.597 2.121-.015.59.581.597 1.531.015 2.121l-9.858 10c-.566.575-1.487.598-2.082.053L2.486 9.808c-.61-.56-.651-1.509-.092-2.12.56-.61 1.51-.651 2.12-.091l3.075 2.82 8.843-8.97z'/%3e%3c/svg%3e") 0 0 no-repeat;
              background-size: 100% 100%; }
          .ui-pop.diagnose .pop-body dl dd .state.problematic {
            top: -25px;
            padding: 10px 29px 10px 10px;
            border-radius: 4px;
            color: #fff;
            background-color: #ff6a6a; }
            .ui-pop.diagnose .pop-body dl dd .state.problematic:after {
              content: '';
              display: block;
              position: absolute;
              top: 15px;
              right: 10px;
              width: 12px;
              height: 9px;
              background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd' d='M4.918 5.925L.138.849C-.057.645-.045.326.163.136c.208-.19.532-.18.726.027l4.028 4.276L8.946.163c.193-.207.517-.217.725-.027.208.19.22.509.028.713L4.92 5.925z'/%3e%3c/svg%3e") 0 0 no-repeat;
              background-size: 100% 100%;
              transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
        .ui-pop.diagnose .pop-body dl dd .progress_bar {
          position: relative;
          height: 6px;
          margin-top: 13px;
          border-radius: 3px;
          background-color: #e5e5e5; }
          .ui-pop.diagnose .pop-body dl dd .progress_bar span {
            position: relative;
            display: block;
            height: 6px;
            border-radius: 3px;
            top: 0;
            left: 0;
            background-color: #60d089; }
        .ui-pop.diagnose .pop-body dl dd .info {
          display: none;
          margin: 35px 0 0 -50px; }
          .ui-pop.diagnose .pop-body dl dd .info li {
            position: relative;
            padding-left: 8px;
            font-size: 13px;
            color: #333;
            line-height: 1.3; }
            .ui-pop.diagnose .pop-body dl dd .info li:before {
              content: '';
              display: block;
              position: absolute;
              top: 7px;
              left: 0;
              width: 1px;
              height: 1px;
              background-color: #333; }
            .ui-pop.diagnose .pop-body dl dd .info li a {
              display: inline-block;
              margin-left: 5px;
              color: #4279ff; }
            .ui-pop.diagnose .pop-body dl dd .info li + li {
              margin-top: 13px; }
      .ui-pop.diagnose .pop-body dl.align-center dt {
        margin: 12px 0 -2px; }
      .ui-pop.diagnose .pop-body dl.align-center dd .state {
        top: -14px; }
      .ui-pop.diagnose .pop-body dl.align-center dd .problematic {
        top: -27px; }
      .ui-pop.diagnose .pop-body dl + dl {
        margin-top: 12px; }
    .ui-pop.diagnose .pop-body .pop-btn a {
      width: auto;
      height: auto;
      padding: 12px 18px;
      font-size: 14px;
      line-height: 1.2;
      color: #fff !important;
      background-color: #4279ff !important;
      border: none; }
      .ui-pop.diagnose .pop-body .pop-btn a.off {
        cursor: default;
        background-color: rgba(0, 0, 0, 0.07) !important; }
  .ui-pop.diagnose .pop-close {
    top: 20px;
    right: 20px;
    width: 17px;
    height: 17px;
    padding: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 0 0 no-repeat !important;
    background-size: 100% 100% !important; }
  .ui-pop.diagnose .scroll_box dl.open dd .problematic {
    top: -62px; }
    .ui-pop.diagnose .scroll_box dl.open dd .problematic:after {
      transform: rotate(180deg); }
  .ui-pop.diagnose .scroll_box dl.open dd .info {
    display: block; }
  .ui-pop.diagnose.scroll .pop-title {
    padding: 18px;
    margin-bottom: 0;
    text-align: left;
    font-size: 18px; }
    .ui-pop.diagnose.scroll .pop-title span {
      height: 0;
      font: 0/0 a; }

/* 해외 로그인 로그인 상태 유지 관련 0605 DK */
#accountN .layer_info {
  min-width: 243px; }

.layer_info {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  min-width: 243px;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff; }

.layer_info .arrow {
  display: none; }

.layer_info .layer_close {
  position: absolute;
  top: 11px;
  right: 10px !important;
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  .theme_dark .layer_info .layer_close, .thema_dark .layer_info .layer_close, .smode .layer_info .layer_close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' fill='%23dfdfdf' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e"); }

.layer_haeder {
  padding: 17px 15px 10px;
  border-bottom: 1px solid #ececec;
  letter-spacing: -1px; }

.layer_haeder strong {
  font-size: 13px;
  color: #333; }

.layer_haeder a {
  position: static !important;
  display: inline-block;
  margin: 0 0 0 10px !important;
  padding: 0 0 1px 0 !important;
  font-size: 12px !important;
  color: #7a7a7a !important;
  border-bottom: 1px solid #7a7a7a;
  background: none !important;
  text-decoration: none !important;
  vertical-align: 1px; }

.layer_contents {
  padding: 8px 20px 8px 8px;
  margin: 0; }

.layer_contents ul {
  margin: 0;
  padding: 0; }

.layer_contents li {
  margin-top: 3px;
  text-indent: 0px;
  padding-left: 5px;
  font-size: 11px;
  color: #333;
  letter-spacing: -1px;
  line-height: 1.4;
  list-style: none;
  word-break: break-all; }

.layer_contents li:first-child {
  margin: 0; }

.layer_contents li.red {
  color: #f40039; }

.layer_info, .layer_info a, .layer_info strong, .layer_contents li {
  font-family: 'NG','applegothic',sans-serif; }

.layer_info .layer_contents {
  padding-right: 25px; }

.nick_chage {
  text-align: center; }
  .nick_chage p {
    margin: 18px 0 15px;
    color: #222;
    font: 13px/1.3 'NG'; }
  .nick_chage span {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
    color: #666;
    line-height: 1.6; }
    .nick_chage span em {
      color: #328fde; }

/* 번역 */
html[lang^="zh"] .sub_list2 li {
  letter-spacing: 0; }

/* login */
.account_area {
  text-align: center;
  margin-top: 36px; }
  .account_area a {
    display: inline-block;
    font-size: 14px;
    color: #466dda;
    font-family: 'NG', 'applegothic', sans-serif;
    border-bottom: 1px solid #466dda;
    text-decoration: none; }
  .account_area span.bar {
    background-color: #466dda;
    margin: 0 13px;
    height: 15px;
    width: 1px;
    display: inline-block;
    text-indent: -9999em;
    vertical-align: middle; }

#accountN .sms_area {
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  margin-top: 10px;
  padding: 10px; }
  #accountN .sms_area dl {
    margin: 0 0 10px 0;
    padding: 0; }
    #accountN .sms_area dl dt {
      font-weight: bold;
      font-size: 13px;
      color: #31374c;
      margin-bottom: 5px; }
    #accountN .sms_area dl dd {
      font-size: 12px;
      margin: 0;
      color: #838794; }
  #accountN .sms_area .join_mobile {
    width: 100%;
    overflow: hidden; }
  #accountN .sms_area .sel_code {
    width: 100%;
    z-index: 10;
    margin-left: 0; }
  #accountN .sms_area .btn_code {
    width: 115px;
    height: 46px;
    line-height: 46px;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    background: #2e6afd;
    border: none;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0; }
  #accountN .sms_area .sendcode {
    position: relative;
    padding-right: 120px; }
  #accountN .sms_area input:disabled {
    background: #f7f7f7;
    border: solid 1px #dadada;
    color: #aaa; }
  #accountN .sms_area .sel_code ul {
    height: 200px;
    overflow-y: scroll; }
  #accountN .sms_area ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: transparent; }
  #accountN .sms_area ::-webkit-scrollbar-thumb {
    background: #e4e4e4; }
  #accountN .sms_area ::-webkit-scrollbar-track {
    background: transparent; }
  #accountN .sms_area *:hover::-webkit-scrollbar-thumb {
    background: #bbb; }
  #accountN .sms_area ::-webkit-scrollbar-button,
  #accountN .sms_area ::-webkit-scrollbar-corner {
    display: none !important; }
  #accountN .sms_area p {
    margin-top: 5px;
    padding-left: 14px;
    text-indent: -12px;
    font-size: 12px;
    color: #333;
    word-break: break-all; }
  #accountN .sms_area p span {
    color: #466dda; }

html[lang="en"] #accountN .btn_code {
  line-height: 11px;
  font-size: 12px; }

#membership {
  position: relative;
  max-width: 420px;
  min-width: 300px;
  margin: 70px auto 100px;
  padding: 0 10px;
  color: #3d3d3d;
  font-family: 'NG','AppleGothic', sans-serif; }
  #membership .membership_complete {
    padding-top: 40px; }
    #membership .membership_complete h1 {
      margin: 20px 0;
      font-size: 30px;
      color: #333;
      text-align: center;
      font-weight: normal;
      font-family: 'NG',sans-serif;
      letter-spacing: -1px; }
      #membership .membership_complete h1 span {
        display: block;
        color: #1559ff; }
    #membership .membership_complete p {
      font-size: 14px;
      color: #999;
      text-align: center; }
      #membership .membership_complete p strong {
        color: #1559ff; }
    #membership .membership_complete div {
      padding: 18px 0;
      border-top: 1px solid #dadada;
      border-bottom: 1px solid #dadada; }
      #membership .membership_complete div b:first-child {
        margin: 0; }
      #membership .membership_complete div b {
        display: block;
        color: #333;
        text-indent: 70px;
        font-size: 14px;
        margin-top: 8px; }
    #membership .membership_complete .img {
      display: block;
      width: 150px;
      height: 125px;
      margin: 0 auto;
      background: url(/images/membership/split_membership.png) no-repeat; }
      #membership .membership_complete .img.n1 {
        background-position: -300px 0; }
      #membership .membership_complete .img.n2 {
        background-position: -300px -125px;
        height: 117px; }
  #membership .btn_wrap {
    margin-top: 60px; }
    #membership .btn_wrap a {
      display: inline-block;
      font-size: 16px;
      height: 50px;
      line-height: 50px;
      min-width: 49%;
      padding: 0;
      font-size: 16px;
      color: #fff;
      border-radius: 5px;
      font-weight: bold;
      text-decoration: none; }
      #membership .btn_wrap a.full {
        width: 100%;
        margin: 0; }
      #membership .btn_wrap a.blue {
        background-color: #2e6afd; }
      #membership .btn_wrap a + #membership .btn_wrap a {
        margin: 0 0 0 2%; }

.mini_layer {
  box-sizing: border-box;
  width: 400px; }
  .mini_layer p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    text-align: center; }

.pop_user_join {
  width: 500px;
  padding: 0; }
  .pop_user_join .pop-title button.setting {
    width: 13px;
    height: 13px;
    margin: -1px 0 0 10px;
    font: 0/0 a;
    vertical-align: top;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' fill='%236f6f6f' d='M15.75 6.75a2.25 2.25 0 010 4.5h-.39c-.08.23-.17.44-.27.66l.27.27a2.24 2.24 0 010 3.18 2.23 2.23 0 01-3.18 0l-.27-.27c-.22.1-.44.2-.66.27v.39a2.25 2.25 0 01-4.5 0v-.39a6.91 6.91 0 01-.66-.27l-.27.27c-.43.43-1 .66-1.6.66a2.23 2.23 0 01-2.24-2.25c0-.6.23-1.16.66-1.59l.27-.27c-.1-.21-.2-.43-.27-.66h-.39a2.25 2.25 0 010-4.5h.39c.08-.23.17-.44.27-.66l-.27-.27a2.24 2.24 0 010-3.18 2.24 2.24 0 013.18 0l.27.27.66-.27v-.39a2.25 2.25 0 014.5 0v.39c.23.08.44.17.66.27l.27-.28a2.24 2.24 0 013.18 0 2.24 2.24 0 010 3.19l-.27.27c.1.22.2.43.27.66h.39zm-1.1-1.79a1.14 1.14 0 000-1.62 1.18 1.18 0 00-1.61 0l-.88.88-.38-.2c-.38-.22-.79-.39-1.22-.51l-.42-.12V2.14a1.14 1.14 0 00-2.28 0V3.4l-.42.12c-.43.12-.84.29-1.22.5l-.38.21-.88-.88a1.18 1.18 0 00-1.62 0c-.21.22-.33.5-.33.81 0 .3.12.6.33.8l.88.89-.2.38c-.22.38-.39.79-.51 1.22l-.12.42H2.14a1.14 1.14 0 000 2.28H3.4l.12.42c.12.43.29.84.5 1.22l.21.38-.88.88c-.21.22-.33.5-.33.8 0 .32.12.6.33.82.43.43 1.19.43 1.62 0l.88-.88.38.2c.38.22.79.39 1.22.51l.42.12v1.25a1.14 1.14 0 002.28 0V14.6l.42-.12c.43-.12.84-.29 1.22-.5l.38-.21.88.88c.43.43 1.19.43 1.62 0 .21-.22.33-.5.33-.81 0-.3-.12-.6-.33-.8l-.88-.89.2-.38c.22-.38.4-.79.51-1.22l.12-.42h1.25a1.14 1.14 0 000-2.28H14.6l-.12-.42c-.12-.43-.29-.84-.5-1.22l-.21-.38.88-.88zM9 12.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm0-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  .pop_user_join .pop-body {
    padding: 20px 40px 0; }
    .pop_user_join .pop-body .text {
      margin: 35px 0;
      font-size: 18px;
      color: #222;
      text-align: center;
      line-height: 1.2; }
      .pop_user_join .pop-body .text span {
        font-weight: bold;
        color: #4279ff; }
      .pop_user_join .pop-body .text strong {
        display: block; }
    .pop_user_join .pop-body .user_join_info {
      overflow: hidden;
      position: relative;
      padding-bottom: calc( 100% * 9 / 16 );
      height: 0;
      margin: 0 auto;
      border-radius: 8px;
      background-color: #232428; }
      .pop_user_join .pop-body .user_join_info video {
        position: absolute;
        table-layout: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%; }
      .pop_user_join .pop-body .user_join_info .thumbnail {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30%;
        height: 50%;
        transform: translate(-50%, -50%);
        max-width: 130px;
        max-height: 130px; }
        .pop_user_join .pop-body .user_join_info .thumbnail img {
          display: block;
          height: 100%;
          margin: auto;
          border-radius: 50%; }
      .pop_user_join .pop-body .user_join_info .nick_name {
        position: absolute;
        bottom: 20px;
        left: 14px;
        font-size: 16px;
        font-family: 'NGE';
        color: #fff; }
      .pop_user_join .pop-body .user_join_info .soundbar {
        position: absolute;
        z-index: 1;
        top: 10px;
        right: 10px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background-color: #1d6ed8; }
        .pop_user_join .pop-body .user_join_info .soundbar span {
          position: absolute;
          bottom: 12px;
          left: 0;
          right: 0;
          display: block;
          text-align: center;
          font: 0/0 a;
          transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
          display: flex;
          align-items: flex-end;
          justify-content: center; }
          .pop_user_join .pop-body .user_join_info .soundbar span em {
            display: inline-block;
            width: 2px;
            height: 2px;
            margin: 0 1px;
            border-radius: 2px;
            background-color: #fff;
            vertical-align: bottom; }
        .pop_user_join .pop-body .user_join_info .soundbar.big span, .pop_user_join .pop-body .user_join_info .soundbar.small span {
          top: 4px;
          bottom: 8px;
          transform: translateY(0); }
          .pop_user_join .pop-body .user_join_info .soundbar.big span em, .pop_user_join .pop-body .user_join_info .soundbar.small span em {
            height: 30%; }
            .pop_user_join .pop-body .user_join_info .soundbar.big span em:nth-child(2), .pop_user_join .pop-body .user_join_info .soundbar.small span em:nth-child(2) {
              height: 50%; }
        .pop_user_join .pop-body .user_join_info .soundbar.small em:nth-child(1),
        .pop_user_join .pop-body .user_join_info .soundbar.small em:nth-child(3) {
          height: 10%;
          animation: smallsound 1s infinite linear; }
        .pop_user_join .pop-body .user_join_info .soundbar.small em:nth-child(2) {
          height: 50%;
          animation: smallsound2 1s infinite linear; }
        .pop_user_join .pop-body .user_join_info .soundbar.big em:nth-child(1),
        .pop_user_join .pop-body .user_join_info .soundbar.big em:nth-child(3) {
          height: 20%;
          animation: bigsound 1s infinite linear; }
        .pop_user_join .pop-body .user_join_info .soundbar.big em:nth-child(2) {
          height: 70%;
          animation: bigsound2 1s infinite linear; }
        .pop_user_join .pop-body .user_join_info .soundbar.off {
          background-color: rgba(0, 0, 0, 0.6); }
          .pop_user_join .pop-body .user_join_info .soundbar.off span {
            opacity: 0; }
          .pop_user_join .pop-body .user_join_info .soundbar.off:before {
            content: '';
            display: block;
            width: 16px;
            height: 17px;
            margin: 6px 5px;
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cpath  fill='%23c9c9c9' d='m37.1 53.35 22.32-22.32 4.5-4.5 3.11-3.11A17.26 17.26 0 0 0 50 8.75 17.27 17.27 0 0 0 32.75 26v22a17 17 0 0 0 1.89 7.81l2.46-2.46zM29.35 61.09l.94-.94A21.58 21.58 0 0 1 28.25 51a2.25 2.25 0 0 0-4.5 0 26 26 0 0 0 3.19 12.5l2.41-2.41zM40.7 62.51a17.11 17.11 0 0 0 9.3 2.74c9.51 0 17.25-7.74 17.25-17.25V35.93l17.14-17.14a2.25 2.25 0 1 0-3.18-3.18l-.35.35-13.61 13.61v-.01l-3.33 3.33v.03l-4.5 4.5-18.77 18.77-3.27 3.27-4.93 4.93-3.19 3.19-.01-.01L15.6 81.21l-.19.23a2.26 2.26 0 0 0 1.78 3.61c.57 0 1.15-.22 1.59-.66L32.57 70.6l.01.01a26.13 26.13 0 0 0 15.16 6.53V89a2.25 2.25 0 0 0 4.5 0V77.15a26.29 26.29 0 0 0 24-26.15 2.25 2.25 0 0 0-4.5 0 21.78 21.78 0 0 1-21.75 21.75 21.66 21.66 0 0 1-14.23-5.32l4.94-4.92z'/%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100%; }
    .pop_user_join .pop-body .connecting {
      text-align: center; }
      .pop_user_join .pop-body .connecting div {
        position: relative; }
      .pop_user_join .pop-body .connecting p {
        font-size: 18px;
        color: #222;
        line-height: 1.4;
        margin: 40px 0; }
        .pop_user_join .pop-body .connecting p strong {
          display: block;
          line-height: 1.8; }
          .pop_user_join .pop-body .connecting p strong em {
            color: #4279ff; }
      .pop_user_join .pop-body .connecting .thumb {
        display: inline-block; }
        .pop_user_join .pop-body .connecting .thumb:first-child {
          margin-right: 140px; }
        .pop_user_join .pop-body .connecting .thumb span {
          display: inline-block;
          width: 100px;
          height: 100px; }
          .pop_user_join .pop-body .connecting .thumb span img {
            display: block;
            height: 100%;
            width: 100%;
            border-radius: 50%; }
        .pop_user_join .pop-body .connecting .thumb p {
          margin-top: 10px;
          font-size: 15px;
          color: #222; }
      .pop_user_join .pop-body .connecting .loading_line_dot {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        bottom: auto;
        margin: 0 auto; }
  .pop_user_join .pop-btn {
    padding: 0;
    margin: 35px 0; }
    .pop_user_join .pop-btn button {
      height: 50px;
      border-radius: 25px;
      vertical-align: top; }
      .pop_user_join .pop-btn button.screen, .pop_user_join .pop-btn button.sound {
        position: relative;
        width: 50px;
        margin: 0 5px;
        border: 1px solid #d2d2d2;
        font: 0/0 a; }
        .pop_user_join .pop-btn button.screen:before, .pop_user_join .pop-btn button.sound:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 60%;
          margin: 0 auto;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
      .pop_user_join .pop-btn button.screen:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cpath d='M55.6 78.22H20.53c-6.33-.01-11.48-5.17-11.48-11.49V33.29c-.01-6.34 5.14-11.5 11.48-11.51h35.06c6.33.01 11.47 5.17 11.47 11.5v5.62a.997.997 0 0 0 1.57.82c.05-.04.1-.07.16-.1L85.94 29.5c.96-.62 2.22-.68 3.24-.15 1.06.56 1.72 1.65 1.72 2.85l.04 35.6c.01 1.2-.66 2.31-1.74 2.86-.96.51-2.24.46-3.19-.14l-17.24-9.91c-.05-.03-.11-.06-.16-.1-.31-.21-.7-.23-1.03-.06-.33.17-.53.51-.53.88v5.4c.01 6.32-5.13 11.48-11.45 11.49zM20.53 26.28c-3.85 0-6.99 3.15-6.98 7.01v33.44c0 3.85 3.14 6.99 6.99 7H55.6c3.84-.01 6.97-3.15 6.97-6.99v-5.4c0-2.05 1.13-3.91 2.94-4.87 1.79-.94 3.92-.83 5.6.29l15.35 8.82-.04-31.13-15.26 9a5.484 5.484 0 0 1-5.62.34 5.484 5.484 0 0 1-2.97-4.88v-5.62c0-3.85-3.13-6.99-6.98-7H20.53zm65.92 41.51v.02-.02zm-.04-35.6z' style='fill:%23030405'/%3e%3c/svg%3e"); }
      .pop_user_join .pop-btn button.screen.off:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_2' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23030405%7d%3c/style%3e%3cpath class='st0' d='M62.78 40.4s0 .01 0 0l4.29-4.29L84.4 18.78c.88-.88.88-2.3 0-3.18-.88-.88-2.3-.88-3.18 0L66.63 30.19v-.01l-4.06 4.06v.02L23.1 73.72h-.02l-8.33 8.33h.01l-3.15 3.15a2.25 2.25 0 0 0 1.59 3.84c.57 0 1.15-.22 1.59-.66l6.17-6.17 8.49-8.49L62.78 40.4zM13.55 66.73V33.28c0-3.86 3.13-7 6.98-7.01h35.06c2.33.01 4.38 1.16 5.65 2.92l3.21-3.21c-2.11-2.56-5.29-4.2-8.86-4.21H20.53c-6.34.01-11.49 5.17-11.48 11.51v33.44c0 3.97 2.04 7.48 5.12 9.55l3.29-3.29c-2.32-1.14-3.91-3.51-3.91-6.25zM90.91 32.19c0-1.2-.66-2.29-1.73-2.85a3.261 3.261 0 0 0-3.24.15l-14.36 8.47-5.89 5.89c1.77.84 3.83.7 5.45-.41l15.26-9 .04 31.13-15.34-8.82a5.512 5.512 0 0 0-5.6-.29 5.49 5.49 0 0 0-2.94 4.87v5.4c0 3.85-3.13 6.98-6.97 6.99H35.83l-4.5 4.5H55.6c6.32-.02 11.47-5.17 11.47-11.49v-5.4c0-.37.2-.71.53-.88.33-.17.73-.15 1.03.06.05.04.1.07.16.1l17.24 9.91c.95.6 2.22.65 3.2.14a3.184 3.184 0 0 0 1.73-2.86l-.05-35.61z'/%3e%3c/svg%3e"); }
      .pop_user_join .pop-btn button.sound:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_1' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23030405%7d%3c/style%3e%3cpath class='st0' d='M76.25 51c0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 11.99-9.76 21.75-21.75 21.75S28.25 62.99 28.25 51c0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 13.72 10.58 25 24 26.15V89c0 1.24 1.01 2.25 2.25 2.25s2.25-1.01 2.25-2.25V77.15c13.42-1.15 24-12.43 24-26.15z'/%3e%3cpath class='st0' d='M50 65.25c9.51 0 17.25-7.74 17.25-17.25V26c0-9.51-7.74-17.25-17.25-17.25S32.75 16.49 32.75 26v22c0 9.51 7.74 17.25 17.25 17.25zM37.25 26c0-7.03 5.72-12.75 12.75-12.75S62.75 18.97 62.75 26v22c0 7.03-5.72 12.75-12.75 12.75S37.25 55.03 37.25 48V26z'/%3e%3c/svg%3e"); }
      .pop_user_join .pop-btn button.sound.off:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_2' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23030405%7d%3c/style%3e%3cpath class='st0' d='M30.3 60.2c-1.31-2.8-2.05-5.91-2.05-9.2 0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 4.54 1.17 8.81 3.2 12.54l3.35-3.34zM74 48.75c-1.24 0-2.25 1.01-2.25 2.25 0 11.99-9.76 21.75-21.75 21.75-3.8 0-7.37-.98-10.48-2.7l-3.29 3.29c3.4 2.1 7.32 3.45 11.52 3.81V89c0 1.24 1.01 2.25 2.25 2.25s2.25-1.01 2.25-2.25V77.15c13.42-1.15 24-12.43 24-26.15 0-1.24-1.01-2.25-2.25-2.25zM38.06 52.44c-.52-1.38-.81-2.87-.81-4.44V26c0-7.03 5.72-12.75 12.75-12.75S62.75 18.97 62.75 26v1.75l4.29-4.29C65.8 15.15 58.64 8.75 50 8.75c-9.51 0-17.25 7.74-17.25 17.25v22c0 2.83.7 5.49 1.91 7.84l3.4-3.4z'/%3e%3cpath class='st0' d='M67.25 48v-5.68l-4.5 4.5V48c0 7.03-5.72 12.75-12.75 12.75-.38 0-.75-.02-1.12-.06l-3.83 3.83c1.57.47 3.23.73 4.95.73 9.51 0 17.25-7.74 17.25-17.25zM84.39 15.61c-.88-.88-2.3-.88-3.18 0l-.35.35-13.61 13.61-4.5 4.5-22.33 22.32-3.18 3.18-4.56 4.56-3.2 3.2L15.6 81.21c-.07.07-.13.15-.19.23-.67.88-.61 2.14.19 2.95.44.44 1.02.66 1.59.66s1.15-.22 1.59-.66L32.57 70.6l.01.01 3.19-3.19 4.93-4.93 3.27-3.27 18.77-18.77 4.5-4.5v-.03l17.14-17.14c.89-.87.89-2.3.01-3.17z'/%3e%3c/svg%3e"); }
      .pop_user_join .pop-btn button.btn3 {
        height: 50px;
        width: auto;
        margin: 0 5px;
        padding: 0 30px;
        border-radius: 25px;
        color: #333;
        font-size: 16px;
        font-weight: bold;
        border: 1px solid #d2d2d2; }
      .pop_user_join .pop-btn button.btn3.blue {
        color: #fff;
        background-color: #386cff;
        border-color: #386cff; }
  .pop_user_join .depth_1 {
    margin-top: 30px; }
    .pop_user_join .depth_1 > dt {
      font-size: 15px;
      color: #222;
      line-height: 1.2;
      font-weight: bold; }
    .pop_user_join .depth_1 > dd {
      position: relative; }
  .pop_user_join .depth_2 {
    position: relative;
    height: 35px;
    border-bottom: 1px solid #eee;
    margin-top: 15px; }
    .pop_user_join .depth_2 > dt {
      position: absolute;
      line-height: 35px;
      font-size: 15px;
      color: #222; }
    .pop_user_join .depth_2 > dd {
      margin-left: 100px; }
  .pop_user_join .select_wrap {
    position: relative;
    white-space: nowrap;
    text-align: right; }
    .pop_user_join .select_wrap button.title {
      padding-right: 25px;
      max-width: 210px;
      color: #666;
      line-height: 35px;
      font-size: 15px; }
      .pop_user_join .select_wrap button.title span {
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .pop_user_join .select_wrap button.title.on {
        color: #006bfe; }
      .pop_user_join .select_wrap button.title:before {
        content: '';
        display: block;
        width: 14px;
        height: 7px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -3.5px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3e%3cpath fill-rule='evenodd' d='M1.39.544C1.138.33.76.358.544.61c-.215.252-.186.63.066.846l7.01 6c.225.192.557.192.781 0l6.99-6c.251-.217.28-.595.064-.847-.216-.251-.594-.28-.846-.064L8.01 6.21 1.39.544z'/%3e%3c/svg%3e");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
    .pop_user_join .select_wrap ul {
      overflow: auto;
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      max-height: 280px;
      width: 250px;
      border: 1px solid #b5b5b5;
      background-color: #fff;
      z-index: 2; }
      .pop_user_join .select_wrap ul li {
        border-top: 1px solid #eee; }
        .pop_user_join .select_wrap ul li:first-child {
          border-top: none; }
      .pop_user_join .select_wrap ul button {
        width: 100%;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .pop_user_join .select_wrap ul button:hover {
          color: #006bfe; }
    .pop_user_join .select_wrap.on ul {
      display: block; }
  .pop_user_join .sub_layer {
    box-sizing: border-box;
    position: absolute;
    z-index: 150;
    top: 30px;
    bottom: 30px;
    left: 50px;
    right: 50px;
    padding: 20px 20px 90px 20px;
    background-color: #fff;
    border: 2px solid #3d80e4; }
    .pop_user_join .sub_layer .sub_layer_title {
      text-align: center;
      font-size: 15px;
      color: #222222;
      font-weight: bold; }
    .pop_user_join .sub_layer .sub_layer_btn {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 30px 0;
      text-align: center; }
      .pop_user_join .sub_layer .sub_layer_btn button {
        height: 30px;
        padding: 0 20px;
        min-width: 90px;
        font-size: 13px;
        color: #666;
        border: 1px solid #d1d1d1;
        border-radius: 2px; }
  .pop_user_join .soundbar {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: -5px;
    border: 1px solid transparent;
    background-color: #2678fe;
    border-radius: 50%; }
    .pop_user_join .soundbar span {
      position: absolute;
      top: 4px;
      left: 0;
      right: 0;
      bottom: 6px;
      display: block;
      text-align: center;
      font: 0/0 a;
      display: flex;
      align-items: flex-end;
      justify-content: center; }
      .pop_user_join .soundbar span em {
        display: inline-block;
        width: 2px;
        margin: 0 1px;
        border-radius: 2px;
        height: 30%;
        background-color: #fff;
        vertical-align: bottom;
        transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
        .pop_user_join .soundbar span em:nth-child(2) {
          height: 50%; }
    .pop_user_join .soundbar.small em:nth-child(1),
    .pop_user_join .soundbar.small em:nth-child(3) {
      height: 10%;
      animation: smallsound 1s infinite linear; }
    .pop_user_join .soundbar.small em:nth-child(2) {
      height: 50%;
      animation: smallsound2 1s infinite linear; }
    .pop_user_join .soundbar.big em:nth-child(1),
    .pop_user_join .soundbar.big em:nth-child(3) {
      height: 20%;
      animation: bigsound 1s infinite linear; }
    .pop_user_join .soundbar.big em:nth-child(2) {
      height: 70%;
      animation: bigsound2 1s infinite linear; }
  .pop_user_join .dim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6); }
    .pop_user_join .dim.white {
      background-color: rgba(255, 255, 255, 0.6); }
  .pop_user_join.win {
    padding-bottom: 1px; }

.loading_rotate_dot {
  font: 0/0 a;
  position: relative;
  display: flex;
  margin: 20px auto;
  justify-content: space-between;
  align-content: center;
  width: 48px;
  height: 48px; }
  .loading_rotate_dot span {
    position: absolute;
    display: inline-block;
    border: 4px solid transparent;
    border-radius: 100%;
    animation: loading_rotate_dot 1.6s infinite cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .loading_rotate_dot span:nth-child(1) {
      top: 0;
      left: 20px;
      animation-delay: 0.2s; }
    .loading_rotate_dot span:nth-child(2) {
      top: 5px;
      right: 5px;
      animation-delay: 0.4s; }
    .loading_rotate_dot span:nth-child(3) {
      top: 20px;
      right: 0px;
      animation-delay: 0.6s; }
    .loading_rotate_dot span:nth-child(4) {
      bottom: 5px;
      right: 5px;
      animation-delay: 0.8s; }
    .loading_rotate_dot span:nth-child(5) {
      bottom: 0;
      left: 20px;
      animation-delay: 1.0s; }
    .loading_rotate_dot span:nth-child(6) {
      bottom: 5px;
      left: 5px;
      animation-delay: 1.2s; }
    .loading_rotate_dot span:nth-child(7) {
      top: 20px;
      left: 0px;
      animation-delay: 1.4s; }
    .loading_rotate_dot span:nth-child(8) {
      top: 5px;
      left: 5px;
      animation-delay: 1.6s; }

.loading_line_dot {
  font: 0/0 a;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .loading_line_dot span {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    transform: scale(0.3);
    border-radius: 50%;
    animation: loading_line_dot 1.4s infinite cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .loading_line_dot span:nth-child(1) {
      animation-delay: 0.2s; }
    .loading_line_dot span:nth-child(2) {
      animation-delay: 0.4s; }
    .loading_line_dot span:nth-child(3) {
      animation-delay: 0.6s; }
    .loading_line_dot span:nth-child(4) {
      animation-delay: 0.8s; }
    .loading_line_dot span:nth-child(5) {
      animation-delay: 1.0s; }

@keyframes loading_rotate_dot {
  0%, 100% {
    transform: scale(0.3);
    border-color: transparent; }
  50% {
    transform: scale(1);
    border-color: #4279ff; } }
@keyframes loading_line_dot {
  0%, 100% {
    transform: scale(0.3);
    background-color: transparent; }
  50% {
    transform: scale(1);
    background-color: #4279ff; } }
@keyframes smallsound {
  0% {
    height: 10%; }
  20% {
    height: 30%; }
  40% {
    height: 20%; }
  60% {
    height: 40%; }
  80% {
    height: 20%; }
  90% {
    height: 30%; }
  100% {
    height: 10%; } }
@keyframes smallsound2 {
  0% {
    height: 10%; }
  20% {
    height: 40%; }
  40% {
    height: 30%; }
  60% {
    height: 60%; }
  80% {
    height: 30%; }
  90% {
    height: 40%; }
  100% {
    height: 10%; } }
@keyframes bigsound {
  0% {
    height: 20%; }
  20% {
    height: 40%; }
  40% {
    height: 30%; }
  60% {
    height: 70%; }
  80% {
    height: 30%; }
  90% {
    height: 40%; }
  100% {
    height: 20%; } }
@keyframes bigsound2 {
  0% {
    height: 50%; }
  20% {
    height: 80%; }
  40% {
    height: 60%; }
  60% {
    height: 100%; }
  80% {
    height: 60%; }
  90% {
    height: 80%; }
  100% {
    height: 50%; } }
@media screen and (max-width: 768px) {
  #membership {
    margin: 8% auto; }
    #membership .membership_complete .img {
      background: transparent url("/images/membership/split_membership_x2.png") no-repeat;
      background-size: 500px; }
    #membership .membership_complete .img.n1 {
      background-position: 0 -50px; }
    #membership .membership_complete .img.n2 {
      background-position: 0 -180px; }
    #membership .membership_complete h1 {
      font-size: 25px; } }
html:not([lang=ko]) .layer_in > .layer_ac {
  padding: 25px 25px 0; }
html:not([lang=ko]) .pop_gudok .info_area .info_img:before {
  width: 363px;
  background-image: url("/images/webplayer/layer/img_gudok_info_en.png"); }
html:not([lang=ko]) .pop_gudok .info_area .info_msg02 {
  min-height: 37px; }
html:not([lang=ko]) .pop_gudok .send_area {
  padding-top: 25px; }
  html:not([lang=ko]) .pop_gudok .send_area .gd_select {
    padding-top: 0; }
    html:not([lang=ko]) .pop_gudok .send_area .gd_select dt {
      margin-bottom: 13px; }
    html:not([lang=ko]) .pop_gudok .send_area .gd_select dd {
      font-size: 0; }
      html:not([lang=ko]) .pop_gudok .send_area .gd_select dd.tip {
        font-size: 12px;
        top: 20px;
        right: auto;
        left: 0; }
      html:not([lang=ko]) .pop_gudok .send_area .gd_select dd button {
        width: 120px !important;
        margin: 0 0 0 4px; }
        html:not([lang=ko]) .pop_gudok .send_area .gd_select dd button:first-child {
          margin-left: 0; }
        html:not([lang=ko]) .pop_gudok .send_area .gd_select dd button.active {
          font-weight: normal; }
        html:not([lang=ko]) .pop_gudok .send_area .gd_select dd button span {
          display: block;
          font-size: 12px;
          color: #888; }
  html:not([lang=ko]) .pop_gudok .send_area .gd_date {
    position: relative;
    margin-bottom: 18px;
    padding: 0; }
    html:not([lang=ko]) .pop_gudok .send_area .gd_date dt.long {
      position: absolute;
      top: 0;
      left: 0;
      width: 120px; }
    html:not([lang=ko]) .pop_gudok .send_area .gd_date dd {
      float: none;
      margin-left: 120px; }
html:not([lang=ko]) .share_layer .pop-body div button {
  margin-left: 19px; }
  html:not([lang=ko]) .share_layer .pop-body div button em {
    margin: 0 auto; }

.ui-pop.layer-gudok,
.ui-pop.subscribe {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 496px;
  padding-bottom: 0;
  z-index: 999999; }
  .ui-pop.layer-gudok.win_pop,
  .ui-pop.subscribe.win_pop {
    position: static !important;
    top: 0;
    left: 0;
    width: 100%;
    border: 0; }
    .ui-pop.layer-gudok.win_pop .pop-body,
    .ui-pop.subscribe.win_pop .pop-body {
      bottom: 232px;
      top: 30px;
      left: 0;
      right: 0; }
      .ui-pop.layer-gudok.win_pop .pop-body.auto,
      .ui-pop.subscribe.win_pop .pop-body.auto {
        height: 520px; }
    .ui-pop.layer-gudok.win_pop .send_area,
    .ui-pop.subscribe.win_pop .send_area {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 5; }
  .ui-pop.layer-gudok .pop-body,
  .ui-pop.subscribe .pop-body {
    overflow: auto;
    height: 483px;
    padding: 28px 28px 0;
    box-sizing: border-box;
    scrollbar-3dLight-Color: #efefef;
    scrollbar-arrow-color: #dfdfdf;
    scrollbar-base-color: #efefef;
    scrollbar-Face-Color: #bbb;
    scrollbar-Track-Color: #fff;
    scrollbar-DarkShadow-Color: #fff;
    scrollbar-Highlight-Color: #efefef;
    scrollbar-Shadow-Color: #efefef; }
    .ui-pop.layer-gudok .pop-body *,
    .ui-pop.subscribe .pop-body * {
      font-family: "NG";
      line-height: 1.2; }
    .ui-pop.layer-gudok .pop-body .scroll_box,
    .ui-pop.subscribe .pop-body .scroll_box {
      padding-bottom: 43px; }
    .ui-pop.layer-gudok .pop-body h3,
    .ui-pop.subscribe .pop-body h3 {
      color: #555;
      font-size: 15px;
      font-family: "NGB"; }
    .ui-pop.layer-gudok .pop-body::-webkit-scrollbar,
    .ui-pop.subscribe .pop-body::-webkit-scrollbar {
      background-color: transparent;
      width: 8px;
      height: 8px;
      border-radius: 8px; }
    .ui-pop.layer-gudok .pop-body::-webkit-scrollbar-thumb,
    .ui-pop.subscribe .pop-body::-webkit-scrollbar-thumb {
      background: #e4e4e4;
      border-radius: 8px; }
    .ui-pop.layer-gudok .pop-body::-webkit-scrollbar-track,
    .ui-pop.subscribe .pop-body::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 8px; }
    .ui-pop.layer-gudok .pop-body *:hover::-webkit-scrollbar-thumb,
    .ui-pop.subscribe .pop-body *:hover::-webkit-scrollbar-thumb {
      background: #bbb; }
    .ui-pop.layer-gudok .pop-body::-webkit-scrollbar-button, .ui-pop.layer-gudok .pop-body::-webkit-scrollbar-corner,
    .ui-pop.subscribe .pop-body::-webkit-scrollbar-button,
    .ui-pop.subscribe .pop-body::-webkit-scrollbar-corner {
      display: none !important; }
    .ui-pop.layer-gudok .pop-body.auto,
    .ui-pop.subscribe .pop-body.auto {
      height: 529px; }
  .ui-pop.layer-gudok .gudok_bj > p,
  .ui-pop.subscribe .gudok_bj > p {
    color: #222;
    font-size: 16px;
    word-break: break-all; }
    .ui-pop.layer-gudok .gudok_bj > p em,
    .ui-pop.subscribe .gudok_bj > p em {
      color: #4279ff;
      font-weight: bold; }
    .ui-pop.layer-gudok .gudok_bj > p i,
    .ui-pop.subscribe .gudok_bj > p i {
      color: #444;
      font-style: normal; }
    .ui-pop.layer-gudok .gudok_bj > p span,
    .ui-pop.subscribe .gudok_bj > p span {
      font-size: 14px; }
  .ui-pop.layer-gudok .gudok_bj .info_wrap,
  .ui-pop.subscribe .gudok_bj .info_wrap {
    display: flex;
    justify-content: space-between; }
    .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong,
    .ui-pop.subscribe .gudok_bj .info_wrap .info strong {
      color: #444;
      font-size: 17px;
      font-weight: bold; }
      .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong em,
      .ui-pop.subscribe .gudok_bj .info_wrap .info strong em {
        color: #8c8c8c;
        font-size: 14px; }
    .ui-pop.layer-gudok .gudok_bj .info_wrap .info p,
    .ui-pop.subscribe .gudok_bj .info_wrap .info p {
      margin-top: 7px;
      color: #222;
      font-size: 21px; }
      .ui-pop.layer-gudok .gudok_bj .info_wrap .info p em,
      .ui-pop.subscribe .gudok_bj .info_wrap .info p em {
        color: #4279ff;
        font-weight: bold;
        font-size: 22px; }
    .ui-pop.layer-gudok .gudok_bj .info_wrap .thumb,
    .ui-pop.subscribe .gudok_bj .info_wrap .thumb {
      flex: 0 0 auto;
      width: 48px;
      height: 48px; }
      .ui-pop.layer-gudok .gudok_bj .info_wrap .thumb span,
      .ui-pop.subscribe .gudok_bj .info_wrap .thumb span {
        display: block;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
        .ui-pop.layer-gudok .gudok_bj .info_wrap .thumb span.thumb-default,
        .ui-pop.subscribe .gudok_bj .info_wrap .thumb span.thumb-default {
          padding-bottom: 0; }
          .ui-pop.layer-gudok .gudok_bj .info_wrap .thumb span.thumb-default:before,
          .ui-pop.subscribe .gudok_bj .info_wrap .thumb span.thumb-default:before {
            width: 45%;
            height: auto; }
  .ui-pop.layer-gudok .gudok_bj span.desc,
  .ui-pop.subscribe .gudok_bj span.desc {
    display: block;
    margin-top: 15px;
    color: #888;
    font-size: 13px; }
  .ui-pop.layer-gudok .gudok_infos,
  .ui-pop.subscribe .gudok_infos {
    margin-top: 10px;
    text-align: right; }
    .ui-pop.layer-gudok .gudok_infos dl,
    .ui-pop.subscribe .gudok_infos dl {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      background: #f5f6f7;
      padding: 14px 20px;
      border: 1px solid #f0f1f2;
      border-radius: 10px;
      text-align: left; }
      .ui-pop.layer-gudok .gudok_infos dl dt, .ui-pop.layer-gudok .gudok_infos dl dd,
      .ui-pop.subscribe .gudok_infos dl dt,
      .ui-pop.subscribe .gudok_infos dl dd {
        flex: 0 1 auto;
        padding: 6px 0;
        color: #333;
        font-size: 14px; }
      .ui-pop.layer-gudok .gudok_infos dl dt,
      .ui-pop.subscribe .gudok_infos dl dt {
        width: 40%;
        font-weight: bold; }
      .ui-pop.layer-gudok .gudok_infos dl dd,
      .ui-pop.subscribe .gudok_infos dl dd {
        width: 60%;
        text-align: right; }
        .ui-pop.layer-gudok .gudok_infos dl dd .btn,
        .ui-pop.subscribe .gudok_infos dl dd .btn {
          background: #fff;
          margin-left: 2px;
          padding: 0 7px;
          border: 1px solid #d7d7d7;
          border-radius: 4px;
          color: #888;
          font-size: 12px;
          line-height: 22px;
          letter-spacing: -.5px; }
    .ui-pop.layer-gudok .gudok_infos .more,
    .ui-pop.subscribe .gudok_infos .more {
      display: inline-block;
      margin-top: 10px;
      color: #888;
      font-size: 13px; }
      .ui-pop.layer-gudok .gudok_infos .more:after,
      .ui-pop.subscribe .gudok_infos .more:after {
        content: "";
        display: inline-block;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 7.5 11.5'%3e%3cpath stroke='%238C8C8C' stroke-linecap='round' fill='none' d='M1.5 1.5l4 4-4 4'/%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 7px;
        height: 11px;
        margin-left: 6px;
        vertical-align: -3px; }
    .ui-pop.layer-gudok .gudok_infos + .perthnacorn,
    .ui-pop.subscribe .gudok_infos + .perthnacorn {
      margin-top: 15px; }
  .ui-pop.layer-gudok .benefits, .ui-pop.layer-gudok .perthnacorn, .ui-pop.layer-gudok .signature,
  .ui-pop.subscribe .benefits,
  .ui-pop.subscribe .perthnacorn,
  .ui-pop.subscribe .signature {
    padding: 20px;
    border-radius: 10px; }
  .ui-pop.layer-gudok .perthnacorn, .ui-pop.layer-gudok .signature,
  .ui-pop.subscribe .perthnacorn,
  .ui-pop.subscribe .signature {
    border: 1px solid #f0f0f0; }
  .ui-pop.layer-gudok .benefits,
  .ui-pop.subscribe .benefits {
    position: relative;
    background: #f5f6f7;
    margin-top: 20px;
    padding: 18px 20px 20px; }
    .ui-pop.layer-gudok .benefits h3,
    .ui-pop.subscribe .benefits h3 {
      margin-bottom: -2px; }
    .ui-pop.layer-gudok .benefits .more,
    .ui-pop.subscribe .benefits .more {
      position: absolute;
      top: 20px;
      right: 20px;
      color: #888;
      font-size: 13px; }
    .ui-pop.layer-gudok .benefits .info_img:before,
    .ui-pop.subscribe .benefits .info_img:before {
      content: "";
      display: block;
      background: url("/images/webplayer/layer/img_subscribe.png") 50% 0 no-repeat;
      width: 100%;
      height: 94px;
      margin: 0 auto; }
    .ui-pop.layer-gudok .benefits .info_img ul,
    .ui-pop.subscribe .benefits .info_img ul {
      display: flex;
      max-width: 392px;
      margin: 0 auto; }
      .ui-pop.layer-gudok .benefits .info_img ul li,
      .ui-pop.subscribe .benefits .info_img ul li {
        flex: 0 1 auto;
        width: 100%;
        color: #9c9c9c;
        font-size: 13px;
        text-align: center; }
  .ui-pop.layer-gudok .perthnacorn,
  .ui-pop.subscribe .perthnacorn {
    margin-top: 8px;
    padding-bottom: 8px; }
    .ui-pop.layer-gudok .perthnacorn ol,
    .ui-pop.subscribe .perthnacorn ol {
      width: calc(100% + 20px);
      margin: 16px 0 0 -10px; }
      .ui-pop.layer-gudok .perthnacorn ol:after,
      .ui-pop.subscribe .perthnacorn ol:after {
        content: "";
        display: block;
        clear: both; }
      .ui-pop.layer-gudok .perthnacorn ol li,
      .ui-pop.subscribe .perthnacorn ol li {
        float: left;
        position: relative;
        width: 14%;
        margin-bottom: 12px; }
        .ui-pop.layer-gudok .perthnacorn ol li:after,
        .ui-pop.subscribe .perthnacorn ol li:after {
          content: "";
          position: absolute;
          top: 11px;
          left: 50%;
          background: #e5e5e5;
          width: 100%;
          height: 2px;
          z-index: 1; }
        .ui-pop.layer-gudok .perthnacorn ol li:first-child:after,
        .ui-pop.subscribe .perthnacorn ol li:first-child:after {
          left: 50%;
          width: 100%; }
        .ui-pop.layer-gudok .perthnacorn ol li:last-child:after,
        .ui-pop.subscribe .perthnacorn ol li:last-child:after {
          display: none; }
        .ui-pop.layer-gudok .perthnacorn ol li span,
        .ui-pop.subscribe .perthnacorn ol li span {
          display: block;
          position: relative;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21.5 21.5'%3e%3cpath fill-rule='evenodd' stroke='%23BBB' stroke-dasharray='2, 2' fill='%23EFF3F9' d='M10.5 1.5a9 9 0 110 18 9 9 0 010-18z'/%3e%3c/svg%3e");
          background-position: 0 0;
          background-repeat: no-repeat;
          background-size: cover;
          width: 24px;
          height: 24px;
          margin: 0 auto;
          border-radius: 50%;
          z-index: 5; }
          .ui-pop.layer-gudok .perthnacorn ol li span.default,
          .ui-pop.subscribe .perthnacorn ol li span.default {
            background-image: url(/images/chat/ic_chat_v3.png);
            background-position: 0 -85px;
            background-repeat: no-repeat;
            border: 0; }
        .ui-pop.layer-gudok .perthnacorn ol li p,
        .ui-pop.subscribe .perthnacorn ol li p {
          margin-top: 7px;
          color: #aaa;
          font-size: 12px;
          text-align: center; }
        .ui-pop.layer-gudok .perthnacorn ol li.on p,
        .ui-pop.subscribe .perthnacorn ol li.on p {
          color: #666; }
    .ui-pop.layer-gudok .perthnacorn.over ol li:nth-child(7):after,
    .ui-pop.subscribe .perthnacorn.over ol li:nth-child(7):after {
      left: 0;
      width: 77px; }
    .ui-pop.layer-gudok .perthnacorn.over ol li:nth-child(8):after,
    .ui-pop.subscribe .perthnacorn.over ol li:nth-child(8):after {
      left: auto;
      right: 0;
      width: 88px;
      transform: translateX(20px); }
    .ui-pop.layer-gudok .perthnacorn .myStep,
    .ui-pop.subscribe .perthnacorn .myStep {
      position: relative;
      width: 100%;
      margin-top: 14px;
      margin-bottom: 12px; }
      .ui-pop.layer-gudok .perthnacorn .myStep:after,
      .ui-pop.subscribe .perthnacorn .myStep:after {
        content: "";
        display: block;
        clear: both; }
      .ui-pop.layer-gudok .perthnacorn .myStep > div,
      .ui-pop.subscribe .perthnacorn .myStep > div {
        float: right;
        position: relative;
        width: 45px;
        z-index: 3; }
        .ui-pop.layer-gudok .perthnacorn .myStep > div.prev,
        .ui-pop.subscribe .perthnacorn .myStep > div.prev {
          float: left; }
        .ui-pop.layer-gudok .perthnacorn .myStep > div span,
        .ui-pop.subscribe .perthnacorn .myStep > div span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          margin: 0 auto;
          border-radius: 50%; }
          .ui-pop.layer-gudok .perthnacorn .myStep > div span em,
          .ui-pop.subscribe .perthnacorn .myStep > div span em {
            display: block;
            background-position: 0 0;
            background-repeat: no-repeat;
            width: 24px;
            height: 24px;
            border-radius: 50%; }
            .ui-pop.layer-gudok .perthnacorn .myStep > div span em.default,
            .ui-pop.subscribe .perthnacorn .myStep > div span em.default {
              background-image: url(/images/chat/ic_chat_v3.png);
              background-position: 0 -85px;
              background-repeat: no-repeat; }
        .ui-pop.layer-gudok .perthnacorn .myStep > div p,
        .ui-pop.subscribe .perthnacorn .myStep > div p {
          margin-top: 7px;
          color: #666;
          font-size: 12px;
          text-align: center; }
      .ui-pop.layer-gudok .perthnacorn .myStep .progress,
      .ui-pop.subscribe .perthnacorn .myStep .progress {
        position: absolute;
        top: 12px;
        left: 33px;
        right: 34px;
        background: #e5e5e5;
        height: 3px;
        z-index: 1; }
        .ui-pop.layer-gudok .perthnacorn .myStep .progress em,
        .ui-pop.subscribe .perthnacorn .myStep .progress em {
          display: block;
          background-color: #4279ff;
          height: 3px;
          border-radius: 0 3px 3px 0; }
  .ui-pop.layer-gudok .signature,
  .ui-pop.subscribe .signature {
    position: relative;
    margin-top: 8px;
    padding-bottom: 8px; }
    .ui-pop.layer-gudok .signature ul,
    .ui-pop.subscribe .signature ul {
      display: flex;
      flex-wrap: wrap;
      width: calc(100% + 8.7%);
      margin-top: 16px;
      font: 0/0 a; }
      .ui-pop.layer-gudok .signature ul li,
      .ui-pop.subscribe .signature ul li {
        margin: 0 8.7% 12px 0; }
        .ui-pop.layer-gudok .signature ul li:nth-child(7n + 1),
        .ui-pop.subscribe .signature ul li:nth-child(7n + 1) {
          margin-left: 0; }
        .ui-pop.layer-gudok .signature ul li.noList,
        .ui-pop.subscribe .signature ul li.noList {
          color: #888;
          font-size: 13px; }
    .ui-pop.layer-gudok .signature .btn_all,
    .ui-pop.subscribe .signature .btn_all {
      position: absolute;
      top: 12px;
      right: 10px;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 14 9'%3e%3cpath fill-rule='evenodd' fill='%238C8C8C' d='M1.15.22a.66.66 0 00-.96 0 .73.73 0 000 1l6.33 6.6c.26.28.69.28.96 0l6.32-6.6a.73.73 0 000-1 .66.66 0 00-.96 0L7 6.32 1.15.22z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 14px 9px;
      width: 34px;
      height: 28px;
      font: 0/0 a; }
  .ui-pop.layer-gudok.ing .signature,
  .ui-pop.subscribe.ing .signature {
    margin-bottom: 0; }
    .ui-pop.layer-gudok.ing .signature ul,
    .ui-pop.subscribe.ing .signature ul {
      overflow: hidden;
      height: 38px; }
    .ui-pop.layer-gudok.ing .signature.active,
    .ui-pop.subscribe.ing .signature.active {
      margin-bottom: 0; }
      .ui-pop.layer-gudok.ing .signature.active ul,
      .ui-pop.subscribe.ing .signature.active ul {
        height: auto; }
      .ui-pop.layer-gudok.ing .signature.active .btn_all,
      .ui-pop.subscribe.ing .signature.active .btn_all {
        transform: rotate(180deg); }
  .ui-pop.layer-gudok .send_area,
  .ui-pop.subscribe .send_area {
    background: #eff3f9;
    padding: 28px 25px 26px;
    box-sizing: border-box; }
    .ui-pop.layer-gudok .send_area *,
    .ui-pop.subscribe .send_area * {
      font-family: "NG"; }
    .ui-pop.layer-gudok .send_area dt, .ui-pop.layer-gudok .send_area dd,
    .ui-pop.subscribe .send_area dt,
    .ui-pop.subscribe .send_area dd {
      line-height: 100%;
      font-size: 14px; }
    .ui-pop.layer-gudok .send_area dt,
    .ui-pop.subscribe .send_area dt {
      color: #222;
      font-family: "NGB"; }
    .ui-pop.layer-gudok .send_area dd,
    .ui-pop.subscribe .send_area dd {
      color: #333;
      letter-spacing: -1px; }
    .ui-pop.layer-gudok .send_area .gd_select,
    .ui-pop.subscribe .send_area .gd_select {
      position: relative; }
      .ui-pop.layer-gudok .send_area .gd_select dd,
      .ui-pop.subscribe .send_area .gd_select dd {
        display: flex;
        padding-top: 12px; }
        .ui-pop.layer-gudok .send_area .gd_select dd button,
        .ui-pop.subscribe .send_area .gd_select dd button {
          display: block;
          flex: 0 1 auto;
          background: #fff;
          width: 100%;
          height: 36px;
          margin-left: 6px;
          border: 1px solid #d7d7d7;
          border-radius: 4px;
          color: #333;
          font-size: 14px; }
          .ui-pop.layer-gudok .send_area .gd_select dd button:first-child,
          .ui-pop.subscribe .send_area .gd_select dd button:first-child {
            flex: 0 0 auto;
            width: 136px;
            margin-left: 0; }
          .ui-pop.layer-gudok .send_area .gd_select dd button[disabled=disabled], .ui-pop.layer-gudok .send_area .gd_select dd button:disabled,
          .ui-pop.subscribe .send_area .gd_select dd button[disabled=disabled],
          .ui-pop.subscribe .send_area .gd_select dd button:disabled {
            border: 1px solid #eaedf1;
            color: #d2d2d2;
            cursor: default; }
          .ui-pop.layer-gudok .send_area .gd_select dd button.active,
          .ui-pop.subscribe .send_area .gd_select dd button.active {
            border: 1px solid #006bfe;
            color: #006bfe;
            font-family: "NGB"; }
        .ui-pop.layer-gudok .send_area .gd_select dd.gift button,
        .ui-pop.subscribe .send_area .gd_select dd.gift button {
          width: 110px; }
        .ui-pop.layer-gudok .send_area .gd_select dd.tip,
        .ui-pop.subscribe .send_area .gd_select dd.tip {
          position: absolute;
          top: 0;
          right: 0;
          padding: 0;
          color: #777;
          font-size: 12px; }
    .ui-pop.layer-gudok .send_area .gd_total,
    .ui-pop.subscribe .send_area .gd_total {
      overflow: hidden;
      padding-top: 32px; }
      .ui-pop.layer-gudok .send_area .gd_total dt,
      .ui-pop.subscribe .send_area .gd_total dt {
        float: left; }
      .ui-pop.layer-gudok .send_area .gd_total dd,
      .ui-pop.subscribe .send_area .gd_total dd {
        float: right;
        margin-top: -3px; }
        .ui-pop.layer-gudok .send_area .gd_total dd strong,
        .ui-pop.subscribe .send_area .gd_total dd strong {
          color: #016cfe;
          font-size: 18px; }
    .ui-pop.layer-gudok .send_area .gd_date,
    .ui-pop.subscribe .send_area .gd_date {
      overflow: hidden;
      padding-top: 30px; }
      .ui-pop.layer-gudok .send_area .gd_date dt,
      .ui-pop.subscribe .send_area .gd_date dt {
        float: left;
        width: 68px; }
        .ui-pop.layer-gudok .send_area .gd_date dt.long,
        .ui-pop.subscribe .send_area .gd_date dt.long {
          float: left;
          width: 110px; }
      .ui-pop.layer-gudok .send_area .gd_date dd,
      .ui-pop.subscribe .send_area .gd_date dd {
        float: left; }
    .ui-pop.layer-gudok .send_area .t_info,
    .ui-pop.subscribe .send_area .t_info {
      padding-top: 22px;
      color: #777;
      line-height: 140%;
      font-size: 13px; }
    .ui-pop.layer-gudok .send_area .gd_space,
    .ui-pop.subscribe .send_area .gd_space {
      padding-top: 18px; }
    .ui-pop.layer-gudok .send_area .btn_area,
    .ui-pop.subscribe .send_area .btn_area {
      padding-top: 28px;
      text-align: center; }
      .ui-pop.layer-gudok .send_area .btn_area button,
      .ui-pop.subscribe .send_area .btn_area button {
        display: inline-block;
        width: 132px;
        height: 42px;
        line-height: 42px;
        font-family: "NGB";
        font-size: 16px;
        vertical-align: middle;
        outline: none; }
      .ui-pop.layer-gudok .send_area .btn_area .btn_b,
      .ui-pop.subscribe .send_area .btn_area .btn_b {
        background: #006bfe;
        margin-right: 8px;
        color: #fff; }
      .ui-pop.layer-gudok .send_area .btn_area .btn_w,
      .ui-pop.subscribe .send_area .btn_area .btn_w {
        background: #fff;
        border: 1px solid #d3d4d5;
        color: #000; }

html:not([lang=ko]) .ui-pop.layer-gudok .benefits .info_img:before,
html:not([lang=ko]) .ui-pop.subscribe .benefits .info_img:before {
  background: url("/images/webplayer/layer/img_subscribe_global.png") 0 0 no-repeat; }
html:not([lang=ko]) .ui-pop.layer-gudok .send_area .gd_select dt,
html:not([lang=ko]) .ui-pop.subscribe .send_area .gd_select dt {
  margin-bottom: 20px; }
html:not([lang=ko]) .ui-pop.layer-gudok .send_area .gd_select dd.tip,
html:not([lang=ko]) .ui-pop.subscribe .send_area .gd_select dd.tip {
  top: 20px;
  left: 0;
  right: auto; }

html[lang="en"] .ui-pop.subscribe .send_area .gd_select dd button,
html[lang="ja"] .ui-pop.subscribe .send_area .gd_select dd button,
html[lang="th"] .ui-pop.subscribe .send_area .gd_select dd button,
html[lang="vi"] .ui-pop.subscribe .send_area .gd_select dd button,
html[lang="en"] .ui-pop.layer-gudok .send_area .gd_select dd button,
html[lang="ja"] .ui-pop.layer-gudok .send_area .gd_select dd button,
html[lang="th"] .ui-pop.layer-gudok .send_area .gd_select dd button,
html[lang="vi"] .ui-pop.layer-gudok .send_area .gd_select dd button {
  height: 40px; }
  html[lang="en"] .ui-pop.subscribe .send_area .gd_select dd button:first-child,
  html[lang="ja"] .ui-pop.subscribe .send_area .gd_select dd button:first-child,
  html[lang="th"] .ui-pop.subscribe .send_area .gd_select dd button:first-child,
  html[lang="vi"] .ui-pop.subscribe .send_area .gd_select dd button:first-child,
  html[lang="en"] .ui-pop.layer-gudok .send_area .gd_select dd button:first-child,
  html[lang="ja"] .ui-pop.layer-gudok .send_area .gd_select dd button:first-child,
  html[lang="th"] .ui-pop.layer-gudok .send_area .gd_select dd button:first-child,
  html[lang="vi"] .ui-pop.layer-gudok .send_area .gd_select dd button:first-child {
    font-size: 13px;
    line-height: 1; }

html[dark=true] body .ui-pop.subscribe .pop-body h3,
body.thema_dark .ui-pop.subscribe .pop-body h3,
body.theme_dark .ui-pop.subscribe .pop-body h3,
html[dark=true] body .ui-pop.layer-gudok .pop-body h3,
body.thema_dark .ui-pop.layer-gudok .pop-body h3,
body.theme_dark .ui-pop.layer-gudok .pop-body h3 {
  color: #c8c8c8; }
html[dark=true] body .ui-pop.subscribe .perthnacorn, html[dark=true] body .ui-pop.subscribe .signature,
body.thema_dark .ui-pop.subscribe .perthnacorn,
body.thema_dark .ui-pop.subscribe .signature,
body.theme_dark .ui-pop.subscribe .perthnacorn,
body.theme_dark .ui-pop.subscribe .signature,
html[dark=true] body .ui-pop.layer-gudok .perthnacorn,
html[dark=true] body .ui-pop.layer-gudok .signature,
body.thema_dark .ui-pop.layer-gudok .perthnacorn,
body.thema_dark .ui-pop.layer-gudok .signature,
body.theme_dark .ui-pop.layer-gudok .perthnacorn,
body.theme_dark .ui-pop.layer-gudok .signature {
  border-color: #222; }
html[dark=true] body .ui-pop.subscribe .gudok_bj > p,
body.thema_dark .ui-pop.subscribe .gudok_bj > p,
body.theme_dark .ui-pop.subscribe .gudok_bj > p,
html[dark=true] body .ui-pop.layer-gudok .gudok_bj > p,
body.thema_dark .ui-pop.layer-gudok .gudok_bj > p,
body.theme_dark .ui-pop.layer-gudok .gudok_bj > p {
  color: #c8c8c8; }
  html[dark=true] body .ui-pop.subscribe .gudok_bj > p em,
  body.thema_dark .ui-pop.subscribe .gudok_bj > p em,
  body.theme_dark .ui-pop.subscribe .gudok_bj > p em,
  html[dark=true] body .ui-pop.layer-gudok .gudok_bj > p em,
  body.thema_dark .ui-pop.layer-gudok .gudok_bj > p em,
  body.theme_dark .ui-pop.layer-gudok .gudok_bj > p em {
    color: #6b85cf; }
  html[dark=true] body .ui-pop.subscribe .gudok_bj > p i,
  body.thema_dark .ui-pop.subscribe .gudok_bj > p i,
  body.theme_dark .ui-pop.subscribe .gudok_bj > p i,
  html[dark=true] body .ui-pop.layer-gudok .gudok_bj > p i,
  body.thema_dark .ui-pop.layer-gudok .gudok_bj > p i,
  body.theme_dark .ui-pop.layer-gudok .gudok_bj > p i {
    color: #999; }
html[dark=true] body .ui-pop.subscribe .gudok_bj .info_wrap .info strong,
body.thema_dark .ui-pop.subscribe .gudok_bj .info_wrap .info strong,
body.theme_dark .ui-pop.subscribe .gudok_bj .info_wrap .info strong,
html[dark=true] body .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong,
body.thema_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong,
body.theme_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong {
  color: #c8c8c8; }
  html[dark=true] body .ui-pop.subscribe .gudok_bj .info_wrap .info strong em,
  body.thema_dark .ui-pop.subscribe .gudok_bj .info_wrap .info strong em,
  body.theme_dark .ui-pop.subscribe .gudok_bj .info_wrap .info strong em,
  html[dark=true] body .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong em,
  body.thema_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong em,
  body.theme_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info strong em {
    color: #999; }
html[dark=true] body .ui-pop.subscribe .gudok_bj .info_wrap .info p,
body.thema_dark .ui-pop.subscribe .gudok_bj .info_wrap .info p,
body.theme_dark .ui-pop.subscribe .gudok_bj .info_wrap .info p,
html[dark=true] body .ui-pop.layer-gudok .gudok_bj .info_wrap .info p,
body.thema_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info p,
body.theme_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info p {
  color: #c8c8c8; }
  html[dark=true] body .ui-pop.subscribe .gudok_bj .info_wrap .info p em,
  body.thema_dark .ui-pop.subscribe .gudok_bj .info_wrap .info p em,
  body.theme_dark .ui-pop.subscribe .gudok_bj .info_wrap .info p em,
  html[dark=true] body .ui-pop.layer-gudok .gudok_bj .info_wrap .info p em,
  body.thema_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info p em,
  body.theme_dark .ui-pop.layer-gudok .gudok_bj .info_wrap .info p em {
    color: #7398ff; }
html[dark=true] body .ui-pop.subscribe .gudok_infos dl,
body.thema_dark .ui-pop.subscribe .gudok_infos dl,
body.theme_dark .ui-pop.subscribe .gudok_infos dl,
html[dark=true] body .ui-pop.layer-gudok .gudok_infos dl,
body.thema_dark .ui-pop.layer-gudok .gudok_infos dl,
body.theme_dark .ui-pop.layer-gudok .gudok_infos dl {
  background: #282828;
  border-color: #222; }
  html[dark=true] body .ui-pop.subscribe .gudok_infos dl dt, html[dark=true] body .ui-pop.subscribe .gudok_infos dl dd,
  body.thema_dark .ui-pop.subscribe .gudok_infos dl dt,
  body.thema_dark .ui-pop.subscribe .gudok_infos dl dd,
  body.theme_dark .ui-pop.subscribe .gudok_infos dl dt,
  body.theme_dark .ui-pop.subscribe .gudok_infos dl dd,
  html[dark=true] body .ui-pop.layer-gudok .gudok_infos dl dt,
  html[dark=true] body .ui-pop.layer-gudok .gudok_infos dl dd,
  body.thema_dark .ui-pop.layer-gudok .gudok_infos dl dt,
  body.thema_dark .ui-pop.layer-gudok .gudok_infos dl dd,
  body.theme_dark .ui-pop.layer-gudok .gudok_infos dl dt,
  body.theme_dark .ui-pop.layer-gudok .gudok_infos dl dd {
    color: #c8c8c8; }
  html[dark=true] body .ui-pop.subscribe .gudok_infos dl dd .btn,
  body.thema_dark .ui-pop.subscribe .gudok_infos dl dd .btn,
  body.theme_dark .ui-pop.subscribe .gudok_infos dl dd .btn,
  html[dark=true] body .ui-pop.layer-gudok .gudok_infos dl dd .btn,
  body.thema_dark .ui-pop.layer-gudok .gudok_infos dl dd .btn,
  body.theme_dark .ui-pop.layer-gudok .gudok_infos dl dd .btn {
    background: #1b1b1c;
    border-color: #333;
    color: #888; }
html[dark=true] body .ui-pop.subscribe .benefits,
body.thema_dark .ui-pop.subscribe .benefits,
body.theme_dark .ui-pop.subscribe .benefits,
html[dark=true] body .ui-pop.layer-gudok .benefits,
body.thema_dark .ui-pop.layer-gudok .benefits,
body.theme_dark .ui-pop.layer-gudok .benefits {
  background: #282828; }
  html[dark=true] body .ui-pop.subscribe .benefits .info_img:before,
  body.thema_dark .ui-pop.subscribe .benefits .info_img:before,
  body.theme_dark .ui-pop.subscribe .benefits .info_img:before,
  html[dark=true] body .ui-pop.layer-gudok .benefits .info_img:before,
  body.thema_dark .ui-pop.layer-gudok .benefits .info_img:before,
  body.theme_dark .ui-pop.layer-gudok .benefits .info_img:before {
    background: url("/images/webplayer/layer/img_subscribe_dark.png") 0 0 no-repeat; }
  html[dark=true] body .ui-pop.subscribe .benefits .more,
  body.thema_dark .ui-pop.subscribe .benefits .more,
  body.theme_dark .ui-pop.subscribe .benefits .more,
  html[dark=true] body .ui-pop.layer-gudok .benefits .more,
  body.thema_dark .ui-pop.layer-gudok .benefits .more,
  body.theme_dark .ui-pop.layer-gudok .benefits .more {
    color: #999; }
html[dark=true] body .ui-pop.subscribe .perthnacorn ol li:after,
body.thema_dark .ui-pop.subscribe .perthnacorn ol li:after,
body.theme_dark .ui-pop.subscribe .perthnacorn ol li:after,
html[dark=true] body .ui-pop.layer-gudok .perthnacorn ol li:after,
body.thema_dark .ui-pop.layer-gudok .perthnacorn ol li:after,
body.theme_dark .ui-pop.layer-gudok .perthnacorn ol li:after {
  background: #282828; }
html[dark=true] body .ui-pop.subscribe .perthnacorn ol li p,
body.thema_dark .ui-pop.subscribe .perthnacorn ol li p,
body.theme_dark .ui-pop.subscribe .perthnacorn ol li p,
html[dark=true] body .ui-pop.layer-gudok .perthnacorn ol li p,
body.thema_dark .ui-pop.layer-gudok .perthnacorn ol li p,
body.theme_dark .ui-pop.layer-gudok .perthnacorn ol li p {
  color: #4d4d4d; }
html[dark=true] body .ui-pop.subscribe .perthnacorn ol li.on p,
body.thema_dark .ui-pop.subscribe .perthnacorn ol li.on p,
body.theme_dark .ui-pop.subscribe .perthnacorn ol li.on p,
html[dark=true] body .ui-pop.layer-gudok .perthnacorn ol li.on p,
body.thema_dark .ui-pop.layer-gudok .perthnacorn ol li.on p,
body.theme_dark .ui-pop.layer-gudok .perthnacorn ol li.on p {
  color: #999; }
html[dark=true] body .ui-pop.subscribe .perthnacorn ol li span,
body.thema_dark .ui-pop.subscribe .perthnacorn ol li span,
body.theme_dark .ui-pop.subscribe .perthnacorn ol li span,
html[dark=true] body .ui-pop.layer-gudok .perthnacorn ol li span,
body.thema_dark .ui-pop.layer-gudok .perthnacorn ol li span,
body.theme_dark .ui-pop.layer-gudok .perthnacorn ol li span {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21.5 21.5'%3e%3cpath fill-rule='evenodd' stroke='%23474747' stroke-dasharray='2, 2' fill='%23222' d='M10.5 1.5a9 9 0 110 18 9 9 0 010-18z'/%3e%3c/svg%3e");
  background-position: 0 0;
  background-repeat: no-repeat; }
  html[dark=true] body .ui-pop.subscribe .perthnacorn ol li span.default,
  body.thema_dark .ui-pop.subscribe .perthnacorn ol li span.default,
  body.theme_dark .ui-pop.subscribe .perthnacorn ol li span.default,
  html[dark=true] body .ui-pop.layer-gudok .perthnacorn ol li span.default,
  body.thema_dark .ui-pop.layer-gudok .perthnacorn ol li span.default,
  body.theme_dark .ui-pop.layer-gudok .perthnacorn ol li span.default {
    background-image: url(/images/chat/ic_chat_v3.png);
    background-position: 0 -85px;
    background-repeat: no-repeat;
    border: 0; }
html[dark=true] body .ui-pop.subscribe .perthnacorn .myStep > div p,
body.thema_dark .ui-pop.subscribe .perthnacorn .myStep > div p,
body.theme_dark .ui-pop.subscribe .perthnacorn .myStep > div p,
html[dark=true] body .ui-pop.layer-gudok .perthnacorn .myStep > div p,
body.thema_dark .ui-pop.layer-gudok .perthnacorn .myStep > div p,
body.theme_dark .ui-pop.layer-gudok .perthnacorn .myStep > div p {
  color: #999; }
html[dark=true] body .ui-pop.subscribe .perthnacorn .myStep .progress,
body.thema_dark .ui-pop.subscribe .perthnacorn .myStep .progress,
body.theme_dark .ui-pop.subscribe .perthnacorn .myStep .progress,
html[dark=true] body .ui-pop.layer-gudok .perthnacorn .myStep .progress,
body.thema_dark .ui-pop.layer-gudok .perthnacorn .myStep .progress,
body.theme_dark .ui-pop.layer-gudok .perthnacorn .myStep .progress {
  background: #282828; }
  html[dark=true] body .ui-pop.subscribe .perthnacorn .myStep .progress em,
  body.thema_dark .ui-pop.subscribe .perthnacorn .myStep .progress em,
  body.theme_dark .ui-pop.subscribe .perthnacorn .myStep .progress em,
  html[dark=true] body .ui-pop.layer-gudok .perthnacorn .myStep .progress em,
  body.thema_dark .ui-pop.layer-gudok .perthnacorn .myStep .progress em,
  body.theme_dark .ui-pop.layer-gudok .perthnacorn .myStep .progress em {
    background: #7398ff; }
html[dark=true] body .ui-pop.subscribe .send_area,
body.thema_dark .ui-pop.subscribe .send_area,
body.theme_dark .ui-pop.subscribe .send_area,
html[dark=true] body .ui-pop.layer-gudok .send_area,
body.thema_dark .ui-pop.layer-gudok .send_area,
body.theme_dark .ui-pop.layer-gudok .send_area {
  background: #222; }
  html[dark=true] body .ui-pop.subscribe .send_area dt,
  body.thema_dark .ui-pop.subscribe .send_area dt,
  body.theme_dark .ui-pop.subscribe .send_area dt,
  html[dark=true] body .ui-pop.layer-gudok .send_area dt,
  body.thema_dark .ui-pop.layer-gudok .send_area dt,
  body.theme_dark .ui-pop.layer-gudok .send_area dt {
    color: #c8c8c8; }
  html[dark=true] body .ui-pop.subscribe .send_area .gd_select dd,
  body.thema_dark .ui-pop.subscribe .send_area .gd_select dd,
  body.theme_dark .ui-pop.subscribe .send_area .gd_select dd,
  html[dark=true] body .ui-pop.layer-gudok .send_area .gd_select dd,
  body.thema_dark .ui-pop.layer-gudok .send_area .gd_select dd,
  body.theme_dark .ui-pop.layer-gudok .send_area .gd_select dd {
    color: #999; }
    html[dark=true] body .ui-pop.subscribe .send_area .gd_select dd .tip,
    body.thema_dark .ui-pop.subscribe .send_area .gd_select dd .tip,
    body.theme_dark .ui-pop.subscribe .send_area .gd_select dd .tip,
    html[dark=true] body .ui-pop.layer-gudok .send_area .gd_select dd .tip,
    body.thema_dark .ui-pop.layer-gudok .send_area .gd_select dd .tip,
    body.theme_dark .ui-pop.layer-gudok .send_area .gd_select dd .tip {
      color: #888; }
    html[dark=true] body .ui-pop.subscribe .send_area .gd_select dd button,
    body.thema_dark .ui-pop.subscribe .send_area .gd_select dd button,
    body.theme_dark .ui-pop.subscribe .send_area .gd_select dd button,
    html[dark=true] body .ui-pop.layer-gudok .send_area .gd_select dd button,
    body.thema_dark .ui-pop.layer-gudok .send_area .gd_select dd button,
    body.theme_dark .ui-pop.layer-gudok .send_area .gd_select dd button {
      background: #1b1b1c;
      border-color: #333;
      color: #999; }
      html[dark=true] body .ui-pop.subscribe .send_area .gd_select dd button.active,
      body.thema_dark .ui-pop.subscribe .send_area .gd_select dd button.active,
      body.theme_dark .ui-pop.subscribe .send_area .gd_select dd button.active,
      html[dark=true] body .ui-pop.layer-gudok .send_area .gd_select dd button.active,
      body.thema_dark .ui-pop.layer-gudok .send_area .gd_select dd button.active,
      body.theme_dark .ui-pop.layer-gudok .send_area .gd_select dd button.active {
        border-color: #7398ff;
        color: #7398ff; }
      html[dark=true] body .ui-pop.subscribe .send_area .gd_select dd button[disabled=disabled], html[dark=true] body .ui-pop.subscribe .send_area .gd_select dd button:disabled,
      body.thema_dark .ui-pop.subscribe .send_area .gd_select dd button[disabled=disabled],
      body.thema_dark .ui-pop.subscribe .send_area .gd_select dd button:disabled,
      body.theme_dark .ui-pop.subscribe .send_area .gd_select dd button[disabled=disabled],
      body.theme_dark .ui-pop.subscribe .send_area .gd_select dd button:disabled,
      html[dark=true] body .ui-pop.layer-gudok .send_area .gd_select dd button[disabled=disabled],
      html[dark=true] body .ui-pop.layer-gudok .send_area .gd_select dd button:disabled,
      body.thema_dark .ui-pop.layer-gudok .send_area .gd_select dd button[disabled=disabled],
      body.thema_dark .ui-pop.layer-gudok .send_area .gd_select dd button:disabled,
      body.theme_dark .ui-pop.layer-gudok .send_area .gd_select dd button[disabled=disabled],
      body.theme_dark .ui-pop.layer-gudok .send_area .gd_select dd button:disabled {
        background: #1e1e1f;
        border-color: #2b2b2b;
        color: #4d4d4d; }
  html[dark=true] body .ui-pop.subscribe .send_area .gd_total dd strong,
  body.thema_dark .ui-pop.subscribe .send_area .gd_total dd strong,
  body.theme_dark .ui-pop.subscribe .send_area .gd_total dd strong,
  html[dark=true] body .ui-pop.layer-gudok .send_area .gd_total dd strong,
  body.thema_dark .ui-pop.layer-gudok .send_area .gd_total dd strong,
  body.theme_dark .ui-pop.layer-gudok .send_area .gd_total dd strong {
    color: #7398ff; }
  html[dark=true] body .ui-pop.subscribe .send_area .btn_area .btn_b,
  body.thema_dark .ui-pop.subscribe .send_area .btn_area .btn_b,
  body.theme_dark .ui-pop.subscribe .send_area .btn_area .btn_b,
  html[dark=true] body .ui-pop.layer-gudok .send_area .btn_area .btn_b,
  body.thema_dark .ui-pop.layer-gudok .send_area .btn_area .btn_b,
  body.theme_dark .ui-pop.layer-gudok .send_area .btn_area .btn_b {
    background: #1b61c3; }
  html[dark=true] body .ui-pop.subscribe .send_area .btn_area .btn_w,
  body.thema_dark .ui-pop.subscribe .send_area .btn_area .btn_w,
  body.theme_dark .ui-pop.subscribe .send_area .btn_area .btn_w,
  html[dark=true] body .ui-pop.layer-gudok .send_area .btn_area .btn_w,
  body.thema_dark .ui-pop.layer-gudok .send_area .btn_area .btn_w,
  body.theme_dark .ui-pop.layer-gudok .send_area .btn_area .btn_w {
    background: #222;
    border-color: #585858;
    color: #999; }

html[dark=true]:not([lang=ko]) body .ui-pop.subscribe .benefits .info_img:before,
html:not([lang=ko]) body.thema_dark .ui-pop.subscribe .benefits .info_img:before,
html[dark=true]:not([lang=ko]) body .ui-pop.layer-gudok .benefits .info_img:before,
html:not([lang=ko]) body.thema_dark .ui-pop.layer-gudok .benefits .info_img:before {
  background: url("/images/webplayer/layer/img_subscribe_global_dark.png") 0 0 no-repeat; }

.pcapp_ending {
  width: 500px;
  height: 440px;
  border: none;
  background-image: url("/images/webplayer/layer/service_ending.jpg") !important;
  background-size: cover; }
  .pcapp_ending a {
    position: absolute;
    top: 311px;
    left: 172px;
    width: 282px;
    height: 53px;
    font-size: 0; }
  .pcapp_ending a.close {
    top: 16px;
    left: auto;
    right: 16px;
    width: 23px;
    height: 23px; }

.pcapp_ending_update {
  width: 400px;
  height: 280px;
  border: none;
  background-image: url("/images/webplayer/layer/service_update.jpg") !important;
  background-size: cover; }
  .pcapp_ending_update a {
    position: absolute;
    top: 215px;
    left: 85px;
    width: 230px;
    height: 50px;
    font-size: 0; }

/* ****************************************** */
/* @ 하단에 다크모드 외 css 추가 금지 */
/* ****************************************** */
body.thema_dark, body.theme_dark {
  /* 유저안내개선 */
  /* 미션 선물하기 */
  /* 미션이란 */
  /* 2021-05-07 애드벌룬 서비스 개선 작업 다크모드 추가, 2021-05-31 애드벌룬 서비스 개선 작업 배포 보류로 인한 주석 처리 */
  /* // 2021-05-07 애드벌룬 서비스 개선 작업 다크모드 추가, 2021-05-31 애드벌룬 서비스 개선 작업 배포 보류로 인한 주석 처리 */ }
  body.thema_dark .ui-pop, body.thema_dark .pop_stargift, body.thema_dark .layer_m, body.thema_dark .pop_gudok, body.thema_dark .layer_xl, body.thema_dark .layer_s, body.thema_dark .layer_qv_gift, body.thema_dark .layer_qv_gift2,
  body.thema_dark .layer_l, body.thema_dark .chat-keeper, body.thema_dark .toejang, body.thema_dark .penalty-info, body.thema_dark .sleep, body.thema_dark #View_after, body.thema_dark .lay_login, body.thema_dark .lay_service, body.thema_dark .layer_bs, body.thema_dark .layer_info, body.thema_dark .random-set, body.thema_dark .wrap-out, body.thema_dark .pop_poll,
  body.thema_dark .pop_adballoon, body.thema_dark .pop_adballoon .ad_info_layer, body.thema_dark .pop_adballoon .ad_info_layer .inner, body.thema_dark .pop_stargift .stars_layer, body.thema_dark .pop_stargift .stars_layer .inner, body.thema_dark .pop_stk, body.theme_dark .ui-pop, body.theme_dark .pop_stargift, body.theme_dark .layer_m, body.theme_dark .pop_gudok, body.theme_dark .layer_xl, body.theme_dark .layer_s, body.theme_dark .layer_qv_gift, body.theme_dark .layer_qv_gift2,
  body.theme_dark .layer_l, body.theme_dark .chat-keeper, body.theme_dark .toejang, body.theme_dark .penalty-info, body.theme_dark .sleep, body.theme_dark #View_after, body.theme_dark .lay_login, body.theme_dark .lay_service, body.theme_dark .layer_bs, body.theme_dark .layer_info, body.theme_dark .random-set, body.theme_dark .wrap-out, body.theme_dark .pop_poll,
  body.theme_dark .pop_adballoon, body.theme_dark .pop_adballoon .ad_info_layer, body.theme_dark .pop_adballoon .ad_info_layer .inner, body.theme_dark .pop_stargift .stars_layer, body.theme_dark .pop_stargift .stars_layer .inner, body.theme_dark .pop_stk {
    background-color: #1b1b1c !important;
    border-color: #333; }
  body.thema_dark .ui-pop .pop-title, body.thema_dark .pop_stargift .layer_in h2, body.thema_dark .layer_bs h3.title, body.thema_dark .layer_in .title, body.thema_dark .pop_stk h1,
  body.thema_dark .pop_adballoon .layer_in h2, body.theme_dark .ui-pop .pop-title, body.theme_dark .pop_stargift .layer_in h2, body.theme_dark .layer_bs h3.title, body.theme_dark .layer_in .title, body.theme_dark .pop_stk h1,
  body.theme_dark .pop_adballoon .layer_in h2 {
    border-color: #333;
    color: #c8c8c8; }
  body.thema_dark .layer_in .btn_close2, body.thema_dark .ui-pop .pop-close, body.thema_dark .layer_bs .btn_close,
  body.thema_dark .layer_in .btn_close, body.theme_dark .layer_in .btn_close2, body.theme_dark .ui-pop .pop-close, body.theme_dark .layer_bs .btn_close,
  body.theme_dark .layer_in .btn_close {
    background-image: url("/images/flashplayer/split_layer_dark.png"); }
  body.thema_dark .color_red, body.thema_dark a.color_red, body.theme_dark .color_red, body.theme_dark a.color_red {
    color: #ff3f3f; }
  body.thema_dark .input_text, body.theme_dark .input_text {
    background-color: #0e0e0e;
    border-color: #333 !important;
    color: #f5f6f7; }
  body.thema_dark .gdnick_layer .layer_ac .btn_st2, body.theme_dark .gdnick_layer .layer_ac .btn_st2 {
    background-color: #282828;
    border-color: #333;
    color: #c8c8c8; }
  body.thema_dark .ui-pop .pop-btn .btn.btn_blue, body.theme_dark .ui-pop .pop-btn .btn.btn_blue {
    background-color: #1b61c3;
    border-color: #1b61c3;
    color: #fff; }
  body.thema_dark .ui-pop .pop-btn .btn, body.theme_dark .ui-pop .pop-btn .btn {
    background-color: #1b1b1c;
    border-color: #666;
    color: #999; }
  body.thema_dark .ui-pop.improve.share_layer .pop-close, body.theme_dark .ui-pop.improve.share_layer .pop-close {
    width: 12px;
    height: 12px;
    padding: 0;
    background: url("/images/webplayer/live/split_live.png") -870px -24px no-repeat; }
  body.thema_dark .ui-pop.improve.share_broadcast_layer .pop-close, body.thema_dark #View_after .layer_close,
  body.thema_dark .pop_stk .btn_close2, body.theme_dark .ui-pop.improve.share_broadcast_layer .pop-close, body.theme_dark #View_after .layer_close,
  body.theme_dark .pop_stk .btn_close2 {
    width: 12px;
    height: 12px;
    padding: 0;
    background: url("/images/webplayer/live/split_live.png") -870px -24px no-repeat !important; }
  body.thema_dark #accountN, body.theme_dark #accountN {
    background: #1b1b1c; }
    body.thema_dark #accountN .account_header h1, body.theme_dark #accountN .account_header h1 {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 136 24.41'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3cpath d='M116.3 20.24a32 32 0 01-.64-6.4 29.51 29.51 0 01.39-5 6.22 6.22 0 01.21-.81 3.23 3.23 0 011.86-2 8.6 8.6 0 011.44-.49 24.66 24.66 0 015.61-.69h.13a23 23 0 015.54.7 14.56 14.56 0 011.5.49 3.4 3.4 0 011.88 2 6.44 6.44 0 01.19.77 33.6 33.6 0 01.4 5 31.73 31.73 0 01-.65 6.43 2.94 2.94 0 01-2.24 2.27h-.11a33.83 33.83 0 01-6.58.64 33.68 33.68 0 01-6.55-.64h-.15a2.89 2.89 0 01-1.68-1.08 2.57 2.57 0 01-.55-1.19z' fill='none'/%3e%3c/clipPath%3e%3cstyle%3e.cls-2%7bfill:%23fff%7d.cls-3%7bfill:%230545b1%7d.cls-8%7bfill:%231a1919%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='BI_dark'%3e%3cg id='ati'%3e%3cpath class='cls-2' d='M136 12.23a39.66 39.66 0 00-.33-3.32v-.28a7.08 7.08 0 00-.22-.93 4.58 4.58 0 00-2.63-2.7 14.72 14.72 0 00-1.69-.56c-.56-.14-1.12-.25-1.68-.35l1-.45a1.87 1.87 0 001.08-1 1.91 1.91 0 00-.08-1.64 1.86 1.86 0 00-1.67-1 2 2 0 00-1 .25l-3.56 2.29-1.77-1.43a1.86 1.86 0 00-1.23-.46 1.86 1.86 0 00-1.84 2.24 1.78 1.78 0 00.78 1.11c-.62.1-1.27.23-1.91.4a9.31 9.31 0 00-1.64.56 4.49 4.49 0 00-2.34 2.3c0 .1-.1.23-.15.38a8.77 8.77 0 00-.25 1 30.7 30.7 0 00-.4 5.2 33.16 33.16 0 00.66 6.64 3.91 3.91 0 00.79 1.74 4.14 4.14 0 002.38 1.49h.15a35 35 0 006.78.67 35.12 35.12 0 006.85-.68h.09a4.13 4.13 0 003.16-3.21 32.85 32.85 0 00.67-6.66v-1.6z'/%3e%3cpath class='cls-3' d='M130.38 1.56a.69.69 0 01-.4 1l-4.13 1.87a1.35 1.35 0 01-1.28 0L121.9 3.1a.69.69 0 01-.18-1 .68.68 0 011-.08l2.06 1.66a.73.73 0 00.64.15.83.83 0 00.24-.11l3.77-2.42a.69.69 0 011 .27z'/%3e%3cg clip-path='url(%23clip-path)'%3e%3cpath class='cls-3' d='M135.66 9.21c-.29-2.17-.79-3.4-3.61-4a31.1 31.1 0 00-5.9-.76h-1a31 31 0 00-5.9.76c-2.82.64-3.32 1.87-3.61 4a39.46 39.46 0 00-.27 4.78 39.46 39.46 0 00.27 4.78c.29 2.16.79 3.4 3.61 4a28.75 28.75 0 005.9.61h1a28.82 28.82 0 005.9-.61c2.82-.64 3.32-1.88 3.61-4a39.46 39.46 0 00.27-4.78 39.46 39.46 0 00-.27-4.78z'/%3e%3cpath d='M128.52 11.06V8.83a1.63 1.63 0 01.74-1.41 1.85 1.85 0 011.7-.1c.88.38 2 1 2 1 .66.35 1.2.64 1.89 1.07l.11.06a1.66 1.66 0 01.59 2.17 1.74 1.74 0 01-.54.6c-.64.43-1.19.85-1.85 1.26a16.15 16.15 0 01-1.73 1 2.08 2.08 0 01-1.84.11 1.76 1.76 0 01-.9-1.43s-.12-.87-.17-2.1z' fill='%2300bbed'/%3e%3cpath class='cls-2' d='M129.66 17c-2.14 2-6.78 2-8.87 0a.42.42 0 00-.58.61c2.41 2.29 7.56 2.3 10 0a.42.42 0 10-.57-.61z'/%3e%3cpath d='M128 13.67v-.14l-.29-3.16v-.09a1.18 1.18 0 000-.2 1.62 1.62 0 00-1.29-1.21 2.4 2.4 0 00-.28 0h-1.85a1.65 1.65 0 00-1.34 1.22v.33l-.29 3.13v.19a1.63 1.63 0 001.21 1.58 1.84 1.84 0 00.41 0h2.47a1.63 1.63 0 001.25-1.59z' fill='%231ac62f'/%3e%3cpath d='M121.86 11.93a3.89 3.89 0 01-4.56 2.79c-2.14-.37-3.68-3.4-2.62-5.26a4.38 4.38 0 015-2.15c2.19.69 2.81 2.52 2.18 4.62z' fill='%23f2338a'/%3e%3ccircle class='cls-8' cx='131.52' cy='10.94' r='1.37'/%3e%3ccircle class='cls-8' cx='118.74' cy='10.94' r='1.37'/%3e%3c/g%3e%3c/g%3e%3cg id='afreecatv'%3e%3cpath id='a' class='cls-2' d='M12.39 11.16v8.4A2.7 2.7 0 019.52 22H4.73C0 22 0 18.2 0 18.2v-1.88s.3-3.44 4.73-3.42h2v-1.73s0-.88-1.11-.88H3.07c-.94 0-1.86-.56-1.86-1.35A1.79 1.79 0 013 7.38h4.87c4.52.02 4.52 3.78 4.52 3.78zm-7.89 8h2.24v-3.39H4.5c-1.27 0-1.11 1.68-1.11 1.68s-.13 1.67 1.11 1.67z'/%3e%3cpath id='f' class='cls-2' d='M14.26 5.77s-.06-3.94 4.46-4H23a1.57 1.57 0 011.62 1.43A1.58 1.58 0 0123 4.63h-2c-1.3 0-1.19.94-1.19.94v1.84h2.37a1.56 1.56 0 011.7 1.37 1.46 1.46 0 01-1.58 1.4h-2.5v9.34A2.59 2.59 0 0117.09 22a2.63 2.63 0 01-2.83-2.4z'/%3e%3cpath id='r' class='cls-2' d='M30 19.5a2.55 2.55 0 01-2.74 2.5 2.66 2.66 0 01-2.84-2.4v-8.41s0-3.71 4.59-3.71h3.64c1.9 0 1.9 1.46 1.9 1.46s0 1.4-1.78 1.4h-1.61c-1.18 0-1.18.92-1.18.92z'/%3e%3cpath id='e' class='cls-2' d='M42.75 7.38c4.74 0 4.74 3.81 4.74 3.81v4a1.55 1.55 0 01-1.71 1.37h-5.23v1.64s.06.89 1.26.89h2.94a1.55 1.55 0 011.68 1.42A1.63 1.63 0 0144.75 22h-5.16c-4.52 0-4.52-3.76-4.52-3.76v-7.05s0-3.77 4.56-3.81zm-.91 3c-1.23 0-1.23.89-1.23.89v2.46h3.5v-2.41a1 1 0 00-1.11-1z'/%3e%3cpath id='e-2' data-name='e' class='cls-2' d='M57 7.38c4.75 0 4.75 3.81 4.75 3.81v4A1.55 1.55 0 0160 16.51h-5.23v1.69s0 .89 1.26.89H59a1.56 1.56 0 011.69 1.42A1.63 1.63 0 0159 22h-5.19c-4.52 0-4.52-3.76-4.52-3.76v-7.05s0-3.77 4.56-3.81zm-.91 3c-1.23 0-1.23.89-1.23.89v2.46h3.5v-2.41a1 1 0 00-1.11-1z'/%3e%3cpath id='c' class='cls-2' d='M73.59 19.17a1.7 1.7 0 011.78 1.5c0 .8-.84 1.34-1.78 1.34H66.2a2.4 2.4 0 01-2.67-2.28v-10a2.66 2.66 0 012.84-2.4h7.51a1.55 1.55 0 011.68 1.47 1.53 1.53 0 01-1.68 1.38h-4a.61.61 0 00-.69.58v7.8s-.05.61.69.61z'/%3e%3cpath id='a-2' data-name='a' class='cls-2' d='M88.22 11.16v8.4A2.7 2.7 0 0185.35 22h-4.8c-4.72 0-4.72-3.81-4.72-3.81v-1.87s.3-3.44 4.72-3.42h2v-1.72s0-.89-1.11-.89H78.9c-.94 0-1.85-.55-1.85-1.34a1.77 1.77 0 011.8-1.56h4.85c4.52.02 4.52 3.77 4.52 3.77zm-7.89 8h2.24v-3.39h-2.24c-1.23 0-1.11 1.67-1.11 1.67s-.13 1.68 1.11 1.68z'/%3e%3cpath id='t' class='cls-2' d='M101.41 3.7s0-1.29-1.7-1.29H87.9c-1.7 0-1.7 1.25-1.7 1.25s0 1.23 1.6 1.23h2.46c1.07 0 1.07.81 1.07.81v7.61a2.25 2.25 0 002.42 2.2 2.37 2.37 0 002.54-2.11V5.69c0-.18.15-.76 1.06-.76h2.46c1.6 0 1.6-1.23 1.6-1.23z'/%3e%3cpath id='v' class='cls-2' d='M111.78 2.83a2.55 2.55 0 00-3.49.87l-4.48 6-1.61-3.48a2 2 0 00-2.26-.64 1.6 1.6 0 00-.8 1.94l3 6.78a2.2 2.2 0 001.58 1.1 2.92 2.92 0 003-1.24l5.66-7.76a2.55 2.55 0 00-.6-3.57z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    body.thema_dark #accountN .input_info input, body.theme_dark #accountN .input_info input {
      color: #999;
      background-color: #0c0c0c;
      border-color: #333; }
    body.thema_dark #accountN .sns_join div span, body.theme_dark #accountN .sns_join div span {
      background-color: #1b1b1c; }
    body.thema_dark #accountN .pwd_remember label, body.theme_dark #accountN .pwd_remember label {
      border-color: #3e3d3d; }
    body.thema_dark #accountN .pwd_remember label, body.theme_dark #accountN .pwd_remember label {
      color: #999; }
    body.thema_dark #accountN .close a, body.theme_dark #accountN .close a {
      filter: invert(58%) sepia(15%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(91%); }
  body.thema_dark .btn_wrap_line, body.thema_dark .ui-pop .pop-btn.line, body.thema_dark .report .report_area, body.thema_dark .award_vote ul li, body.thema_dark .ppv_ticket .btn_wrap.ppv_btn,
  body.thema_dark #View_after .view_after_footer, body.thema_dark .penalty-info .gr_box, body.thema_dark .toejang a.btn_help span, body.thema_dark .toejang .gr_box,
  body.thema_dark .chat-keeper .inwrap .relay table td, body.thema_dark .chat-keeper .inwrap, body.thema_dark .air_recomm h2, body.thema_dark .list_wrap .list_bg, body.thema_dark .pop_adballoon .tab_menu ul,
  body.thema_dark .pop_adballoon .scroll_area, body.thema_dark .notice_adb_list p, body.thema_dark .adb_header, body.thema_dark .pop_adballoon .scroll_area_v, body.thema_dark .share_broadcast_layer .tab, body.thema_dark .lay .memo .btnbox.end, body.thema_dark .g_total, body.thema_dark .air_recomm .list div img, body.theme_dark .btn_wrap_line, body.theme_dark .ui-pop .pop-btn.line, body.theme_dark .report .report_area, body.theme_dark .award_vote ul li, body.theme_dark .ppv_ticket .btn_wrap.ppv_btn,
  body.theme_dark #View_after .view_after_footer, body.theme_dark .penalty-info .gr_box, body.theme_dark .toejang a.btn_help span, body.theme_dark .toejang .gr_box,
  body.theme_dark .chat-keeper .inwrap .relay table td, body.theme_dark .chat-keeper .inwrap, body.theme_dark .air_recomm h2, body.theme_dark .list_wrap .list_bg, body.theme_dark .pop_adballoon .tab_menu ul,
  body.theme_dark .pop_adballoon .scroll_area, body.theme_dark .notice_adb_list p, body.theme_dark .adb_header, body.theme_dark .pop_adballoon .scroll_area_v, body.theme_dark .share_broadcast_layer .tab, body.theme_dark .lay .memo .btnbox.end, body.theme_dark .g_total, body.theme_dark .air_recomm .list div img {
    border-color: #282828; }
  body.thema_dark .layer_info .layer_haeder, body.thema_dark .pop_poll .poll_info, body.thema_dark .list_wrap .list_bg, body.thema_dark .share_broadcast_layer .input_wrap button, body.thema_dark .share_broadcast_layer .check_wrap label:before, body.thema_dark .ppv_ticket .btn_wrap, body.thema_dark .pop_stargift .thumb a, body.thema_dark .pop_stargift .thumb:hover em, body.thema_dark .pop_stargift .thumb, body.theme_dark .layer_info .layer_haeder, body.theme_dark .pop_poll .poll_info, body.theme_dark .list_wrap .list_bg, body.theme_dark .share_broadcast_layer .input_wrap button, body.theme_dark .share_broadcast_layer .check_wrap label:before, body.theme_dark .ppv_ticket .btn_wrap, body.theme_dark .pop_stargift .thumb a, body.theme_dark .pop_stargift .thumb:hover em, body.theme_dark .pop_stargift .thumb {
    border-color: #333; }
  body.thema_dark .pop_adballoon .tab_option ul, body.theme_dark .pop_adballoon .tab_option ul {
    border-color: #1b1b1c; }
  body.thema_dark .pop_adballoon .tab_menu li.on a, body.thema_dark .stars_layer .inner .tab_area li.on a, body.theme_dark .pop_adballoon .tab_menu li.on a, body.theme_dark .stars_layer .inner .tab_area li.on a {
    border-color: #c8c8c8; }
  body.thema_dark .share_broadcast_layer .tab li:hover a, body.thema_dark .share_broadcast_layer .tab li.on a, body.thema_dark .lay .memo .login dd input:focus, body.thema_dark .pop_stargift .thumb.active em, body.theme_dark .share_broadcast_layer .tab li:hover a, body.theme_dark .share_broadcast_layer .tab li.on a, body.theme_dark .lay .memo .login dd input:focus, body.theme_dark .pop_stargift .thumb.active em {
    border-color: #7398ff; }
  body.thema_dark .sub_list5, body.thema_dark .report .s_list, body.thema_dark .report_box, body.thema_dark .table_list, body.thema_dark .send_area, body.thema_dark .penalty-info .gr_box, body.thema_dark .toejang .gr_box, body.thema_dark .pop_poll .list_wrap, body.thema_dark .pop_poll .meg, body.thema_dark .command_list, body.thema_dark .result, body.thema_dark .pop_adballoon .ad_info_layer .inner .info_area,
  body.thema_dark .lay .memo .btnbox.end, body.thema_dark .lay .memo .bx_info, body.theme_dark .sub_list5, body.theme_dark .report .s_list, body.theme_dark .report_box, body.theme_dark .table_list, body.theme_dark .send_area, body.theme_dark .penalty-info .gr_box, body.theme_dark .toejang .gr_box, body.theme_dark .pop_poll .list_wrap, body.theme_dark .pop_poll .meg, body.theme_dark .command_list, body.theme_dark .result, body.theme_dark .pop_adballoon .ad_info_layer .inner .info_area,
  body.theme_dark .lay .memo .btnbox.end, body.theme_dark .lay .memo .bx_info {
    background-color: #222; }
  body.thema_dark .chat-keeper .inwrap .section strong, body.thema_dark .chat-keeper .inwrap .section .idlist li:before,
  body.thema_dark .pop_adballoon .tab_option li a, body.thema_dark .pop_adballoon .dot, body.theme_dark .chat-keeper .inwrap .section strong, body.theme_dark .chat-keeper .inwrap .section .idlist li:before,
  body.theme_dark .pop_adballoon .tab_option li a, body.theme_dark .pop_adballoon .dot {
    background-color: #282828; }
  body.thema_dark .pop_adballoon .tab_option li.on a, body.theme_dark .pop_adballoon .tab_option li.on a {
    background-color: #666; }
  body.thema_dark .pop_adballoon .adb_list_area li a .info .label,
  body.thema_dark .adb_header .info .label, body.theme_dark .pop_adballoon .adb_list_area li a .info .label,
  body.theme_dark .adb_header .info .label {
    background-color: #333; }
  body.thema_dark .pop_adballoon .tab_menu li a, body.theme_dark .pop_adballoon .tab_menu li a {
    background-color: #1b1b1c; }
  body.thema_dark .share_broadcast_layer .input_wrap input,
  body.thema_dark .share_broadcast_layer .input_wrap button,
  body.thema_dark .random-set .category, body.theme_dark .share_broadcast_layer .input_wrap input,
  body.theme_dark .share_broadcast_layer .input_wrap button,
  body.theme_dark .random-set .category {
    background-color: #121213; }
  body.thema_dark .random-set .keyword_area span, body.theme_dark .random-set .keyword_area span {
    background-color: #0c0c0c; }
  body.thema_dark .chat-keeper .inwrap .relay table td a.btn_go, body.theme_dark .chat-keeper .inwrap .relay table td a.btn_go {
    background-color: #1b61c3; }
  body.thema_dark .color_bl, body.thema_dark a.color_bl, body.thema_dark .award_vote ul li label span, body.thema_dark .pop_stargift .video_balloon_info ul li p b,
  body.thema_dark .send_area .gd_total dd strong, body.thema_dark .send_area .gd_select dd button.active,
  body.thema_dark .layer_xl.highlight .alarm_area a, body.thema_dark .toejang a.btn_help span, body.thema_dark .penalty-info .penalty, body.thema_dark .air_fin_tit dt, body.thema_dark .pop_poll .meg, body.thema_dark .air_off_info, body.thema_dark .command_list li strong,
  body.thema_dark .dl_list dd, body.thema_dark .adb_list_area li a .info, body.thema_dark .notice_adb_list p strong, body.thema_dark .adb_header .info .label, body.thema_dark .adb_header .info,
  body.thema_dark .share_broadcast_layer .tab li:hover a, body.thema_dark .share_broadcast_layer .tab li.on a, body.thema_dark .share_broadcast_layer .input_wrap.copy button, body.thema_dark .text_information .detail_view li span a, body.thema_dark .lay .memo .pw_iv p,
  body.thema_dark .lay .memo .bx_info dl dt, body.thema_dark .pop_gudok .send_area .gd_select dd button.active, body.theme_dark .color_bl, body.theme_dark a.color_bl, body.theme_dark .award_vote ul li label span, body.theme_dark .pop_stargift .video_balloon_info ul li p b,
  body.theme_dark .send_area .gd_total dd strong, body.theme_dark .send_area .gd_select dd button.active,
  body.theme_dark .layer_xl.highlight .alarm_area a, body.theme_dark .toejang a.btn_help span, body.theme_dark .penalty-info .penalty, body.theme_dark .air_fin_tit dt, body.theme_dark .pop_poll .meg, body.theme_dark .air_off_info, body.theme_dark .command_list li strong,
  body.theme_dark .dl_list dd, body.theme_dark .adb_list_area li a .info, body.theme_dark .notice_adb_list p strong, body.theme_dark .adb_header .info .label, body.theme_dark .adb_header .info,
  body.theme_dark .share_broadcast_layer .tab li:hover a, body.theme_dark .share_broadcast_layer .tab li.on a, body.theme_dark .share_broadcast_layer .input_wrap.copy button, body.theme_dark .text_information .detail_view li span a, body.theme_dark .lay .memo .pw_iv p,
  body.theme_dark .lay .memo .bx_info dl dt, body.theme_dark .pop_gudok .send_area .gd_select dd button.active {
    color: #7398ff; }
  body.thema_dark .ppv_ticket .btn_wrap a.btn_st1, body.theme_dark .ppv_ticket .btn_wrap a.btn_st1 {
    background-color: #205db2; }
  body.thema_dark .layer_stit, body.thema_dark .report .w_list dd,
  body.thema_dark .pop_gudok .info_area .info_msg01, body.thema_dark .pop_gudok .info_area .info_msg02, body.thema_dark .pop_gudok .info_area .info_img a, body.thema_dark .pop_gudok .send_area .gd_date dd, body.thema_dark .pop_gudok .send_area .gd_select dd button,
  body.thema_dark .pop_stargift .video_balloon_info p, body.thema_dark .pop_stargift .layer_in h2 a, body.thema_dark .chat-keeper .inwrap .relay table th, body.thema_dark .chat-keeper .inwrap .section strong,
  body.thema_dark .pop_adballoon .tab_menu li.on a, body.thema_dark .adb_list_area li a .tit, body.thema_dark .adb_header .tit, body.thema_dark .adb_desc dt, body.thema_dark .lay .memo .pw_iv span, body.thema_dark .color_blk, body.thema_dark a.color_blk, body.thema_dark .layer_info .layer_haeder strong, body.thema_dark .stars_layer .inner .tab_area li.on a, body.thema_dark .pop_adballoon .tab_menu li a:hover, body.thema_dark .pop_gudok .layer_in h2, body.thema_dark .layer_starlistbox .starlist li .ea,
  body.thema_dark .layer_starlistbox .starlist li .num, body.theme_dark .layer_stit, body.theme_dark .report .w_list dd,
  body.theme_dark .pop_gudok .info_area .info_msg01, body.theme_dark .pop_gudok .info_area .info_msg02, body.theme_dark .pop_gudok .info_area .info_img a, body.theme_dark .pop_gudok .send_area .gd_date dd, body.theme_dark .pop_gudok .send_area .gd_select dd button,
  body.theme_dark .pop_stargift .video_balloon_info p, body.theme_dark .pop_stargift .layer_in h2 a, body.theme_dark .chat-keeper .inwrap .relay table th, body.theme_dark .chat-keeper .inwrap .section strong,
  body.theme_dark .pop_adballoon .tab_menu li.on a, body.theme_dark .adb_list_area li a .tit, body.theme_dark .adb_header .tit, body.theme_dark .adb_desc dt, body.theme_dark .lay .memo .pw_iv span, body.theme_dark .color_blk, body.theme_dark a.color_blk, body.theme_dark .layer_info .layer_haeder strong, body.theme_dark .stars_layer .inner .tab_area li.on a, body.theme_dark .pop_adballoon .tab_menu li a:hover, body.theme_dark .pop_gudok .layer_in h2, body.theme_dark .layer_starlistbox .starlist li .ea,
  body.theme_dark .layer_starlistbox .starlist li .num {
    color: #c8c8c8; }
  body.thema_dark .pop_adballoon .tab_option li a, body.thema_dark .adb_list_area li a .desc, body.thema_dark .adb_header .desc, body.thema_dark .pop_adballoon .ad_info_layer .inner .info_area ul li,
  body.thema_dark .pop_adballoon .ad_info_layer .inner .today_v, body.thema_dark .lay .memo .btnbox.end span a, body.thema_dark .fts11_pdt5, body.theme_dark .pop_adballoon .tab_option li a, body.theme_dark .adb_list_area li a .desc, body.theme_dark .adb_header .desc, body.theme_dark .pop_adballoon .ad_info_layer .inner .info_area ul li,
  body.theme_dark .pop_adballoon .ad_info_layer .inner .today_v, body.theme_dark .lay .memo .btnbox.end span a, body.theme_dark .fts11_pdt5 {
    color: #888; }
  body.thema_dark .layer_ac, body.thema_dark .sub_list li, body.thema_dark .sub_list2 li, body.thema_dark #View_after .view_after_title span,
  body.thema_dark .blind_pop .pop-body p, body.thema_dark .award_vote label, body.thema_dark .award_vote label em, body.thema_dark .award_vote label strong, body.thema_dark .report .s_list dd, body.thema_dark .report .memo,
  body.thema_dark .send_area .gd_select dd.tip, body.thema_dark .send_area .gd_date dt, body.thema_dark .send_area .gd_total dd,
  body.thema_dark .layer_xl.highlight .never_see, body.thema_dark .layer_xl.highlight .alarm_area, body.thema_dark .layer_xl.highlight .layer_ac dl dt, body.thema_dark .layer_xl.highlight .layer_ac dl dt > input::placeholder, body.thema_dark .layer_xl.highlight .highlight .layer_ac dl dd > input::placeholder,
  body.thema_dark .report_layer, body.thema_dark .report .s_list textarea, body.thema_dark .report .btn_type1, body.thema_dark .report_box .text, body.thema_dark .table_list li span,
  body.thema_dark .penalty-info .gr_box, body.thema_dark .penalty-info .penalty .normal, body.thema_dark .penalty-info .gr_box .gry, body.thema_dark .toejang .gr_box,
  body.thema_dark .chat-keeper .inwrap .section .idlist li, body.thema_dark .chat-keeper .inwrap .relay table td, body.thema_dark .random-set .inbox .stit, body.thema_dark .random-set .category span, body.thema_dark .random-set .slider_txt,
  body.thema_dark .random-set .keyword_area span, body.thema_dark .air_fin_tit dd, body.thema_dark .air_recomm h2, body.thema_dark .air_recomm .list div a em, body.thema_dark .pop_poll .list_poll .p_title, body.thema_dark .pop_poll .list_wrap li,
  body.thema_dark .command_list li span, body.thema_dark .dl_list dt, body.thema_dark .pop_adballoon .tab_menu li a, body.thema_dark .adb_list_area li a .info, body.thema_dark .notice_adb_list p, body.thema_dark .notice_adb_list li, body.thema_dark .adb_header .info, body.thema_dark .pop_adballoon .ad_info_layer .inner .txt,
  body.thema_dark .pop_adballoon .ad_info_layer .inner h3, body.thema_dark .non_campaign .txt, body.thema_dark .share_broadcast_layer .tab li a, body.thema_dark body.thema_dark .share_broadcast_layer .input_wrap input,
  body.thema_dark .share_broadcast_layer .wrap_right .check_wrap label span, body.thema_dark .share_broadcast_layer .input_wrap input, body.thema_dark .share_broadcast_layer .select_box > a, body.thema_dark .share_broadcast_layer .select_box ul a,
  body.thema_dark .share_broadcast_layer .input_wrap button, body.thema_dark .lay .memo .login dt label, body.thema_dark .lay .memo .login .idsave label, body.thema_dark .lay .memo .bx_info dl dd, body.thema_dark .layer_contents li, body.thema_dark .lay .memo .pw_iv, body.thema_dark .lay .memo .info_t, body.thema_dark .stars_layer .inner .tab_area li a, body.thema_dark .layer_starlistbox .starlist li .name, body.thema_dark .g_total .ea
  , body.thema_dark .pop_gudok .send_area .gd_select dt, body.thema_dark .pop_gudok .send_area .gd_total dt, body.thema_dark .pop_adballoon .ad_info_layer .inner h4, body.theme_dark .layer_ac, body.theme_dark .sub_list li, body.theme_dark .sub_list2 li, body.theme_dark #View_after .view_after_title span,
  body.theme_dark .blind_pop .pop-body p, body.theme_dark .award_vote label, body.theme_dark .award_vote label em, body.theme_dark .award_vote label strong, body.theme_dark .report .s_list dd, body.theme_dark .report .memo,
  body.theme_dark .send_area .gd_select dd.tip, body.theme_dark .send_area .gd_date dt, body.theme_dark .send_area .gd_total dd,
  body.theme_dark .layer_xl.highlight .never_see, body.theme_dark .layer_xl.highlight .alarm_area, body.theme_dark .layer_xl.highlight .layer_ac dl dt, body.theme_dark .layer_xl.highlight .layer_ac dl dt > input::placeholder, body.theme_dark .layer_xl.highlight .highlight .layer_ac dl dd > input::placeholder,
  body.theme_dark .report_layer, body.theme_dark .report .s_list textarea, body.theme_dark .report .btn_type1, body.theme_dark .report_box .text, body.theme_dark .table_list li span,
  body.theme_dark .penalty-info .gr_box, body.theme_dark .penalty-info .penalty .normal, body.theme_dark .penalty-info .gr_box .gry, body.theme_dark .toejang .gr_box,
  body.theme_dark .chat-keeper .inwrap .section .idlist li, body.theme_dark .chat-keeper .inwrap .relay table td, body.theme_dark .random-set .inbox .stit, body.theme_dark .random-set .category span, body.theme_dark .random-set .slider_txt,
  body.theme_dark .random-set .keyword_area span, body.theme_dark .air_fin_tit dd, body.theme_dark .air_recomm h2, body.theme_dark .air_recomm .list div a em, body.theme_dark .pop_poll .list_poll .p_title, body.theme_dark .pop_poll .list_wrap li,
  body.theme_dark .command_list li span, body.theme_dark .dl_list dt, body.theme_dark .pop_adballoon .tab_menu li a, body.theme_dark .adb_list_area li a .info, body.theme_dark .notice_adb_list p, body.theme_dark .notice_adb_list li, body.theme_dark .adb_header .info, body.theme_dark .pop_adballoon .ad_info_layer .inner .txt,
  body.theme_dark .pop_adballoon .ad_info_layer .inner h3, body.theme_dark .non_campaign .txt, body.theme_dark .share_broadcast_layer .tab li a, body.theme_dark body.thema_dark .share_broadcast_layer .input_wrap input,
  body.theme_dark .share_broadcast_layer .wrap_right .check_wrap label span, body.theme_dark .share_broadcast_layer .input_wrap input, body.theme_dark .share_broadcast_layer .select_box > a, body.theme_dark .share_broadcast_layer .select_box ul a,
  body.theme_dark .share_broadcast_layer .input_wrap button, body.theme_dark .lay .memo .login dt label, body.theme_dark .lay .memo .login .idsave label, body.theme_dark .lay .memo .bx_info dl dd, body.theme_dark .layer_contents li, body.theme_dark .lay .memo .pw_iv, body.theme_dark .lay .memo .info_t, body.theme_dark .stars_layer .inner .tab_area li a, body.theme_dark .layer_starlistbox .starlist li .name, body.theme_dark .g_total .ea
  , body.theme_dark .pop_gudok .send_area .gd_select dt, body.theme_dark .pop_gudok .send_area .gd_total dt, body.theme_dark .pop_adballoon .ad_info_layer .inner h4 {
    color: #999; }
  body.thema_dark .report .w_list dt:first-child + dd + dt + dd, body.theme_dark .report .w_list dt:first-child + dd + dt + dd {
    color: #666; }
  body.thema_dark .pop_adballoon .tab_option li.on a, body.theme_dark .pop_adballoon .tab_option li.on a {
    color: #000; }
  body.thema_dark .report_box .text a, body.theme_dark .report_box .text a {
    position: relative;
    color: #f5f6f7;
    background: none; }
  body.thema_dark .report_box .text a:after, body.theme_dark .report_box .text a:after {
    content: '';
    display: block;
    position: absolute;
    right: -3px;
    top: 5px;
    width: 0;
    height: 0;
    background: none;
    border: 2px solid  #f5f6f7;
    border-color: transparent transparent transparent #f5f6f7; }
  body.thema_dark .btn_st1, body.thema_dark .btn_st5, body.thema_dark .btn_st6, body.thema_dark .table_list li .btn_st3, body.thema_dark .notice_adb_list .btn button, body.thema_dark .pop_adballoon .send_area .btn_area button, body.theme_dark .btn_st1, body.theme_dark .btn_st5, body.theme_dark .btn_st6, body.theme_dark .table_list li .btn_st3, body.theme_dark .notice_adb_list .btn button, body.theme_dark .pop_adballoon .send_area .btn_area button {
    background: none;
    background-color: #205db2;
    border-color: #205db2;
    color: #fff !important; }
  body.thema_dark .btn_st2, body.thema_dark .btn_st4, body.thema_dark #View_after .view_after_footer button, body.thema_dark .adb_list_area li a .view, body.thema_dark .notice_adb_list .btn button.btn_list,
  body.thema_dark .pop_adballoon .ad_info_layer .inner .today_v .close, body.thema_dark .share_broadcast_layer.improve.ui-pop .pop-btn a, body.thema_dark .pop_adballoon .send_area .btn_area .btn_cancel, body.theme_dark .btn_st2, body.theme_dark .btn_st4, body.theme_dark #View_after .view_after_footer button, body.theme_dark .adb_list_area li a .view, body.theme_dark .notice_adb_list .btn button.btn_list,
  body.theme_dark .pop_adballoon .ad_info_layer .inner .today_v .close, body.theme_dark .share_broadcast_layer.improve.ui-pop .pop-btn a, body.theme_dark .pop_adballoon .send_area .btn_area .btn_cancel {
    background: none;
    background-color: transparent;
    border-color: #666;
    color: #999 !important; }
  body.thema_dark .btn_st7, body.theme_dark .btn_st7 {
    background: #2c4b75;
    border: 1px solid #2c4b75; }
  body.thema_dark .btn_qvinfo, body.theme_dark .btn_qvinfo {
    color: #7298ff !important; }
    body.thema_dark .btn_qvinfo:after, body.theme_dark .btn_qvinfo:after {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(114, 152, 255, 0.999)' stroke='' viewBox='0 0 11 15'%3e%3cpath d='M11 7.48L0 15V0l11 7.48z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
  body.thema_dark .table_list li .select_area input, body.thema_dark .random-set .slider_txt input, body.thema_dark .random-set .inbox .txt_input, body.thema_dark .random-set .inbox .btn_add,
  body.thema_dark .table_list li .input_txt2, body.thema_dark .share_broadcast_layer .input_wrap, body.thema_dark .share_broadcast_layer .select_box > a, body.thema_dark .share_broadcast_layer .select_box ul,
  body.thema_dark .lay .memo .login dd input, body.theme_dark .table_list li .select_area input, body.theme_dark .random-set .slider_txt input, body.theme_dark .random-set .inbox .txt_input, body.theme_dark .random-set .inbox .btn_add,
  body.theme_dark .table_list li .input_txt2, body.theme_dark .share_broadcast_layer .input_wrap, body.theme_dark .share_broadcast_layer .select_box > a, body.theme_dark .share_broadcast_layer .select_box ul,
  body.theme_dark .lay .memo .login dd input {
    color: #999;
    background-color: #0c0c0c;
    border-color: #333; }
  body.thema_dark .layer_info .arrow, body.theme_dark .layer_info .arrow {
    background: none; }
  body.thema_dark .lightbox, body.thema_dark .bg_layer, body.theme_dark .lightbox, body.theme_dark .bg_layer {
    background-color: #000; }
  body.thema_dark .layer_ac .input_text + .btn_st2, body.theme_dark .layer_ac .input_text + .btn_st2 {
    background-color: #282828;
    border-color: #333; }
  body.thema_dark .what_star, body.thema_dark .what_stk, body.thema_dark .what_adballoon, body.theme_dark .what_star, body.theme_dark .what_stk, body.theme_dark .what_adballoon {
    background-image: url("/images/flashplayer/split_layer_dark.png") !important;
    color: #e5e5e5 !important; }
  body.thema_dark .random-set .slider .track, body.theme_dark .random-set .slider .track {
    position: relative;
    background: none; }
    body.thema_dark .random-set .slider .track:before, body.theme_dark .random-set .slider .track:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 5px;
      height: 5px;
      background-color: #000;
      border-radius: 5px; }
  body.thema_dark .random-set .keyword_area span button, body.theme_dark .random-set .keyword_area span button {
    background: url("/images/flashplayer/split_layer_dark.png") 0px -48px no-repeat; }
  body.thema_dark .report .w_list, body.theme_dark .report .w_list {
    margin-bottom: 10px; }
  body.thema_dark .report .w_list dt, body.thema_dark .report .s_list dt, body.theme_dark .report .w_list dt, body.theme_dark .report .s_list dt {
    display: none; }
  body.thema_dark .report .w_list dd, body.theme_dark .report .w_list dd {
    margin: 0 0 8px 0;
    font-size: 13px; }
  body.thema_dark .report .w_list dt:first-child + dd + dt + dd, body.theme_dark .report .w_list dt:first-child + dd + dt + dd {
    margin: 0 auto; }
  body.thema_dark .report .s_list, body.theme_dark .report .s_list {
    overflow: hidden;
    padding: 24px 24px 10px 24px; }
    body.thema_dark .report .s_list dd, body.theme_dark .report .s_list dd {
      position: relative;
      margin-bottom: 16px;
      font-size: 14px; }
      body.thema_dark .report .s_list dd input, body.theme_dark .report .s_list dd input {
        position: absolute;
        width: 0;
        height: 0;
        top: -1px;
        left: -1px; }
      body.thema_dark .report .s_list dd label, body.theme_dark .report .s_list dd label {
        position: relative;
        display: block;
        height: 20px;
        padding: 2px 0 2px 28px;
        margin: 0;
        font-size: 14px;
        box-sizing: border-box;
        line-height: 1; }
      body.thema_dark .report .s_list dd label:before, body.thema_dark .report .s_list dd label:after, body.theme_dark .report .s_list dd label:before, body.theme_dark .report .s_list dd label:after {
        content: '';
        position: absolute;
        border-radius: 50%; }
      body.thema_dark .report .s_list dd label:before, body.theme_dark .report .s_list dd label:before {
        display: block;
        top: 0;
        left: 0;
        border: 1px solid #4c4c4c;
        width: 18px;
        height: 18px; }
      body.thema_dark .report .s_list dd label:after, body.theme_dark .report .s_list dd label:after {
        display: none;
        top: 4px;
        left: 4px;
        width: 12px;
        height: 12px;
        background-color: #7398ff; }
      body.thema_dark .report .s_list dd input:checked + label:after, body.theme_dark .report .s_list dd input:checked + label:after {
        display: block; }
      body.thema_dark .report .s_list dd textarea, body.theme_dark .report .s_list dd textarea {
        margin-left: 27px;
        background-color: #0c0c0c;
        border-color: #333; }
        body.thema_dark .report .s_list dd textarea::placeholder, body.theme_dark .report .s_list dd textarea::placeholder {
          color: #4d4d4d; }
  body.thema_dark .report .btn_type1, body.theme_dark .report .btn_type1 {
    background-color: #1b1b1c;
    border-color: #666; }
  body.thema_dark .report_layer.improve, body.theme_dark .report_layer.improve {
    background-color: #121213 !important; }
    body.thema_dark .report_layer.improve .pop-body textarea, body.theme_dark .report_layer.improve .pop-body textarea {
      background-color: #0c0c0c;
      border-color: #333;
      color: #999; }
      body.thema_dark .report_layer.improve .pop-body textarea::placeholder, body.theme_dark .report_layer.improve .pop-body textarea::placeholder {
        color: #4d4d4d; }
    body.thema_dark .report_layer.improve .pop-body select, body.theme_dark .report_layer.improve .pop-body select {
      color: #c8c8c8;
      border-color: #333;
      background-color: #0e0e0e; }
    body.thema_dark .report_layer.improve .pop-body p + a, body.theme_dark .report_layer.improve .pop-body p + a {
      color: #7398ff; }
    body.thema_dark .report_layer.improve .pop-body .report_box, body.theme_dark .report_layer.improve .pop-body .report_box {
      background-color: #222;
      color: #999; }
      body.thema_dark .report_layer.improve .pop-body .report_box a, body.theme_dark .report_layer.improve .pop-body .report_box a {
        color: #7398ff; }
        body.thema_dark .report_layer.improve .pop-body .report_box a em, body.theme_dark .report_layer.improve .pop-body .report_box a em {
          background: none;
          width: 0;
          height: 0;
          border: 2px solid #7398ff;
          border-color: transparent transparent transparent #7398ff; }
    body.thema_dark .report_layer.improve .pop-btn .btn.btn_blue, body.theme_dark .report_layer.improve .pop-btn .btn.btn_blue {
      color: #7398ff;
      border-color: #7398ff;
      background: transparent; }
  body.thema_dark .pop_stargift.blind .layer_in .btn_close, body.theme_dark .pop_stargift.blind .layer_in .btn_close {
    background-color: #7398ff; }
  body.thema_dark .pop_stargift .layer_in h2 a:hover, body.thema_dark .pop_stargift .layer_in h2 a.on, body.theme_dark .pop_stargift .layer_in h2 a:hover, body.theme_dark .pop_stargift .layer_in h2 a.on {
    border-color: #c8c8c8; }
  body.thema_dark .pop_stargift .video_balloon_info ul li, body.thema_dark .pop_stargift .video_balloon_info ul li input, body.theme_dark .pop_stargift .video_balloon_info ul li, body.theme_dark .pop_stargift .video_balloon_info ul li input {
    background-color: #1b1b1c;
    border-color: #333;
    color: #999; }
  body.thema_dark .pop_stargift .video_balloon_info ul li.readonly p, body.thema_dark .pop_stargift .video_balloon_info ul li.readonly input, body.thema_dark .pop_stargift .video_balloon_info ul li.readonly span + P, body.theme_dark .pop_stargift .video_balloon_info ul li.readonly p, body.theme_dark .pop_stargift .video_balloon_info ul li.readonly input, body.theme_dark .pop_stargift .video_balloon_info ul li.readonly span + P {
    color: #c8c8c8; }
  body.thema_dark .pop_stargift .video_balloon_info ul li.readonly em, body.theme_dark .pop_stargift .video_balloon_info ul li.readonly em {
    color: #666; }
  body.thema_dark .pop_stargift .video_balloon_info ul li input:-ms-input-placeholder,
  body.thema_dark .pop_stargift .video_balloon_info ul li input::-moz-placeholder,
  body.thema_dark .pop_stargift .video_balloon_info ul li input::-webkit-input-placeholder, body.theme_dark .pop_stargift .video_balloon_info ul li input:-ms-input-placeholder,
  body.theme_dark .pop_stargift .video_balloon_info ul li input::-moz-placeholder,
  body.theme_dark .pop_stargift .video_balloon_info ul li input::-webkit-input-placeholder {
    color: #4d4d4d; }
  body.thema_dark .pop_stargift .video_balloon_info div p, body.theme_dark .pop_stargift .video_balloon_info div p {
    color: #999; }
  body.thema_dark .pop_stargift .gift_result dl, body.theme_dark .pop_stargift .gift_result dl {
    border-color: #333; }
    body.thema_dark .pop_stargift .gift_result dl dt, body.thema_dark .pop_stargift .gift_result dl dd, body.theme_dark .pop_stargift .gift_result dl dt, body.theme_dark .pop_stargift .gift_result dl dd {
      color: #999; }
  body.thema_dark .pop_stargift .send_area .gift_at dt, body.theme_dark .pop_stargift .send_area .gift_at dt {
    color: #999; }
    body.thema_dark .pop_stargift .send_area .gift_at dt strong, body.theme_dark .pop_stargift .send_area .gift_at dt strong {
      color: #e5e5e5; }
    body.thema_dark .pop_stargift .send_area .gift_at dt .checkbox label, body.theme_dark .pop_stargift .send_area .gift_at dt .checkbox label {
      color: #d9d9d9; }
    body.thema_dark .pop_stargift .send_area .gift_at dt .checkbox .question, body.theme_dark .pop_stargift .send_area .gift_at dt .checkbox .question {
      background-color: #333;
      border-color: #444;
      color: #d9d9d9; }
  body.thema_dark .pop_stargift .send_area .gift_at dd, body.theme_dark .pop_stargift .send_area .gift_at dd {
    background-color: #1b1b1c;
    border-color: #7398ff; }
    body.thema_dark .pop_stargift .send_area .gift_at dd.readonly, body.theme_dark .pop_stargift .send_area .gift_at dd.readonly {
      border-color: #7398ff; }
    body.thema_dark .pop_stargift .send_area .gift_at dd input, body.thema_dark .pop_stargift .send_area .gift_at dd .txt_default, body.thema_dark .pop_stargift .send_area .gift_at dd .txt_count, body.theme_dark .pop_stargift .send_area .gift_at dd input, body.theme_dark .pop_stargift .send_area .gift_at dd .txt_default, body.theme_dark .pop_stargift .send_area .gift_at dd .txt_count {
      color: #e5e5e5; }
    body.thema_dark .pop_stargift .send_area .gift_at dd .txt_default em, body.theme_dark .pop_stargift .send_area .gift_at dd .txt_default em {
      color: #999; }
      body.thema_dark .pop_stargift .send_area .gift_at dd .txt_default em b, body.theme_dark .pop_stargift .send_area .gift_at dd .txt_default em b {
        color: #7398ff; }
    body.thema_dark .pop_stargift .send_area .gift_at dd input, body.theme_dark .pop_stargift .send_area .gift_at dd input {
      background-color: transparent;
      color: #7398ff !important; }
    body.thema_dark .pop_stargift .send_area .gift_at dd button, body.theme_dark .pop_stargift .send_area .gift_at dd button {
      background-image: url("/images/flashplayer/split_layer_dark.png"); }
    body.thema_dark .pop_stargift .send_area .gift_at dd button.plus, body.theme_dark .pop_stargift .send_area .gift_at dd button.plus {
      background: #333; }
  body.thema_dark .pop_stargift .send_area .gift_st dt, body.thema_dark .pop_stargift .send_area .gift_st dd, body.theme_dark .pop_stargift .send_area .gift_st dt, body.theme_dark .pop_stargift .send_area .gift_st dd {
    color: #999; }
  body.thema_dark .pop_stargift .send_area .gift_st dd span, body.theme_dark .pop_stargift .send_area .gift_st dd span {
    color: #7398ff; }
  body.thema_dark .pop_stargift .send_area .btn_stars, body.theme_dark .pop_stargift .send_area .btn_stars {
    border-color: #7398ff;
    color: #7398ff; }
    body.thema_dark .pop_stargift .send_area .btn_stars.change:after, body.theme_dark .pop_stargift .send_area .btn_stars.change:after {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
  body.thema_dark .pop_stargift .send_area .btn_buy, body.theme_dark .pop_stargift .send_area .btn_buy {
    background-color: #1b61c3; }
  body.thema_dark .pop_stargift .send_area .btn_area .btn_gift, body.theme_dark .pop_stargift .send_area .btn_area .btn_gift {
    background-color: #1b61c3; }
    body.thema_dark .pop_stargift .send_area .btn_area .btn_gift.loading:before, body.theme_dark .pop_stargift .send_area .btn_area .btn_gift.loading:before {
      border-bottom-color: #1b61c3; }
  body.thema_dark .pop_stargift .send_area .btn_area .btn_cancel, body.theme_dark .pop_stargift .send_area .btn_area .btn_cancel {
    background-color: transparent;
    border-color: #666;
    color: #999; }
  body.thema_dark .pop_stargift .send_area .txt_info a, body.theme_dark .pop_stargift .send_area .txt_info a {
    color: #7398ff; }
  body.thema_dark .pop_stargift .send_area .gift_input h3, body.theme_dark .pop_stargift .send_area .gift_input h3 {
    color: #e5e5e5; }
  body.thema_dark .pop_stargift .send_area .gift_input span, body.theme_dark .pop_stargift .send_area .gift_input span {
    background-color: #1b1b1c;
    border-color: #333; }
    body.thema_dark .pop_stargift .send_area .gift_input span input, body.thema_dark .pop_stargift .send_area .gift_input span textarea, body.thema_dark .pop_stargift .send_area .gift_input span div, body.theme_dark .pop_stargift .send_area .gift_input span input, body.theme_dark .pop_stargift .send_area .gift_input span textarea, body.theme_dark .pop_stargift .send_area .gift_input span div {
      background-color: transparent;
      color: #999; }
  body.thema_dark .pop_stargift .send_area .txt_info, body.theme_dark .pop_stargift .send_area .txt_info {
    color: #999; }
  body.thema_dark .pop_stargift .send_area .input_wrap, body.theme_dark .pop_stargift .send_area .input_wrap {
    color: #888; }
  body.thema_dark .pop_stargift .send_area.btn_sticker, body.theme_dark .pop_stargift .send_area.btn_sticker {
    background-color: #222; }
  body.thema_dark .pop_stargift .star_list p, body.theme_dark .pop_stargift .star_list p {
    color: #999; }
  body.thema_dark .pop_stargift .star_list div button, body.theme_dark .pop_stargift .star_list div button {
    background-image: url("/images/flashplayer/split_layer_dark.png"); }
  body.thema_dark .pop_stargift .star_list .thumb, body.theme_dark .pop_stargift .star_list .thumb {
    border-color: #333; }
  body.thema_dark .pop_stargift .star_list .thumb.active em, body.theme_dark .pop_stargift .star_list .thumb.active em {
    border-color: #7398ff; }
  body.thema_dark .pop_stargift .star_info_layer, body.theme_dark .pop_stargift .star_info_layer {
    background: #1b1b1c;
    color: #c8c8c8;
    border-color: #333; }
    body.thema_dark .pop_stargift .star_info_layer .inner, body.theme_dark .pop_stargift .star_info_layer .inner {
      border-color: #333; }
      body.thema_dark .pop_stargift .star_info_layer .inner dl dt, body.theme_dark .pop_stargift .star_info_layer .inner dl dt {
        color: #c8c8c8; }
      body.thema_dark .pop_stargift .star_info_layer .inner dl dd, body.theme_dark .pop_stargift .star_info_layer .inner dl dd {
        color: #999; }
      body.thema_dark .pop_stargift .star_info_layer .inner .info_sgb, body.theme_dark .pop_stargift .star_info_layer .inner .info_sgb {
        border-color: #282828; }
      body.thema_dark .pop_stargift .star_info_layer .inner .btn_detail, body.theme_dark .pop_stargift .star_info_layer .inner .btn_detail {
        color: #7398ff; }
  body.thema_dark .pop_stargift .stars_layer .inner .btn_close, body.theme_dark .pop_stargift .stars_layer .inner .btn_close {
    background: url("/images/flashplayer/split_layer_dark.png") no-repeat 4px -44px; }
  body.thema_dark .pop_stargift .stars_layer .inner .tab_area, body.theme_dark .pop_stargift .stars_layer .inner .tab_area {
    background: #282828 url("/"); }
  body.thema_dark .pop_stargift .stars_layer .inner .tab_area:before, body.theme_dark .pop_stargift .stars_layer .inner .tab_area:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    width: 1px;
    height: 6px;
    background-color: #1b1b1c; }
  body.thema_dark .pop_gudok .lightbox, body.theme_dark .pop_gudok .lightbox {
    background-color: #000; }
  body.thema_dark .pop_gudok .layer_in h2, body.theme_dark .pop_gudok .layer_in h2 {
    border-color: #333; }
  body.thema_dark .pop_gudok .info_area .info_msg01, body.theme_dark .pop_gudok .info_area .info_msg01 {
    background-color: #222; }
    body.thema_dark .pop_gudok .info_area .info_msg01 .cr01, body.theme_dark .pop_gudok .info_area .info_msg01 .cr01 {
      color: #8bd4fa; }
  body.thema_dark .pop_gudok .info_area .info_img a:after, body.theme_dark .pop_gudok .info_area .info_img a:after {
    content: '';
    display: block;
    position: absolute;
    right: -3px;
    top: 3px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-color: transparent transparent transparent #c8c8c8; }
  body.thema_dark .pop_gudok .send_area, body.theme_dark .pop_gudok .send_area {
    background-color: #222; }
    body.thema_dark .pop_gudok .send_area .gd_select dd button, body.theme_dark .pop_gudok .send_area .gd_select dd button {
      background-color: #1b1b1c;
      border-color: #333; }
    body.thema_dark .pop_gudok .send_area .gd_select dd button.active, body.theme_dark .pop_gudok .send_area .gd_select dd button.active {
      border-color: #7398ff; }
    body.thema_dark .pop_gudok .send_area .gd_select dd button[disabled=disabled],
    body.thema_dark .pop_gudok .send_area .gd_select dd button:disabled, body.theme_dark .pop_gudok .send_area .gd_select dd button[disabled=disabled],
    body.theme_dark .pop_gudok .send_area .gd_select dd button:disabled {
      opacity: .4; }
    body.thema_dark .pop_gudok .send_area .btn_area .btn_gift, body.theme_dark .pop_gudok .send_area .btn_area .btn_gift {
      background-color: #1b61c3; }
    body.thema_dark .pop_gudok .send_area .btn_area .btn_cancel, body.theme_dark .pop_gudok .send_area .btn_area .btn_cancel {
      background-color: transparent;
      border-color: #666;
      color: #999; }
  body.thema_dark .pop_gudok .btn_area .btn_w, body.theme_dark .pop_gudok .btn_area .btn_w {
    border-color: #666;
    color: #999;
    background-color: transparent; }
  body.thema_dark .relay.ui-pop, body.theme_dark .relay.ui-pop {
    color: #2c84ce; }
    body.thema_dark .relay.ui-pop .btn_refresh, body.theme_dark .relay.ui-pop .btn_refresh {
      position: relative;
      border-color: #333;
      background: none; }
      body.thema_dark .relay.ui-pop .btn_refresh:after, body.theme_dark .relay.ui-pop .btn_refresh:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 9px;
        height: 11px;
        margin: -5.5px 0 0 -4.5px;
        background: transparent url("/images/webplayer/live/split_live.png") -871px -13px no-repeat; }
    body.thema_dark .relay.ui-pop .pop-body .txt, body.theme_dark .relay.ui-pop .pop-body .txt {
      color: #888; }
    body.thema_dark .relay.ui-pop .pop-body .tbl table th, body.theme_dark .relay.ui-pop .pop-body .tbl table th {
      background-color: #282828;
      color: #999; }
    body.thema_dark .relay.ui-pop .pop-body .tbl table td, body.theme_dark .relay.ui-pop .pop-body .tbl table td {
      border-color: #222;
      color: #999; }
    body.thema_dark .relay.ui-pop .pop-body .tbl table tr.origin td, body.theme_dark .relay.ui-pop .pop-body .tbl table tr.origin td {
      color: #7398ff; }
    body.thema_dark .relay.ui-pop .pop-body .tbl table td a.btn_go, body.theme_dark .relay.ui-pop .pop-body .tbl table td a.btn_go {
      background-color: #1b61c3; }
  body.thema_dark .layer_xl.highlight .layer_ac dl dd, body.theme_dark .layer_xl.highlight .layer_ac dl dd {
    border-color: #333; }
  body.thema_dark .layer_xl.highlight .layer_ac dl dt > input,
  body.thema_dark .layer_xl.highlight .layer_ac dl dd > input, body.theme_dark .layer_xl.highlight .layer_ac dl dt > input,
  body.theme_dark .layer_xl.highlight .layer_ac dl dd > input {
    background-color: #0e0e0e;
    color: #999; }
  body.thema_dark .layer_xl.highlight .alarm_area, body.theme_dark .layer_xl.highlight .alarm_area {
    background-color: #222;
    border-bottom: none; }
  body.thema_dark .tag-editor, body.theme_dark .tag-editor {
    background-color: #0e0e0e;
    color: #999; }
    body.thema_dark .tag-editor .tag-editor-sharp, body.thema_dark .tag-editor .tag-editor-tag, body.thema_dark .tag-editor .tag-editor-delete, body.thema_dark .tag-editor input, body.theme_dark .tag-editor .tag-editor-sharp, body.theme_dark .tag-editor .tag-editor-tag, body.theme_dark .tag-editor .tag-editor-delete, body.theme_dark .tag-editor input {
      background-color: #272727;
      color: #999; }
  body.thema_dark .ppv_ticket .sub_list5, body.theme_dark .ppv_ticket .sub_list5 {
    padding: 5px; }
  body.thema_dark .ppv_ticket .sub_list5 li, body.theme_dark .ppv_ticket .sub_list5 li {
    border: none; }
  body.thema_dark .ppv_ticket .btn_wrap a.btn_st1 strong, body.theme_dark .ppv_ticket .btn_wrap a.btn_st1 strong {
    color: #fff; }
  body.thema_dark .quick_box, body.theme_dark .quick_box {
    background-color: #1b1b1c;
    border-color: #333;
    color: #999; }
    body.thema_dark .quick_box ul li, body.theme_dark .quick_box ul li {
      border-color: #333;
      color: #999; }
      body.thema_dark .quick_box ul li em, body.theme_dark .quick_box ul li em {
        color: #676767; }
        body.thema_dark .quick_box ul li em strong, body.theme_dark .quick_box ul li em strong {
          color: #f8003f; }
  body.thema_dark .pop_stk, body.theme_dark .pop_stk {
    border-color: #333; }
    body.thema_dark .pop_stk .stk_layer, body.theme_dark .pop_stk .stk_layer {
      background: #1b1b1c;
      border-color: #333; }
      body.thema_dark .pop_stk .stk_layer li, body.theme_dark .pop_stk .stk_layer li {
        border-color: #292929; }
        body.thema_dark .pop_stk .stk_layer li em, body.theme_dark .pop_stk .stk_layer li em {
          color: #7398ff; }
    body.thema_dark .pop_stk .list_tit li, body.theme_dark .pop_stk .list_tit li {
      background-color: #1b1b1c;
      color: #747474;
      border-color: #333; }
    body.thema_dark .pop_stk .list_tit li.on, body.theme_dark .pop_stk .list_tit li.on {
      background-color: #222;
      color: #7398ff; }
    body.thema_dark .pop_stk .sticker_box, body.thema_dark .pop_stk .scroll_wrap2, body.theme_dark .pop_stk .sticker_box, body.theme_dark .pop_stk .scroll_wrap2 {
      background-color: #121213;
      border-color: #333; }
    body.thema_dark .pop_stk .ugold, body.thema_dark .pop_stk .cggold, body.theme_dark .pop_stk .ugold, body.theme_dark .pop_stk .cggold {
      color: #707880; }
    body.thema_dark .pop_stk .result .gold, body.thema_dark .pop_stk .result li, body.thema_dark .pop_stk .list_wrap .list_bg li em, body.theme_dark .pop_stk .result .gold, body.theme_dark .pop_stk .result li, body.theme_dark .pop_stk .list_wrap .list_bg li em {
      color: #e5e5e5; }
    body.thema_dark .pop_stk .result:before, body.thema_dark .pop_stk .result:after, body.theme_dark .pop_stk .result:before, body.theme_dark .pop_stk .result:after {
      background-color: #323232; }
    body.thema_dark .pop_stk .result .btn_charge, body.theme_dark .pop_stk .result .btn_charge {
      padding-left: 4px;
      background: none;
      border: 1px solid #a6a6a6;
      background-color: #fdfdfd;
      font-size: 11px;
      color: #5a5a5a;
      border-radius: 2px; }
    body.thema_dark .pop_stk .sticker_list2 .btn_on, body.theme_dark .pop_stk .sticker_list2 .btn_on {
      background: url("/images/flashplayer/split_layer_dark.png") no-repeat 0 -400px; }
    body.thema_dark .pop_stk .sticker_list2 .btn_off, body.theme_dark .pop_stk .sticker_list2 .btn_off {
      background: url("/images/flashplayer/split_layer_dark.png") no-repeat -17px -400px; }
    body.thema_dark .pop_stk .sticker_list2 .btn_before, body.theme_dark .pop_stk .sticker_list2 .btn_before {
      background: url("/images/flashplayer/split_layer_dark.png") no-repeat -34px -400px; }
  body.thema_dark .wrap-out .total_p, body.theme_dark .wrap-out .total_p {
    color: #999;
    border-color: #222; }
    body.thema_dark .wrap-out .total_p .total, body.theme_dark .wrap-out .total_p .total {
      position: relative;
      background: none; }
      body.thema_dark .wrap-out .total_p .total:before, body.theme_dark .wrap-out .total_p .total:before {
        content: '';
        position: absolute;
        left: 0;
        top: 5px;
        display: block;
        width: 2px;
        height: 2px;
        background-color: #999;
        border-radius: 2px; }
  body.thema_dark .wrap-out .list-head, body.theme_dark .wrap-out .list-head {
    background-color: #222; }
    body.thema_dark .wrap-out .list-head strong, body.theme_dark .wrap-out .list-head strong {
      color: #999; }
  body.thema_dark .wrap-out .list-body, body.theme_dark .wrap-out .list-body {
    border-color: #282828; }
    body.thema_dark .wrap-out .list-body li, body.theme_dark .wrap-out .list-body li {
      border-color: #282828; }
      body.thema_dark .wrap-out .list-body li a, body.thema_dark .wrap-out .list-body li div, body.theme_dark .wrap-out .list-body li a, body.theme_dark .wrap-out .list-body li div {
        color: #999; }
    body.thema_dark .wrap-out .list-body .out a:hover, body.theme_dark .wrap-out .list-body .out a:hover {
      color: #7398ff; }
  body.thema_dark .wrap-out .btn_refresh, body.theme_dark .wrap-out .btn_refresh {
    border-color: #333;
    background: none; }
    body.thema_dark .wrap-out .btn_refresh:after, body.theme_dark .wrap-out .btn_refresh:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9px;
      height: 11px;
      margin: -5.5px 0 0 -4.5px;
      background: transparent url("/images/webplayer/live/split_live.png") -871px -13px no-repeat; }
  body.thema_dark .pop_adballoon .tab_option ul, body.theme_dark .pop_adballoon .tab_option ul {
    overflow: hidden; }
  body.thema_dark .pop_adballoon .ic_android, body.thema_dark .pop_adballoon .ic_ios, body.theme_dark .pop_adballoon .ic_android, body.theme_dark .pop_adballoon .ic_ios {
    opacity: .4; }
  body.thema_dark .pop_adballoon .adb_list_area li a .view:hover, body.theme_dark .pop_adballoon .adb_list_area li a .view:hover {
    color: #7398ff !important;
    border-color: #7398ff; }
  body.thema_dark .pop_adballoon .adb_list_area li a:hover .view:after, body.theme_dark .pop_adballoon .adb_list_area li a:hover .view:after {
    background-position: -40px -84px; }
  body.thema_dark .pop_adballoon .ad_info_layer .inner .btn_close, body.theme_dark .pop_adballoon .ad_info_layer .inner .btn_close {
    background: url("/images/flashplayer/split_layer_dark.png") no-repeat 7px -42px; }
  body.thema_dark .pop_adballoon .gift_result dl, body.theme_dark .pop_adballoon .gift_result dl {
    border-color: #333; }
    body.thema_dark .pop_adballoon .gift_result dl dt, body.thema_dark .pop_adballoon .gift_result dl dd, body.theme_dark .pop_adballoon .gift_result dl dt, body.theme_dark .pop_adballoon .gift_result dl dd {
      color: #999; }
  body.thema_dark .pop_adballoon .star_gift_benefit h3, body.theme_dark .pop_adballoon .star_gift_benefit h3 {
    color: #c8c8c8; }
  body.thema_dark .pop_adballoon .star_gift_benefit ul li p, body.theme_dark .pop_adballoon .star_gift_benefit ul li p {
    color: #999; }
  body.thema_dark .pop_stk .btn_close2, body.theme_dark .pop_stk .btn_close2 {
    right: 7px;
    top: 9px; }
  body.thema_dark .share_broadcast_layer .tab li a,
  body.thema_dark .share_broadcast_layer .share_broadcast_layer .input_wrap button, body.theme_dark .share_broadcast_layer .tab li a,
  body.theme_dark .share_broadcast_layer .share_broadcast_layer .input_wrap button {
    color: #999; }
  body.thema_dark .share_broadcast_layer .check_wrap input + label span,
  body.thema_dark .share_broadcast_layer .check_wrap input + label + span, body.theme_dark .share_broadcast_layer .check_wrap input + label span,
  body.theme_dark .share_broadcast_layer .check_wrap input + label + span {
    color: #333; }
  body.thema_dark .share_broadcast_layer .check_wrap input:checked + label[for*="start_time"] span,
  body.thema_dark .share_broadcast_layer .check_wrap input:checked + label[for*="start_time"] + span, body.theme_dark .share_broadcast_layer .check_wrap input:checked + label[for*="start_time"] span,
  body.theme_dark .share_broadcast_layer .check_wrap input:checked + label[for*="start_time"] + span {
    color: #c8c8c8;
    border-color: #c8c8c8; }
  body.thema_dark .lay .memo h2, body.theme_dark .lay .memo h2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 136 24.41'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3cpath d='M116.3 20.24a32 32 0 01-.64-6.4 29.51 29.51 0 01.39-5 6.22 6.22 0 01.21-.81 3.23 3.23 0 011.86-2 8.6 8.6 0 011.44-.49 24.66 24.66 0 015.61-.69h.13a23 23 0 015.54.7 14.56 14.56 0 011.5.49 3.4 3.4 0 011.88 2 6.44 6.44 0 01.19.77 33.6 33.6 0 01.4 5 31.73 31.73 0 01-.65 6.43 2.94 2.94 0 01-2.24 2.27h-.11a33.83 33.83 0 01-6.58.64 33.68 33.68 0 01-6.55-.64h-.15a2.89 2.89 0 01-1.68-1.08 2.57 2.57 0 01-.55-1.19z' fill='none'/%3e%3c/clipPath%3e%3cstyle%3e.cls-2%7bfill:%23fff%7d.cls-3%7bfill:%230545b1%7d.cls-8%7bfill:%231a1919%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='BI_dark'%3e%3cg id='ati'%3e%3cpath class='cls-2' d='M136 12.23a39.66 39.66 0 00-.33-3.32v-.28a7.08 7.08 0 00-.22-.93 4.58 4.58 0 00-2.63-2.7 14.72 14.72 0 00-1.69-.56c-.56-.14-1.12-.25-1.68-.35l1-.45a1.87 1.87 0 001.08-1 1.91 1.91 0 00-.08-1.64 1.86 1.86 0 00-1.67-1 2 2 0 00-1 .25l-3.56 2.29-1.77-1.43a1.86 1.86 0 00-1.23-.46 1.86 1.86 0 00-1.84 2.24 1.78 1.78 0 00.78 1.11c-.62.1-1.27.23-1.91.4a9.31 9.31 0 00-1.64.56 4.49 4.49 0 00-2.34 2.3c0 .1-.1.23-.15.38a8.77 8.77 0 00-.25 1 30.7 30.7 0 00-.4 5.2 33.16 33.16 0 00.66 6.64 3.91 3.91 0 00.79 1.74 4.14 4.14 0 002.38 1.49h.15a35 35 0 006.78.67 35.12 35.12 0 006.85-.68h.09a4.13 4.13 0 003.16-3.21 32.85 32.85 0 00.67-6.66v-1.6z'/%3e%3cpath class='cls-3' d='M130.38 1.56a.69.69 0 01-.4 1l-4.13 1.87a1.35 1.35 0 01-1.28 0L121.9 3.1a.69.69 0 01-.18-1 .68.68 0 011-.08l2.06 1.66a.73.73 0 00.64.15.83.83 0 00.24-.11l3.77-2.42a.69.69 0 011 .27z'/%3e%3cg clip-path='url(%23clip-path)'%3e%3cpath class='cls-3' d='M135.66 9.21c-.29-2.17-.79-3.4-3.61-4a31.1 31.1 0 00-5.9-.76h-1a31 31 0 00-5.9.76c-2.82.64-3.32 1.87-3.61 4a39.46 39.46 0 00-.27 4.78 39.46 39.46 0 00.27 4.78c.29 2.16.79 3.4 3.61 4a28.75 28.75 0 005.9.61h1a28.82 28.82 0 005.9-.61c2.82-.64 3.32-1.88 3.61-4a39.46 39.46 0 00.27-4.78 39.46 39.46 0 00-.27-4.78z'/%3e%3cpath d='M128.52 11.06V8.83a1.63 1.63 0 01.74-1.41 1.85 1.85 0 011.7-.1c.88.38 2 1 2 1 .66.35 1.2.64 1.89 1.07l.11.06a1.66 1.66 0 01.59 2.17 1.74 1.74 0 01-.54.6c-.64.43-1.19.85-1.85 1.26a16.15 16.15 0 01-1.73 1 2.08 2.08 0 01-1.84.11 1.76 1.76 0 01-.9-1.43s-.12-.87-.17-2.1z' fill='%2300bbed'/%3e%3cpath class='cls-2' d='M129.66 17c-2.14 2-6.78 2-8.87 0a.42.42 0 00-.58.61c2.41 2.29 7.56 2.3 10 0a.42.42 0 10-.57-.61z'/%3e%3cpath d='M128 13.67v-.14l-.29-3.16v-.09a1.18 1.18 0 000-.2 1.62 1.62 0 00-1.29-1.21 2.4 2.4 0 00-.28 0h-1.85a1.65 1.65 0 00-1.34 1.22v.33l-.29 3.13v.19a1.63 1.63 0 001.21 1.58 1.84 1.84 0 00.41 0h2.47a1.63 1.63 0 001.25-1.59z' fill='%231ac62f'/%3e%3cpath d='M121.86 11.93a3.89 3.89 0 01-4.56 2.79c-2.14-.37-3.68-3.4-2.62-5.26a4.38 4.38 0 015-2.15c2.19.69 2.81 2.52 2.18 4.62z' fill='%23f2338a'/%3e%3ccircle class='cls-8' cx='131.52' cy='10.94' r='1.37'/%3e%3ccircle class='cls-8' cx='118.74' cy='10.94' r='1.37'/%3e%3c/g%3e%3c/g%3e%3cg id='afreecatv'%3e%3cpath id='a' class='cls-2' d='M12.39 11.16v8.4A2.7 2.7 0 019.52 22H4.73C0 22 0 18.2 0 18.2v-1.88s.3-3.44 4.73-3.42h2v-1.73s0-.88-1.11-.88H3.07c-.94 0-1.86-.56-1.86-1.35A1.79 1.79 0 013 7.38h4.87c4.52.02 4.52 3.78 4.52 3.78zm-7.89 8h2.24v-3.39H4.5c-1.27 0-1.11 1.68-1.11 1.68s-.13 1.67 1.11 1.67z'/%3e%3cpath id='f' class='cls-2' d='M14.26 5.77s-.06-3.94 4.46-4H23a1.57 1.57 0 011.62 1.43A1.58 1.58 0 0123 4.63h-2c-1.3 0-1.19.94-1.19.94v1.84h2.37a1.56 1.56 0 011.7 1.37 1.46 1.46 0 01-1.58 1.4h-2.5v9.34A2.59 2.59 0 0117.09 22a2.63 2.63 0 01-2.83-2.4z'/%3e%3cpath id='r' class='cls-2' d='M30 19.5a2.55 2.55 0 01-2.74 2.5 2.66 2.66 0 01-2.84-2.4v-8.41s0-3.71 4.59-3.71h3.64c1.9 0 1.9 1.46 1.9 1.46s0 1.4-1.78 1.4h-1.61c-1.18 0-1.18.92-1.18.92z'/%3e%3cpath id='e' class='cls-2' d='M42.75 7.38c4.74 0 4.74 3.81 4.74 3.81v4a1.55 1.55 0 01-1.71 1.37h-5.23v1.64s.06.89 1.26.89h2.94a1.55 1.55 0 011.68 1.42A1.63 1.63 0 0144.75 22h-5.16c-4.52 0-4.52-3.76-4.52-3.76v-7.05s0-3.77 4.56-3.81zm-.91 3c-1.23 0-1.23.89-1.23.89v2.46h3.5v-2.41a1 1 0 00-1.11-1z'/%3e%3cpath id='e-2' data-name='e' class='cls-2' d='M57 7.38c4.75 0 4.75 3.81 4.75 3.81v4A1.55 1.55 0 0160 16.51h-5.23v1.69s0 .89 1.26.89H59a1.56 1.56 0 011.69 1.42A1.63 1.63 0 0159 22h-5.19c-4.52 0-4.52-3.76-4.52-3.76v-7.05s0-3.77 4.56-3.81zm-.91 3c-1.23 0-1.23.89-1.23.89v2.46h3.5v-2.41a1 1 0 00-1.11-1z'/%3e%3cpath id='c' class='cls-2' d='M73.59 19.17a1.7 1.7 0 011.78 1.5c0 .8-.84 1.34-1.78 1.34H66.2a2.4 2.4 0 01-2.67-2.28v-10a2.66 2.66 0 012.84-2.4h7.51a1.55 1.55 0 011.68 1.47 1.53 1.53 0 01-1.68 1.38h-4a.61.61 0 00-.69.58v7.8s-.05.61.69.61z'/%3e%3cpath id='a-2' data-name='a' class='cls-2' d='M88.22 11.16v8.4A2.7 2.7 0 0185.35 22h-4.8c-4.72 0-4.72-3.81-4.72-3.81v-1.87s.3-3.44 4.72-3.42h2v-1.72s0-.89-1.11-.89H78.9c-.94 0-1.85-.55-1.85-1.34a1.77 1.77 0 011.8-1.56h4.85c4.52.02 4.52 3.77 4.52 3.77zm-7.89 8h2.24v-3.39h-2.24c-1.23 0-1.11 1.67-1.11 1.67s-.13 1.68 1.11 1.68z'/%3e%3cpath id='t' class='cls-2' d='M101.41 3.7s0-1.29-1.7-1.29H87.9c-1.7 0-1.7 1.25-1.7 1.25s0 1.23 1.6 1.23h2.46c1.07 0 1.07.81 1.07.81v7.61a2.25 2.25 0 002.42 2.2 2.37 2.37 0 002.54-2.11V5.69c0-.18.15-.76 1.06-.76h2.46c1.6 0 1.6-1.23 1.6-1.23z'/%3e%3cpath id='v' class='cls-2' d='M111.78 2.83a2.55 2.55 0 00-3.49.87l-4.48 6-1.61-3.48a2 2 0 00-2.26-.64 1.6 1.6 0 00-.8 1.94l3 6.78a2.2 2.2 0 001.58 1.1 2.92 2.92 0 003-1.24l5.66-7.76a2.55 2.55 0 00-.6-3.57z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); }
  body.thema_dark .lay .memo .login button.btn_login, body.theme_dark .lay .memo .login button.btn_login {
    border-color: #3062bd;
    background-color: #3062bd; }
  body.thema_dark .lay .memo .login button.btn_login:hover, body.theme_dark .lay .memo .login button.btn_login:hover {
    border-color: #1857b0;
    background-color: #1857b0; }
  body.thema_dark .lay .memo .login button.btn_login_pw2, body.theme_dark .lay .memo .login button.btn_login_pw2 {
    border-color: #3062bd;
    background-color: #3062bd; }
  body.thema_dark .lay .memo .login .info, body.theme_dark .lay .memo .login .info {
    color: #ff3f3f; }
  body.thema_dark .lay .memo .login_age_young, body.theme_dark .lay .memo .login_age_young {
    color: #999; }
  body.thema_dark .lay .memo .login_age_young:before, body.theme_dark .lay .memo .login_age_young:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke=''   viewBox='0 0 31 25' %3e%3cpath d='M19.47 24.55c-.98 0-2.11-.15-3.4-.44-.33-.07-.47-.31-.42-.73l.1-1.12c.04-.25.2-.32.5-.19.53.21 1.07.36 1.6.45.55.08 1.16.12 1.84.12a8.2 8.2 0 003.88-.87 7.2 7.2 0 002.7-2.5c1.07-1.78 1.62-4.04 1.66-6.78a6.35 6.35 0 01-5.76 3.12c-1.95 0-3.58-.5-4.9-1.5-1.68-1.3-2.51-3.28-2.51-5.95 0-2.36.69-4.24 2.06-5.64 1.4-1.46 3.32-2.2 5.73-2.2 5.1 0 7.64 3.76 7.64 11.28 0 8.63-3.57 12.95-10.72 12.95zm6.9-20.43A4.74 4.74 0 0022.5 2.3c-1.72 0-3.07.54-4.04 1.63A5.72 5.72 0 0017.02 8c0 1.8.43 3.2 1.3 4.2h-.03c.91.98 2.2 1.47 3.88 1.47 1.74 0 3.1-.5 4.08-1.47A5.43 5.43 0 0027.7 8.3a6.5 6.5 0 00-1.34-4.17zM7.21 24.33h-1.3c-.3 0-.45-.15-.45-.45V3.2A326.94 326.94 0 001.8 6.31c-.23.2-.45.17-.64-.06l-.63-.76a.64.64 0 01-.1-.34c0-.12.05-.22.16-.3L5.52.7c.09-.08.22-.13.39-.13h.86c.44 0 .7.04.78.11.07.08.1.34.1.78v22.41c0 .3-.14.45-.44.45z'/%3e%3c/svg%3e "); }
  body.thema_dark .lay .memo .text, body.theme_dark .lay .memo .text {
    color: #666; }
  body.thema_dark .lay .memo .text:before, body.theme_dark .lay .memo .text:before {
    color: #888;
    background-color: #4d4d4d; }
  body.thema_dark .lay .memo .btn_c button, body.theme_dark .lay .memo .btn_c button {
    background-image: url("/images/webplayer/layer/btn_pw2_set.png"); }
  body.thema_dark .lay .memo .service_info, body.theme_dark .lay .memo .service_info {
    background-image: url("/images/webplayer/layer/txt_service_info.png"); }
  body.thema_dark .lay .memo .pw_info, body.theme_dark .lay .memo .pw_info {
    background-image: url("/images/webplayer/layer/txt_pw2_info.png"); }
  body.thema_dark .lay .memo .pw_info2, body.theme_dark .lay .memo .pw_info2 {
    background-image: url("/images/webplayer/layer/txt_pw2_info02.png"); }
  body.thema_dark .lay .memo .pw_iv, body.theme_dark .lay .memo .pw_iv {
    background-image: url("/images/webplayer/layer/bg_step_s.png"); }
  body.thema_dark .lay .memo .sns_join a.apple, body.theme_dark .lay .memo .sns_join a.apple {
    background-color: #fff; }
    body.thema_dark .lay .memo .sns_join a.apple em, body.theme_dark .lay .memo .sns_join a.apple em {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 15 19'%3e%3cpath fill-rule='evenodd' d='M10.9 4.6c.5 0 2.4 0 3.6 1.9 0 0-2 1.2-2 3.6 0 2.8 2.4 3.8 2.5 3.8v.2c-.2.4-.6 1.5-1.3 2.5C13 17.8 12.1 19 11 19c-1.3 0-1.6-.8-3-.8-1.5 0-2 .8-3.1.8-1.2 0-2-1-2.9-2.4C1 15 0 12.6 0 10.3c0-3.7 2.3-5.7 4.6-5.7 1.2 0 2.3.9 3 .9.7 0 1.9-1 3.3-1zm.3-4.6v.4c0 1-.4 2-1 2.6-.6.8-1.6 1.4-2.5 1.4h-.2V4c0-1 .4-2 1-2.6A4 4 0 0111.1 0z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    body.thema_dark .lay .memo .sns_join a.apple p, body.theme_dark .lay .memo .sns_join a.apple p {
      color: #000; }
  body.thema_dark .lay .btn_close_top a, body.theme_dark .lay .btn_close_top a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' fill='%23dfdfdf' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e"); }
  body.thema_dark .layer_starlistbox .starlist li.top .num, body.theme_dark .layer_starlistbox .starlist li.top .num {
    color: #7398ff;
    border-color: #7398ff;
    background-color: transparent; }
  body.thema_dark .layer_starlistbox .nick a, body.theme_dark .layer_starlistbox .nick a {
    color: #8db4fa !important; }
  body.thema_dark .layer_starlistbox .g_total strong, body.theme_dark .layer_starlistbox .g_total strong {
    color: #fff; }
  body.thema_dark .ui-pop.vod-delete .pop-close, body.theme_dark .ui-pop.vod-delete .pop-close {
    top: 4px;
    right: 7px;
    padding: 5px;
    background: url("/images/flashplayer/split_layer_dark.png") 4px -44px no-repeat; }
  body.thema_dark .ui-pop.vod-delete .pop-close span, body.theme_dark .ui-pop.vod-delete .pop-close span {
    background: none; }
  body.thema_dark .end_flashplayer p, body.thema_dark .end_flashplayer ul li a span, body.theme_dark .end_flashplayer p, body.theme_dark .end_flashplayer ul li a span {
    color: #c8c8c8; }
  body.thema_dark .end_flashplayer ul li a:before, body.theme_dark .end_flashplayer ul li a:before {
    background-color: #252525; }
  body.thema_dark .end_flashplayer ul li a:hover:before, body.theme_dark .end_flashplayer ul li a:hover:before {
    background-color: #2f2f2f; }
  body.thema_dark .end_flashplayer a.pop-close, body.theme_dark .end_flashplayer a.pop-close {
    display: block;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M0 11v-1h1V9h1V8h1V7h1V6h1V5H4V4H3V3H2V2H1V1H0V0h1v1h1v1h1v1h1v1h1v1h1V4h1V3h1V2h1V1h1V0h1v1h-1v1H9v1H8v1H7v1H6v1h1v1h1v1h1v1h1v1h1v1h-1v-1H9V9H8V8H7V7H6V6H5v1H4v1H3v1H2v1H1v1H0z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 11px;
    height: 11px;
    background-size: 100% 100%; }
  body.thema_dark .pop_adballoon .user_info_layer, body.theme_dark .pop_adballoon .user_info_layer {
    background: #1b1b1c;
    border: 1px solid #333; }
    body.thema_dark .pop_adballoon .user_info_layer:before, body.theme_dark .pop_adballoon .user_info_layer:before {
      content: '';
      display: block;
      width: 201px;
      height: 133px;
      margin: 39px auto 0;
      background: url("//res.afreecatv.com/images/flashplayer/img_adballon_userinfo.png") no-repeat 0 0; }
    body.thema_dark .pop_adballoon .user_info_layer p, body.theme_dark .pop_adballoon .user_info_layer p {
      color: #e5e5e5; }
      body.thema_dark .pop_adballoon .user_info_layer p .txt01, body.theme_dark .pop_adballoon .user_info_layer p .txt01 {
        color: #7398ff; }
      body.thema_dark .pop_adballoon .user_info_layer p .txt02, body.theme_dark .pop_adballoon .user_info_layer p .txt02 {
        color: #ee4242; }
    body.thema_dark .pop_adballoon .user_info_layer .v_check, body.theme_dark .pop_adballoon .user_info_layer .v_check {
      color: #999; }
      body.thema_dark .pop_adballoon .user_info_layer .v_check input, body.theme_dark .pop_adballoon .user_info_layer .v_check input {
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin: 0 5px 2px 0;
        background: #ccc; }
    body.thema_dark .pop_adballoon .user_info_layer .close, body.theme_dark .pop_adballoon .user_info_layer .close {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(93, 93, 93, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 11px 11px; }
  body.thema_dark .pop_adballoon .select_menu button, body.theme_dark .pop_adballoon .select_menu button {
    color: #999; }
  body.thema_dark .pop_adballoon .select_menu ul, body.theme_dark .pop_adballoon .select_menu ul {
    background-color: #222;
    border-color: #333; }
  body.thema_dark .pop_adballoon .select_adballoon, body.theme_dark .pop_adballoon .select_adballoon {
    background-color: #1b1b1c !important; }
  body.thema_dark .pop_adballoon .gift_text dt strong, body.theme_dark .pop_adballoon .gift_text dt strong {
    color: #e5e5e5; }
  body.thema_dark .pop_adballoon .gift_text dt label, body.theme_dark .pop_adballoon .gift_text dt label {
    color: #8c8c8c; }
  body.thema_dark .pop_adballoon .gift_text dd .text_wrap, body.theme_dark .pop_adballoon .gift_text dd .text_wrap {
    border-color: #585858 !important; }
    body.thema_dark .pop_adballoon .gift_text dd .text_wrap textarea, body.theme_dark .pop_adballoon .gift_text dd .text_wrap textarea {
      background-color: transparent;
      color: #e5e5e5; }
      body.thema_dark .pop_adballoon .gift_text dd .text_wrap textarea::placeholder, body.theme_dark .pop_adballoon .gift_text dd .text_wrap textarea::placeholder {
        color: #8c8c8c; }
  body.thema_dark .pop_adballoon .send_area .tooltip, body.theme_dark .pop_adballoon .send_area .tooltip {
    background-color: #7398ff; }
    body.thema_dark .pop_adballoon .send_area .tooltip:before, body.theme_dark .pop_adballoon .send_area .tooltip:before {
      border-top-color: #7398ff; }
  body.thema_dark .pop_stargift .star_info_layer .inner .mission_info dl dd.point, body.theme_dark .pop_stargift .star_info_layer .inner .mission_info dl dd.point {
    color: #e5e5e5; }
  body.thema_dark .pop_stargift .mission_tab li a, body.theme_dark .pop_stargift .mission_tab li a {
    color: #888; }
  body.thema_dark .pop_stargift .mission_tab li.on a, body.theme_dark .pop_stargift .mission_tab li.on a {
    color: #e5e5e5; }
  body.thema_dark .pop_stargift .mission_tab li:before, body.theme_dark .pop_stargift .mission_tab li:before {
    background: #333; }
  body.thema_dark .pop_stargift .mission_box, body.theme_dark .pop_stargift .mission_box {
    border: 1px solid #333; }
    body.thema_dark .pop_stargift .mission_box.active, body.theme_dark .pop_stargift .mission_box.active {
      border: 3px solid #7398ff; }
      body.thema_dark .pop_stargift .mission_box.active:hover, body.theme_dark .pop_stargift .mission_box.active:hover {
        border-color: #7398ff; }
    body.thema_dark .pop_stargift .mission_box:hover, body.theme_dark .pop_stargift .mission_box:hover {
      border: 3px solid #333; }
    body.thema_dark .pop_stargift .mission_box dl dd.mission_title, body.theme_dark .pop_stargift .mission_box dl dd.mission_title {
      color: #e5e5e5; }
    body.thema_dark .pop_stargift .mission_box dl dd.date, body.theme_dark .pop_stargift .mission_box dl dd.date {
      color: #999; }
  body.thema_dark .pop_stargift .mission_btn button, body.theme_dark .pop_stargift .mission_btn button {
    border-color: #5e7ac9;
    outline: none;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 19 32'%3e%3cpath d='M19.001,15.984 L16.163,18.788 L16.163,18.788 L3.393,31.405 C2.610,32.179 1.339,32.179 0.555,31.405 C-0.228,30.631 -0.228,29.375 0.555,28.601 L13.325,15.984 L0.555,3.367 C-0.228,2.593 -0.228,1.338 0.555,0.563 C1.339,-0.211 2.610,-0.211 3.393,0.563 L16.163,13.180 L16.163,13.180 L19.001,15.984 Z'%3e%3c/path%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 6px 10px; }
    body.thema_dark .pop_stargift .mission_btn button.off, body.theme_dark .pop_stargift .mission_btn button.off {
      border-color: #323232;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(77, 77, 77, 0.999)' stroke='' viewBox='0 0 19 32'%3e%3cpath d='M19.001,15.984 L16.163,18.788 L16.163,18.788 L3.393,31.405 C2.610,32.179 1.339,32.179 0.555,31.405 C-0.228,30.631 -0.228,29.375 0.555,28.601 L13.325,15.984 L0.555,3.367 C-0.228,2.593 -0.228,1.338 0.555,0.563 C1.339,-0.211 2.610,-0.211 3.393,0.563 L16.163,13.180 L16.163,13.180 L19.001,15.984 Z'%3e%3c/path%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 6px 10px; }
  body.thema_dark .pop_stargift .layer_l .list li, body.theme_dark .pop_stargift .layer_l .list li {
    color: #999; }
  body.thema_dark .pop_stargift .no_mission p, body.theme_dark .pop_stargift .no_mission p {
    color: #999; }
  body.thema_dark .pop_stargift .misstion_board th, body.theme_dark .pop_stargift .misstion_board th {
    color: #c8c8c8;
    background: #282828; }
  body.thema_dark .pop_stargift .misstion_board td, body.theme_dark .pop_stargift .misstion_board td {
    border-bottom: 1px solid #333;
    color: #c8c8c8; }
    body.thema_dark .pop_stargift .misstion_board td.success, body.theme_dark .pop_stargift .misstion_board td.success {
      color: #6bad31; }
  body.thema_dark .pop_stargift .misstion_board tr:last-child td, body.theme_dark .pop_stargift .misstion_board tr:last-child td {
    border-bottom: none; }
  body.thema_dark .pop_stargift .voice_text, body.theme_dark .pop_stargift .voice_text {
    color: #999; }
  body.thema_dark .pop_stargift .voice_selector, body.theme_dark .pop_stargift .voice_selector {
    background-color: #1b61c3; }
  body.thema_dark .pop_stargift .voice_selector.default, body.theme_dark .pop_stargift .voice_selector.default {
    background-color: #333;
    color: #c8c8c8; }
  body.thema_dark .pop_stargift .voice_selector_box, body.theme_dark .pop_stargift .voice_selector_box {
    border-color: #333;
    background-color: #1b1b1c; }
    body.thema_dark .pop_stargift .voice_selector_box h4, body.theme_dark .pop_stargift .voice_selector_box h4 {
      color: #c8c8c8; }
    body.thema_dark .pop_stargift .voice_selector_box .voice_selector, body.theme_dark .pop_stargift .voice_selector_box .voice_selector {
      background-color: #333;
      color: #e5e5e5; }
      body.thema_dark .pop_stargift .voice_selector_box .voice_selector:hover, body.theme_dark .pop_stargift .voice_selector_box .voice_selector:hover {
        color: #7398ff; }
      body.thema_dark .pop_stargift .voice_selector_box .voice_selector.active, body.theme_dark .pop_stargift .voice_selector_box .voice_selector.active {
        background-color: #1b61c3;
        color: #fff; }
      body.thema_dark .pop_stargift .voice_selector_box .voice_selector.active:hover, body.theme_dark .pop_stargift .voice_selector_box .voice_selector.active:hover {
        color: #fff; }
    body.thema_dark .pop_stargift .voice_selector_box .voice_selector_footer, body.theme_dark .pop_stargift .voice_selector_box .voice_selector_footer {
      border-top-color: #333; }
      body.thema_dark .pop_stargift .voice_selector_box .voice_selector_footer p, body.theme_dark .pop_stargift .voice_selector_box .voice_selector_footer p {
        color: #e5e5e5; }
    body.thema_dark .pop_stargift .voice_selector_box .close:before, body.theme_dark .pop_stargift .voice_selector_box .close:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e"); }
  body.thema_dark .pop_stargift .gift_input .cover_box, body.theme_dark .pop_stargift .gift_input .cover_box {
    background: #333; }
    body.thema_dark .pop_stargift .gift_input .cover_box p, body.theme_dark .pop_stargift .gift_input .cover_box p {
      color: #c8c8c8; }
    body.thema_dark .pop_stargift .gift_input .cover_box a, body.theme_dark .pop_stargift .gift_input .cover_box a {
      background-color: #1b61c3; }
  body.thema_dark .ui-pop.diagnose .pop-title, body.theme_dark .ui-pop.diagnose .pop-title {
    background-color: #3c3c40;
    color: #d9d9d9; }
    body.thema_dark .ui-pop.diagnose .pop-title span, body.theme_dark .ui-pop.diagnose .pop-title span {
      color: #d9d9d9; }
  body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl {
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.05);
    background-color: #2c2c2c; }
    body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dt, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dt {
      color: #d9d9d9; }
      body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dt em, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dt em {
        border-color: #444;
        background-color: #444444; }
    body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .state, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .state {
      color: #666; }
      body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .state.satisfactory, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .state.satisfactory {
        color: #b3b3b3; }
      body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .state.problematic, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .state.problematic {
        color: #fff; }
    body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .progress_bar, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .progress_bar {
      background-color: #444; }
    body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .info li, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .info li {
      color: #d9d9d9; }
      body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .info li *::before, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .info li *::before {
        background-color: #d9d9d9; }
      body.thema_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .info li a, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box dl dd .info li a {
        color: #7398ff; }
  body.thema_dark .ui-pop.diagnose .pop-body .scroll_box .pop-btn a, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box .pop-btn a {
    background-color: #7398ff !important; }
    body.thema_dark .ui-pop.diagnose .pop-body .scroll_box .pop-btn a.off, body.theme_dark .ui-pop.diagnose .pop-body .scroll_box .pop-btn a.off {
      background-color: #222 !important;
      color: rgba(255, 255, 255, 0.1) !important; }
  body.thema_dark .gather_balloon .gather_balloon_info h3, body.theme_dark .gather_balloon .gather_balloon_info h3 {
    color: #e5e5e5; }
  body.thema_dark .gather_balloon .gather_balloon_info .team_list li, body.theme_dark .gather_balloon .gather_balloon_info .team_list li {
    background-color: #222; }
    body.thema_dark .gather_balloon .gather_balloon_info .team_list li dl dt, body.theme_dark .gather_balloon .gather_balloon_info .team_list li dl dt {
      color: #e5e5e5; }
    body.thema_dark .gather_balloon .gather_balloon_info .team_list li dl dd, body.theme_dark .gather_balloon .gather_balloon_info .team_list li dl dd {
      color: #999; }
  body.thema_dark .gather_balloon .gather_balloon_info_layer, body.theme_dark .gather_balloon .gather_balloon_info_layer {
    background-color: #1b1b1c;
    border-color: #333; }
    body.thema_dark .gather_balloon .gather_balloon_info_layer .inner, body.theme_dark .gather_balloon .gather_balloon_info_layer .inner {
      border-color: #333; }
    body.thema_dark .gather_balloon .gather_balloon_info_layer dl dt, body.theme_dark .gather_balloon .gather_balloon_info_layer dl dt {
      color: #c8c8c8; }
    body.thema_dark .gather_balloon .gather_balloon_info_layer dl dd ul li, body.theme_dark .gather_balloon .gather_balloon_info_layer dl dd ul li {
      color: #999; }
      body.thema_dark .gather_balloon .gather_balloon_info_layer dl dd ul li span, body.theme_dark .gather_balloon .gather_balloon_info_layer dl dd ul li span {
        color: #6b85cf; }
  body.thema_dark .gather_balloon .gather_balloon_list dl dt, body.theme_dark .gather_balloon .gather_balloon_list dl dt {
    color: #e5e5e5; }
  body.thema_dark .gather_balloon .gather_balloon_list dl dt span, body.theme_dark .gather_balloon .gather_balloon_list dl dt span {
    color: #666; }
  body.thema_dark .gather_balloon .gather_balloon_list dl dd ul li a, body.theme_dark .gather_balloon .gather_balloon_list dl dd ul li a {
    background-color: #222; }
    body.thema_dark .gather_balloon .gather_balloon_list dl dd ul li a:after, body.theme_dark .gather_balloon .gather_balloon_list dl dd ul li a:after {
      content: '';
      position: absolute;
      top: 15px;
      right: 20px;
      display: block;
      width: 7px;
      height: 13px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%238C8C8C' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e"); }
    body.thema_dark .gather_balloon .gather_balloon_list dl dd ul li a:hover, body.theme_dark .gather_balloon .gather_balloon_list dl dd ul li a:hover {
      background-color: #2e2e2e; }
    body.thema_dark .gather_balloon .gather_balloon_list dl dd ul li a p, body.theme_dark .gather_balloon .gather_balloon_list dl dd ul li a p {
      color: #e5e5e5; }
    body.thema_dark .gather_balloon .gather_balloon_list dl dd ul li a span, body.theme_dark .gather_balloon .gather_balloon_list dl dd ul li a span {
      color: #888; }
  body.thema_dark .gather_balloon .gather_balloon_list_detail, body.theme_dark .gather_balloon .gather_balloon_list_detail {
    background-color: #1b1b1c; }
    body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_header h4, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_header h4 {
      color: #c8c8c8; }
    body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_header p span, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_header p span {
      color: #7398ff; }
    body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents {
      background-color: #222; }
      body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dt h5, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dt h5 {
        color: #e5e5e5; }
      body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dt strong, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dt strong {
        color: #7398ff; }
      body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li {
        border-color: #333; }
        body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li strong, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li strong {
          color: #e5e5e5; }
        body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li strong + span, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li strong + span {
          color: #666; }
        body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li a.live, body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li a.broadCast, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li a.live, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li a.broadCast {
          background-color: #333; }
        body.thema_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li a.broadCast:after, body.theme_dark .gather_balloon .gather_balloon_list_detail .detail_contents dd li a.broadCast:after {
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(156, 156, 156, 0.999)' stroke='' viewBox='0 0 26 22'%3e%3cpath d='M24.763 12.962a.828.828 0 01-1.16 0l-2.34-2.32v10.549a.816.816 0 01-.82.813h-5.609a.816.816 0 01-.82-.813v-3.82H10.98v3.82a.817.817 0 01-.821.813H4.55a.816.816 0 01-.82-.813V10.642l-2.34 2.32a.825.825 0 01-1.159 0 .809.809 0 010-1.15L11.917.227a.826.826 0 011.16 0l11.686 11.585c.32.317.32.832 0 1.15zM12.497 1.951L5.349 9.038c.005.036.021.068.021.105v11.235h3.969v-3.82c0-.449.368-.813.82-.813h4.675c.453 0 .82.364.82.813v3.82h3.969V9.143c0-.037.017-.07.021-.106l-7.147-7.086z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
  body.thema_dark .gather_balloon .send_area .cnt_all, body.theme_dark .gather_balloon .send_area .cnt_all {
    color: #999; }
    body.thema_dark .gather_balloon .send_area .cnt_all strong, body.theme_dark .gather_balloon .send_area .cnt_all strong {
      color: #7398ff; }
  body.thema_dark .gather_balloon .none, body.theme_dark .gather_balloon .none {
    background-color: #1b1b1c; }
    body.thema_dark .gather_balloon .none p, body.theme_dark .gather_balloon .none p {
      color: #999; }
  body.thema_dark .gift-emoticon .sub_title, body.theme_dark .gift-emoticon .sub_title {
    color: #e5e5e5; }
    body.thema_dark .gift-emoticon .sub_title + p, body.theme_dark .gift-emoticon .sub_title + p {
      color: #999; }
  body.thema_dark .gift-emoticon a.question, body.theme_dark .gift-emoticon a.question {
    color: #7398ff;
    border-color: #7398ff; }
  body.thema_dark .gift-emoticon .gift-emoticon_contents, body.theme_dark .gift-emoticon .gift-emoticon_contents {
    background-color: #222; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dt, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dt {
      color: #999; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.slide, body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.slide, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none {
      background-color: #1b1b1c; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide strong,
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide p, body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none strong, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide strong,
    body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide p, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none strong {
      color: #e5e5e5; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide p span,
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd span.id, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide p span,
    body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd span.id {
      color: #7398ff; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide button, body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none a, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd .swiper-wrapper .swiper-slide button, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none a {
      background-color: #1b61c3; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide-next:before, body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide-next + .swiper-slide:before, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide-next:before, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.slide .swiper-wrapper .swiper-slide-next + .swiper-slide:before {
      background-color: #333; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none p, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.contents_none p {
      color: #999; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.slide > button.button-prev, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.slide > button.button-prev {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(140, 140, 140, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M8.424 14.576c.235.234.235.614 0 .848-.234.235-.614.235-.848 0l-7-7C.34 8.19.34 7.81.576 7.576l7-7c.234-.235.614-.235.848 0 .235.234.235.614 0 .848L1.85 8l6.575 6.576z'/%3e%3c/svg%3e"); }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.slide > button.button-next, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.slide > button.button-next {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(140, 140, 140, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e"); }
    body.thema_dark .gift-emoticon .gift-emoticon_contents dl dd.slide > button, body.theme_dark .gift-emoticon .gift-emoticon_contents dl dd.slide > button {
      background-color: #1b1b1c; }
  body.thema_dark .gift-emoticon .gift-emoticon_contents > p, body.theme_dark .gift-emoticon .gift-emoticon_contents > p {
    color: #999; }
  body.thema_dark .gift-emoticon .gift-emoticon_contents > a, body.theme_dark .gift-emoticon .gift-emoticon_contents > a {
    color: #7398ff; }
    body.thema_dark .gift-emoticon .gift-emoticon_contents > a:before, body.theme_dark .gift-emoticon .gift-emoticon_contents > a:before {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
  body.thema_dark .pop_adballoon.send_pop .tab_option li,
  body.thema_dark .pop_adballoon.save_pop .tab_option li, body.theme_dark .pop_adballoon.send_pop .tab_option li,
  body.theme_dark .pop_adballoon.save_pop .tab_option li {
    border: 1px solid #1b1b1c; }
  body.thema_dark .pop_adballoon.send_pop .notice_adb_list,
  body.thema_dark .pop_adballoon.send_pop .send_area,
  body.thema_dark .pop_adballoon.save_pop .notice_adb_list,
  body.thema_dark .pop_adballoon.save_pop .send_area, body.theme_dark .pop_adballoon.send_pop .notice_adb_list,
  body.theme_dark .pop_adballoon.send_pop .send_area,
  body.theme_dark .pop_adballoon.save_pop .notice_adb_list,
  body.theme_dark .pop_adballoon.save_pop .send_area {
    background: #222 !important; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dt a,
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dd input,
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_st dd span,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dt a,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dd input,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_st dd span, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dt a,
  body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dd input,
  body.theme_dark .pop_adballoon.send_pop .send_area .gift_st dd span,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dt a,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dd input,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_st dd span {
    color: #7398ff !important; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dt a::after,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dt a::after, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dt a::after,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dt a::after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dd,
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dd input,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dd,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dd input, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dd,
  body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dd input,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dd,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dd input {
    background: #1b1b1c !important; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dt strong,
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dd .txt_count,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dt strong,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dd .txt_count, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dt strong,
  body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dd .txt_count,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dt strong,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dd .txt_count {
    color: #e5e5e5 !important; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dt,
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_st dt,
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_st dd,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dt,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_st dt,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_st dd, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dt,
  body.theme_dark .pop_adballoon.send_pop .send_area .gift_st dt,
  body.theme_dark .pop_adballoon.send_pop .send_area .gift_st dd,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dt,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_st dt,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_st dd {
    color: #999 !important; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dd,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dd, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dd,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dd {
    border: 2px solid #7398ff !important; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dd .txt_default,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dd .txt_default, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dd .txt_default,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dd .txt_default {
    color: #e5e5e5 !important; }
  body.thema_dark .pop_adballoon.send_pop .send_area .gift_at dd button,
  body.thema_dark .pop_adballoon.save_pop .send_area .gift_at dd button, body.theme_dark .pop_adballoon.send_pop .send_area .gift_at dd button,
  body.theme_dark .pop_adballoon.save_pop .send_area .gift_at dd button {
    background: url("/images/flashplayer/split_layer_dark.png") no-repeat 7px -368px; }
  body.thema_dark .pop_adballoon.send_pop .service_guide_layer,
  body.thema_dark .pop_adballoon.save_pop .service_guide_layer, body.theme_dark .pop_adballoon.send_pop .service_guide_layer,
  body.theme_dark .pop_adballoon.save_pop .service_guide_layer {
    border: 2px solid #333;
    background: #1b1b1c; }
    body.thema_dark .pop_adballoon.send_pop .service_guide_layer strong,
    body.thema_dark .pop_adballoon.save_pop .service_guide_layer strong, body.theme_dark .pop_adballoon.send_pop .service_guide_layer strong,
    body.theme_dark .pop_adballoon.save_pop .service_guide_layer strong {
      color: #e5e5e5; }
    body.thema_dark .pop_adballoon.send_pop .service_guide_layer p,
    body.thema_dark .pop_adballoon.save_pop .service_guide_layer p, body.theme_dark .pop_adballoon.send_pop .service_guide_layer p,
    body.theme_dark .pop_adballoon.save_pop .service_guide_layer p {
      color: #b3b3b3; }
    body.thema_dark .pop_adballoon.send_pop .service_guide_layer p.txt_s,
    body.thema_dark .pop_adballoon.save_pop .service_guide_layer p.txt_s, body.theme_dark .pop_adballoon.send_pop .service_guide_layer p.txt_s,
    body.theme_dark .pop_adballoon.save_pop .service_guide_layer p.txt_s {
      color: #888; }
    body.thema_dark .pop_adballoon.send_pop .service_guide_layer .v_check,
    body.thema_dark .pop_adballoon.save_pop .service_guide_layer .v_check, body.theme_dark .pop_adballoon.send_pop .service_guide_layer .v_check,
    body.theme_dark .pop_adballoon.save_pop .service_guide_layer .v_check {
      color: #999; }
    body.thema_dark .pop_adballoon.send_pop .service_guide_layer .close,
    body.thema_dark .pop_adballoon.save_pop .service_guide_layer .close, body.theme_dark .pop_adballoon.send_pop .service_guide_layer .close,
    body.theme_dark .pop_adballoon.save_pop .service_guide_layer .close {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(93, 93, 93, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 11px 11px; }
  body.thema_dark .pop_adballoon.send_pop .send_area .txt_info,
  body.thema_dark .pop_adballoon.save_pop .send_area .txt_info, body.theme_dark .pop_adballoon.send_pop .send_area .txt_info,
  body.theme_dark .pop_adballoon.save_pop .send_area .txt_info {
    color: #999; }
  body.thema_dark .pop_adballoon.send_pop .send_area .input_wrap label,
  body.thema_dark .pop_adballoon.save_pop .send_area .input_wrap label, body.theme_dark .pop_adballoon.send_pop .send_area .input_wrap label,
  body.theme_dark .pop_adballoon.save_pop .send_area .input_wrap label {
    color: #888; }
  body.thema_dark .nick_chage p, body.theme_dark .nick_chage p {
    color: #c8c8c8; }
  body.thema_dark .nick_chage span, body.theme_dark .nick_chage span {
    color: #999; }
    body.thema_dark .nick_chage span em, body.theme_dark .nick_chage span em {
      color: #7398ff; }
  body.thema_dark .pop_adballoon .select_adballoon .btn_show > button, body.theme_dark .pop_adballoon .select_adballoon .btn_show > button {
    background-color: #282828;
    border-color: #282828; }
    body.thema_dark .pop_adballoon .select_adballoon .btn_show > button:before, body.theme_dark .pop_adballoon .select_adballoon .btn_show > button:before {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(180, 180, 180, 0.999)' stroke='' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd' d='M4.918 5.925L.138.849C-.057.645-.045.326.163.136c.208-.19.532-.18.726.027l4.028 4.276L8.946.163c.193-.207.517-.217.725-.027.208.19.22.509.028.713L4.92 5.925z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  body.thema_dark .pop_adballoon .select_adballoon .btn_show .layer_tip, body.theme_dark .pop_adballoon .select_adballoon .btn_show .layer_tip {
    background-color: #7398ff; }
    body.thema_dark .pop_adballoon .select_adballoon .btn_show .layer_tip:after, body.theme_dark .pop_adballoon .select_adballoon .btn_show .layer_tip:after {
      border-top-color: #7398ff; }
  body.thema_dark .pop_adballoon .select_adballoon .btn_show + p, body.theme_dark .pop_adballoon .select_adballoon .btn_show + p {
    color: #c8c8c8; }
  body.thema_dark .pop_adballoon .select_adballoon ul li button, body.theme_dark .pop_adballoon .select_adballoon ul li button {
    border-color: #262627; }
    body.thema_dark .pop_adballoon .select_adballoon ul li button.on, body.thema_dark .pop_adballoon .select_adballoon ul li button:hover, body.theme_dark .pop_adballoon .select_adballoon ul li button.on, body.theme_dark .pop_adballoon .select_adballoon ul li button:hover {
      border-color: #7398ff; }
  body.thema_dark .pop_adballoon .select_adballoon.on, body.theme_dark .pop_adballoon .select_adballoon.on {
    background-color: #1b1b1c; }
    body.thema_dark .pop_adballoon .select_adballoon.on:before, body.theme_dark .pop_adballoon .select_adballoon.on:before {
      border-color: #282828; }
    body.thema_dark .pop_adballoon .select_adballoon.on .btn_show .layer_tip:after, body.theme_dark .pop_adballoon .select_adballoon.on .btn_show .layer_tip:after {
      border-bottom-color: #7398ff; }
  body.thema_dark .pop_user_join .dim.white, body.theme_dark .pop_user_join .dim.white {
    background-color: rgba(0, 0, 0, 0.6); }
  body.thema_dark .pop_user_join .pop-body .connecting p, body.theme_dark .pop_user_join .pop-body .connecting p {
    color: #c8c8c8; }
    body.thema_dark .pop_user_join .pop-body .connecting p strong em, body.theme_dark .pop_user_join .pop-body .connecting p strong em {
      color: #6b85cf; }
  body.thema_dark .pop_user_join .pop-body .text, body.theme_dark .pop_user_join .pop-body .text {
    color: #c8c8c8; }
    body.thema_dark .pop_user_join .pop-body .text span, body.theme_dark .pop_user_join .pop-body .text span {
      color: #6b85cf; }
  body.thema_dark .pop_user_join .pop-btn button, body.theme_dark .pop_user_join .pop-btn button {
    border-color: #424243;
    color: #999; }
    body.thema_dark .pop_user_join .pop-btn button.screen:before, body.theme_dark .pop_user_join .pop-btn button.screen:before {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cpath d='M55.6 78.22H20.53c-6.33-.01-11.48-5.17-11.48-11.49V33.29c-.01-6.34 5.14-11.5 11.48-11.51h35.06c6.33.01 11.47 5.17 11.47 11.5v5.62a.997.997 0 0 0 1.57.82c.05-.04.1-.07.16-.1L85.94 29.5c.96-.62 2.22-.68 3.24-.15 1.06.56 1.72 1.65 1.72 2.85l.04 35.6c.01 1.2-.66 2.31-1.74 2.86-.96.51-2.24.46-3.19-.14l-17.24-9.91c-.05-.03-.11-.06-.16-.1-.31-.21-.7-.23-1.03-.06-.33.17-.53.51-.53.88v5.4c.01 6.32-5.13 11.48-11.45 11.49zM20.53 26.28c-3.85 0-6.99 3.15-6.98 7.01v33.44c0 3.85 3.14 6.99 6.99 7H55.6c3.84-.01 6.97-3.15 6.97-6.99v-5.4c0-2.05 1.13-3.91 2.94-4.87 1.79-.94 3.92-.83 5.6.29l15.35 8.82-.04-31.13-15.26 9a5.484 5.484 0 0 1-5.62.34 5.484 5.484 0 0 1-2.97-4.88v-5.62c0-3.85-3.13-6.99-6.98-7H20.53zm65.92 41.51v.02-.02zm-.04-35.6z' style='fill:%23ffffff'/%3e%3c/svg%3e"); }
    body.thema_dark .pop_user_join .pop-btn button.screen.off:before, body.theme_dark .pop_user_join .pop-btn button.screen.off:before {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_2' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23ffffff%7d%3c/style%3e%3cpath class='st0' d='M62.78 40.4s0 .01 0 0l4.29-4.29L84.4 18.78c.88-.88.88-2.3 0-3.18-.88-.88-2.3-.88-3.18 0L66.63 30.19v-.01l-4.06 4.06v.02L23.1 73.72h-.02l-8.33 8.33h.01l-3.15 3.15a2.25 2.25 0 0 0 1.59 3.84c.57 0 1.15-.22 1.59-.66l6.17-6.17 8.49-8.49L62.78 40.4zM13.55 66.73V33.28c0-3.86 3.13-7 6.98-7.01h35.06c2.33.01 4.38 1.16 5.65 2.92l3.21-3.21c-2.11-2.56-5.29-4.2-8.86-4.21H20.53c-6.34.01-11.49 5.17-11.48 11.51v33.44c0 3.97 2.04 7.48 5.12 9.55l3.29-3.29c-2.32-1.14-3.91-3.51-3.91-6.25zM90.91 32.19c0-1.2-.66-2.29-1.73-2.85a3.261 3.261 0 0 0-3.24.15l-14.36 8.47-5.89 5.89c1.77.84 3.83.7 5.45-.41l15.26-9 .04 31.13-15.34-8.82a5.512 5.512 0 0 0-5.6-.29 5.49 5.49 0 0 0-2.94 4.87v5.4c0 3.85-3.13 6.98-6.97 6.99H35.83l-4.5 4.5H55.6c6.32-.02 11.47-5.17 11.47-11.49v-5.4c0-.37.2-.71.53-.88.33-.17.73-.15 1.03.06.05.04.1.07.16.1l17.24 9.91c.95.6 2.22.65 3.2.14a3.184 3.184 0 0 0 1.73-2.86l-.05-35.61z'/%3e%3c/svg%3e"); }
    body.thema_dark .pop_user_join .pop-btn button.sound:before, body.theme_dark .pop_user_join .pop-btn button.sound:before {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_1' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23ffffff%7d%3c/style%3e%3cpath class='st0' d='M76.25 51c0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 11.99-9.76 21.75-21.75 21.75S28.25 62.99 28.25 51c0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 13.72 10.58 25 24 26.15V89c0 1.24 1.01 2.25 2.25 2.25s2.25-1.01 2.25-2.25V77.15c13.42-1.15 24-12.43 24-26.15z'/%3e%3cpath class='st0' d='M50 65.25c9.51 0 17.25-7.74 17.25-17.25V26c0-9.51-7.74-17.25-17.25-17.25S32.75 16.49 32.75 26v22c0 9.51 7.74 17.25 17.25 17.25zM37.25 26c0-7.03 5.72-12.75 12.75-12.75S62.75 18.97 62.75 26v22c0 7.03-5.72 12.75-12.75 12.75S37.25 55.03 37.25 48V26z'/%3e%3c/svg%3e"); }
    body.thema_dark .pop_user_join .pop-btn button.sound.off:before, body.theme_dark .pop_user_join .pop-btn button.sound.off:before {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Layer_2' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100' xml:space='preserve'%3e%3cstyle%3e.st0%7bfill:%23ffffff%7d%3c/style%3e%3cpath class='st0' d='M30.3 60.2c-1.31-2.8-2.05-5.91-2.05-9.2 0-1.24-1.01-2.25-2.25-2.25s-2.25 1.01-2.25 2.25c0 4.54 1.17 8.81 3.2 12.54l3.35-3.34zM74 48.75c-1.24 0-2.25 1.01-2.25 2.25 0 11.99-9.76 21.75-21.75 21.75-3.8 0-7.37-.98-10.48-2.7l-3.29 3.29c3.4 2.1 7.32 3.45 11.52 3.81V89c0 1.24 1.01 2.25 2.25 2.25s2.25-1.01 2.25-2.25V77.15c13.42-1.15 24-12.43 24-26.15 0-1.24-1.01-2.25-2.25-2.25zM38.06 52.44c-.52-1.38-.81-2.87-.81-4.44V26c0-7.03 5.72-12.75 12.75-12.75S62.75 18.97 62.75 26v1.75l4.29-4.29C65.8 15.15 58.64 8.75 50 8.75c-9.51 0-17.25 7.74-17.25 17.25v22c0 2.83.7 5.49 1.91 7.84l3.4-3.4z'/%3e%3cpath class='st0' d='M67.25 48v-5.68l-4.5 4.5V48c0 7.03-5.72 12.75-12.75 12.75-.38 0-.75-.02-1.12-.06l-3.83 3.83c1.57.47 3.23.73 4.95.73 9.51 0 17.25-7.74 17.25-17.25zM84.39 15.61c-.88-.88-2.3-.88-3.18 0l-.35.35-13.61 13.61-4.5 4.5-22.33 22.32-3.18 3.18-4.56 4.56-3.2 3.2L15.6 81.21c-.07.07-.13.15-.19.23-.67.88-.61 2.14.19 2.95.44.44 1.02.66 1.59.66s1.15-.22 1.59-.66L32.57 70.6l.01.01 3.19-3.19 4.93-4.93 3.27-3.27 18.77-18.77 4.5-4.5v-.03l17.14-17.14c.89-.87.89-2.3.01-3.17z'/%3e%3c/svg%3e"); }
    body.thema_dark .pop_user_join .pop-btn button.btn3.blue, body.theme_dark .pop_user_join .pop-btn button.btn3.blue {
      background: #6b85cf;
      color: #fff;
      border-color: #6b85cf; }
  body.thema_dark .pop_user_join .soundbar, body.theme_dark .pop_user_join .soundbar {
    background-color: #6b85cf; }
  body.thema_dark .pop_user_join .depth_1 > dt, body.theme_dark .pop_user_join .depth_1 > dt {
    color: #c8c8c8; }
  body.thema_dark .pop_user_join .depth_2, body.theme_dark .pop_user_join .depth_2 {
    border-bottom-color: #333; }
  body.thema_dark .pop_user_join .depth_2 > dt, body.theme_dark .pop_user_join .depth_2 > dt {
    color: #999; }
  body.thema_dark .pop_user_join .select_wrap button.title, body.theme_dark .pop_user_join .select_wrap button.title {
    color: #999; }
    body.thema_dark .pop_user_join .select_wrap button.title:before, body.theme_dark .pop_user_join .select_wrap button.title:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3e%3cpath fill-rule='evenodd' fill='%238d8d8d' d='M1.39.544C1.138.33.76.358.544.61c-.215.252-.186.63.066.846l7.01 6c.225.192.557.192.781 0l6.99-6c.251-.217.28-.595.064-.847-.216-.251-.594-.28-.846-.064L8.01 6.21 1.39.544z'/%3e%3c/svg%3e");
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
    body.thema_dark .pop_user_join .select_wrap button.title.on, body.theme_dark .pop_user_join .select_wrap button.title.on {
      color: #6b85cf; }
  body.thema_dark .pop_user_join .select_wrap ul, body.theme_dark .pop_user_join .select_wrap ul {
    background-color: #1b1b1c;
    border-color: #333; }
    body.thema_dark .pop_user_join .select_wrap ul li, body.theme_dark .pop_user_join .select_wrap ul li {
      border-color: #333; }
      body.thema_dark .pop_user_join .select_wrap ul li button, body.theme_dark .pop_user_join .select_wrap ul li button {
        color: #999; }
        body.thema_dark .pop_user_join .select_wrap ul li button:hover, body.theme_dark .pop_user_join .select_wrap ul li button:hover {
          color: #6b85cf;
          background-color: #2f2f30; }
  body.thema_dark .mini_layer p, body.theme_dark .mini_layer p {
    color: #c8c8c8; }
  body.thema_dark .mini_layer .pop-btn .btn.btn_blue, body.theme_dark .mini_layer .pop-btn .btn.btn_blue {
    background-color: #6b85cf;
    border-color: #6b85cf; }
  body.thema_dark .sub_layer, body.theme_dark .sub_layer {
    background-color: #1b1b1c;
    border-color: #333333; }
    body.thema_dark .sub_layer .sub_layer_title, body.theme_dark .sub_layer .sub_layer_title {
      color: #c8c8c8; }
    body.thema_dark .sub_layer .sub_layer_btn button, body.theme_dark .sub_layer .sub_layer_btn button {
      color: #999;
      border-color: #484848; }

/* ****************************************** */
/* @ 하단에 다크모드 외 css 추가 금지 */
/* ****************************************** */
/* ***********************************************************************

 * 설명      : 웹플레이어 어두운 모드용css   live , vod 공통 사용
 * 작업자    : DK
 * 작성일    : 2019.10.23

 * update :  2019.06.10  webplayer_common.css 통합

*********************************************************************** */
/*
 * @ 다크모드
 */
html[dark=true] body {
  background: #121213 !important; }

body.thema_dark, body.theme_dark {
  color: #eee !important;
  /* 개인화 */
  /* 다크테마 스크롤 */ }
  body.thema_dark #webplayer_top, body.theme_dark #webplayer_top {
    background-color: #1b1b1c;
    border-color: #000;
    border-width: 1px; }
    body.thema_dark #webplayer_top .logo a, body.theme_dark #webplayer_top .logo a {
      width: 119px;
      height: 22px;
      top: 21px;
      background-position: -750px 0px;
      color: #fff; }
    body.thema_dark #webplayer_top .logo a.vod, body.theme_dark #webplayer_top .logo a.vod {
      width: auto;
      font-weight: lighter; }
    body.thema_dark #webplayer_top .top_item .log_area > a, body.theme_dark #webplayer_top .top_item .log_area > a {
      color: #8db4fa !important; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_item:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_item:before {
      background-position-x: -900px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_balloon:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_balloon:before {
      background-position-x: -918px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_Hopeballoon:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_Hopeballoon:before {
      background-position-x: -936px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_message:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_message:before {
      background-position-x: -954px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_ad:before,
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_bene:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_ad:before,
    body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_bene:before {
      background-position-x: -972px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_shopping:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_shopping:before {
      background-position-x: -990px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_ffom:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_ffom:before {
      background-position-x: -1008px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_gd:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_gd:before {
      background-position-x: -1026px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_tk:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_tk:before {
      background-position-x: -1062px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.Account_info:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.Account_info:before {
      background-position-x: -1080px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_stat:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_stat:before {
      background-position-x: -1098px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_spon:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_spon:before {
      background-position-x: -1116px; }
    body.thema_dark #webplayer_top .top_item .log_area .user_area li a.my_profit:before, body.theme_dark #webplayer_top .top_item .log_area .user_area li a.my_profit:before {
      background-position-x: -1226px; }
    body.thema_dark #webplayer_top .top_item .view_ctrl li:before, body.theme_dark #webplayer_top .top_item .view_ctrl li:before {
      background-color: #000; }
    body.thema_dark #webplayer_top .top_item .search input, body.theme_dark #webplayer_top .top_item .search input {
      background: #0e0e0e;
      border-color: #2e2e2f;
      color: #999 !important; }
    body.thema_dark #webplayer_top .top_item .search input::placeholder, body.theme_dark #webplayer_top .top_item .search input::placeholder {
      color: #999 !important; }
    body.thema_dark #webplayer_top .top_item .search .btn_search span, body.theme_dark #webplayer_top .top_item .search .btn_search span {
      background-position: -837px -24px; }
      body.thema_dark #webplayer_top .top_item .search .btn_search span:hover, body.theme_dark #webplayer_top .top_item .search .btn_search span:hover {
        background-position: -107px -34px; }
    body.thema_dark #webplayer_top .top_item .search .search_list, body.theme_dark #webplayer_top .top_item .search .search_list {
      background-color: #0e0e0e;
      border-color: #333 !important; }
    body.thema_dark #webplayer_top .top_item .search.active .search_list .list_title,
    body.thema_dark #webplayer_top .top_item .search.active .search_list .del_all, body.theme_dark #webplayer_top .top_item .search.active .search_list .list_title,
    body.theme_dark #webplayer_top .top_item .search.active .search_list .del_all {
      color: #fff;
      border-color: #333; }
    body.thema_dark #webplayer_top .top_item .search.active .search_list a, body.theme_dark #webplayer_top .top_item .search.active .search_list a {
      color: #999; }
    body.thema_dark #webplayer_top .top_item .search.active .search_list em, body.theme_dark #webplayer_top .top_item .search.active .search_list em {
      border-color: transparent; }
    body.thema_dark #webplayer_top .top_item .search.active .search_list li:hover, body.theme_dark #webplayer_top .top_item .search.active .search_list li:hover {
      background-color: #222; }
  body.thema_dark #list_area,
  body.thema_dark #chatting_area,
  body.thema_dark #list_bookmark_area,
  body.thema_dark .chatbox, body.theme_dark #list_area,
  body.theme_dark #chatting_area,
  body.theme_dark #list_bookmark_area,
  body.theme_dark .chatbox {
    background: #121213 !important; }
  body.thema_dark #webplayer_contents #player_area,
  body.thema_dark #webplayer_contents #chatting_area,
  body.thema_dark #webplayer_contents #list_area,
  body.thema_dark #webplayer_contents #list_bookmark_area, body.theme_dark #webplayer_contents #player_area,
  body.theme_dark #webplayer_contents #chatting_area,
  body.theme_dark #webplayer_contents #list_area,
  body.theme_dark #webplayer_contents #list_bookmark_area {
    border-color: #1d1d1d !important; }
  body.thema_dark #webplayer_top .top_item .view_ctrl li.btn_chat button span, body.theme_dark #webplayer_top .top_item .view_ctrl li.btn_chat button span {
    background-position: -750px -51px; }
  body.thema_dark .chat_open #webplayer_top .top_item .view_ctrl li.btn_chat button span, body.theme_dark .chat_open #webplayer_top .top_item .view_ctrl li.btn_chat button span {
    background-position: -750px -24px; }
  body.thema_dark #webplayer_top .top_item .view_ctrl li.btn_list button span, body.theme_dark #webplayer_top .top_item .view_ctrl li.btn_list button span {
    background-position: -782px -51px; }
  body.thema_dark .list_open #webplayer_top .top_item .view_ctrl li.btn_list button span, body.theme_dark .list_open #webplayer_top .top_item .view_ctrl li.btn_list button span {
    background-position: -782px -24px; }
  body.thema_dark #webplayer_top .top_item .view_ctrl li.btn_list_bookmark button span, body.theme_dark #webplayer_top .top_item .view_ctrl li.btn_list_bookmark button span {
    background-position: -810px -51px; }
  body.thema_dark .list_bookmark_open #webplayer_top .top_item .view_ctrl li.btn_list_bookmark button span, body.theme_dark .list_bookmark_open #webplayer_top .top_item .view_ctrl li.btn_list_bookmark button span {
    background-position: -810px -24px; }
  body.thema_dark #list_area .list_tab li a,
  body.thema_dark #list_bookmark_area .list_tab li a, body.theme_dark #list_area .list_tab li a,
  body.theme_dark #list_bookmark_area .list_tab li a {
    color: #999; }
  body.thema_dark #list_area .list_tab li.on a,
  body.thema_dark #list_area .list_tab li a:hover,
  body.thema_dark #list_bookmark_area .list_tab li.on a,
  body.thema_dark #list_bookmark_area .list_tab li a:hover, body.theme_dark #list_area .list_tab li.on a,
  body.theme_dark #list_area .list_tab li a:hover,
  body.theme_dark #list_bookmark_area .list_tab li.on a,
  body.theme_dark #list_bookmark_area .list_tab li a:hover {
    color: #7398ff; }
  body.thema_dark #list_area .loading,
  body.thema_dark #list_bookmark_area .loading, body.theme_dark #list_area .loading,
  body.theme_dark #list_bookmark_area .loading {
    background-color: #121213 !important; }
  body.thema_dark .hv, body.thema_dark .hv a, body.theme_dark .hv, body.theme_dark .hv a {
    background-color: #222 !important; }
  body.thema_dark .area_header, body.theme_dark .area_header {
    border-color: #1d1d1d !important; }
    body.thema_dark .area_header span, body.theme_dark .area_header span {
      color: #c8c8c8; }
  body.thema_dark .text_information.full .vod_full, body.theme_dark .text_information.full .vod_full {
    color: #7398ff;
    border-color: #7398ff; }
    body.thema_dark .text_information.full .vod_full:hover, body.theme_dark .text_information.full .vod_full:hover {
      background-color: #2e2e2f !important; }
  body.thema_dark .text_information .nickname, body.theme_dark .text_information .nickname {
    color: #4279ff; }
  body.thema_dark .text_information .broadcast_title, body.theme_dark .text_information .broadcast_title {
    color: #f5f6f7 !important; }
  body.thema_dark .text_information .etc:before, body.theme_dark .text_information .etc:before {
    border-color: #1d1d1d !important; }
  body.thema_dark .text_information .etc ul li:before, body.theme_dark .text_information .etc ul li:before {
    background-color: #333; }
  body.thema_dark .text_information .etc ul li.detail button:after, body.theme_dark .text_information .etc ul li.detail button:after {
    opacity: .7; }
  body.thema_dark .text_information .etc ul li.gift_cnt strong, body.theme_dark .text_information .etc ul li.gift_cnt strong {
    color: #c8c8c8; }
  body.thema_dark .text_information .etc .smr .logo, body.theme_dark .text_information .etc .smr .logo {
    background-position-x: -750px; }
  body.thema_dark .text_information .etc .smr .logo.cjenm, body.theme_dark .text_information .etc .smr .logo.cjenm {
    width: 51px; }
  body.thema_dark .text_information .etc .smr a:after, body.theme_dark .text_information .etc .smr a:after {
    background-position-x: -119px; }
  body.thema_dark .text_information .vod_info, body.theme_dark .text_information .vod_info {
    color: #787878; }
  body.thema_dark .text_information .btn_bjaward_poll, body.theme_dark .text_information .btn_bjaward_poll {
    z-index: 10000; }
  body.thema_dark .text_information .detail_view li span, body.theme_dark .text_information .detail_view li span {
    color: #888; }
  body.thema_dark .text_information .detail_view li span button, body.theme_dark .text_information .detail_view li span button {
    border-color: #787878; }
  body.thema_dark .text_information .detail_view li span em, body.theme_dark .text_information .detail_view li span em {
    color: #fff; }
  body.thema_dark .text_information .detail_view li .btn_report, body.theme_dark .text_information .detail_view li .btn_report {
    border-color: #333;
    color: #999; }
    body.thema_dark .text_information .detail_view li .btn_report:before, body.theme_dark .text_information .detail_view li .btn_report:before {
      opacity: .6; }
  body.thema_dark .text_information .detail_view li.bj_info, body.theme_dark .text_information .detail_view li.bj_info {
    background-color: #242427; }
    body.thema_dark .text_information .detail_view li.bj_info .nickname + em, body.theme_dark .text_information .detail_view li.bj_info .nickname + em {
      color: #e5e5e5; }
    body.thema_dark .text_information .detail_view li.bj_info .text, body.theme_dark .text_information .detail_view li.bj_info .text {
      color: #888; }
  body.thema_dark .text_information .detail_view li.nft, body.theme_dark .text_information .detail_view li.nft {
    color: #888; }
    body.thema_dark .text_information .detail_view li.nft .nick, body.theme_dark .text_information .detail_view li.nft .nick {
      color: #c8c8c8; }
  body.thema_dark .text_information .nft a, body.theme_dark .text_information .nft a {
    background-color: #242427;
    color: #888; }
    body.thema_dark .text_information .nft a .nick, body.theme_dark .text_information .nft a .nick {
      color: #4279ff; }
  body.thema_dark .text_information .broadcast_viewer_cnt > span, body.theme_dark .text_information .broadcast_viewer_cnt > span {
    color: #888; }
  body.thema_dark .text_information .broadcast_viewer_cnt > span:before, body.theme_dark .text_information .broadcast_viewer_cnt > span:before {
    opacity: .5; }
  body.thema_dark .text_information .broadcast_viewer_cnt .viewer_cnt_detail, body.theme_dark .text_information .broadcast_viewer_cnt .viewer_cnt_detail {
    border-color: #333;
    background-color: #1b1b1c;
    color: #e5e5e5; }
    body.thema_dark .text_information .broadcast_viewer_cnt .viewer_cnt_detail i, body.theme_dark .text_information .broadcast_viewer_cnt .viewer_cnt_detail i {
      background-color: #999; }
  body.thema_dark .text_information .broadcast_viewer_cnt:hover:after, body.thema_dark .text_information .broadcast_viewer_cnt:hover:before, body.theme_dark .text_information .broadcast_viewer_cnt:hover:after, body.theme_dark .text_information .broadcast_viewer_cnt:hover:before {
    content: '';
    position: absolute;
    left: 5px;
    bottom: 19px;
    z-index: 1;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #1b1b1c  transparent transparent transparent;
    background: none; }
  body.thema_dark .text_information .broadcast_viewer_cnt:hover:before, body.theme_dark .text_information .broadcast_viewer_cnt:hover:before {
    bottom: 17px;
    border-color: #333 transparent transparent transparent; }
  body.thema_dark .player_item_list, body.theme_dark .player_item_list {
    border-color: #1d1d1d !important; }
    body.thema_dark .player_item_list .text_output, body.theme_dark .player_item_list .text_output {
      background-color: #333;
      border-color: #333; }
      body.thema_dark .player_item_list .text_output p, body.theme_dark .player_item_list .text_output p {
        color: #e5e5e5; }
      body.thema_dark .player_item_list .text_output.adballoon, body.thema_dark .player_item_list .text_output.icon_box, body.theme_dark .player_item_list .text_output.adballoon, body.theme_dark .player_item_list .text_output.icon_box {
        border: 1px solid #242427;
        background-color: #242427; }
        body.thema_dark .player_item_list .text_output.adballoon a, body.thema_dark .player_item_list .text_output.icon_box a, body.theme_dark .player_item_list .text_output.adballoon a, body.theme_dark .player_item_list .text_output.icon_box a {
          color: #6b85cf; }
        body.thema_dark .player_item_list .text_output.adballoon .close, body.thema_dark .player_item_list .text_output.icon_box .close, body.theme_dark .player_item_list .text_output.adballoon .close, body.theme_dark .player_item_list .text_output.icon_box .close {
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153, 153, 153, 0.999)' stroke='' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") 0 0 no-repeat;
          background-size: 100% 100%; }
      body.thema_dark .player_item_list .text_output.icon_box span.quick_view_p, body.theme_dark .player_item_list .text_output.icon_box span.quick_view_p {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 48.02 35'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23242427%7d.cls-2%7bfill:%235687ff%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M26 40v-3.5a4 4 0 014-4h34a4 4 0 014 4V40' transform='translate(-25.98 -32.5)'/%3e%3cpath class='cls-1' d='M26 39.75V57.5a4 4 0 004 4h34a4 4 0 004-4V39.75' transform='translate(-25.98 -32.5)'/%3e%3cpath class='cls-2' d='M64 32.5H30a4 4 0 00-4 4v22a4 4 0 004 4h34a4 4 0 004-4v-22a4 4 0 00-4-4zm-34 1h34a3 3 0 013 3v3H27v-3a3 3 0 013-3zm34 28H30a3 3 0 01-3-3v-18h40v18a3 3 0 01-3 3z' transform='translate(-25.98 -32.5)'/%3e%3ccircle class='cls-1' cx='40.02' cy='27' r='7.5'/%3e%3cpath class='cls-2' d='M66 52.5a7 7 0 11-7 7 7 7 0 017-7m0-1a8 8 0 108 8 8 8 0 00-8-8z' transform='translate(-25.98 -32.5)'/%3e%3cpath class='cls-2' d='M66.07 56.33a.4.4 0 00.38-.42.39.39 0 00-.38-.41 4 4 0 00-3.85 4.18 4.32 4.32 0 00.1 1l-.2-.14a.36.36 0 00-.53.11.43.43 0 00.1.57l1.28.95a.33.33 0 00.21.07.36.36 0 00.27-.12.45.45 0 000-.53 3.52 3.52 0 01-.45-1.91 3.23 3.23 0 013.07-3.35zM70.31 57.83L69 56.88a.36.36 0 00-.48 0 .44.44 0 000 .52 3.58 3.58 0 01.48 1.92 3.23 3.23 0 01-3.09 3.35.4.4 0 00-.38.42.39.39 0 00.38.41 4 4 0 003.86-4.18 4.33 4.33 0 00-.11-1l.2.14a.36.36 0 00.53-.11.43.43 0 00-.08-.52z' transform='translate(-25.98 -32.5)'/%3e%3cpath class='cls-2' d='M30.01 14v-3h-1v3h-3v1h3v3h1v-3h3.01v-1h-3.01z'/%3e%3cpath class='cls-2' d='M49.64 54.66a6.49 6.49 0 001-3.86v-.32a8 8 0 00-.37-2.56 5.18 5.18 0 00-1-1.88 4.39 4.39 0 00-1.65-1.15 6.22 6.22 0 00-4.39 0 4.47 4.47 0 00-1.66 1.17A5.37 5.37 0 0040.51 48a8.09 8.09 0 00-.36 2.51v.31a8.75 8.75 0 00.26 2.29 5.41 5.41 0 00.77 1.7A4.49 4.49 0 0042.42 56a5.83 5.83 0 001.64.72l6.81 1.83.27-1-4.43-1a4.47 4.47 0 002.93-1.89zm-6 .81a3.22 3.22 0 01-1.26-1 4.59 4.59 0 01-.74-1.61 8.43 8.43 0 01-.25-2.09v-.47a7.12 7.12 0 01.26-2 4.31 4.31 0 01.76-1.53 3.35 3.35 0 011.25-1 4 4 0 011.71-.35 4.19 4.19 0 011.8.36 3.36 3.36 0 011.25 1 4.49 4.49 0 01.73 1.59 8.33 8.33 0 01.23 2.08V51a7.25 7.25 0 01-.25 2 4.52 4.52 0 01-.75 1.54 3.29 3.29 0 01-1.23 1 3.84 3.84 0 01-1.71.35 4.19 4.19 0 01-1.79-.42z' transform='translate(-25.98 -32.5)'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
  @media (max-width: 797px) {
    body.thema_dark .layout_v2 .broadcast_information, body.theme_dark .layout_v2 .broadcast_information {
      border-bottom: 1px solid #26262600; }
    body.thema_dark .layout_v2 .broadcast_information.open, body.theme_dark .layout_v2 .broadcast_information.open {
      background-color: #121213;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
      border-bottom: 1px solid #26262680; } }
  @media (min-height: 1081px) and (orientation: portrait) {
    body.thema_dark .layout_v2 .broadcast_information, body.theme_dark .layout_v2 .broadcast_information {
      border-bottom: 1px solid #26262600; }
    body.thema_dark .layout_v2 .broadcast_information.open, body.theme_dark .layout_v2 .broadcast_information.open {
      background-color: #121213;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
      border-bottom: 1px solid #26262680; } }
  body.thema_dark .list_contents .section_title, body.thema_dark .list_contents .section_title a,
  body.thema_dark .list_contents .sub_title, body.thema_dark .list_contents .sub_title a, body.theme_dark .list_contents .section_title, body.theme_dark .list_contents .section_title a,
  body.theme_dark .list_contents .sub_title, body.theme_dark .list_contents .sub_title a {
    color: #c8c8c8; }
  body.thema_dark .list_contents > dl > dt a:after, body.theme_dark .list_contents > dl > dt a:after {
    background-position: -119px -161px; }
  body.thema_dark .list_contents > dl > dt em, body.theme_dark .list_contents > dl > dt em {
    background-position: -870px -38px; }
  body.thema_dark .list_contents > dl > dt span, body.theme_dark .list_contents > dl > dt span {
    color: #7398ff; }
  body.thema_dark .list_contents > dl > dt h3, body.thema_dark .list_contents > dl > dt h3 a, body.thema_dark .list_contents > dl > dt h4, body.thema_dark .list_contents > dl > dt h4 a, body.theme_dark .list_contents > dl > dt h3, body.theme_dark .list_contents > dl > dt h3 a, body.theme_dark .list_contents > dl > dt h4, body.theme_dark .list_contents > dl > dt h4 a {
    color: #c8c8c8; }
  body.thema_dark .list_contents > dl > dt label.autoplay, body.theme_dark .list_contents > dl > dt label.autoplay {
    color: #999; }
  body.thema_dark .list_contents > dl > dt label.autoplay span,
  body.thema_dark .list_contents > dl > dt label.autoplay input[type="checkbox"]:checked + span, body.theme_dark .list_contents > dl > dt label.autoplay span,
  body.theme_dark .list_contents > dl > dt label.autoplay input[type="checkbox"]:checked + span {
    background-color: #4d4d4d; }
  body.thema_dark .list_contents > dl > dt label.autoplay input[type="checkbox"]:checked + span:after, body.theme_dark .list_contents > dl > dt label.autoplay input[type="checkbox"]:checked + span:after {
    background-color: #7398ff; }
  body.thema_dark .list_contents > dl > dt.smr h3::before, body.theme_dark .list_contents > dl > dt.smr h3::before {
    background-position-x: -750px; }
  body.thema_dark .list_contents > dl > dt.smr.cjenm h3::before, body.theme_dark .list_contents > dl > dt.smr.cjenm h3::before {
    width: 51px; }
  body.thema_dark .list_contents dl.playlist > dt, body.theme_dark .list_contents dl.playlist > dt {
    background-color: #333; }
    body.thema_dark .list_contents dl.playlist > dt h3 strong, body.theme_dark .list_contents dl.playlist > dt h3 strong {
      color: #999; }
    body.thema_dark .list_contents dl.playlist > dt label.autoplay span,
    body.thema_dark .list_contents dl.playlist > dt label.autoplay input[type="checkbox"]:checked + span, body.theme_dark .list_contents dl.playlist > dt label.autoplay span,
    body.theme_dark .list_contents dl.playlist > dt label.autoplay input[type="checkbox"]:checked + span {
      background-color: #000; }
  body.thema_dark .list_contents dl.playlist.vod_list .playlist_item, body.theme_dark .list_contents dl.playlist.vod_list .playlist_item {
    background-color: #212121; }
  body.thema_dark .list_contents dl.playlist dd, body.theme_dark .list_contents dl.playlist dd {
    background-color: #212121; }
  body.thema_dark .list_contents .info .title a, body.theme_dark .list_contents .info .title a {
    color: #c8c8c8; }
  body.thema_dark .list_contents .info .play, body.thema_dark .list_contents .info .date, body.thema_dark .list_contents .info .views, body.thema_dark .list_contents .info .bj p, body.theme_dark .list_contents .info .play, body.theme_dark .list_contents .info .date, body.theme_dark .list_contents .info .views, body.theme_dark .list_contents .info .bj p {
    color: #888; }
  body.thema_dark .list_contents .info .bj > a, body.theme_dark .list_contents .info .bj > a {
    color: #6b85cf; }
  body.thema_dark .list_contents .info .views:before, body.theme_dark .list_contents .info .views:before {
    opacity: .7; }
  body.thema_dark .list_contents .info .recent, body.thema_dark .list_contents .info > p, body.theme_dark .list_contents .info .recent, body.theme_dark .list_contents .info > p {
    color: #999; }
  body.thema_dark .list_contents .info .live, body.theme_dark .list_contents .info .live {
    color: #ff3f3f;
    border-color: #ff3f3f; }
  body.thema_dark .list_contents .info .live:before, body.theme_dark .list_contents .info .live:before {
    background-color: #ff3f3f; }
  body.thema_dark .list_contents .no_result, body.theme_dark .list_contents .no_result {
    color: #999; }
  body.thema_dark .list_contents .btn_later_del, body.theme_dark .list_contents .btn_later_del {
    border-color: #333; }
    body.thema_dark .list_contents .btn_later_del span, body.theme_dark .list_contents .btn_later_del span {
      background-position-x: -1369px; }
  body.thema_dark .list_contents .select_box > a,
  body.thema_dark .list_contents .select_box ul, body.theme_dark .list_contents .select_box > a,
  body.theme_dark .list_contents .select_box ul {
    background-color: #121213;
    color: #999 !important;
    border-color: #333 !important; }
  body.thema_dark .list_contents .select_box ul a:hover, body.theme_dark .list_contents .select_box ul a:hover {
    background: #222;
    color: #999; }
  body.thema_dark .list_contents .bookmook_list .thum .pin, body.theme_dark .list_contents .bookmook_list .thum .pin {
    border: none;
    background-color: #222; }
  body.thema_dark .list_contents .bookmook_list .info .bj a em.fan, body.theme_dark .list_contents .bookmook_list .info .bj a em.fan {
    background-position: -854px -46px; }
  body.thema_dark .list_contents .list_contents_item button[class^="btn_"], body.theme_dark .list_contents .list_contents_item button[class^="btn_"] {
    border-color: #333; }
  body.thema_dark .list_contents .tip_area a, body.theme_dark .list_contents .tip_area a {
    background-position: 0 -18px; }
  body.thema_dark .list_contents .tip_area .tip_layer, body.theme_dark .list_contents .tip_area .tip_layer {
    border-color: #333;
    color: #848484;
    background: #121213; }
  body.thema_dark .list_contents .tip_area .tip_layer:before, body.theme_dark .list_contents .tip_area .tip_layer:before {
    background-position: -27px 0; }
  body.thema_dark .list_contents .more_list a, body.theme_dark .list_contents .more_list a {
    color: #c8c8c8; }
  body.thema_dark .list_contents .keyword_area li a, body.theme_dark .list_contents .keyword_area li a {
    border-color: #6b85cf;
    color: #6b85cf; }
  body.thema_dark .random_broadcast, body.theme_dark .random_broadcast {
    background-color: #121213;
    border-color: #1d1d1d !important; }
    body.thema_dark .random_broadcast .btn_random, body.theme_dark .random_broadcast .btn_random {
      color: #999; }
      body.thema_dark .random_broadcast .btn_random:hover, body.theme_dark .random_broadcast .btn_random:hover {
        color: #7398ff; }
    body.thema_dark .random_broadcast .btn_random::before, body.theme_dark .random_broadcast .btn_random::before {
      background-position: -750px -105px; }
    body.thema_dark .random_broadcast .btn_random::after, body.theme_dark .random_broadcast .btn_random::after {
      background-position: -766px -105px; }
    body.thema_dark .random_broadcast .btn_random_setting, body.theme_dark .random_broadcast .btn_random_setting {
      background-position: -774px -104px; }
    body.thema_dark .random_broadcast .btn_random:hover::before, body.theme_dark .random_broadcast .btn_random:hover::before {
      background-position: -750px -124px; }
    body.thema_dark .random_broadcast .btn_random:hover::after, body.theme_dark .random_broadcast .btn_random:hover::after {
      background-position: -766px -124px; }
    body.thema_dark .random_broadcast .btn_random_setting:hover, body.theme_dark .random_broadcast .btn_random_setting:hover {
      background-position: -774px -123px; }
  body.thema_dark .user_area, body.thema_dark .user_area.on, body.theme_dark .user_area, body.theme_dark .user_area.on {
    background: #1b1b1c;
    border-color: #333; }
  body.thema_dark .user_area ul, body.theme_dark .user_area ul {
    border-color: #282828; }
    body.thema_dark .user_area ul li a, body.theme_dark .user_area ul li a {
      color: #999 !important; }
    body.thema_dark .user_area ul li a .cnt, body.theme_dark .user_area ul li a .cnt {
      color: #7398ff; }
  body.thema_dark .user_area .btn_set1, body.theme_dark .user_area .btn_set1 {
    border-color: #282828; }
    body.thema_dark .user_area .btn_set1 a, body.theme_dark .user_area .btn_set1 a {
      color: #999 !important; }
    body.thema_dark .user_area .btn_set1 .mybs:after, body.theme_dark .user_area .btn_set1 .mybs:after {
      background: #282828; }
  body.thema_dark .user_area .btn_set2, body.theme_dark .user_area .btn_set2 {
    background: #222; }
    body.thema_dark .user_area .btn_set2 a, body.theme_dark .user_area .btn_set2 a {
      color: #888; }
  body.thema_dark .user_area .my_tlist.borderT, body.theme_dark .user_area .my_tlist.borderT {
    border-color: #333; }
  body.thema_dark .user_area .arrw:before,
  body.thema_dark .user_area .arrw:after, body.theme_dark .user_area .arrw:before,
  body.theme_dark .user_area .arrw:after {
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px; }
  body.thema_dark .user_area .arrw:after, body.theme_dark .user_area .arrw:after {
    top: -5px;
    border-color: transparent transparent #1b1b1c transparent; }
  body.thema_dark .user_area:after, body.thema_dark .user_area:before, body.theme_dark .user_area:after, body.theme_dark .user_area:before {
    content: '';
    display: block;
    position: absolute;
    top: -14px;
    right: 15px;
    width: 0;
    height: 0;
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px;
    background: none; }
  body.thema_dark .user_area:after, body.theme_dark .user_area:after {
    top: -12px;
    border-color: transparent transparent #1b1b1c transparent; }
  body.thema_dark .layer_bj, body.theme_dark .layer_bj {
    background-color: #1b1b1c;
    border-color: #333;
    color: #999; }
    body.thema_dark .layer_bj li.add_bookmark a, body.theme_dark .layer_bj li.add_bookmark a {
      border-color: #333; }
      body.thema_dark .layer_bj li.add_bookmark a:hover, body.theme_dark .layer_bj li.add_bookmark a:hover {
        background-color: #282828; }
    body.thema_dark .layer_bj li.move_mybs a, body.theme_dark .layer_bj li.move_mybs a {
      color: #999; }
    body.thema_dark .layer_bj li.move_mybs a:after, body.theme_dark .layer_bj li.move_mybs a:after {
      background-position: -838px -57px; }
    body.thema_dark .layer_bj li a, body.theme_dark .layer_bj li a {
      color: #c8c8c8; }
  body.thema_dark .share_layer div button span, body.theme_dark .share_layer div button span {
    color: #e5e5e5; }
  body.thema_dark .paging .prev, body.thema_dark .paging .next, body.theme_dark .paging .prev, body.theme_dark .paging .next {
    border-color: #323232;
    background-color: #121213; }
  body.thema_dark .paging a, body.theme_dark .paging a {
    color: #999; }
  body.thema_dark .paging a.on,
  body.thema_dark .paging a:hover, body.theme_dark .paging a.on,
  body.theme_dark .paging a:hover {
    background: #333;
    color: #fff; }
  body.thema_dark .paging a:hover, body.theme_dark .paging a:hover {
    background: #222; }
  body.thema_dark .paging .prev:before, body.thema_dark .paging .next:before, body.theme_dark .paging .prev:before, body.theme_dark .paging .next:before {
    width: 9px;
    height: 11px;
    vertical-align: -20px;
    transform: rotate(0deg); }
  body.thema_dark .paging .prev:before, body.theme_dark .paging .prev:before {
    background-position: -871px 0; }
  body.thema_dark .paging .next:before, body.theme_dark .paging .next:before {
    background-position: -878px 0; }
  body.thema_dark .btn-detail:hover, body.theme_dark .btn-detail:hover {
    background-color: #222 !important; }
  body.thema_dark .more-layer, body.theme_dark .more-layer {
    background: #1b1b1c;
    border-color: #333; }
    body.thema_dark .more-layer button, body.thema_dark .more-layer button span, body.theme_dark .more-layer button, body.theme_dark .more-layer button span {
      color: #f5f6f7 !important; }
    body.thema_dark .more-layer button:hover, body.theme_dark .more-layer button:hover {
      background-color: #282828; }
  body.thema_dark .bj_up .up_thum, body.theme_dark .bj_up .up_thum {
    border-color: #121213; }
  body.thema_dark .bj_up .ic_up svg + svg, body.theme_dark .bj_up .ic_up svg + svg {
    stroke: #121213; }
  body.thema_dark .webplayer_vod .text_information .broadcast_viewer_cnt > span:before, body.theme_dark .webplayer_vod .text_information .broadcast_viewer_cnt > span:before {
    opacity: 1;
    background-position: -1487px -13px; }
  body.thema_dark .comment_wrap, body.theme_dark .comment_wrap {
    border-color: #1d1d1d !important; }
    body.thema_dark .comment_wrap .cmmt_opener span, body.theme_dark .comment_wrap .cmmt_opener span {
      color: #999; }
    body.thema_dark .comment_wrap .cmmt_opener span em, body.theme_dark .comment_wrap .cmmt_opener span em {
      color: #6b85cf; }
    body.thema_dark .comment_wrap .cmmt_tab li.on button span, body.theme_dark .comment_wrap .cmmt_tab li.on button span {
      color: #c8c8c8; }
    body.thema_dark .comment_wrap .cmmt_tab li.on button span:after, body.theme_dark .comment_wrap .cmmt_tab li.on button span:after {
      border-color: #fcfdfd; }
    body.thema_dark .comment_wrap .cmmt_inp, body.theme_dark .comment_wrap .cmmt_inp {
      background-color: #121213;
      border-color: #2e2e2f; }
      body.thema_dark .comment_wrap .cmmt_inp .write-inp, body.theme_dark .comment_wrap .cmmt_inp .write-inp {
        color: #999; }
      body.thema_dark .comment_wrap .cmmt_inp .write-inp[contenteditable=true]:empty:before, body.theme_dark .comment_wrap .cmmt_inp .write-inp[contenteditable=true]:empty:before {
        color: #666; }
      body.thema_dark .comment_wrap .cmmt_inp .add-file .file.uploading, body.theme_dark .comment_wrap .cmmt_inp .add-file .file.uploading {
        border-color: #2e2e2f; }
      body.thema_dark .comment_wrap .cmmt_inp .add-file .file .btn-del, body.theme_dark .comment_wrap .cmmt_inp .add-file .file .btn-del {
        background-position: -798px -80px; }
      body.thema_dark .comment_wrap .cmmt_inp .emoticon span, body.theme_dark .comment_wrap .cmmt_inp .emoticon span {
        height: 23px;
        background-position: -750px -80px; }
      body.thema_dark .comment_wrap .cmmt_inp .emoticon.on span, body.theme_dark .comment_wrap .cmmt_inp .emoticon.on span {
        opacity: .7;
        background-position: -143px -95px; }
      body.thema_dark .comment_wrap .cmmt_inp .img_up span, body.theme_dark .comment_wrap .cmmt_inp .img_up span {
        background-position: -775px -80px; }
    body.thema_dark .comment_wrap .cmmt-list, body.theme_dark .comment_wrap .cmmt-list {
      background-color: #1b1b1b; }
      body.thema_dark .comment_wrap .cmmt-list > li, body.theme_dark .comment_wrap .cmmt-list > li {
        border-color: #2e2e2f; }
      body.thema_dark .comment_wrap .cmmt-list > li:before, body.theme_dark .comment_wrap .cmmt-list > li:before {
        border-color: #4d4d4d; }
      body.thema_dark .comment_wrap .cmmt-list .thum img, body.theme_dark .comment_wrap .cmmt-list .thum img {
        border-color: #1b1b1b; }
      body.thema_dark .comment_wrap .cmmt-list .cmmt-header .util button.up em, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .util button.up em {
        color: #999; }
      body.thema_dark .comment_wrap .cmmt-list .cmmt-header .util button.up.on span, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .util button.up.on span {
        opacity: 1; }
      body.thema_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap .info_box .nick, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap .info_box .nick {
        color: #c8c8c8; }
      body.thema_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap .info_box span:after, body.thema_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap .info_box .ip_addr:after, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap .info_box span:after, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap .info_box .ip_addr:after {
        opacity: .2; }
      body.thema_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap em, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap em {
        color: #666; }
      body.thema_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap em.ip_addr, body.thema_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap span, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap em.ip_addr, body.theme_dark .comment_wrap .cmmt-list .cmmt-header .autor_wrap span {
        color: #999; }
      body.thema_dark .comment_wrap .cmmt-list .cmmt-txt p, body.theme_dark .comment_wrap .cmmt-list .cmmt-txt p {
        color: #999; }
    body.thema_dark .comment_wrap .paging.cmmt button, body.theme_dark .comment_wrap .paging.cmmt button {
      margin-top: -1px;
      border-color: #2e2e2f;
      background-color: #121213; }
    body.thema_dark .comment_wrap .paging.cmmt button span, body.theme_dark .comment_wrap .paging.cmmt button span {
      color: #c8c8c8; }
    body.thema_dark .comment_wrap .paging.cmmt button span:after, body.theme_dark .comment_wrap .paging.cmmt button span:after {
      width: 8px;
      height: 8px;
      vertical-align: 3px;
      background: none;
      border-left: 1px solid #666;
      border-bottom: 1px solid #666;
      transform: rotate(-45deg); }
    body.thema_dark .comment_wrap .cmmt-fold .fold, body.theme_dark .comment_wrap .cmmt-fold .fold {
      color: #c8c8c8; }
      body.thema_dark .comment_wrap .cmmt-fold .fold span:after, body.theme_dark .comment_wrap .cmmt-fold .fold span:after {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200, 200, 200, 0.999)' stroke='' viewBox='0 0 12 7' %3e%3cpath d='m0.343 0.375 5.657 5.657 5.672-5.673-1.467-0.017-4.205 4.205-4.192-4.176-1.465 4e-3z' fill-rule='evenodd'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
    body.thema_dark .comment_wrap .btn-basic, body.theme_dark .comment_wrap .btn-basic {
      background-color: #121213;
      color: #666;
      border-color: #2e2e2f; }
    body.thema_dark .comment_wrap .btn-basic:hover, body.theme_dark .comment_wrap .btn-basic:hover {
      background-color: #1d1d1d !important; }
    body.thema_dark .comment_wrap .btn-basic.blue, body.theme_dark .comment_wrap .btn-basic.blue {
      border-color: #6b85cf;
      color: #6b85cf; }
    body.thema_dark .comment_wrap .btn-basic.blue:hover, body.theme_dark .comment_wrap .btn-basic.blue:hover {
      background-color: #1d1d1d !important; }
    body.thema_dark .comment_wrap .btn-basic:disabled,
    body.thema_dark .comment_wrap .btn-basic.blue2:disabled, body.theme_dark .comment_wrap .btn-basic:disabled,
    body.theme_dark .comment_wrap .btn-basic.blue2:disabled {
      background-color: #121213;
      color: #666 !important;
      border-color: #2e2e2f !important; }
    body.thema_dark .comment_wrap .btn-basic.blue2:disabled:hover, body.theme_dark .comment_wrap .btn-basic.blue2:disabled:hover {
      background: none; }
    body.thema_dark .comment_wrap .cmmt-btn .btn-basic, body.theme_dark .comment_wrap .cmmt-btn .btn-basic {
      border-color: #2e2e2f !important; }
      body.thema_dark .comment_wrap .cmmt-btn .btn-basic span, body.theme_dark .comment_wrap .cmmt-btn .btn-basic span {
        color: #c8c8c8; }
    body.thema_dark .comment_wrap .cmmt-btn button span:after, body.theme_dark .comment_wrap .cmmt-btn button span:after {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200, 200, 200, 0.999)' stroke='' viewBox='0 0 12 7' %3e%3cpath d='m0.343 0.375 5.657 5.657 5.672-5.673-1.467-0.017-4.205 4.205-4.192-4.176-1.465 4e-3z' fill-rule='evenodd'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    body.thema_dark .comment_wrap .cmmt-btn button span em, body.theme_dark .comment_wrap .cmmt-btn button span em {
      color: #6b85cf; }
    body.thema_dark .comment_wrap .cmmt-btn button.up em, body.theme_dark .comment_wrap .cmmt-btn button.up em {
      color: #999; }
    body.thema_dark .comment_wrap .cmmt-btn button.on span:after, body.theme_dark .comment_wrap .cmmt-btn button.on span:after {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200, 200, 200, 0.999)' stroke='' viewBox='0 0 12 7' %3e%3cpath d='m0.343 0.375 5.657 5.657 5.672-5.673-1.467-0.017-4.205 4.205-4.192-4.176-1.465 4e-3z' fill-rule='evenodd'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    body.thema_dark .comment_wrap .cmmt-btn .bj_up .up_thum, body.theme_dark .comment_wrap .cmmt-btn .bj_up .up_thum {
      border-color: #1b1b1b; }
    body.thema_dark .comment_wrap .cmmt-btn .bj_up .ic_up svg, body.theme_dark .comment_wrap .cmmt-btn .bj_up .ic_up svg {
      stroke: #1b1b1b; }
    body.thema_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt, body.thema_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt + .btn-basic.cmmt, body.theme_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt, body.theme_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt + .btn-basic.cmmt {
      background-color: transparent !important; }
    body.thema_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt:before, body.theme_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt:before {
      background-color: #333; }
    body.thema_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt span:after, body.theme_dark .comment_wrap .cmmt-btn .bj_up + .btn-basic.cmmt span:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd' fill='%23666666' d='M4.918 5.925L.138.849C-.057.645-.045.326.163.136c.208-.19.532-.18.726.027l4.028 4.276L8.946.163c.193-.207.517-.217.725-.027.208.19.22.509.028.713L4.92 5.925z'/%3e%3c/svg%3e"); }
    body.thema_dark .comment_wrap .btn-grid .grid-end .byte, body.theme_dark .comment_wrap .btn-grid .grid-end .byte {
      color: #666; }
  body.thema_dark .layer_shopping, body.theme_dark .layer_shopping {
    background: #1b1b1c !important;
    border-color: #333; }
    body.thema_dark .layer_shopping .layer_shopping a, body.theme_dark .layer_shopping .layer_shopping a {
      background-color: #7398ff; }
    body.thema_dark .layer_shopping div, body.theme_dark .layer_shopping div {
      color: #999; }
    body.thema_dark .layer_shopping div .nick, body.theme_dark .layer_shopping div .nick {
      color: #7398ff; }
    body.thema_dark .layer_shopping button.close, body.theme_dark .layer_shopping button.close {
      background: url(/images/webplayer/live/split_live.png) -151px -51px no-repeat; }
    body.thema_dark .layer_shopping:after, body.theme_dark .layer_shopping:after {
      border-top-color: #1b1b1c; }
    body.thema_dark .layer_shopping:before, body.theme_dark .layer_shopping:before {
      border-top-color: #333;
      bottom: -15px; }
  body.thema_dark .webplayer_vod .comment_wrap .gudok, body.thema_dark .webplayer_vod .stargift, body.thema_dark .webplayer_vod .adgift, body.theme_dark .webplayer_vod .comment_wrap .gudok, body.theme_dark .webplayer_vod .stargift, body.theme_dark .webplayer_vod .adgift {
    background-color: #333; }
    body.thema_dark .webplayer_vod .comment_wrap .gudok .sname, body.thema_dark .webplayer_vod .comment_wrap .gudok .memo, body.thema_dark .webplayer_vod .stargift .sname, body.thema_dark .webplayer_vod .stargift .memo, body.thema_dark .webplayer_vod .adgift .sname, body.thema_dark .webplayer_vod .adgift .memo, body.theme_dark .webplayer_vod .comment_wrap .gudok .sname, body.theme_dark .webplayer_vod .comment_wrap .gudok .memo, body.theme_dark .webplayer_vod .stargift .sname, body.theme_dark .webplayer_vod .stargift .memo, body.theme_dark .webplayer_vod .adgift .sname, body.theme_dark .webplayer_vod .adgift .memo {
      color: #999; }
  body.thema_dark .webplayer_vod .adgift .sname a, body.theme_dark .webplayer_vod .adgift .sname a {
    color: #999; }
  body.thema_dark .webplayer_vod .comment_wrap .gudok .sname a, body.thema_dark .webplayer_vod .stargift .sname a, body.thema_dark .webplayer_vod .adgift.save_adgift .sname a, body.theme_dark .webplayer_vod .comment_wrap .gudok .sname a, body.theme_dark .webplayer_vod .stargift .sname a, body.theme_dark .webplayer_vod .adgift.save_adgift .sname a {
    color: #7398ff; }
  body.thema_dark .webplayer_vod #emoticonArea, body.theme_dark .webplayer_vod #emoticonArea {
    background: #1b1b1c;
    border-color: #333; }
    body.thema_dark .webplayer_vod #emoticonArea .emoticonWrap > div, body.theme_dark .webplayer_vod #emoticonArea .emoticonWrap > div {
      border-color: #333; }
    body.thema_dark .webplayer_vod #emoticonArea .emoticonWrap [class^=button-], body.theme_dark .webplayer_vod #emoticonArea .emoticonWrap [class^=button-] {
      background: #1b1b1c;
      border-color: #333; }
      body.thema_dark .webplayer_vod #emoticonArea .emoticonWrap [class^=button-]:before, body.theme_dark .webplayer_vod #emoticonArea .emoticonWrap [class^=button-]:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='%23c8c8c8' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
      body.thema_dark .webplayer_vod #emoticonArea .emoticonWrap [class^=button-]:disabled:before, body.theme_dark .webplayer_vod #emoticonArea .emoticonWrap [class^=button-]:disabled:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='%23333' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e") 0 0 no-repeat; }
    body.thema_dark .webplayer_vod #emoticonArea .emoticonWrap div.ogq, body.theme_dark .webplayer_vod #emoticonArea .emoticonWrap div.ogq {
      background-color: #1b1b1c; }
      body.thema_dark .webplayer_vod #emoticonArea .emoticonWrap div.ogq a, body.theme_dark .webplayer_vod #emoticonArea .emoticonWrap div.ogq a {
        border-bottom-color: #333; }
      body.thema_dark .webplayer_vod #emoticonArea .emoticonWrap div.ogq a:after, body.theme_dark .webplayer_vod #emoticonArea .emoticonWrap div.ogq a:after {
        background-color: #333; }
    body.thema_dark .webplayer_vod #emoticonArea .emoticonTab, body.theme_dark .webplayer_vod #emoticonArea .emoticonTab {
      background: transparent; }
      body.thema_dark .webplayer_vod #emoticonArea .emoticonTab li.active, body.theme_dark .webplayer_vod #emoticonArea .emoticonTab li.active {
        background: #333; }
    body.thema_dark .webplayer_vod #emoticonArea #emoticonBox .scroll_area .sg_area, body.theme_dark .webplayer_vod #emoticonArea #emoticonBox .scroll_area .sg_area {
      border-bottom: 0; }
    body.thema_dark .webplayer_vod #emoticonArea #emoticonBox .scroll_area span a:hover, body.theme_dark .webplayer_vod #emoticonArea #emoticonBox .scroll_area span a:hover {
      border-color: #4d4d4d; }
  body.thema_dark .btn_top, body.thema_dark .float_close, body.theme_dark .btn_top, body.theme_dark .float_close {
    background-color: #121213;
    border-color: #2e2e2f; }
  body.thema_dark .float_close span, body.theme_dark .float_close span {
    background-position: -870px -24px; }
  body.thema_dark .btn_top span, body.theme_dark .btn_top span {
    background-position: -858px -24px; }
  body.thema_dark .layout_v2 .broadcast_information:after, body.theme_dark .layout_v2 .broadcast_information:after {
    background-color: #1d1d1d; }
  body.thema_dark .layout_v2 .broadcast_information .text_information .etc:before, body.theme_dark .layout_v2 .broadcast_information .text_information .etc:before {
    border-color: #313131 !important; }
  body.thema_dark .layout_v2 .broadcast_information .broadcast_title:after, body.theme_dark .layout_v2 .broadcast_information .broadcast_title:after {
    background-color: #333; }
  body.thema_dark .layout_v2 .broadcast_information button.chat_open, body.theme_dark .layout_v2 .broadcast_information button.chat_open {
    background-color: #333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 18'%3e\a 				%3cpath fill='%23999999' d='M17.32 13.76l.16 3.58L13.9 15c-.55.09-1.11.13-1.69.13-4.86 0-8.8-3.28-8.8-7.33C3.4 3.75 7.33.47 12.2.47 17.06.47 21 3.75 21 7.8c0 2.46-1.45 4.63-3.68 5.96zM9.99 15.7a6.97 6.97 0 01-4.9.76L2.54 18l.2-2.5a4.95 4.95 0 01-2.46-4.26 4.89 4.89 0 012.6-4.02 6.2 6.2 0 00-.13 1.26c0 3.6 3.13 6.6 7.25 7.21z' /%3e\a 				%3cpath fill='%23333333' d='M16.35 9.23c-.67 0-1.21-.56-1.21-1.25 0-.7.54-1.25 1.21-1.25.68 0 1.22.56 1.22 1.25 0 .7-.54 1.25-1.22 1.25zm-4.2 0c-.68 0-1.22-.56-1.22-1.25 0-.7.54-1.25 1.21-1.25.67 0 1.22.56 1.22 1.25 0 .7-.54 1.25-1.22 1.25zm-4.22 0c-.67 0-1.22-.56-1.22-1.25 0-.7.55-1.25 1.22-1.25.67 0 1.22.56 1.22 1.25 0 .7-.55 1.25-1.22 1.25z' /%3e %3c/svg%3e"); }
  body.thema_dark *, body.theme_dark * {
    scrollbar-face-color: #222;
    scrollbar-shadow-color: #222;
    scrollbar-darkshadow-color: #2a2b30;
    scrollbar-track-color: #121213;
    scrollbar-arrow-color: #4d4d4d; }
  body.thema_dark *:hover, body.theme_dark *:hover {
    scrollbar-face-color: #4d4d4d;
    scrollbar-shadow-color: #4d4d4d; }
  body.thema_dark::-webkit-scrollbar-thumb, body.thema_dark *::-webkit-scrollbar-thumb, body.theme_dark::-webkit-scrollbar-thumb, body.theme_dark *::-webkit-scrollbar-thumb {
    background: #222222 !important; }
  body.thema_dark:hover::-webkit-scrollbar-thumb, body.thema_dark *:hover::-webkit-scrollbar-thumb, body.theme_dark:hover::-webkit-scrollbar-thumb, body.theme_dark *:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important; }
  body.thema_dark::-webkit-scrollbar-track, body.thema_dark *::-webkit-scrollbar-track, body.thema_dark::-webkit-scrollbar, body.thema_dark *::-webkit-scrollbar z, body.theme_dark::-webkit-scrollbar-track, body.theme_dark *::-webkit-scrollbar-track, body.theme_dark::-webkit-scrollbar, body.theme_dark *::-webkit-scrollbar z {
    background: #121213 !important; }

/* ===========================
   ===========================
   ===========================

   1. common 설정값

   ===========================
   =========================== */
* {
  margin: 0;
  padding: 0;
  outline: none; }

html, body {
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'NG','AppleGothic',sans-serif; }

h1, h2, h3, h4, h5, h6, div, ol, ul, dl, p, img, fieldset, object {
  font-size: 12px;
  border: 0;
  outline: none;
  list-style: normal;
  border: none; }

a, a:active, a:hover {
  color: #666;
  text-decoration: none; }

em, li {
  list-style: none;
  font-style: normal; }

caption, legend, .hide {
  display: none; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer; }

label {
  cursor: pointer; }

.blind {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999em;
  width: 0px !important;
  height: 0px !important;
  font-size: 0 !important;
  line-height: 0;
  text-indent: -9999px !important;
  border: none !important; }

.floatR {
  float: right; }

.banner, .improve, .wechat div, .bottom_left_vod-smode-use, .ic-allow, .vr {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* ===========================
   ===========================

   2. 레이아웃 정의 , 및 모션 css(transition) 설정

   ===========================
   =========================== */
/* 레이아웃 클레스 명 정리  */
#webplayer {
  height: 100%;
  overflow: hidden; }

/* 전체 감싸는 엘리먼트 */
/* 상단의 로고 및 고정영  */
/* 플레이만 출력될시 화면 좌우 전체 스크롤을 위한 엘리먼트 */
/* 상단의 로고 및 고정영  */
/* 영상및 방성 정보 , vod은 댓글까지 출력되는 영역 */
/* 채팅 출력영역 */
/* 방송리스트 출력영역 */
/* 방송정보 출력영역 */
/* 레이아웃 노출에따른 움직임 제어 공통 */
/* #webplayer_top,
#webplayer_top .top_item .search,
#webplayer_top .top_item .view_ctrl,
#webplayer_top .top_item .view_ctrl li
{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  } */
/* #webplayer_scroll,
#webplayer_contents,
#webplayer_contents #player_area,
#webplayer_contents #chatting_area,
#webplayer_contents #list_area,
#webplayer_contents #list_bookmark_area
{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (-webkit-min-device-pixel-ratio:0){
	/* #webplayer_top,
	#webplayer_top .top_item .search,
	#webplayer_top .top_item .view_ctrl,
	#webplayer_top .top_item .view_ctrl li,
	#webplayer_scroll,
	#webplayer_contents,
	#webplayer_contents #player_area,
	#webplayer_contents #chatting_area,
	#webplayer_contents #list_area,
	#webplayer_contents #list_bookmark_area
	{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
}
 */
.motion_off #webplayer_top,
.motion_off #webplayer_top .top_item .search,
.motion_off #webplayer_top .top_item .view_ctrl,
.motion_off #webplayer_top .top_item .view_ctrl li,
.motion_off #webplayer_scroll,
.motion_off #webplayer_contents,
.motion_off #webplayer_contents #player_area,
.motion_off #webplayer_contents #chatting_area,
.motion_off #webplayer_contents #list_area,
.motion_off #webplayer_contents #list_bookmark_area {
  -webkit-transition: all 0s ease-in-out !important;
  -moz-transition: all 0s ease-in-out !important;
  -o-transition: all 0s ease-in-out !important;
  transition: all 0s ease-in-out !important; }

/* 레이아웃  - 영역별 실제 포지션 */
#webplayer_scroll {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 58px;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }

#webplayer_contents {
  display: block;
  box-sizing: border-box;
  position: relative;
  z-index: 11;
  min-width: 500px;
  margin: 0 auto; }

#webplayer_contents #player_area {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

#webplayer_contents #list_area,
#webplayer_contents #list_bookmark_area {
  position: absolute;
  z-index: 20;
  right: 0;
  top: 0;
  bottom: 0;
  width: 316px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #webplayer_contents #player_area {
    overflow-y: scroll; }

  .smode #webplayer_contents #player_area,
  .extend_mode #webplayer_contents #player_area {
    overflow-y: auto; } }
@-moz-document url-prefix() {
  #webplayer_contents #player_area {
    overflow-y: auto; } }
@supports (-ms-ime-align: auto) and (not (-ms-accelerator: true)) {
  #webplayer_contents #player_area {
    overflow-y: auto; } }
.chat_open #webplayer_contents,
.list_open #webplayer_contents,
.list_bookmark_open #webplayer_contents {
  height: 100%; }

.chat_open #webplayer_contents,
.list_open #webplayer_contents,
.list_bookmark_open #webplayer_contents,
.chat_open #webplayer_scroll,
.list_open #webplayer_scroll,
.list_bookmark_open #webplayer_scroll {
  overflow: hidden; }

.smode #webplayer_scroll #webplayer_contents,
.extend_mode #webplayer_scroll #webplayer_contents {
  overflow: hidden; }

/* ************************* */
/* ************************* */
/* 중앙정렬용 최대 넓이값 정리 */
/* live용 레이아웃 */
#webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) ); }

.chat_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) + 297px ); }

.list_open #webplayer_contents,
.list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) + 317px ); }

.chat_open.list_open #webplayer_contents,
.chat_open.list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) + 615px ); }

.ratio43_mode #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 4 ) ) / 3 ); }

.ratio43_mode .chat_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 4 ) / 3 ) + 297px ); }

.ratio43_mode .list_open #webplayer_contents,
.ratio43_mode .list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 4 ) / 3 ) + 317px ); }

.ratio43_mode .chat_open.list_open #webplayer_contents,
.ratio43_mode .chat_open.list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 120px ) * 4 ) / 3 ) + 615px ); }

.alarm_on #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 16 ) / 9 ) ); }

.alarm_on .chat_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 16 ) / 9 ) + 297px ); }

.alarm_on .list_open #webplayer_contents,
.alarm_on .list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 16 ) / 9 ) + 317px ); }

.alarm_on .chat_open.list_open #webplayer_contents,
.alarm_on .chat_open.list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 16 ) / 9 ) + 615px ); }

.alarm_on.ratio43_mode #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 4 ) ) / 3 ); }

.alarm_on.ratio43_mode .chat_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 4 ) / 3 ) + 297px ); }

.alarm_on.ratio43_mode .list_open #webplayer_contents,
.alarm_on.ratio43_mode .list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 4 ) / 3 ) + 317px ); }

.alarm_on.ratio43_mode .chat_open.list_open #webplayer_contents,
.alarm_on.ratio43_mode .chat_open.list_bookmark_open #webplayer_contents {
  max-width: calc( ( ( ( 100vh - 160px ) * 4 ) / 3 ) + 615px ); }

/* 최소 넓이값  */
#webplayer_contents {
  min-width: 500px; }

.chat_open #webplayer_contents {
  min-width: 797px; }

.list_open #webplayer_contents,
.list_bookmark_open #webplayer_contents {
  min-width: 817px; }

.chat_open.list_open #webplayer_contents,
.chat_open.list_bookmark_open #webplayer_contents {
  min-width: 1115px; }

/* 최소 500 + 채팅 넓이 296 + 리스트 넓이 316  border 3 추가 */
@media all and (max-width: 1115px) {
  .chat_open.list_open #webplayer_contents,
  .chat_open.list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) + 297px );
    min-width: 797px; }

  .ratio43_mode .chat_open.list_open #webplayer_contents,
  .ratio43_mode .chat_open.list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 4 ) / 3 ) + 297px ); } }
/* 최소 500 + 리스트 넓이 317 */
@media all and (max-width: 817px) {
  .list_open #webplayer_contents,
  .list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) );
    min-width: 500px; }

  .chat_open.list_open #webplayer_contents,
  .chat_open.list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) + 297px ); }

  .ratio43_mode .list_open #webplayer_contents,
  .ratio43_mode .list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 4 ) / 3 ) ); }

  .ratio43_mode .chat_open.list_open #webplayer_contents,
  .ratio43_mode .chat_open.list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 4 ) / 3 ) + 297px ); } }
/* 최소 500 + 채팅 넓이 297 */
@media all and (max-width: 797px) {
  .chat_open #webplayer_contents,
  .list_open #webplayer_contents,
  .list_bookmark_open #webplayer_contents,
  .chat_open.list_open #webplayer_contents,
  .chat_open.list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 16 ) / 9 ) );
    min-width: 500px; }

  .ratio43_mode #webplayer_contents,
  .ratio43_mode .chat_open #webplayer_contents,
  .ratio43_mode .list_open #webplayer_contents,
  .ratio43_mode .list_bookmark_open #webplayer_contents,
  .ratio43_mode .chat_open.list_open #webplayer_contents,
  .ratio43_mode .chat_open.list_bookmark_open #webplayer_contents {
    max-width: calc( ( ( ( 100vh - 120px ) * 4 ) / 3 ) ); } }
/* 중앙정렬용 최대 넓이값 정리 */
/* ************************* */
/* ************************* */
/* live 스크린모드 정렬  */
.smode #webplayer_contents,
.smode .chat_open #webplayer_contents,
.smode .chat_open.list_open #webplayer_contents,
.smode.ratio43_mode #webplayer_contents,
.smode.ratio43_mode .chat_open #webplayer_contents,
.smode.ratio43_mode .chat_open.list_open #webplayer_contents,
.extend_mode #webplayer_contents,
.extend_mode .chat_open #webplayer_contents,
.extend_mode .chat_open.list_open #webplayer_contents,
.extend_mode.ratio43_mode #webplayer_contents,
.extend_mode.ratio43_mode .chat_open #webplayer_contents,
.extend_mode.ratio43_mode .chat_open.list_open #webplayer_contents {
  max-width: 100%; }

/* 레이아웃 - 영역별 포지션이동 ( 영상 , 채팅 , 리스트 , 즐겨찾기 영역 ) */
/* 기본 미노출상태로 출력 */
#webplayer_contents #chatting_area,
#webplayer_contents #list_area,
#webplayer_contents #list_bookmark_area {
  display: none;
  z-index: -1;
  background-color: #fff; }

/* 각각 열림상태 기본값 */
.chat_open #webplayer_contents #player_area {
  right: 297px;
  bottom: 0; }

.list_open #webplayer_contents #player_area,
.list_bookmark_open #webplayer_contents #player_area {
  right: 317px;
  bottom: 0; }

.chat_open #webplayer_contents #chatting_area,
.list_open #webplayer_contents #list_area,
.list_bookmark_open #webplayer_contents #list_bookmark_area {
  display: block;
  z-index: 10;
  right: 0; }

.chat_open.list_open #webplayer_contents #player_area,
.chat_open.list_bookmark_open #webplayer_contents #player_area {
  right: 614px; }

.chat_open.list_open #webplayer_contents #chatting_area,
.chat_open.list_bookmark_open #webplayer_contents #chatting_area {
  right: 317px; }

.chat_open.list_open #webplayer_contents #list_area,
.chat_open.list_bookmark_open #webplayer_contents #list_bookmark_area {
  right: 0; }

/* 오픈 상태에 따른 border값 정리 */
.chat_open #webplayer_contents #player_area,
.list_open #webplayer_contents #player_area,
.list_bookmark_open #webplayer_contents #player_area,
.chat_open #webplayer_contents #chatting_area,
.list_open #webplayer_contents #list_area,
.list_bookmark_open #webplayer_contents #list_bookmark_area {
  border-right: 1px solid #f0f0f0; }

@media all and (max-width: 1200px) {
  /* 검색창 숨김 */
  #webplayer_top .top_item .search {
    opacity: 0;
    display: none; } }
/* 화면 넓이값에 따른 출력 상태및 넓이값 조절  미디어쿼리 */
/* 플레이어 500, 채팅 296, 리스트 316  최소영역 */
@media all and (max-width: 1114px) {
  .chat_open.list_open #webplayer_contents #list_area,
  .chat_open.list_bookmark_open #webplayer_contents #list_bookmark_area {
    display: none;
    display: none;
    opacity: 0;
    transform: translateX(100%); }

  .chat_open #webplayer_contents #player_area,
  .chat_open.list_open #webplayer_contents #player_area,
  .chat_open.list_bookmark_open #webplayer_contents #player_area {
    right: 297px; }

  .chat_open.list_open #webplayer_contents #chatting_area,
  .chat_open.list_bookmark_open #webplayer_contents #chatting_area {
    right: 0;
    border-right: 1px solid #e2e2e2; }

  /* 리스트 , 즐겨찾기 리스트 버튼들 숨김 */
  #webplayer_top .top_item .view_ctrl li.btn_list,
  #webplayer_top .top_item .view_ctrl li.btn_list_bookmark {
    display: none;
    opacity: 0;
    width: 0; } }
/* 플레이어 최소영역 + 리스트 최소영역 */
@media all and (max-width: 817px) {
  .list_open #webplayer_contents #list_area,
  .list_bookmark_open #webplayer_contents #list_bookmark_area {
    opacity: 0;
    transform: translateX(100%); }

  .list_open #webplayer_contents #player_area,
  .list_bookmark_open #webplayer_contents #player_area {
    right: 0; } }
/* 플레이어 최소영역 + 채팅 최소영역 */
@media all and (max-width: 797px) {
  .chat_open #webplayer_contents #chatting_area {
    opacity: 0;
    transform: translateX(100%); }

  .chat_open #webplayer_contents #player_area,
  .chat_open.list_open #webplayer_contents #player_area,
  .chat_open.list_bookmark_open #webplayer_contents #player_area {
    right: 0;
    margin: 0;
    border-right: none; }

  /* 채팅 노출 버튼 숨김 */
  #webplayer_top .top_item .view_ctrl {
    margin: 0; }

  #webplayer_top .top_item .view_ctrl li.btn_chat {
    opacity: 0;
    width: 0; } }
@media all and (max-width: 797px) {
  .chat_position_change #webplayer_contents #player_area {
    position: relative;
    overflow: hidden; }
  .chat_position_change #webplayer_contents #chatting_area {
    position: relative;
    width: auto;
    opacity: 1;
    transform: translateX(0); }
  .chat_position_change .chat_open #webplayer_scroll,
  .chat_position_change .list_open #webplayer_scroll,
  .chat_position_change .list_bookmark_open #webplayer_scroll,
  .chat_position_change .chat_open #webplayer_contents,
  .chat_position_change .list_open #webplayer_contents,
  .chat_position_change .list_bookmark_open #webplayer_contents {
    overflow-y: auto; } }
/*  =============================  */
/*  =============================  */
/*  === 3. weblayer , top 영역 ===  */
.allMenuList {
  display: none;
  position: absolute;
  top: 50px;
  right: -26px;
  background: #fff;
  border: 1px solid #ecf0f5;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  z-index: 3002; }
  .allMenuList .inner {
    display: flex;
    width: 683px;
    padding: 31px 0 35px; }
  .allMenuList dl {
    flex: 0 1 auto;
    width: 169px;
    min-height: 204px;
    padding-left: 32px;
    border-left: 1px solid #f0f1f2; }
    .allMenuList dl:first-of-type {
      border-left: 0; }
    .allMenuList dl dt {
      display: flex;
      align-items: center;
      margin-bottom: 21px;
      color: #333;
      font-size: 13px;
      font-family: "NGB";
      letter-spacing: -.4px; }
      .allMenuList dl dt:before {
        content: "";
        display: block;
        width: 26px;
        height: 26px;
        margin-right: 6px; }
    .allMenuList dl.menu01 dt:before {
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3e%3cdefs%3e%3cfilter id='a' width='213.8%25' height='213.9%25' x='-56.9%25' y='-56.9%25' filterUnits='objectBoundingBox'%3e%3cfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3e%3cfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'/%3e%3cfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3e%3cfeMerge%3e%3cfeMergeNode in='shadowMatrixOuter1'/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='rotate(45 6.73 18.42)' fill='none' fill-rule='evenodd'%3e%3cpath fill='%234279FF' d='M11.29.07c-.86-.2-1.76.04-2.38.65L.75 8.86l-.13.15a2.6 2.6 0 00-.54 2.38l.04.13 2.58 6.93a4.33 4.33 0 001.07 1.5l.24.21a4.3 4.3 0 006.92-4.02.94.94 0 01.27-.8l4.14-4.14c.21-.21.5-.3.8-.27a4.32 4.32 0 003.67-7.3 4.22 4.22 0 00-1.24-.87L11.59.15l-.3-.09z'/%3e%3cpath d='M15.47 4.66a1.12 1.12 0 11-1.58 1.58 1.12 1.12 0 011.58-1.58zm-3.21 0a1.12 1.12 0 01-1.59 1.58 1.12 1.12 0 111.59-1.59zM6.9 10.27a.94.94 0 111.33 1.33l-1.05 1.05 1.05 1.05c.33.33.36.86.08 1.23l-.08.1a.94.94 0 01-1.33 0l-1.05-1.06-1.04 1.05a.94.94 0 01-1.24.09l-.1-.09a.93.93 0 010-1.32l1.05-1.05L3.5 11.6a.94.94 0 01-.09-1.23l.09-.1a.94.94 0 011.32 0l1.05 1.05 1.05-1.05z' fill='%23DFE8FF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%;
      width: 27px;
      height: 27px;
      margin-left: -7px; }
    .allMenuList dl.menu02 dt:before {
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 26 26'%3e%3cdefs%3e%3cpath id='b' d='M.82 0A.82.82 0 000 .81v.06L.24 4.1h16.38l.24-3.21A.81.81 0 0016.1 0H.82z'/%3e%3cpath id='c' d='M0 0l.6 8.08c.05.63.58 1.13 1.22 1.13h12.74c.64 0 1.17-.5 1.21-1.13l.6-8.08H0z'/%3e%3cpath id='e' d='M13.03.08l-9 3.23h10.82V1.36A1.36 1.36 0 0013.03.08z'/%3e%3cfilter id='a' width='242.3%25' height='244.5%25' x='-71.2%25' y='-72.3%25' filterUnits='objectBoundingBox'%3e%3cfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3e%3cfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'/%3e%3cfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3e%3cfeMerge%3e%3cfeMergeNode in='shadowMatrixOuter1'/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='translate(5 4.57)' fill='none' fill-rule='evenodd'%3e%3cuse fill='%236794FF' xlink:href='%23b' transform='translate(0 3.3)'/%3e%3cg transform='translate(.24 7.4)'%3e%3cmask id='d' fill='%23fff'%3e%3cuse xlink:href='%23c'/%3e%3c/mask%3e%3cpath fill='%234279FF' d='M-5 14.2h26.38V-5H-5z' mask='url(%23d)'/%3e%3c/g%3e%3cpath fill='%23DFE8FF' d='M6.77 16.6h3.33V3.3H6.77z'/%3e%3cpath fill='%23B2C9FF' d='M2.42 1.36V3.3h6.21V1.66L4.23.08a1.35 1.35 0 00-1.8 1.28z'/%3e%3cuse fill='%23B2C9FF' xlink:href='%23e'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%;
      margin-left: -4px; }
    .allMenuList dl.menu02, .allMenuList dl.menu03 {
      width: 171px; }
    .allMenuList dl.menu03 dt:before {
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 26 26'%3e%3cdefs%3e%3cpath id='b' d='M0 0h7.08v7.08H0z'/%3e%3cpath id='d' d='M0 0h6.45v8.12H0z'/%3e%3cfilter id='a' width='248.4%25' height='243%25' x='-74.2%25' y='-71.5%25' filterUnits='objectBoundingBox'%3e%3cfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3e%3cfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'/%3e%3cfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3e%3cfeMerge%3e%3cfeMergeNode in='shadowMatrixOuter1'/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='translate(5 4.85)' fill='none' fill-rule='evenodd'%3e%3cg transform='translate(0 .2)'%3e%3cmask id='c' fill='%23fff'%3e%3cuse xlink:href='%23b'/%3e%3c/mask%3e%3cpath fill='%234279FF' d='M5.68 7.08H1.4A1.4 1.4 0 010 5.68V1.4C0 .63.63 0 1.4 0h4.28c.78 0 1.4.63 1.4 1.4v4.28c0 .78-.63 1.4-1.4 1.4' mask='url(%23c)'/%3e%3c/g%3e%3cpath fill='%234279FF' d='M16.04 12.72a3.61 3.61 0 11-7.23 0 3.61 3.61 0 017.23 0'/%3e%3cg transform='translate(.32 8.66)'%3e%3cmask id='e' fill='%23fff'%3e%3cuse xlink:href='%23d'/%3e%3c/mask%3e%3cpath fill='%23BFD2FF' d='M2.44.3l3.4 2.54c.81.6.81 1.84 0 2.45l-3.4 2.53C1.44 8.57 0 7.85 0 6.59V1.53A1.53 1.53 0 012.44.31' mask='url(%23e)'/%3e%3c/g%3e%3cpath fill='%23BFD2FF' d='M12.43 7.49c-.76 0-1.37-.61-1.37-1.37V1.37a1.37 1.37 0 112.73 0v4.75c0 .76-.61 1.37-1.36 1.37'/%3e%3cpath fill='%23BFD2FF' d='M8.68 3.75c0-.76.61-1.37 1.36-1.37h4.77a1.37 1.37 0 010 2.73h-4.77c-.75 0-1.36-.61-1.36-1.36'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%;
      margin-left: -4px; }
    .allMenuList dl.menu04 dt:before {
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 26 26'%3e%3cdefs%3e%3cpath id='b' d='M0 3.5a3.5 3.5 0 106.98 0A3.5 3.5 0 000 3.5z'/%3e%3cpath id='d' d='M5.34 0A5.34 5.34 0 000 5.34h12.23C12.23 2.4 9.83 0 6.88 0H5.34z'/%3e%3cpath id='f' d='M0 4.29a4.29 4.29 0 108.57 0 4.29 4.29 0 00-8.57 0z'/%3e%3cpath id='h' d='M6.55 0A6.55 6.55 0 000 6.55h15A6.55 6.55 0 008.45 0h-1.9z'/%3e%3cpath id='j' d='M0 6.3h12.62A6.3 6.3 0 100 6.3z'/%3e%3cfilter id='a' width='216.8%25' height='234.7%25' x='-58.4%25' y='-68.8%25' filterUnits='objectBoundingBox'%3e%3cfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3e%3cfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'/%3e%3cfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3e%3cfeMerge%3e%3cfeMergeNode in='shadowMatrixOuter1'/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' transform='translate(3 3.78)' fill='none' fill-rule='evenodd'%3e%3cg transform='translate(10.94 5.02)'%3e%3cmask id='c' fill='%23fff'%3e%3cuse xlink:href='%23b'/%3e%3c/mask%3e%3cpath fill='%23BFD2FF' d='M-5 11.99h16.98V-5H-5z' mask='url(%23c)'/%3e%3c/g%3e%3cg transform='translate(8.32 12.88)'%3e%3cmask id='e' fill='%23fff'%3e%3cuse xlink:href='%23d'/%3e%3c/mask%3e%3cpath fill='%23BFD2FF' d='M-5 10.34h22.23V-5H-5z' mask='url(%23e)'/%3e%3c/g%3e%3cg transform='translate(3.21 2.02)'%3e%3cmask id='g' fill='%23fff'%3e%3cuse xlink:href='%23f'/%3e%3c/mask%3e%3cpath fill='%234279FF' d='M-5 13.57h18.57V-5H-5z' mask='url(%23g)'/%3e%3c/g%3e%3cg transform='translate(0 11.67)'%3e%3cmask id='i' fill='%23fff'%3e%3cuse xlink:href='%23h'/%3e%3c/mask%3e%3cpath fill='%234279FF' d='M-5 11.55h25V-5H-5z' mask='url(%23i)'/%3e%3c/g%3e%3cpath d='M1.66 8a.97.97 0 01-.97-.98v-1.4a.97.97 0 011.94 0v1.4c0 .54-.43.98-.97.98m11.68 0a.97.97 0 01-.97-.98v-1.4a.97.97 0 111.94 0v1.4c0 .54-.44.98-.97.98' fill='%234279FF'/%3e%3cg transform='translate(1.2)'%3e%3cmask id='k' fill='%23fff'%3e%3cuse xlink:href='%23j'/%3e%3c/mask%3e%3cpath stroke='%234279FF' stroke-linecap='round' stroke-width='1.08' d='M-7.36 19.98h27.34V-7.36H-7.36z' mask='url(%23k)'/%3e%3c/g%3e%3cpath stroke='%234279FF' stroke-linecap='round' stroke-width='1.08' d='M1.2 6.3a6.31 6.31 0 0112.6 0'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%;
      margin-left: -4px; }
    .allMenuList dl dd {
      margin: 6px 0 0 0; }
      .allMenuList dl dd:first-child {
        margin-top: 0; }
      .allMenuList dl dd a {
        display: flex;
        align-items: center;
        color: #222;
        font-size: 13px;
        letter-spacing: -.4px;
        line-height: 2 !important; }
      .allMenuList dl dd.new a:after {
        content: "";
        display: block;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cg fill='%23FF2424' fill-rule='evenodd'%3e%3ccircle cx='7' cy='7' r='7' fill-opacity='.15'/%3e%3cpath fill-rule='nonzero' d='M5.72 9.87V5.74h.02l2.39 4.13H9.3V4.1H8.25v3.83h-.02L6 4.1H4.67v5.76z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 14px;
        height: 14px;
        margin-left: 4px; }

.modeSetting {
  display: none;
  position: absolute;
  top: 50px;
  right: -17px;
  background: #fff;
  width: 182px;
  border: 1px solid #ecf0f5;
  border-radius: 10px;
  box-sizing: border-box;
  z-index: 3002;
  line-height: 1.2;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07); }
  .modeSetting .modeSet {
    overflow: hidden;
    position: relative;
    padding: 13px 18px 15px 17px;
    border-bottom: 1px solid #ebebeb;
    color: #555; }
    .modeSetting .modeSet .my_mode {
      display: flex;
      align-items: center;
      color: #555;
      font-size: 12px;
      font-weight: normal;
      text-align: left; }
      .modeSetting .modeSet .my_mode:before {
        content: "";
        display: block;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23205DB2' d='M16.5 9H15a.5.5 0 110-1h1.5a.5.5 0 110 1zm-3.05-4.74a.5.5 0 11-.7-.71l1.05-1.06a.5.5 0 01.71.7l-1.06 1.07zM13.28 7a5 5 0 11-9.55 2.97A5 5 0 0113.27 7zM8.5 4.41a4.1 4.1 0 000 8.18V4.41zm0-1.91A.5.5 0 018 2V.5c0-.28.22-.5.5-.5s.5.22.5.5V2a.5.5 0 01-.5.5zM3.55 4.26L2.49 3.2a.5.5 0 01.7-.71l1.07 1.06a.5.5 0 01-.71.7zM2.5 8.5A.5.5 0 012 9H.5a.5.5 0 110-1H2c.28 0 .5.22.5.5zm1.05 4.24a.5.5 0 01.7.7L3.2 14.52a.5.5 0 01-.71-.7l1.06-1.07zM8.5 14.5c.28 0 .5.22.5.5v1.5a.5.5 0 01-1 0V15c0-.28.22-.5.5-.5zm4.95-1.76l1.06 1.06a.5.5 0 01-.7.71l-1.07-1.06a.5.5 0 01.71-.7z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        margin-top: 0px;
        margin-right: 5px; }
    .modeSetting .modeSet label {
      position: absolute;
      top: 16px;
      right: 13px;
      background: #c8c8c8;
      width: 22px;
      height: 8px;
      border-radius: 10px;
      cursor: pointer; }
      .modeSetting .modeSet label:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -5px;
        background: #8c8c8c;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        border-radius: 50%;
        transition: all 0.2s; }
    .modeSetting .modeSet input {
      position: absolute;
      top: 0;
      left: -9999em;
      width: 0;
      height: 0;
      opacity: 0;
      visibility: hidden; }
      .modeSetting .modeSet input:checked + label:before {
        left: 100%;
        margin-left: -9px; }
    .modeSetting .modeSet p {
      height: 0;
      color: #666;
      font-size: 11px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease; }
    .modeSetting .modeSet input:checked ~ p {
      height: auto;
      margin-top: 8px;
      opacity: 1;
      visibility: visible; }
  .modeSetting ul {
    padding: 5px 0 7px; }
    .modeSetting ul li {
      color: #555;
      font-size: 12px; }
      .modeSetting ul li a {
        display: inline-block;
        position: relative;
        padding: 5px 18px 6px 41px;
        color: #555 !important;
        font-size: 12px !important; }
        .modeSetting ul li a:before {
          content: "";
          position: absolute;
          left: 17px;
          top: 50%;
          margin-top: -7px; }
      .modeSetting ul li .my_item:before {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11'%3e%3cpath fill-rule='evenodd' fill='%23888' d='M12.09 11H2.9A2.87 2.87 0 010 8.18V2.82C0 1.26 1.3 0 2.91 0h9.18C13.69 0 15 1.26 15 2.82v5.36C15 9.74 13.7 11 12.09 11zM2.9 10h9.2c1 0 1.89-.83 1.89-1.82v-.2l-.2.02H1v.18C1 9.2 1.83 10 2.9 10zm9.19-9H2.9C1.85 1 1 1.8 1 2.8v4.21H14v-4.2C14 1.85 13.15 1 12.1 1z'/%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 15px;
        height: 11px;
        margin-top: -6px; }
      .modeSetting ul li .my_balloon:before {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3e%3cpath fill-rule='evenodd' fill='%23888' d='M7.5 15a7.5 7.5 0 110-15 7.5 7.5 0 010 15zm0-14a6.5 6.5 0 10.02 13.02A6.5 6.5 0 007.5 1zm2.86 7.83l.31 1.87c.12.72-.42 1.3-1.03 1.3a1 1 0 01-.48-.12l-1.66-.9-1.66.9a1 1 0 01-.47.12c-.62 0-1.15-.58-1.03-1.3l.31-1.87-1.32-1.32c-.63-.64-.29-1.77.58-1.9l1.83-.27.83-1.73c.2-.4.56-.61.93-.61s.74.2.94.6l.82 1.73 1.84.28c.86.13 1.2 1.26.57 1.9l-1.31 1.32zm-1.24-2.4l-.54-.08-.25-.52-.82-1.72H7.5l-.83 1.73-.24.51-.54.08-1.84.27 1.32 1.34.4.4-.1.59-.3 1.86 1.66-.9.47-.25.48.25 1.66.9-.3-1.87-.1-.58.4-.41 1.31-1.32-1.83-.28z'/%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 15px;
        height: 15px; }
      .modeSetting ul li .my_sotong:before {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23737373' d='M13.57 5.63l-5.9 6a.46.46 0 01-.32.14H5.92a.46.46 0 01-.46-.47V9.84c0-.12.05-.24.13-.33l5.9-6c.57-.58 1.5-.58 2.08 0 .57.59.57 1.54 0 2.12zm-.65-1.46a.55.55 0 00-.79 0l-5.75 5.87v.8h.78l5.76-5.87a.57.57 0 000-.8zM2.59 4.02c0-.26.2-.47.46-.47h4.5c.26 0 .46.21.46.47s-.2.47-.46.47h-4.5a.46.46 0 01-.46-.47zm2.66 3.33H2.99a.46.46 0 01-.46-.46c0-.26.21-.47.46-.47h2.26a.46.46 0 010 .93zm6.02-4.76a.46.46 0 01-.46-.46V.93H.92v12.13h9.89v-1.6c0-.26.2-.47.46-.47.25 0 .46.2.46.46v2.08c0 .26-.2.47-.46.47H.47a.46.46 0 01-.47-.47V.47C0 .2.2 0 .46 0h10.8c.26 0 .47.2.47.47v1.66c0 .25-.2.46-.46.46z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 15px;
        height: 14px;
        margin-left: 1px; }
      .modeSetting ul li .my_custom:before {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 13'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23737373' d='M12.27 10.1a.5.5 0 01-.23-.05.48.48 0 01-.44-.47V5.05c0-2.26-1.88-4.1-4.18-4.1a4.15 4.15 0 00-4.18 4.1v4.53l-.01.05c0 .26-.22.47-.5.47A2.69 2.69 0 010 7.47c0-1.3.98-2.36 2.27-2.58A5.1 5.1 0 017.42 0a5.11 5.11 0 015.14 4.87A2.67 2.67 0 0115 7.47a2.69 2.69 0 01-2.73 2.63zM2.25 5.9c-.72.2-1.27.82-1.27 1.58 0 .77.55 1.39 1.27 1.59V5.89zm10.33-.03v3.23c.81-.15 1.44-.8 1.44-1.62 0-.81-.63-1.46-1.44-1.61zm-4.44 5.8c.18.23.49.39.76.39h2.53c.47 0 .83-.55.83-1.03v-.2c0-.27.22-.48.5-.48.27 0 .49.21.49.48v.2c0 .95-.73 1.98-1.82 1.98H8.9c-.58 0-1.18-.3-1.55-.78a.47.47 0 01.1-.66.5.5 0 01.69.1z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 15px;
        height: 13px; }
      .modeSetting ul li .my_service:before {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23205DB2' d='M7.5 15a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7.5.83a6.67 6.67 0 100 13.34A6.67 6.67 0 007.5.83zm0 4.42a.94.94 0 110-1.87.94.94 0 010 1.87zm0 .87c.5 0 .92.4.92.9v3.7c0 .5-.41.9-.92.9-.5 0-.92-.4-.92-.9v-3.7c0-.5.41-.9.92-.9z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 15px;
        height: 15px; }

.loginUserMenu {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  background: #fff;
  border: 1px solid #ecf0f5;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
  z-index: 3002; }
  .loginUserMenu .btn_quick {
    display: flex;
    padding-top: 4px; }
    .loginUserMenu .btn_quick a {
      display: block;
      position: relative;
      width: 50%;
      height: 57px;
      color: #888;
      font-size: 12px;
      text-align: center; }
      .loginUserMenu .btn_quick a:before {
        content: "";
        display: block;
        height: 31px; }
      .loginUserMenu .btn_quick a.mybs {
        position: relative;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite in='floodOut' in2='SourceGraphic' operator='atop' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath d='M19.394 9.185c-.094.211-.449.348-.671.348-.223 0-.445-.078-.615-.235l-1.175-1.091v7.92c0 .444-.389.804-.869.804h-3.939c-.48 0-.869-.36-.869-.804v-3.638h-2.52v3.638c0 .444-.389.804-.869.804l-3.957.024c-.48 0-.869-.336-.869-.78V8.153L1.813 9.279c-.339.314-.882.375-1.153 0C.377 8.89.641 8.494.981 8.18L9.365.45c.163-.151.384-.236.615-.236.23 0 .451.085.614.236l8.516 7.862c.163.163.491.408.284.873zm-9.389-7.413L4.313 6.988v8.719h3.153v-3.632c0-.444.389-.804.869-.804h3.318c.48 0 .869.36.869.804v3.632h3.141v-8.68l-5.658-5.255z'/%3e%3c/g%3e%3c/svg%3e") center 9px no-repeat;
        width: 85px;
        background-size: 20px 17px; }
        .loginUserMenu .btn_quick a.mybs:after {
          content: "";
          position: absolute;
          top: 10px;
          right: 0;
          background: #ebecee;
          width: 1px;
          height: 33px; }
      .loginUserMenu .btn_quick a.favorite {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite in='floodOut' in2='SourceGraphic' operator='atop' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath d='M9 1.119l1.987 4.119.348.723.795.118 4.515.671-3.293 3.285-.553.551.129.77.769 4.589-3.979-2.14-.719-.387-.719.387-3.979 2.141.769-4.59.129-.77-.553-.551L1.355 6.75l4.515-.671.795-.118.348-.723L9 1.119M9 .067c-.487 0-.931.274-1.138.704L5.893 4.858l-4.53.674c-.465.069-.851.387-1.002.822-.149.436-.036.916.293 1.243l3.319 3.315-.77 4.597c-.078.464.123.928.516 1.199.216.149.47.224.724.224.209 0 .418-.051.608-.152L9 14.653l3.949 2.127c.19.101.4.152.608.152.254 0 .508-.075.725-.224.392-.271.593-.735.514-1.199l-.769-4.597 3.32-3.315c.329-.327.441-.807.292-1.243-.15-.435-.537-.753-1.002-.822l-4.53-.674L10.138.771C9.932.341 9.488.067 9 .067z'/%3e%3c/g%3e%3c/svg%3e") center 9px no-repeat;
        width: 84px;
        background-size: 18px 17px; }
  .loginUserMenu .menuList {
    margin: 0;
    padding: 12px 0 10px 16px;
    border-top: 1px solid #ebebeb; }
    .loginUserMenu .menuList li {
      min-height: 20px;
      margin-top: 3px;
      line-height: 1.5;
      list-style: none; }
      .loginUserMenu .menuList li:first-child {
        margin-top: 0; }
      .loginUserMenu .menuList li a {
        display: inline-block;
        background: url("/images/afmain/img_main.png") no-repeat;
        padding: 0 0 3px 28px;
        color: #555;
        line-height: 1.5 !important;
        word-break: break-all;
        word-wrap: break-word; }
        .loginUserMenu .menuList li a span {
          line-height: 1.5; }
        .loginUserMenu .menuList li a.my_item {
          background-position: -584px -61px; }
        .loginUserMenu .menuList li a.my_balloon {
          background-position: -584px -85px; }
        .loginUserMenu .menuList li a.my_Hopeballoon {
          background-position: -584px -108px; }
        .loginUserMenu .menuList li a.my_message {
          background-position: -583px -243px; }
        .loginUserMenu .menuList li a.my_shopping {
          background-position: -584px -170px; }
        .loginUserMenu .menuList li a.my_ffom {
          background-position: -584px -194px; }
        .loginUserMenu .menuList li a .memo {
          color: #7398ff;
          font-weight: bold; }
        .loginUserMenu .menuList li a.my_ad, .loginUserMenu .menuList li a.my_bene {
          background-position: -583px -150px; }
        .loginUserMenu .menuList li a.my_gd {
          background-position: -582px -214px; }
        .loginUserMenu .menuList li a.my_tk {
          background-position: -583px -268px; }
        .loginUserMenu .menuList li a.my_stat {
          background-position: -583px -318px; }
        .loginUserMenu .menuList li a.Account_info {
          background-position: -583px -294px; }
        .loginUserMenu .menuList li a.my_spon {
          background-position: -583px -341px; }
        .loginUserMenu .menuList li a.my_point {
          background-position: -583px -450px; }
        .loginUserMenu .menuList li a.my_profit {
          background-position: -583px -470px; }
        .loginUserMenu .menuList li a.my_shopping {
          background-position: -584px -170px; }
        .loginUserMenu .menuList li a .new {
          display: inline-block;
          background: url("/images/afmain/img_main.png") no-repeat -314px 0;
          width: 12px;
          height: 12px;
          margin: 0 0 3px 5px;
          text-indent: -9999px;
          vertical-align: middle; }
  .loginUserMenu .modeSet {
    border-top: 1px solid #ebebeb; }
  .loginUserMenu .modeSet {
    overflow: hidden;
    position: relative;
    padding: 13px 18px 15px 17px;
    border-bottom: 1px solid #ebebeb;
    color: #555; }
    .loginUserMenu .modeSet .my_mode {
      display: flex;
      align-items: center;
      color: #555;
      font-size: 12px;
      font-weight: normal;
      text-align: left; }
      .loginUserMenu .modeSet .my_mode:before {
        content: "";
        display: block;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23205DB2' d='M16.5 9H15a.5.5 0 110-1h1.5a.5.5 0 110 1zm-3.05-4.74a.5.5 0 11-.7-.71l1.05-1.06a.5.5 0 01.71.7l-1.06 1.07zM13.28 7a5 5 0 11-9.55 2.97A5 5 0 0113.27 7zM8.5 4.41a4.1 4.1 0 000 8.18V4.41zm0-1.91A.5.5 0 018 2V.5c0-.28.22-.5.5-.5s.5.22.5.5V2a.5.5 0 01-.5.5zM3.55 4.26L2.49 3.2a.5.5 0 01.7-.71l1.07 1.06a.5.5 0 01-.71.7zM2.5 8.5A.5.5 0 012 9H.5a.5.5 0 110-1H2c.28 0 .5.22.5.5zm1.05 4.24a.5.5 0 01.7.7L3.2 14.52a.5.5 0 01-.71-.7l1.06-1.07zM8.5 14.5c.28 0 .5.22.5.5v1.5a.5.5 0 01-1 0V15c0-.28.22-.5.5-.5zm4.95-1.76l1.06 1.06a.5.5 0 01-.7.71l-1.07-1.06a.5.5 0 01.71-.7z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        margin-top: 0px;
        margin-right: 5px; }
    .loginUserMenu .modeSet label {
      position: absolute;
      top: 16px;
      right: 13px;
      background: #c8c8c8;
      width: 22px;
      height: 8px;
      border-radius: 10px;
      cursor: pointer; }
      .loginUserMenu .modeSet label:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -5px;
        background: #8c8c8c;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        border-radius: 50%;
        transition: all 0.2s; }
    .loginUserMenu .modeSet input {
      position: absolute;
      top: 0;
      left: -9999em;
      width: 0;
      height: 0;
      opacity: 0;
      visibility: hidden; }
      .loginUserMenu .modeSet input:checked + label:before {
        left: 100%;
        margin-left: -9px; }
    .loginUserMenu .modeSet p {
      height: 0;
      color: #666;
      font-size: 11px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease; }
    .loginUserMenu .modeSet input:checked ~ p {
      height: auto;
      margin-top: 8px;
      opacity: 1;
      visibility: visible; }
  .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,
  .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,
  .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,
  .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting {
    background: #1b1b1c;
    border-color: #333333; }
    .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,
    .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,
    .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,
    .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li {
      color: #555;
      font-size: 12px; }
      .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,
      .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,
      .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,
      .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li a {
        color: #999 !important; }
  .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,
  .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,
  .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet,
  .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet {
    border-color: #282828; }
    .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,
    .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,
    .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,
    .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode {
      color: #999; }
    .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,
    .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,
    .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,
    .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label {
      background: #4d4d4d; }
      .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label:before,
      .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label:before, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label:before,
      .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label:before, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label:before,
      .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label:before {
        background: #7398ff; }
  .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .loginUserMenu .modeSet,
  .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .loginUserMenu .modeSet, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .loginUserMenu .modeSet,
  .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .loginUserMenu .modeSet, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .loginUserMenu .modeSet,
  .loginUserMenu .theme_dark #serviceHeader .serviceUtil .loginUserMenu .modeSet {
    padding: 13px 17px; }
  .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .loginUserMenu .modeSet .my_mode:before,
  .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .loginUserMenu .modeSet .my_mode:before, .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .loginUserMenu .modeSet .my_mode:before,
  .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .loginUserMenu .modeSet .my_mode:before, .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .loginUserMenu .modeSet .my_mode:before,
  .loginUserMenu .theme_dark #serviceHeader .serviceUtil .loginUserMenu .modeSet .my_mode:before {
    top: 13px; }
  .loginUserMenu .userFootMenu {
    overflow: hidden;
    background-color: #f7f7f7;
    width: 170px;
    height: 30px;
    padding-top: 0;
    border-radius: 0 0 4px 4px; }
    .loginUserMenu .userFootMenu .myinfo {
      display: flex;
      align-items: center;
      float: left;
      height: 30px;
      padding: 0 3px 0 14px;
      color: #888;
      line-height: 30px !important;
      font-size: 11px; }
    .loginUserMenu .userFootMenu .safe {
      display: inline-block;
      background: url("/images/afmain/img_safe.png") no-repeat 4px 9px;
      width: 16px;
      height: 30px;
      text-indent: -9999px; }
      .loginUserMenu .userFootMenu .safe:hover {
        background: url("/images/afmain/img_safe_on.png") no-repeat 4px 9px; }
    .loginUserMenu .userFootMenu .logout {
      display: flex !important;
      align-items: center;
      float: right;
      background: transparent !important;
      width: auto !important;
      height: 26px;
      margin: 0 !important;
      padding: 0 11px;
      border: 0 !important;
      color: #888;
      line-height: 30px !important;
      font-size: 11px;
      clear: inherit !important; }
    .loginUserMenu .userFootMenu .myinfo em {
      display: inline-block;
      background: url("/images/afmain/img_main.png") no-repeat -302px 0;
      width: 11px;
      height: 12px;
      margin: 0 4px 2px 0;
      vertical-align: middle; }

#webplayer_top .top_item .serviceUtil {
  float: left;
  position: static;
  margin: -5px 10px 0 0; }
  #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,
  #webplayer_top .top_item .serviceUtil .modeSetting,
  #webplayer_top .top_item .serviceUtil .loginUserMenu,
  #webplayer_top .top_item .serviceUtil .allMenuList {
    top: 43px; }
  #webplayer_top .top_item .serviceUtil .noticeArea,
  #webplayer_top .top_item .serviceUtil .settingWrap,
  #webplayer_top .top_item .serviceUtil .profileWrap,
  #webplayer_top .top_item .serviceUtil .serviceMenu,
  #webplayer_top .top_item .serviceUtil .btn-broadcast {
    margin-left: 10px; }

.banner {
  position: absolute;
  left: 150px;
  top: 0;
  z-index: 12; }

#webplayer_top .logo.vod + .banner {
  left: 200px; }

#header_ad {
  height: 56px; }

.banner a {
  display: block; }
  .banner a img {
    height: 56px; }

@media all and (max-width: 1279px) {
  .banner {
    opacity: 0;
    transform: translate(0, -100%); } }
@media all and (max-width: 1114px) {
  .banner {
    opacity: 1;
    transform: translate(0, 0); } }
@media all and (max-width: 960px) {
  .banner {
    opacity: 0;
    transform: translate(0, -100%); } }
@media all and (max-width: 1550px) {
  #webplayer_top.u211007 .top_item .serviceUtil .profileWrap .userInfo .thumb {
    display: none; } }
@media all and (max-width: 1510px) {
  #webplayer_top.u211007 .top_item .serviceUtil [class^=btn-].btn-broadcast {
    display: none; } }
@media all and (max-width: 797px) {
  #webplayer.webplayer_live #webplayer_top.u211007 .view_ctrl .btn_chat {
    opacity: 1;
    width: 50px; } }
@media all and (max-width: 1455px) {
  #webplayer_top.u211007 .banner {
    opacity: 0;
    transform: translate(0, -100%); } }
@media all and (max-width: 1114px) {
  #webplayer_top.u211007 .banner {
    opacity: 1;
    transform: translate(0, 0); } }
@media all and (max-width: 1040px) {
  #webplayer_top.u211007 .banner {
    opacity: 0;
    transform: translate(0, -100%); } }
#webplayer_top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-width: 500px;
  height: 56px;
  border-bottom: 2px solid #4279ff; }

#webplayer_top .logo {
  position: absolute;
  height: 20px;
  top: 17px;
  left: 13px;
  z-index: 12; }

#webplayer_top .logo a {
  float: left;
  overflow: hidden;
  background: url("/images/webplayer/live/split_live.png") no-repeat 0 0;
  width: 117px;
  height: 20px;
  text-indent: -9999em; }

#webplayer_top .logo a.vod {
  display: none;
  float: left;
  background: none;
  width: auto !important;
  margin-left: 10px;
  color: #424242;
  letter-spacing: -1px;
  text-indent: 0;
  font-size: 18px;
  text-decoration: none; }

#webplayer_top .logo.vod a.vod {
  display: block; }

/* 웹플레이어 상단 우측 포지션 */
#webplayer_top .top_item {
  clear: both;
  position: absolute;
  z-index: 20;
  right: 13px;
  top: 13px;
  height: 30px; }

/* 로그인 */
#webplayer_top .top_item .log_area {
  position: relative;
  float: left;
  margin: 5px 10px 0 0;
  height: 17px; }

#webplayer_top .top_item .log_area > a {
  position: relative;
  text-align: center;
  padding: 0;
  font-size: 14px;
  color: #3d82f6;
  font-family: 'NGB','AppleGothic',sans-serif; }

#webplayer_top .top_item .log_area > a.on {
  padding-right: 12px; }

#webplayer_top .top_item .log_area > a.on:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1.5px;
  border-top: 3px solid #85b3ff;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent; }

#webplayer_top .top_item .log_area > a em {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin: 0 5px 3px 0;
  text-indent: -9999px;
  background: url("/images/webplayer/live/split_live.png") no-repeat 0 -21px; }

#webplayer_top .top_item .log_area > a .text_nickname {
  display: inline-block; }

@media all and (max-width: 1400px) {
  #webplayer_top .top_item .log_area > a .text_nickname {
    overflow: hidden;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap; }

  #webplayer_top .top_item .log_area > a .text_nickname:hover {
    max-width: none; } }
@media all and (max-width: 1279px) {
  #webplayer_top .top_item .log_area > a .text_nickname {
    max-width: none; } }
#webplayer_top .top_item .feed_area {
  margin: -4px 12px 0; }

#webplayer_top .top_item .feed_area .scroll_area {
  overflow: auto; }

/* *********************** */
/* 헤더 UI 변경후 삭제 예정 */
/* *********************** */
/* 로그인 개인화 레이어 */
.log_area .user_area {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 36px;
  right: 10px;
  width: 170px;
  height: 0;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px; }

.log_area .user_area:before {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: -9px;
  width: 17px;
  height: 9px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -80px -140px; }

.log_area .user_area a {
  position: relative;
  display: block;
  font-size: 12px; }

.log_area .user_area a:hover {
  text-decoration: underline; }

.log_area .user_area .btn_set1 .mybs {
  position: relative;
  line-height: 42px;
  padding-left: 20px; }

.log_area .user_area .btn_set1 .mybs:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 15px;
  margin-right: 10px;
  line-height: 42px;
  vertical-align: -3px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -60px -140px; }

.log_area .user_area .btn_set1 .mybs span {
  position: relative;
  padding-right: 8px; }

.log_area .user_area ul {
  padding: 10px 0;
  border-top: 1px solid #eee; }

.log_area .user_area ul + ul {
  padding: 5px 0; }

.log_area .user_area ul li a {
  line-height: 25px;
  padding-left: 20px; }

.log_area .user_area ul li a.my_message {
  font-size: 0; }

.log_area .user_area ul li a span {
  font-size: 12px; }

.log_area .user_area ul li a span.new {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin: 0 0 3px 5px;
  text-indent: -9999px;
  background: url("/images/webplayer/live/split_live.png") no-repeat 0 -21px; }

.log_area .user_area ul li a strong {
  color: #386cff; }

/* .log_area .user_area ul li a span { overflow: hidden; display: inline-block; width: 12px; height: 12px; margin: 0 3px 2px 0; text-indent: -9999em; vertical-align: middle; background: url('/images/webplayer/live/split_live.png') no-repeat 0 -21px; } */
.log_area .user_area li a:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-right: 10px;
  vertical-align: -4px;
  background: url("/images/webplayer/live/split_live.png") no-repeat; }

.log_area .user_area li a.my_item:before {
  background-position: -220px 2px; }

.log_area .user_area li a.my_balloon:before {
  background-position: -238px 0; }

.log_area .user_area li a.my_Hopeballoon:before {
  background-position: -256px 0; }

.log_area .user_area li a.my_message:before {
  background-position: -274px 0; }

.log_area .user_area li a.my_shopping:before {
  background-position: -310px 0; }

.log_area .user_area li a.my_ffom:before {
  background-position: -328px 0; }

.log_area .user_area li a.my_ad:before,
.log_area .user_area li a.my_bene:before {
  background-position: -292px 0; }

.log_area .user_area li a.my_gd:before {
  background-position: -346px 0; }

.log_area .user_area li a.my_tk:before {
  background-position: -382px 0; }

.log_area .user_area li a.my_stat:before {
  background-position: -416px 0; }

.log_area .user_area li a.Account_info:before {
  background-position: -400px 0; }

.log_area .user_area li a.my_spon:before {
  height: 17px;
  background-position: -435px 0; }

.log_area .user_area li a.my_point:before {
  background-position: -455px 0; }

.log_area .user_area li a.my_profit:before {
  background-position: -474px 1px; }

.log_area .user_area li a .cnt {
  font-weight: bold;
  color: #386cff; }

.log_area .user_area .btn_set2 {
  overflow: hidden;
  position: relative;
  padding: 0 10px 0 15px;
  border-radius: 0 0 4px 4px;
  background: #f7f7f7; }

.log_area .user_area .btn_set2 a {
  display: inline-block;
  line-height: 36px;
  height: 36px;
  font-size: 11px;
  vertical-align: top; }

.log_area .user_area .btn_set2 a.my_info_security {
  position: relative;
  padding: 0 5px;
  width: 8px; }

.log_area .user_area .btn_set2 a.my_info_security em {
  position: absolute;
  top: 12px;
  width: 8px;
  height: 10px;
  margin: 0 auto;
  background: url("/images/webplayer/live/split_live.png") no-repeat -100px -140px;
  text-indent: -9999em; }

.log_area .user_area .btn_set2 a.my_info_security:hover em {
  background-position: -120px -140px; }

.log_area .user_area .btn_set2 a.logout {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px; }

.log_area .user_area.on {
  opacity: 1;
  overflow: visible;
  right: 0;
  height: auto;
  border: 1px solid #bfbfbf; }

.log_area .btn_more {
  height: 18px;
  vertical-align: 5px; }

.log_area .mode_set_area {
  right: 100%;
  margin-right: -44px; }

/* ************************** */
/* // 헤더 UI 변경후 삭제 예정 */
/* ************************** */
/* 채팅, 영상리스트 , 즐겨찾기리스트 열기닫기  */
#webplayer_top .top_item .view_ctrl,
#webplayer_top .top_item .view_ctrl li {
  position: relative;
  float: left; }

#webplayer_top .top_item .view_ctrl li {
  width: 50px;
  height: 30px;
  margin: 0;
  overflow: hidden; }

#webplayer_top .top_item .view_ctrl li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  width: 1px;
  height: 19px;
  background-color: #e6e6e6; }

#webplayer_top .top_item .view_ctrl li button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }

#webplayer_top .top_item .view_ctrl li button span {
  position: relative;
  display: inline-block;
  height: 25px;
  text-indent: -1111px;
  background-image: url("/images/webplayer/live/split_live.png");
  background-repeat: no-repeat; }

#webplayer_top .top_item .view_ctrl li.btn_chat button span {
  background-position: 0 -35px;
  width: 31px; }

#webplayer_top .top_item .view_ctrl li.btn_list button span {
  background-position: -32px -35px;
  width: 25px; }

#webplayer_top .top_item .view_ctrl li.btn_list_bookmark button span {
  background-position: -59px -35px;
  width: 25px; }

#webplayer_top .top_item .view_ctrl li.btn_chat button:hover span {
  background-position: 0 -90px; }

#webplayer_top .top_item .view_ctrl li.btn_list button:hover span {
  background-position: -32px -90px; }

#webplayer_top .top_item .view_ctrl li.btn_list_bookmark button:hover span {
  background-position: -59px -90px; }

.chat_open #webplayer_top .top_item .view_ctrl li.btn_chat button span,
.chat_open #webplayer_top .top_item .view_ctrl li.btn_chat button:hover span {
  background-position: 0 -62px; }

.list_open #webplayer_top .top_item .view_ctrl li.btn_list button span,
.list_open #webplayer_top .top_item .view_ctrl li.btn_list button:hover span {
  background-position: -32px -62px; }

.list_bookmark_open #webplayer_top .top_item .view_ctrl li.btn_list_bookmark button span,
.list_bookmark_open #webplayer_top .top_item .view_ctrl li.btn_list_bookmark button:hover span {
  background-position: -59px -62px; }

/* ********************* */
/* 웹플레이어 검색어 관련  */
#webplayer_top .top_item .search {
  position: relative;
  float: left; }
  #webplayer_top .top_item .search input {
    width: 160px;
    padding: 4px 30px 4px 0;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    text-indent: 10px;
    color: #4b4b4b;
    outline: none; }
  #webplayer_top .top_item .search input:focus {
    border: 1px solid #4279ff; }
  #webplayer_top .top_item .search .btn_search {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px; }
  #webplayer_top .top_item .search .btn_search span {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 0;
    vertical-align: middle;
    background: url("/images/webplayer/live/split_live.png") no-repeat -87px -34px; }
  #webplayer_top .top_item .search .search_list {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    margin-top: -1px;
    margin-left: -10px;
    margin-right: 10px;
    height: 0;
    font-size: 12px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid transparent; }
    #webplayer_top .top_item .search .search_list .list_title {
      padding: 0 10px;
      border-bottom: 1px solid #e0e0e0;
      font-weight: bold;
      line-height: 24px; }
    #webplayer_top .top_item .search .search_list ul {
      margin: 5px 0; }
    #webplayer_top .top_item .search .search_list li {
      position: relative;
      padding: 0 10px; }
    #webplayer_top .top_item .search .search_list a {
      overflow: hidden;
      display: block;
      font-size: 12px;
      line-height: 24px;
      color: #5a5a5a;
      white-space: nowrap;
      text-overflow: ellipsis; }
    #webplayer_top .top_item .search .search_list li.type1 a {
      padding-right: 0;
      margin-right: 20px; }
    #webplayer_top .top_item .search .search_list li.type2 a {
      padding-right: 0;
      margin-right: 40px; }
    #webplayer_top .top_item .search .search_list em {
      display: inline-block;
      border: 1px solid #ccc;
      color: #999;
      font-family: verdana;
      font-size: 10px;
      margin: 0 10px 0 0;
      text-align: center;
      width: 13px;
      height: 13px;
      line-height: 13px; }
    #webplayer_top .top_item .search .search_list button {
      position: absolute;
      top: 6px;
      left: 165px;
      width: 11px;
      height: 11px; }
    #webplayer_top .top_item .search .search_list button:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      background: url("/images/webplayer/live/split_live.png") -1369px 0 no-repeat;
      width: 8px;
      height: 8px;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    #webplayer_top .top_item .search .search_list span {
      position: absolute;
      right: 15px;
      top: 5px;
      padding-left: 10px;
      line-height: 1.2;
      text-align: center;
      font-family: verdana;
      font-size: 11px; }
    #webplayer_top .top_item .search .search_list span.new {
      top: 9px;
      right: 16px;
      width: 22px;
      height: 7px;
      padding: 0;
      line-height: 1;
      text-indent: -9999em; }
    #webplayer_top .top_item .search .search_list span:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -3px;
      background: url("/images/webplayer/live/split_live.png"); }
    #webplayer_top .top_item .search .search_list span.up:before {
      width: 7px;
      height: 8px;
      background-position: -58px -161px; }
    #webplayer_top .top_item .search .search_list span.down:before {
      width: 7px;
      height: 8px;
      background-position: -58px -170px; }
    #webplayer_top .top_item .search .search_list span.new:before {
      top: 0;
      margin: 0;
      width: 22px;
      height: 5px;
      background-position: -58px -180px; }
    #webplayer_top .top_item .search .search_list .del_all {
      padding: 0 10px;
      text-align: right;
      border-top: 1px solid #e0e0e0; }
    #webplayer_top .top_item .search .search_list .del_all a {
      display: inline-block;
      line-height: 26px;
      vertical-align: top; }
    #webplayer_top .top_item .search .search_list li:hover {
      background: #f5f5f5; }
  #webplayer_top .top_item .search.on input + button span, #webplayer_top .top_item .search.active input + button span, #webplayer_top .top_item .search .btn_search:hover span {
    background-position: -107px -34px; }
  #webplayer_top .top_item .search.on input + button + .search_list, #webplayer_top .top_item .search.active input + button + .search_list {
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    border: 1px solid #a6a6a6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

#webplayer_top .hv a {
  background-color: #f1f3f6; }

/* 웹플레이어 검색어 관련  */
/* ********************* */
/* *********************************************************************** */
#afSearcharea {
  position: relative;
  top: 0;
  left: auto;
  float: left;
  transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  #afSearcharea .search_window {
    width: 307px;
    min-height: 28px;
    border-color: #ccc; }
    #afSearcharea .search_window input {
      height: 30px;
      width: 235px; }
    #afSearcharea .search_window .reset {
      top: 6px;
      right: 35px; }
    #afSearcharea .search_window .btn_search {
      right: 0;
      height: 30px;
      background: none;
      font: 0/0 a; }
    #afSearcharea .search_window.win_focus {
      border-color: #4279ff;
      box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.15); }
      #afSearcharea .search_window.win_focus .btn_search:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke='' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M8.5.4c4.474 0 8.1 3.626 8.1 8.1 0 2.028-.745 3.882-1.977 5.303l4.852 4.853c.234.234.234.614 0 .848-.235.234-.615.234-.849 0l-4.855-4.854c-1.417 1.216-3.258 1.95-5.271 1.95-4.474 0-8.1-3.626-8.1-8.1S4.026.4 8.5.4zm0 1.2c-3.81 0-6.9 3.09-6.9 6.9 0 3.81 3.09 6.9 6.9 6.9 3.81 0 6.9-3.09 6.9-6.9 0-3.81-3.09-6.9-6.9-6.9z'/%3e%3c/svg%3e") 0 0 no-repeat; }
  #afSearcharea .search_box {
    padding-top: 30px; }
    #afSearcharea .search_box .tab li {
      margin: 0; }
      #afSearcharea .search_box .tab li + li {
        margin: 0 0 0 16px; }
  .theme_dark #afSearcharea .win_focus, .thema_dark #afSearcharea .win_focus {
    border-color: #2e2e2f; }

#webplayer_top.u211007 .top_item #afSearcharea {
  position: relative;
  top: -12px;
  left: auto;
  float: left;
  margin-left: -11px; }
  #webplayer_top.u211007 .top_item #afSearcharea .search_window {
    width: 314px; }
    #webplayer_top.u211007 .top_item #afSearcharea .search_window .searchInputWrap {
      min-height: 29px; }
      #webplayer_top.u211007 .top_item #afSearcharea .search_window .searchInputWrap input {
        height: 29px; }
    #webplayer_top.u211007 .top_item #afSearcharea .search_window .btn_search {
      top: 0;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cg fill='%234279FF' fill-rule='nonzero'%3e%3cpath d='M7.066.575c3.639 0 6.588 2.95 6.588 6.587 0 3.639-2.95 6.588-6.588 6.588S.479 10.8.479 7.162 3.429.575 7.066.575zm0 1.5c-2.81 0-5.087 2.278-5.087 5.087 0 2.81 2.278 5.088 5.087 5.088 2.81 0 5.088-2.278 5.088-5.088S9.876 2.075 7.066 2.075z'/%3e%3cpath d='M10.839 10.839a.898.898 0 011.18-.081l.092.08 4.609 4.609c.351.351.351.921 0 1.273a.9003.9003 0 01-1.181.08l-.092-.08-4.608-4.609a.898.898 0 010-1.272z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 17px 17px;
      width: 34px;
      height: 29px; }

@media all and (max-width: 1114px) {
  #webplayer_top #afSearcharea {
    display: none;
    opacity: 0;
    margin: -310px;
    right: -324px;
    z-index: -1; } }
/* *********************************************************************** */
/*  3. weblayer , top 영역   */
/*  ***********************  */
/*  ***********************  */
/*  ****************************  */
/*  ****************************  */
/*  4. html플레이어 하단 정보영역   */
/* 정보영역 - 방송정보영역 */
.broadcast_information {
  position: relative;
  padding-top: 12px; }
  .broadcast_information .bj_thumbnail {
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 12px;
    width: 48px;
    height: 48px; }
  .broadcast_information .text_information {
    position: relative;
    padding-left: 72px;
    font-size: 0;
    margin: 0 10px 0 0; }

.bj_thumbnail a {
  position: relative;
  display: block;
  height: 100%; }

.bj_thumbnail a:after {
  content: '';
  display: none;
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 25px;
  height: 25px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -140px -120px; }

.bj_thumbnail a img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%; }

.bj_thumbnail a span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
  line-height: 1.4;
  font-size: 12px;
  color: #fff; }

.bj_thumbnail a p {
  opacity: 0;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center; }

.bj_thumbnail a:hover p {
  opacity: 1; }

.text_information .nickname {
  display: inline-block;
  font-size: 15px;
  color: #4279ff; }

.text_information .broadcast_title {
  position: relative;
  margin: 6px 0 12px;
  font-size: 18px;
  color: #000;
  letter-spacing: -1px;
  word-break: break-all; }

.text_information .hashtag:empty {
  margin-bottom: 19px; }

.text_information .hashtag a {
  overflow: hidden;
  display: inline-block;
  margin-right: 12px;
  font-size: 13px;
  line-height: 1.4;
  color: #888;
  font-family: 'NG','applegothic',sans-serif; }

.text_information .hashtag a:hover,
.text_information .hashtag a:focus {
  animation-duration: 5s;
  animation-name: rainbowLink;
  animation-iteration-count: infinite;
  text-decoration: underline;
  color: #000; }

@keyframes rainbowLink {
  0% {
    color: #ff2a2a; }
  15% {
    color: #ff7a2a; }
  30% {
    color: #ffc52a; }
  45% {
    color: #43ff2a; }
  60% {
    color: #2a89ff; }
  75% {
    color: #202082; }
  90% {
    color: #6b2aff; }
  100% {
    color: #e82aff; } }
/* 영상 정보 */
.text_information .etc {
  position: relative;
  padding-top: 15px;
  margin: 15px 0 15px; }

.text_information .etc:before {
  content: '';
  position: absolute;
  top: 0;
  left: -60px;
  right: 0px;
  height: 0px;
  border-bottom: 1px solid #f0f0f0; }

.text_information .etc ul:after {
  content: '';
  display: block;
  clear: both; }

.text_information .etc ul li {
  float: left;
  position: relative;
  margin-right: 10px;
  padding-left: 10px;
  color: #888;
  font-size: 14px; }

.text_information .etc ul li:first-child {
  padding-left: 0; }

.text_information .etc ul li:first-child:before {
  display: none; }

.text_information .etc ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #e6e6e6;
  width: 1px;
  height: 9px;
  margin-top: -2px; }

.text_information .etc ul li em {
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") no-repeat;
  margin-right: 5px;
  font: 0/0 a;
  vertical-align: middle; }

.text_information .etc ul li > span {
  vertical-align: middle; }

.text_information .etc ul li button span {
  display: inline-block;
  position: relative; }

.text_information .etc ul li.up_cnt em {
  width: 17px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 40, 48, 0.999)' stroke=''  width='16' height='17'%3e%3cpath fill-rule='evenodd' fill='%23FF3838' d='M14.728 9.419c.152.308.231 1.221.231.988 0 .519-.177 1.014-.504 1.417.134.278.204.581.204.89 0 .735-.396 1.414-1.029 1.796.019.106.028.213.028.32 0 1.061-.888 1.924-1.979 1.924H7.234c-.373 0-.677-.302-.677.046 0-1.092.304-1.394.677-1.394h4.445c.561 0 .625-.258.625-.576a.537.537 0 00-.101-.312c.497-.19.237.362-.072-.643a.672.672 0 01.506-.408c.603-.07.667.343.667-.753 0-.191-.075-.369.566-.513-.922.389-.991-.338-.972-.535.019-.198.322-.376.288-.49a.933.933 0 00.419-.769.91.91 0 00-.266-.638.67.67 0 01-.181-.555c.027-.104.143-.381.32-.488.268-.161.428-.431.428-.426 0-.774-.415-1.162-.925-1.162H8.776c-.246 0-.465-.018-.587-.337.481-.211.481-.462-.001-.673.755-1.303.287-2.398-.535-3.258-.233-1.063-.665-1.254-1.024-1.237a.449.449 0 00-.197.038c.002.004.001.025.007.062.042.242.071.513.086.803.026.734.015 1.035-.033 1.619-.018.215-.036.379-.048.472l-.092.261L4.41 8.106a.681.681 0 01-.927.232c-.156-.093-.266.632-.31-.416a.669.669 0 01.077-.511l1.866-3.092c.008-.074.017-.167.026.121.043-.918.054-1.06.031-1.834a5.276 5.276 0 00-.068-.642c.195-.434.014-.824.26-1.13C5.631.504 6.58.309 6.567.285a2.707 2.707 0 012.129.941c1.047 1.256 1.46 3.068 1.078 4.564h3.207c1.256 0 2.279.993 2.279 2.51 0 .221.42.94-.532 1.119zM8.45 9.54v.001c.132.124.206.292.211.589.004.063-.062.234-.188.365l-4.979 5.19c-.127.133-.305.209.006.209h-.503a.681.681 0 01-.492-.22L.924 13.95a.671.671 0 01.045-.954c.276-.248.704-.228.955.404l1.236.832 4.335-4.668a.679.679 0 01.955-.024z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.text_information .etc ul li.comment_cnt em {
  background-position: -1446px 0;
  width: 17px;
  height: 15px; }

.text_information .etc ul li.gift_cnt em {
  background-position: -1429px 0;
  width: 13px;
  height: 15px; }

.text_information .etc ul li.gift_cnt button {
  color: #888;
  vertical-align: middle; }

.text_information .etc ul li.gift_cnt strong {
  color: #0e54ff;
  font-size: 13px; }

.text_information .etc ul li.gift_cnt i {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid #555;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  font: 0/0 a;
  vertical-align: middle; }

.text_information .etc ul li.boomark_cnt em {
  background-position: -118px 0;
  width: 16px;
  height: 15px; }

.text_information .etc ul li.detail button {
  color: #888;
  vertical-align: middle; }

.text_information .etc ul li.detail button:after {
  content: "";
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") -100px -60px no-repeat;
  width: 9px;
  height: 5px;
  margin-left: 5px;
  vertical-align: 2px; }

.text_information .etc ul li.detail button.on:after {
  background-position: -100px -70px; }

.text_information .vod_info {
  margin: 29px 20px 19px 0;
  color: #555;
  line-height: 1.6;
  font-size: 14px;
  word-break: break-all; }

.text_information .vod_info p {
  margin-bottom: 17px;
  color: #888;
  font-size: 13px; }

.text_information .vod_info p span {
  color: #fd7a3a; }

.text_information .detail_view {
  display: none; }

.text_information .detail_view {
  overflow: hidden;
  margin: 20px 0; }

.text_information .detail_view li {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  min-height: 18px; }

.text_information .detail_view li:first-child {
  margin: 0; }

.text_information .detail_view li strong {
  position: absolute;
  clear: both;
  width: 110px;
  padding-left: 6px;
  color: #787878;
  font-size: 14px;
  font-family: 'NGB','AppleGothic',sans-serif; }

.text_information .detail_view li strong:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  background-color: #8e8e8e;
  border-radius: 50%; }

.text_information .detail_view li a,
.text_information .detail_view li span {
  display: block;
  min-height: 20px;
  margin-left: 125px;
  min-height: 14px;
  color: #787878;
  font-size: 14px; }

.text_information .detail_view li span a {
  display: inline-block;
  margin: 0;
  color: #328fde; }

.broadcast_viewer_cnt {
  overflow: visible;
  display: inline-block;
  position: relative;
  z-index: 1;
  height: 20px;
  margin-left: 15px;
  color: #222;
  font-size: 0px; }

.broadcast_viewer_cnt > span {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  font-size: 0;
  color: #767676; }

.broadcast_viewer_cnt > span em {
  font-size: 15px; }

.broadcast_viewer_cnt > span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -6px;
  z-index: 2;
  width: 19px;
  height: 14px;
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(196, 196, 196, 0.999)' stroke='' viewBox='0 0 22 16'%3e%3cpath fill-rule='evenodd' d='M8 15.5v-.75c0-2.9 2.35-5.25 5.25-5.25h3c2.9 0 5.25 2.35 5.25 5.25v.75H8zM14.75 8a3.75 3.75 0 113.75-3.75A3.749 3.749 0 0114.75 8zM6.5 9.125a2.625 2.625 0 110-5.25 2.625 2.625 0 010 5.25zM7.484 11c-.516.704-.984 2.371-.984 3.938v.562h-6v-.563C.5 12.762 2.59 11 5.167 11h2.317z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.broadcast_viewer_cnt .viewer_cnt_detail {
  display: none;
  overflow: hidden;
  position: absolute;
  bottom: 30px;
  left: -90px;
  padding: 8px;
  min-width: 120px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  border-radius: 4px; }

.broadcast_viewer_cnt .viewer_cnt_detail .box_arrow {
  display: block;
  position: absolute;
  top: -6px;
  right: 125px;
  width: 11px;
  height: 7px;
  background: url("/images/webplayer/live/split_live.png") -60px -120px no-repeat; }

.broadcast_viewer_cnt .viewer_cnt_detail span {
  background: none;
  text-align: left; }

.broadcast_viewer_cnt .viewer_cnt_detail * {
  font-size: 11px; }

.broadcast_viewer_cnt .viewer_cnt_detail strong {
  display: block;
  margin-bottom: 0px;
  text-align: left; }

.broadcast_viewer_cnt .viewer_cnt_detail li {
  position: relative;
  margin-top: 3px;
  padding-left: 3px;
  text-align: left;
  white-space: nowrap; }

.broadcast_viewer_cnt .viewer_cnt_detail li:first-child {
  margin-top: 6px; }

.broadcast_viewer_cnt .viewer_cnt_detail li span {
  padding: 0  3px;
  line-height: 1.4;
  white-space: nowrap; }

.broadcast_viewer_cnt .viewer_cnt_detail li i {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #333; }

.broadcast_viewer_cnt .viewer_cnt_detail li div {
  display: inline;
  position: relative;
  height: 12px;
  margin-top: 2px; }

.broadcast_viewer_cnt .viewer_cnt_detail li div i {
  display: none;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 4px;
  background-color: #fff;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666; }

.broadcast_viewer_cnt .viewer_cnt_detail li div span {
  padding: 0 1px; }

.broadcast_information button.btn_open {
  display: none;
  position: absolute;
  top: 16px;
  right: 12px;
  width: 21px;
  height: 21px;
  font: 0/0 a;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .broadcast_information button.btn_open:before {
    content: '';
    display: block;
    width: 9px;
    height: 5px;
    margin: 8px 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(136, 136, 136, 0.999)' stroke='' viewBox='0 0 16 8'%3e%3cpath fill-rule='evenodd' d='M1.39.544C1.138.33.76.358.544.61c-.215.252-.186.63.066.846l7.01 6c.225.192.557.192.781 0l6.99-6c.251-.217.28-.595.064-.847-.216-.251-.594-.28-.846-.064L8.01 6.21 1.39.544z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }

.broadcast_information button.chat_open {
  display: none;
  margin-right: -80px;
  transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98);
  position: absolute;
  right: 10px;
  top: 100%;
  width: 46px;
  height: 46px;
  margin-top: 10px;
  border-radius: 12px;
  font: 0/0 a;
  background-color: #d9d9d9;
  background-size: 60%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 18'%3e\a 	%3cpath fill='%23FFF' d='M17.32 13.76l.16 3.58L13.9 15c-.55.09-1.11.13-1.69.13-4.86 0-8.8-3.28-8.8-7.33C3.4 3.75 7.33.47 12.2.47 17.06.47 21 3.75 21 7.8c0 2.46-1.45 4.63-3.68 5.96zM9.99 15.7a6.97 6.97 0 01-4.9.76L2.54 18l.2-2.5a4.95 4.95 0 01-2.46-4.26 4.89 4.89 0 012.6-4.02 6.2 6.2 0 00-.13 1.26c0 3.6 3.13 6.6 7.25 7.21z' /%3e\a 	%3cpath fill='%23d9d9d9' d='M16.35 9.23c-.67 0-1.21-.56-1.21-1.25 0-.7.54-1.25 1.21-1.25.68 0 1.22.56 1.22 1.25 0 .7-.54 1.25-1.22 1.25zm-4.2 0c-.68 0-1.22-.56-1.22-1.25 0-.7.54-1.25 1.21-1.25.67 0 1.22.56 1.22 1.25 0 .7-.54 1.25-1.22 1.25zm-4.22 0c-.67 0-1.22-.56-1.22-1.25 0-.7.55-1.25 1.22-1.25.67 0 1.22.56 1.22 1.25 0 .7-.55 1.25-1.22 1.25z' /%3e %3c/svg%3e"); }

.webplayer_live .broadcast_viewer_cnt:hover:before,
.webplayer_live .broadcast_viewer_cnt:hover .viewer_cnt_detail {
  display: block; }

/* 방송정보영역 */
/* *********** */
/* ID 레이어 */
/* @ 주의 사항 @ * 레이어가 버튼 영역과 형제로 생성이 되기 때문에 컬러 여백 등 상속 받을 수 있습니다. */
.more-layer {
  display: none;
  position: absolute;
  z-index: 15;
  top: 30px;
  right: 0;
  bottom: auto;
  background: #fff;
  min-width: 120px;
  border: 1px solid #d9dddf;
  border-radius: 3px;
  white-space: nowrap;
  z-index: 100; }

.more-layer button {
  display: block;
  position: static !important;
  width: 100%;
  padding: 9px 15px 9px 15px;
  text-align: left; }

.rank-list ul li .more-layer > a {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  box-sizing: border-box;
  color: #333 !important;
  line-height: inherit;
  text-align: left;
  font-size: 13px !important;
  -webkit-box-sizing: border-box; }

.more-layer button:hover, .more-layer > a:hover {
  background: #e6edfb; }

.more-layer button span {
  background: none;
  margin: 0 !important;
  padding: 0 !important;
  color: #333 !important;
  font-size: 13px !important; }

.more-layer button span:after, .more-layer button span:before {
  display: none !important; }

/* **************************************** */
/* **************************************** */
/* *******  5. 리스트 , 즐겨찾기 영역  ****** */
.list_contents {
  position: absolute;
  top: 40px;
  left: 10px;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto; }

.list_contents_item {
  position: relative;
  z-index: 7; }

.list_contents_item + .list_contents_item {
  z-index: 6; }

.list_contents_item:after {
  content: '';
  display: block;
  clear: both; }

.list_contents_item .select_box {
  position: relative;
  float: left;
  width: 105px;
  margin: 5px 5px 0 0; }

.list_contents_item .select_box#selVodSearch3 {
  width: 60px; }

.list_contents_item .select_box > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: block;
  height: 25px;
  line-height: 25px;
  color: #888;
  font-size: 12px;
  letter-spacing: -1px;
  padding: 0 17px 0 7px;
  border: 1px solid #dfdfdf; }

.list_contents_item .select_box > a:after {
  content: '';
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -2.5px;
  width: 7px;
  height: 5px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -160px -45px; }

.list_contents_item .select_box ul {
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  top: 90%;
  left: 0;
  right: auto;
  max-height: 200px;
  min-width: 100%;
  margin-top: -1px;
  background-color: #fff;
  border: 1px solid transparent; }

.list_contents_item .select_box ul a {
  box-sizing: border-box;
  display: inline-block;
  min-width: 100%;
  line-height: 25px;
  padding: 0 7px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.list_contents_item .select_box ul a:hover {
  background: #f3f3f3; }

.list_contents_item .select_box a.on + ul {
  z-index: 2;
  opacity: 1;
  height: auto;
  top: 100%;
  border: 1px solid #dfdfdf; }

/* 리스트 검색 탭 */
#list_area .list_tab,
#list_bookmark_area .list_tab {
  position: relative;
  overflow: hidden;
  right: auto;
  top: auto;
  padding: 5px 0 11px;
  z-index: 100; }

#list_area .list_tab li,
#list_bookmark_area .list_tab li {
  float: left;
  margin-left: 16px; }

#list_area .list_tab li:first-child,
#list_bookmark_area .list_tab li:first-child {
  margin: 0; }

#list_area .list_tab li a,
#list_bookmark_area .list_tab li a {
  display: inline-block;
  height: auto;
  font: 14px/1.4 'NG';
  color: #555;
  background: none;
  font-size: 14px; }

#list_area .list_tab li:first-child a,
#list_bookmark_area .list_tab li:first-child a {
  padding: 0; }

#list_area .list_tab li.close,
#list_bookmark_area .list_tab li.close {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px; }

#list_area .list_tab li.close a,
#list_bookmark_area .list_tab li.close a {
  width: auto;
  padding: 0;
  font-size: 13px;
  color: #888; }

#list_area .list_tab li.on a,
#list_bookmark_area .list_tab li.on a {
  font-weight: bold; }

#list_area .list_tab li.on a,
#list_area .list_tab li a:hover,
#list_bookmark_area .list_tab li.on a,
#list_bookmark_area .list_tab li a:hover {
  color: #4279ff; }

/* 리스트 스타일 공통 */
.list_contents .list_contents_item + dl {
  margin-top: 18px; }

.list_contents dl {
  margin: 18px 0; }

.list_contents dl dd {
  padding-right: 10px; }

.list_contents dl + dl {
  margin-top: 24px; }

.list_contents dl dt {
  position: relative;
  margin: 0 0 15px; }

.list_contents dl dt h3 {
  position: relative;
  color: #333;
  font-size: 15px;
  font-weight: normal; }

.list_contents dl h4.sub_title {
  font-weight: normal;
  margin: 13px 0 6px;
  font-size: 14px;
  color: #666; }

.list_contents dl h4.sub_title a:after {
  content: "";
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") no-repeat -111px -161px;
  width: 7px;
  height: 11px;
  margin-left: 6px;
  vertical-align: -1px; }

/* 관련된 VOD */
.list_contents dl dt.tit_tip h3 {
  display: inline-block; }

.list_contents .tip_area {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 0 0 4px;
  font-weight: normal; }

.list_contents .tip_area a {
  display: block;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background: url("//res.afreecatv.com/images/aftv_search/img_tip.png") no-repeat 0 0; }

.list_contents .tip_area a:hover + .tip_layer {
  display: block; }

.list_contents .tip_area .tip_layer {
  display: none;
  position: absolute;
  top: -9px;
  left: 29px;
  z-index: 10;
  width: 130px;
  padding: 9px 15px;
  border: 1px solid #c8c8c8;
  border-radius: 2px;
  font-size: 13px;
  color: #797979;
  background: #fff; }

.list_contents .tip_area .tip_layer:before {
  content: '';
  position: absolute;
  top: 11px;
  left: -7px;
  display: block;
  width: 7px;
  height: 10px;
  background: url("//res.afreecatv.com/images/aftv_search/img_tip.png") no-repeat -19px 0; }

.list_contents .more_list {
  margin-top: 16px;
  text-align: right; }

.list_contents .more_list a {
  color: #888;
  text-decoration: none; }

.list_contents .more_list a:after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 5px;
  vertical-align: middle;
  margin: 0 0 3px 9px;
  background: url("//res.afreecatv.com/images/aftv_search/img_tip.png") no-repeat -19px -11px;
  transition: all 0.2s ease-in-out; }

.list_contents .more_list a.close:after {
  transform: rotateZ(180deg); }

.list_contents .keyword_area {
  overflow: hidden;
  padding-bottom: 10px; }

.list_contents .keyword_area li {
  float: left;
  margin-right: 8px;
  padding-bottom: 6px; }

.list_contents .keyword_area li a {
  display: block;
  height: 19px;
  line-height: 19px;
  padding: 0 10px;
  color: #386cff;
  text-decoration: none;
  border: 1px solid #386cff;
  border-radius: 2px; }

/* SMR 추가 */
.list_contents dl dt.smr h3:before {
  content: "";
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") no-repeat -9999px -9999px;
  margin-right: 5px; }

.list_contents dl dt.smr.cjenm h3:before {
  background-position: 0 -535px;
  width: 49px;
  height: 26px; }

.list_contents dl dt.smr.jtbc h3:before {
  background-position: 0 -565px;
  width: 36px;
  height: 19px; }

.list_contents dl dt.smr.channela h3:before {
  background-position: 0 -590px;
  width: 37px;
  height: 29px; }

.list_contents dl dt.smr.tvchosun h3:before {
  background-position: 0 -625px;
  width: 44px;
  height: 17px; }

.list_contents dl dt.smr.sbs h3:before {
  background-position: 0 -645px;
  width: 35px;
  height: 16px; }

.list_contents dl dt.smr.kbs h3:before {
  background-position: 0 -665px;
  width: 40px;
  height: 15px; }

.list_contents dl dt.smr.mbc h3:before {
  background-position: 0 -685px;
  width: 46px;
  height: 14px; }

.list_contents dl dt.smr.mbn h3:before {
  background-position: 0 -705px;
  width: 50px;
  height: 14px; }

.list_contents dl dt a:after {
  content: "";
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") no-repeat -111px -161px;
  width: 7px;
  height: 11px;
  margin-left: 6px;
  vertical-align: 0; }

.list_contents dl dt em {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  vertical-align: -1px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -24px -20px; }

.list_contents dl dt span {
  display: inline-block;
  margin-left: 6px;
  color: #4279ff; }

.list_contents dl > dd > ul > li {
  position: relative;
  margin-top: 10px;
  font-size: 0; }

.list_contents dl > dd > ul > li:after {
  content: '';
  display: block;
  clear: both; }

.list_contents dl > dd > ul > li:first-child {
  margin: 0; }

/* 검색결과 없음 */
.list_contents .no_result {
  padding: 75px 20px;
  font-size: 14px;
  color: #444;
  text-align: center;
  line-height: 1.6; }

.list_contents .no_result span {
  font-weight: bold;
  color: #4279ff; }

/* 리스트 공통 썸네일 영역 */
.list_contents .thum {
  float: left;
  position: relative;
  z-index: 5;
  width: 150px;
  height: 84px;
  display: inline-block; }

.list_contents .thum:hover {
  z-index: 7; }

.list_contents .thum a {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 6px 6px 0 0; }

.list_contents .thum a img {
  display: block;
  min-width: 100%;
  height: 100%;
  max-height: 84px;
  margin: auto; }

.list_contents .thum a .time {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: rgba(0, 0, 0, 0.8);
  height: 18px;
  padding: 0 4px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px; }

.list_contents .thum a .play_list {
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  bottom: 0;
  width: 58px;
  background-color: rgba(0, 0, 0, 0.7); }

.list_contents .thum a .play_list em {
  position: absolute;
  display: block;
  top: 22px;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 15px; }

.list_contents .thum a .play_list:after {
  content: '';
  display: block;
  position: absolute;
  top: 45px;
  left: 17px;
  width: 30px;
  height: 18px;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 20'%3e%3cpath fill='%23fff' d='M31.31 2.2H1.41C.8 2.2.3 1.7.3 1.1.29.47.79-.02 1.4-.02h29.9c.62 0 1.13.5 1.13 1.1 0 .61-.5 1.1-1.13 1.1zM1.41 8.8h13.54c.63 0 1.13.5 1.13 1.1 0 .62-.5 1.1-1.13 1.1H1.41C.8 11.02.3 10.54.3 9.92c0-.6.5-1.1 1.12-1.1zm0 8.83h12.41c.63 0 1.13.5 1.13 1.1 0 .6-.5 1.1-1.13 1.1H1.42c-.63 0-1.13-.5-1.13-1.1 0-.6.5-1.1 1.12-1.1zm22.31-9.86l7.26 4.56c.48.26.82.82.82 1.44 0 .6-.34 1.18-.88 1.47l-7.13 4.49c-.3.16-.62.24-.92.24a1.71 1.71 0 01-1.71-1.68V9.26c0-.6.32-1.15.85-1.46.53-.3 1.17-.31 1.71-.02zm-.3 9.57l5.68-3.58-5.69-3.56v7.14z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

/* 리스트 공통 정보출력 */
.list_contents .info {
  position: absolute;
  top: 0;
  left: 160px;
  right: 10px;
  margin: -2px 0 0 0; }

.list_contents .info .title a {
  overflow: hidden;
  display: block;
  padding-top: 1px;
  font-size: 13px;
  max-height: 36px;
  color: #333;
  line-height: 1.3;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word; }
  .list_contents .info .title a .ic_itemdrop {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #4279ff; }
    .list_contents .info .title a .ic_itemdrop i {
      display: block;
      width: 11px;
      height: 11px;
      margin: 4px;
      font: 0/0 a;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.999)' stroke='' viewBox='0 0 10 11'%3e%3cpath d='M4.55 6.02V3.54H1.08c-.32 0-.62.14-.83.39-.2.25-.28.58-.22.89l.25 1.2h4.27zM4.55 6.91H.47l.61 2.93c.1.49.54.85 1.04.85h2.43V6.91zM5.45 6.91v3.78h2.43c.5 0 .94-.36 1.04-.85l.61-2.93H5.45zM9.75 3.93c-.2-.25-.51-.39-.83-.39H5.45v2.48h4.27l.25-1.2a1.1 1.1 0 00-.22-.89M2.2 1.71L3.38.82c.12-.09.3-.06.38.05l1.38 1.97c.12.16-.11.36-.33.27L2.25 2.03c-.15-.06-.18-.23-.05-.32' fill-rule='evenodd' clip-rule='evenodd'/%3e%3cpath d='M5.07 3.11l3.29-1.44c.14-.07.17-.22.06-.32L7.29.37a.29.29 0 00-.38.02L4.76 2.81c-.16.17.08.4.31.3' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    .list_contents .info .title a .ic_itemdrop:hover + .tip[tip] {
      display: block;
      top: -40px;
      left: 4px; }

.tip[tip] {
  display: none;
  overflow: visible;
  position: absolute;
  z-index: 1000;
  width: 10px;
  font-style: normal; }
  .tip[tip]:before, .tip[tip]:after {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateX(-12%); }
  .tip[tip]:before {
    bottom: -47px;
    transform: translateX(-50%) rotate(180deg) !important; }

.list_contents .info .bj {
  position: relative;
  margin: 3px 0;
  height: auto;
  z-index: 6; }

.list_contents .info .bj > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #4279ff;
  white-space: nowrap; }

.list_contents .info .views {
  position: relative;
  display: block;
  padding-left: 16px;
  font-size: 12px;
  color: #949596; }

.list_contents .info .views:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 11px;
  height: 8px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -90px -90px;
  margin-right: 4px; }

.list_contents .info .views.hot:before {
  background-position: -90px -100px; }

.list_contents .info .play {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  font-size: 12px;
  color: #949596; }

.list_contents .info .play:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 8px;
  height: 10px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -15px -20px; }

.list_contents .info .date {
  position: relative;
  display: inline-block;
  margin: 0 -10px 0 6px;
  padding-left: 8px;
  font-size: 12px;
  color: #949596; }

.list_contents .info .date:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  background-color: #949596; }

.list_contents .info .date:after {
  content: '';
  display: block;
  clear: both; }

.list_contents .info .category {
  clear: both;
  display: inline-block;
  margin-top: 3px;
  font-size: 12px;
  color: #949596;
  letter-spacing: -1px; }

.list_contents .info .recent {
  position: relative;
  padding-left: 8px;
  font-size: 12px;
  color: #666; }

.list_contents .info .recent:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  background-color: #666;
  border-radius: 50%; }

.list_contents .info .live {
  position: relative;
  display: inline-block;
  padding: 0 7px 0 18px;
  font-size: 12px;
  color: #ff2424;
  line-height: 17px;
  border: 1px solid #ff2424;
  border-radius: 9px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: -1px; }

.list_contents .info .live:before {
  content: '';
  display: block;
  position: absolute;
  left: 9px;
  top: 50%;
  margin-top: -2.5px;
  width: 5px;
  height: 5px;
  background-color: #ff2424;
  border-radius: 50%; }

.list_contents > dl > dd > ul > li:hover .btn-detail,
.list_contents > dl > dd > ul > li:hover .btn_later_del[tip] {
  opacity: 1;
  visibility: visible; }

.list_contents .btn-detail {
  position: absolute;
  top: -3px;
  right: -6px;
  width: 15px;
  height: 24px;
  border-radius: 3px;
  font: 0/0 a;
  opacity: 0; }

.list_contents .btn-detail.on + .more-layer {
  display: block; }

/* .list_contents .btn-detail button { width: 24px; height: 24px; border-radius: 50%; } */
.list_contents .btn-detail span {
  display: inline-block;
  overflow: hidden;
  background: url("/images/webplayer/live/split_live.png") no-repeat;
  background-position: -133px -34px;
  width: 4px;
  height: 16px;
  text-indent: -999em;
  vertical-align: middle; }

.list_contents .btn-detail:hover {
  background-color: #f0f0f0; }

.list_contents li:hover .btn-detail,
.list_contents .btn-detail.on {
  opacity: 1; }

.list_contents .btn-detail.on ul {
  height: auto;
  z-index: 0;
  opacity: 1; }

.list_contents .btn-detail ul {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 100%;
  height: 0;
  right: 0;
  margin: 0px;
  border: 1px solid #d9dddf; }

.list_contents .btn-detail ul li a {
  display: block;
  white-space: nowrap;
  min-width: 140px;
  line-height: 34px;
  font-size: 12px;
  color: #333;
  padding: 0 20px;
  background-color: #fff; }

.list_contents .btn-detail ul li a:hover {
  background-color: #e6edfb; }

.list_contents .btn_later_del {
  position: absolute;
  width: 15px;
  height: 15px;
  border: solid 1px #ddd;
  top: 0;
  right: 10px; }

.list_contents .btn_later_del span {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("/images/webplayer/live/split_live.png") -1378px 0 no-repeat;
  width: 8px;
  height: 8px;
  font: 0/0 a;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.list_contents .icon-menu button:last-child[tip]:hover:after {
  transform: translateX(-64%); }

/* 즐겨찾기 리스트 */
.list_contents .bookmook_list li:hover > .thum .pin {
  opacity: 1; }

.list_contents .bookmook_list .thum {
  height: 64px;
  width: 98px; }

.list_contents .bookmook_list .thum a {
  position: relative;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%; }

.list_contents .bookmook_list .thum a img {
  position: absolute;
  z-index: -1;
  height: 64px;
  min-width: 64px;
  width: auto;
  top: 0;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0); }

.list_contents .bookmook_list .thum .pin {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #dadada;
  background: url("/images/webplayer/live/split_live.png") no-repeat 0 -120px; }

.list_contents .bookmook_list .thum .pin span {
  font: 0/0 a; }

.list_contents .bookmook_list .thum .pin.on {
  border: none;
  background-position: -36px -120px;
  background-color: transparent !important;
  opacity: 1; }

.list_contents .bookmook_list .info {
  left: 98px; }

.list_contents .bookmook_list .info .bj {
  margin-top: 2px; }

.list_contents .bookmook_list .info .bj > a {
  display: flex;
  font-size: 14px;
  color: #386cff;
  font-weight: bold; }

.list_contents .bookmook_list .info .bj p {
  font-size: 13px;
  color: #949596;
  font-weight: normal; }

.list_contents .bookmook_list .info .bj a em {
  display: inline-block;
  flex: 0 0 auto;
  overflow: hidden;
  position: static;
  background: url("/images/webplayer/live/split_live.png") no-repeat -9999em -9999em;
  margin: 2px 0 0 3px;
  text-indent: -9999em;
  transform: translate(0);
  -webkit-transform: translate(0); }

.list_contents .bookmook_list .info .bj a em.subscribe {
  flex-basis: 15px;
  width: 15px;
  height: 13px;
  background-position: -100px -77px; }

.list_contents .bookmook_list .info .bj a em.fan {
  flex-basis: 13px;
  width: 12px;
  height: 13px;
  background-position: -115px -77px; }

.list_contents .bookmook_list .info .bj a span {
  display: inline-block;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }

.list_contents .bookmook_list .info .bj .layer_bj {
  top: 15px; }

.list_contents .bookmook_list .info > p {
  margin-top: 2px;
  font-size: 12px;
  color: #666; }

.list_contents .bookmook_list .info > p span {
  position: relative;
  display: inline-block; }

.list_contents .bookmook_list .info > p span em {
  padding-left: 5px; }

.list_contents .bookmook_list .info > p span + span {
  margin-left: 5px;
  padding-left: 7px; }

.list_contents .bookmook_list .info > p span + span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  background-color: #acadae; }

.list_contents .bookmook_list .info .bj + p {
  margin-top: 5px; }

.seach_view .list_contents {
  top: 75px; }

.seach_view .list_contents .bookmook_list li {
  margin-top: 20px;
  height: auto; }

.seach_view .list_contents .bookmook_list .thum {
  width: 84px; }
  .seach_view .list_contents .bookmook_list .thum span[class^=thumb] {
    width: 64px;
    height: 64px;
    padding-bottom: 0 !important;
    border-radius: 50%;
    font: 0/0 a; }
    .seach_view .list_contents .bookmook_list .thum span[class^=thumb]:before {
      width: 50%; }

.seach_view .list_contents .bookmook_list .info {
  left: 88px; }

.seach_view .list_contents .bookmook_list .info .bj p {
  font-size: 12px; }

.seach_view .list_contents .bookmook_list .thum .pin {
  display: none; }

/* 나중에보기 출력 */
.list_contents li:hover .btn_later {
  opacity: 1; }

.list_contents li:hover .vr {
  opacity: 0; }

/* paging */
.paging {
  margin: 30px 0;
  font-size: 0;
  line-height: 0;
  text-align: center; }

.paging a {
  display: inline-block;
  height: 28px;
  padding: 0 8px;
  border-radius: 2px;
  color: #555;
  font-size: 13px;
  line-height: 28px; }

.paging a:hover {
  background: #f0f0f0; }

.paging a:first-child {
  margin-left: 0; }

.paging span {
  width: 32px;
  color: #555;
  font-size: 13px;
  text-align: center;
  line-height: 1.2; }

.paging a.on {
  background: #4279ff;
  color: #fff; }

.paging .prev:before,
.paging .next:before {
  content: "";
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") -70px -163px no-repeat;
  width: 10px;
  height: 6px;
  margin: 0 auto;
  vertical-align: -18px; }

.paging .prev,
.paging .next {
  background: #fff;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #d9dddf;
  border-radius: 1px;
  vertical-align: 19px;
  font: 0/0 a; }

.paging .prev {
  margin-right: 12px; }

.paging .next {
  margin-left: 12px; }

.paging .prev:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.paging .next:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

/* 영상위 아이콘 */
.ic-highlight,
.ic-replay {
  position: absolute;
  top: 4px;
  left: 4px;
  height: 18px;
  padding: 0 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 18px; }

.ic-highlight {
  background: #ff572e; }

.ic-replay {
  background: #1987da; }

.ic-ppv {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  line-height: 15px;
  padding: 0 5px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #0097ed;
  border-radius: 7.5px;
  color: #0097ed; }

.ic-allow {
  opacity: 0;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 5;
  height: 22px;
  padding: 0 9px 0 8px;
  line-height: 22px;
  border: 1px solid #00ddff;
  color: #00ddff;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.6); }

li:hover .ic-allow {
  opacity: 1; }

.btn_360deg {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 42px;
  height: 29px;
  color: #fefefe;
  font: 0/0 a;
  line-height: 24px;
  background-color: transparent; }

.btn_360deg span {
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") -177px 0 no-repeat;
  width: 42px;
  height: 29px;
  vertical-align: top; }

.btn_later {
  opacity: 0;
  z-index: 2;
  position: absolute !important;
  top: 4px;
  right: 4px;
  width: 21px;
  height: 21px;
  color: #fefefe;
  font: 0/0 a;
  line-height: 24px;
  background-color: transparent; }

.btn_later span {
  display: inline-block;
  background: url("/images/webplayer/live/split_live.png") -155px 0 no-repeat;
  width: 21px;
  height: 21px;
  vertical-align: top; }

.vr {
  position: absolute !important;
  top: 0;
  right: 0;
  background: url("/images/webplayer/live/split_live.png") -177px 0 no-repeat;
  width: 40px;
  height: 28px;
  z-index: 1;
  font: 0/0 a; }

/* VOD 리스트 플레이 중 */
.list_contents dl > dd > ul > li.playing .thum a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1; }

.list_contents dl > dd > ul > li.playing .thum em.ic-playing {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  color: #fff;
  text-align: center;
  z-index: 2;
  font-size: 13px;
  transform: translate(0, -50%); }

.list_contents > dl > dd > ul > li .thum em {
  display: none; }

.list_contents > dl > dd > ul > li .thum em.ic-highlight,
.list_contents > dl > dd > ul > li .thum em.ic-replay {
  display: block;
  top: 4px;
  left: 4px;
  right: auto;
  font-size: 12px;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0); }

/* ///////  5. 리스트 , 즐겨찾기 영역  ////// */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* 라이트박스 배경 */
.dim, .bg_dark {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); }

.loading {
  display: none;
  position: absolute;
  z-index: 100;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  font: 0/0	a; }

.wrap_lv .loading {
  bottom: 0px;
  left: 1px;
  right: 1px;
  top: 0;
  z-index: 10000; }

.loading:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 37px;
  height: 37px;
  background: url("/images/webplayer/loading.png") no-repeat;
  background-size: 100%;
  margin: -18.5px 0 0 -18.5px;
  animation: rotating 1s linear infinite; }

.extend_mode .loading,
.smode .loading {
  background-color: #1e1f24; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
/* 스크롤 공통 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  background: #e4e4e4;
  border-radius: 8px; }

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px; }

*:hover::-webkit-scrollbar-thumb {
  background: #bbb; }

::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  display: none !important; }

html {
  scrollbar-3dLight-Color: #efefef;
  scrollbar-arrow-color: #dfdfdf;
  scrollbar-base-color: #efefef;
  scrollbar-Face-Color: #bbb;
  scrollbar-Track-Color: #fff;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #efefef;
  scrollbar-Shadow-Color: #efefef; }

/* ===========================
   ===========================

   6. 레이어 개선 스타일

   ===========================
   =========================== */
/* ===========================
   ===========================

   7. 툴팁정, 토스트 팝업  , ict 개인방송국 참고

   ===========================
   =========================== */
/* 툴팁 위로 나오는 케이스 */
.random_broadcast .btn_random_setting span:before,
#chatting_area .chatbox .actionbox ul li a[tip]:before,
.list_contents .bookmook_list .thum .pin:before,
.player_item_list ul li button:before {
  bottom: auto;
  top: -8px; }

.random_broadcast .btn_random_setting span:after,
#chatting_area .chatbox .actionbox ul li a[tip]:after,
.list_contents .bookmook_list .thum .pin:after,
.player_item_list ul li button:after {
  bottom: auto;
  top: -32px; }

.random_broadcast .btn_random_setting span[tip]:before,
#chatting_area .chatbox .actionbox ul li a[tip]:before,
.list_contents .bookmook_list .thum .pin[tip]:before,
.player_item_list ul li button[tip]:before {
  transform: translateX(-50%) rotate(180deg); }

/* 툴팁 오른쪽으로 나오는 케이스 */
.random_broadcast .btn_random_setting span:after,
.area_header ul li.close a:hover:after,
.player_item_list ul li.share button:after {
  transform: translateX(-80%); }

/* 툴팁 왼쪽으로 나오는 케이스 */
.list_contents .bookmook_list .thum .pin:after {
  transform: translateX(-10%); }

/* 툴팁 안나오는 케이스 */
.off [tip]:hover:before,
.off [tip]:hover:after {
  display: none; }

/* ict 메뉴 */
.layer_bj {
  overflow: hidden;
  position: absolute;
  z-index: 5;
  top: 100%;
  margin-top: 5px;
  width: 128px;
  border: 1px solid #b2b2b2;
  border-radius: 2px;
  background-color: #fff; }

.layer_bj li a {
  position: relative;
  display: block;
  padding: 0 6px; }

.layer_bj li.move_mybs a {
  line-height: 22px; }

.layer_bj li.move_mybs a:after {
  content: '';
  display: block;
  position: absolute;
  right: 5PX;
  top: 50%;
  width: 14px;
  height: 13px;
  margin-top: -6.5px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -110px -60px; }

.layer_bj li.add_bookmark a {
  padding-left: 27px;
  border-top: 1px solid #e7e7e7;
  line-height: 30px;
  transition: all 0.2s; }

.layer_bj li.add_bookmark a:hover {
  background: #f7f7f7; }

.layer_bj li.add_bookmark a:before {
  content: '';
  display: block;
  position: absolute;
  left: 7px;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -8px;
  background: url("/images/webplayer/live/split_live.png") no-repeat -104px -90px; }

.layer_bj li.add_bookmark.on a:before {
  background-position: -120px -90px; }

/* [lang=ja] .text_information .detail_view li strong { w } */
/* ===========================
   ===========================

   8. 기타 - 기존 라이브 전용 css

   ===========================
   =========================== */
.htmlplayer_wrap,
.htmlplayer_content,
.btn_later,
.list_contents_item .select_box ul,
.list_contents .btn_detail button,
.list_contents .btn_detail ul,
.list_contents .btn_detail ul li a,
.viewer_cnt_detail,
.broadcast_viewer_cnt:before,
.chatbox #emoticonArea,
.text_information,
.text_information .nickname,
.text_information .broadcast_title,
.text_information .broadcast_viewer_cnt {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* htmlplayer 포지션값 정리 */
.htmlplayer_wrap {
  position: relative;
  z-index: 1; }

.htmlplayer_wrap .htmlplayer_content {
  position: relative;
  padding: 0;
  z-index: 10; }

/* **************** */
/* 이모티콘 위치조정 */
.chatbox #emoticonArea {
  overflow: hidden;
  display: block;
  opacity: 0;
  right: 100%;
  bottom: -330px;
  height: 0;
  padding-bottom: 0;
  padding: 0; }

.chatbox #emoticonArea.on {
  display: block;
  opacity: 1;
  bottom: 0;
  height: auto;
  margin: 0 0 1px 0; }

/* 랜덤방송 입장버튼 */
.list_contents.randomBtn_add {
  bottom: 40px; }

.random_broadcast {
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 39px;
  line-height: 39px;
  padding: 0 4px;
  background-color: #fff;
  border-top: 1px solid #f0f0f0; }

.random_broadcast .btn_random {
  position: relative;
  color: #494949;
  font-size: 13px;
  padding: 0 12px 0 24px; }

.random_broadcast .btn_random::before,
.random_broadcast .btn_random::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background-image: url("/images/webplayer/live/split_live.png");
  background-repeat: no-repeat; }

.random_broadcast .btn_random::before {
  left: 0;
  width: 15px;
  height: 13px;
  background-position: 0 -160px; }

.random_broadcast .btn_random::after {
  right: 0;
  width: 7px;
  height: 11px;
  background-position: -16px -161px; }

.random_broadcast .btn_random:hover {
  color: #21a9ff; }

.random_broadcast .btn_random:hover::before {
  background-position: 0 -174px; }

.random_broadcast .btn_random:hover::after {
  background-position: -16px -175px; }

.random_broadcast .btn_random_setting {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  font: 0/0 a;
  background: url("/images/webplayer/live/split_live.png") no-repeat -24px -160px; }

.random_broadcast .btn_random_setting:hover {
  background-position: -24px -179px; }

/* 불타는 텐미닛 */
.item_ten {
  width: 432px;
  height: 72px;
  position: absolute;
  bottom: 150px;
  right: -432px;
  z-index: 13;
  background: url(/images/flashplayer/item_ten.png) 0 0 no-repeat; }

.item_ten button {
  background: transparent;
  cursor: pointer;
  border: none 0; }

.item_ten .btn_up {
  width: 86px;
  height: 24px;
  position: absolute;
  top: 33px;
  right: 105px; }

.item_ten .btn_next {
  width: 80px;
  height: 24px;
  position: absolute;
  top: 33px;
  right: 20px; }

.item_ten .btn_close {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  right: 0; }

.item_ten .min {
  color: #fd1100;
  font-size: 36px;
  font-weight: bold;
  width: 50px;
  text-align: center;
  position: absolute;
  top: 28px;
  left: 37px;
  letter-spacing: -3px; }

.item_ten .min2 {
  color: #fff;
  font-size: 11px;
  position: absolute;
  top: 16px;
  left: 239px;
  letter-spacing: -1px; }

.item_ten .min2 strong {
  font-size: 11px; }

.chat_area .tenmin em {
  line-height: 1.2em; }

.btn_bjaward_poll {
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  vertical-align: 6px; }
  .btn_bjaward_poll .btn_bjpoll {
    display: block;
    width: 104px;
    height: 22px;
    font: 0/0 a;
    background: url("/afevent/promotion/award2019/img/btn_bjaward_poll.png") 0 0 no-repeat; }

.smode .btn_bjaward_poll {
  z-index: 10000; }

@media all and (max-width: 1000px) {
  .smode .htmlplayer_wrap + .broadcast_information .btn_bjaward_poll {
    opacity: 0;
    display: none;
    position: fixed;
    top: 50px;
    left: 10px;
    z-index: 100; }

  .smode .player_item_list ul li {
    margin-left: 6px; }

  .smode .htmlplayer_wrap + .broadcast_information .btn_bjaward_poll:hover,
  .smode .htmlplayer_wrap:hover + .broadcast_information .btn_bjaward_poll {
    opacity: 1;
    display: block; } }
/* 구매관련 */
.layer_shopping {
  position: absolute;
  right: 0px;
  min-width: 100px;
  bottom: 35px;
  z-index: 10;
  padding: 10px 20px 10px 10px;
  border: 1px solid #adadad;
  border-radius: 3px;
  background: #fff;
  white-space: nowrap; }

.layer_shopping div {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -1px;
  color: #333; }

.layer_shopping div .nick {
  color: #3d82f6;
  font-weight: bold; }

.layer_shopping button.close {
  overflow: hidden;
  position: absolute;
  right: 5px;
  top: 5px;
  text-indent: -1111px;
  width: 11px;
  height: 11px;
  background: url("/images/webplayer/live/split_live.png") -151px -51px no-repeat; }

.layer_shopping:after,
.layer_shopping:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -13px;
  right: 10px;
  border: 7px solid transparent;
  border-top: 7px solid #fff; }

.layer_shopping:before {
  bottom: -14px;
  border-top-color: #adadad; }

.btn_shopping {
  position: relative;
  float: right;
  z-index: 9; }

.btn_shopping a {
  display: inline-block;
  margin-top: -2px;
  padding: 5px 10px;
  text-align: center;
  border-radius: 3px;
  font-size: 13px;
  color: #fff;
  background-color: #6e85f7;
  text-decoration: none; }

.btn_shopping a:hover {
  color: white; }

.btn_shopping a:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  vertical-align: -4px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='18px'%3e%3cdefs%3e%3cfilter id='Filter_0'%3e%3cfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3e%3cfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23Filter_0)'%3e%3cpath fill-rule='evenodd' fill='rgb(110, 133, 247)' d='M18.069,5.443 L16.143,11.409 C15.924,12.094 15.186,12.632 14.464,12.632 L7.782,12.632 C7.065,12.632 6.323,12.099 6.093,11.419 L3.028,2.339 C2.934,2.060 2.581,1.807 2.286,1.807 L1.365,1.807 C1.089,1.807 0.865,1.583 0.865,1.307 C0.865,1.030 1.089,0.807 1.365,0.807 L2.286,0.807 C3.005,0.807 3.747,1.340 3.975,2.020 L4.614,3.913 L16.954,3.913 C17.359,3.913 17.713,4.082 17.927,4.376 C18.142,4.671 18.193,5.060 18.069,5.443 ZM16.954,4.913 L4.952,4.913 L7.040,11.099 C7.135,11.378 7.488,11.632 7.782,11.632 L14.464,11.632 C14.756,11.632 15.103,11.379 15.191,11.103 L17.117,5.135 C17.141,5.061 17.142,4.996 17.118,4.965 C17.095,4.933 17.032,4.913 16.954,4.913 ZM7.521,14.267 C8.329,14.267 8.984,14.922 8.984,15.730 C8.984,16.538 8.329,17.193 7.521,17.193 C6.713,17.193 6.058,16.538 6.058,15.730 C6.058,14.922 6.713,14.267 7.521,14.267 ZM14.892,14.267 C15.699,14.267 16.355,14.922 16.355,15.730 C16.355,16.538 15.699,17.193 14.892,17.193 C14.084,17.193 13.429,16.538 13.429,15.730 C13.429,14.922 14.084,14.267 14.892,14.267 Z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }

#searchTmpForm {
  float: left; }

@media (max-width: 797px) {
  .layout_v2 #webplayer_scroll,
  .layout_v2 #webplayer_contents {
    overflow-y: auto;
    height: calc( 100vh - 58px );
    transition-duration: 0s; }
  .layout_v2 #webplayer_contents #player_area {
    overflow: hidden;
    border: none;
    bottom: auto;
    padding-bottom: 56px; }
  .layout_v2.list_open #webplayer_contents #list_area, .layout_v2.list_bookmark_open #webplayer_contents #list_bookmark_area,
  .layout_v2 .chat_blind div p:before {
    display: none; }
  .layout_v2 .chat_banner {
    display: none !important; }
  .layout_v2 .chatbox #emoticonArea {
    z-index: 101;
    bottom: 112px;
    right: -248px; }
    .layout_v2 .chatbox #emoticonArea.on {
      right: 0; }
  .layout_v2 .chatbox .emoticon_output.emoti_on {
    right: 246px; }
  .layout_v2 .chatbox .chat_notice {
    max-height: calc( 100vh - ( (100vw * 9) / 16 ) - 350px ); }
  .layout_v2 #webplayer_top .top_item .view_ctrl li.btn_chat {
    opacity: 1;
    width: 50px; }
  .layout_v2 #webplayer_contents #chatting_area {
    display: none !important;
    height: auto;
    min-height: 244px;
    opacity: 1;
    transform: translateX(0);
    top: calc( ((100vw * 9) / 16 ) + 98px );
    left: 10px;
    right: 10px !important;
    bottom: 24px;
    width: auto;
    border: 1px solid #f0f0f0;
    border-radius: 8px; }
    .layout_v2 #webplayer_contents #chatting_area .chatbox,
    .layout_v2 #webplayer_contents #chatting_area .actionbox:before {
      border-radius: 8px; }
  .layout_v2.chat_open #webplayer_contents #chatting_area {
    display: block !important; }
  .layout_v2.chat_open #webplayer_contents #player_area {
    padding-bottom: 17px; }
  .layout_v2.chat_open .broadcast_information button.chat_open {
    opacity: 0;
    margin-right: -80px; }
  .layout_v2.chat_open .broadcast_information:after {
    display: none; }
  .layout_v2 .player_item_list {
    float: none;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #f0f0f0; }
  .layout_v2 .player_item_list.midroll .text_output {
    top: 44px; }
  .layout_v2 .broadcast_information {
    padding: 16px 0 18px;
    min-height: 22px;
    transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .layout_v2 .broadcast_information:after {
      content: '';
      position: absolute;
      bottom: 2px;
      left: 10px;
      right: 10px;
      height: 1px;
      background-color: #f0f0f0; }
    .layout_v2 .broadcast_information button.btn_open {
      display: block; }
    .layout_v2 .broadcast_information button.chat_open {
      display: block;
      opacity: 1;
      margin-right: 0; }
    .layout_v2 .broadcast_information .text_information {
      white-space: nowrap;
      padding: 0 0 0 56px;
      margin-right: 40px;
      font-size: 0;
      text-overflow: ellipsis; }
      .layout_v2 .broadcast_information .text_information:before {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        right: 25px;
        width: 9px;
        height: 5px; }
    .layout_v2 .broadcast_information .bj_thumbnail {
      top: 8px;
      width: 36px;
      height: 36px; }
      .layout_v2 .broadcast_information .bj_thumbnail a img {
        width: 36px;
        height: 36px; }
      .layout_v2 .broadcast_information .bj_thumbnail a span {
        font-size: 10px; }
    .layout_v2 .broadcast_information .nickname {
      vertical-align: middle;
      max-width: 125px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .layout_v2 .broadcast_information .broadcast_viewer_cnt {
      vertical-align: middle;
      height: 18px;
      margin: 0 0 0 8px; }
    .layout_v2 .broadcast_information .broadcast_title {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 0 0 8px;
      padding-left: 8px;
      font-size: 16px;
      vertical-align: middle;
      min-width: calc( 100vw - 300px );
      max-width: calc( 100vw - 300px ); }
      .layout_v2 .broadcast_information .broadcast_title:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 9px;
        top: 5px;
        left: 0;
        background-color: #dfdfdf; }
    .layout_v2 .broadcast_information .detail {
      display: none; }
    .layout_v2 .broadcast_information .detail_view {
      margin: 0; }
    .layout_v2 .broadcast_information .hashtag {
      white-space: normal; }
    .layout_v2 .broadcast_information .etc:before {
      left: 0px; }
    .layout_v2 .broadcast_information .hashtag, .layout_v2 .broadcast_information .etc, .layout_v2 .broadcast_information .detail_view {
      display: none;
      overflow: hidden;
      height: 0;
      z-index: -1;
      opacity: 0;
      transform: translateY(-100%);
      transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .layout_v2 .broadcast_information.open {
      z-index: 15;
      background: #fff;
      min-height: 100px;
      height: auto;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
      .layout_v2 .broadcast_information.open:after {
        display: none; }
      .layout_v2 .broadcast_information.open .broadcast_title {
        display: block;
        margin: 5px 0 15px 0;
        padding-left: 0;
        max-width: none;
        max-width: none;
        white-space: normal; }
        .layout_v2 .broadcast_information.open .broadcast_title:after {
          display: none; }
      .layout_v2 .broadcast_information.open .detail_view {
        margin-top: 20px; }
      .layout_v2 .broadcast_information.open .hashtag,
      .layout_v2 .broadcast_information.open .etc, .layout_v2 .broadcast_information.open .detail_view {
        display: block;
        z-index: auto;
        opacity: 1;
        transform: translateY(0);
        height: auto; }
      .layout_v2 .broadcast_information.open .hashtag:empty {
        margin: 0 0 -15px 0; }
      .layout_v2 .broadcast_information.open button.btn_open {
        transform: rotate(180deg); }
  .layout_v2 div.game_point {
    left: -11px;
    right: -11px;
    display: none; }
    .layout_v2 div.game_point.on {
      bottom: -11px;
      display: block; } }
@media (max-width: 500px) {
  .layout_v2.chat_open #webplayer_contents #chatting_area {
    top: 383px; }
  .layout_v2 #webplayer_contents {
    overflow-x: auto; } }
@media (max-height: 930px) {
  .layout_v2.chat_open #webplayer_contents #chatting_area {
    bottom: 10px; } }
@media (min-height: 1081px) and (orientation: portrait) {
  .layout_v2 #webplayer_scroll,
  .layout_v2 #webplayer_contents {
    overflow: auto;
    height: calc( 100vh - 58px ); }
  .layout_v2 #webplayer_contents #player_area {
    overflow: hidden;
    z-index: 20;
    border: none;
    right: 0;
    bottom: auto;
    padding-bottom: 56px; }
  .layout_v2 #webplayer_top .top_item .view_ctrl li.btn_chat,
  .layout_v2 #webplayer_top .top_item .view_ctrl li.btn_list,
  .layout_v2 #webplayer_top .top_item .view_ctrl li.btn_list_bookmark {
    opacity: 1;
    width: 50px;
    display: block; }
  .layout_v2 .chatbox #emoticonArea {
    height: 0;
    bottom: 0;
    right: 0; }
    .layout_v2 .chatbox #emoticonArea.on {
      z-index: 101;
      bottom: 112px;
      height: auto; }
  .layout_v2 .chatbox .emoticon_output.emoti_on {
    right: 246px; }
  .layout_v2 .chatbox .chat_notice {
    max-height: calc( 100vh - ( (100vw * 9) / 16 ) - 350px ); }
  .layout_v2 #webplayer_contents #chatting_area {
    display: none !important; }
  .layout_v2.chat_open #webplayer_contents #chatting_area {
    display: block !important;
    height: auto;
    min-height: 244px;
    width: auto;
    opacity: 1;
    transform: translateX(0);
    top: calc( ((100vw * 9) / 16 ) + 102px );
    left: 10px;
    right: 10px;
    bottom: 24px;
    border: 1px solid #f0f0f0;
    border-radius: 8px; }
    .layout_v2.chat_open #webplayer_contents #chatting_area .chatbox,
    .layout_v2.chat_open #webplayer_contents #chatting_area .actionbox:before {
      border-radius: 8px; }
  .layout_v2.chat_open.list_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_bookmark_open #webplayer_contents #chatting_area {
    top: calc( ( ( (100vw - 317px) * 9) / 16 ) + 102px ); }
  .layout_v2.chat_open.list_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_bookmark_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_open #webplayer_contents #player_area, .layout_v2.chat_open.list_bookmark_open #webplayer_contents #player_area {
    right: 317px;
    display: block;
    opacity: 1;
    transform: translateX(0); }
  .layout_v2.chat_open.list_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_bookmark_open #webplayer_contents #chatting_area {
    right: 327px; }
  .layout_v2.chat_open #webplayer_contents #player_area {
    padding-bottom: 17px; }
  .layout_v2.chat_open .broadcast_information:after {
    display: none; }
  .layout_v2.chat_open .broadcast_information button.chat_open {
    opacity: 0;
    margin-right: -80px; }
  .layout_v2.chat_open .broadcast_title {
    display: block;
    margin: 5px 0 15px 0;
    padding-left: 0;
    max-width: none;
    max-width: none;
    white-space: normal; }
    .layout_v2.chat_open .broadcast_title:after {
      display: none; }
  .layout_v2.list_open #webplayer_contents #player_area, .layout_v2.list_bookmark_open #webplayer_contents #player_area {
    right: 317px;
    display: block;
    opacity: 1;
    transform: translateX(0); }
  .layout_v2.list_open #webplayer_contents #list_area, .layout_v2.list_bookmark_open #webplayer_contents #list_bookmark_area {
    display: block;
    right: 0;
    opacity: 1;
    transform: translateX(0); }
  .layout_v2.list_open .broadcast_information .broadcast_title, .layout_v2.list_bookmark_open .broadcast_information .broadcast_title {
    max-width: calc( 100vw - 620px );
    min-width: calc( 100vw - 720px ); }
  .layout_v2 .player_item_list {
    float: none;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #f0f0f0; }
  .layout_v2 .player_item_list.midroll .text_output {
    top: 44px; }
  .layout_v2 .broadcast_information {
    padding: 19px 0 18px;
    min-height: 22px;
    height: 22px;
    transition: all 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .layout_v2 .broadcast_information:after {
      content: '';
      position: absolute;
      bottom: 0px;
      left: 10px;
      right: 10px;
      height: 1px;
      background-color: #f0f0f0; }
    .layout_v2 .broadcast_information button.btn_open {
      display: block; }
    .layout_v2 .broadcast_information button.chat_open {
      display: block;
      opacity: 1;
      margin-right: 0; }
    .layout_v2 .broadcast_information .text_information {
      white-space: nowrap;
      padding: 0 0 0 56px;
      margin-right: 40px;
      font-size: 0;
      text-overflow: ellipsis; }
    .layout_v2 .broadcast_information .bj_thumbnail {
      top: 10px;
      width: 36px;
      height: 36px; }
      .layout_v2 .broadcast_information .bj_thumbnail a img {
        width: 36px;
        height: 36px; }
      .layout_v2 .broadcast_information .bj_thumbnail a span {
        font-size: 10px; }
    .layout_v2 .broadcast_information .nickname {
      vertical-align: middle;
      max-width: 125px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .layout_v2 .broadcast_information .broadcast_viewer_cnt {
      vertical-align: middle;
      height: 18px;
      margin: 0 0 0 8px;
      padding-right: 0; }
    .layout_v2 .broadcast_information .broadcast_title {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 0 0 8px;
      padding-left: 8px;
      font-size: 16px;
      vertical-align: middle;
      white-space: nowrap;
      min-width: calc( 100vw - 300px );
      max-width: calc( 100vw - 300px ); }
      .layout_v2 .broadcast_information .broadcast_title:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 9px;
        top: 5px;
        left: 0;
        background-color: #dfdfdf; }
    .layout_v2 .broadcast_information .detail_view {
      margin-bottom: 0; }
    .layout_v2 .broadcast_information .hashtag {
      white-space: normal;
      margin-top: 12px; }
    .layout_v2 .broadcast_information .detail {
      display: none; }
    .layout_v2 .broadcast_information .hashtag, .layout_v2 .broadcast_information .etc, .layout_v2 .broadcast_information .detail_view {
      display: none;
      z-index: -1;
      opacity: 0;
      transform: translateY(-100%);
      height: 0;
      transition: all 0.4s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .layout_v2 .broadcast_information.open {
      z-index: 15;
      background: #fff;
      min-height: 100px;
      height: auto;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
      .layout_v2 .broadcast_information.open .broadcast_information:after,
      .layout_v2 .broadcast_information.open .broadcast_viewer_cnt:after {
        display: none; }
      .layout_v2 .broadcast_information.open .broadcast_title {
        display: block;
        margin: 5px 0 0 0;
        padding: 0;
        max-width: none;
        min-width: auto; }
      .layout_v2 .broadcast_information.open .hashtag, .layout_v2 .broadcast_information.open .etc, .layout_v2 .broadcast_information.open .detail_view {
        display: block;
        z-index: auto;
        opacity: 1;
        transform: translateY(0);
        height: auto; }
      .layout_v2 .broadcast_information.open .etc:before {
        left: 0;
        display: block; }
      .layout_v2 .broadcast_information.open button.btn_open {
        transform: rotate(180deg); } }
@media (max-width: 816px) and (min-height: 1081px) and (orientation: portrait) {
  .layout_v2 #webplayer_contents #player_area {
    right: 0px !important; }
  .layout_v2.chat_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_bookmark_open #webplayer_contents #chatting_area {
    right: 10px !important; }
  .layout_v2.chat_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_open #webplayer_contents #chatting_area, .layout_v2.chat_open.list_bookmark_open #webplayer_contents #chatting_area {
    top: calc( ( ( 100vw * 9) / 16 ) + 102px ); }
  .layout_v2.list_open #webplayer_contents #list_area, .layout_v2.list_bookmark_open #webplayer_contents #list_area {
    display: none; }
  .layout_v2 #webplayer_top .top_item .view_ctrl li.btn_list,
  .layout_v2 #webplayer_top .top_item .view_ctrl li.btn_list_bookmark {
    display: none; } }
@media (max-width: 500px) and (min-height: 1081px) and (orientation: portrait) {
  .layout_v2.chat_open #webplayer_contents #chatting_area {
    top: 383px !important; } }

@media (max-width: 797px) {
  .smode .layout_v2 #webplayer_scroll, .smode .layout_v2 #webplayer_contents {
    height: 100vh; }
  .smode .layout_v2 #webplayer_contents #player_area {
    padding: 0;
    bottom: 0; }
  .smode .layout_v2 .broadcast_information {
    height: auto;
    min-height: auto;
    left: 20px;
    right: 20px;
    padding: 0;
    background-color: transparent; }
    .smode .layout_v2 .broadcast_information:after {
      display: none; }
    .smode .layout_v2 .broadcast_information .broadcast_viewer_cnt:after {
      display: none; }
    .smode .layout_v2 .broadcast_information .text_information {
      padding: 0;
      margin: 0; }
    .smode .layout_v2 .broadcast_information .nickname {
      vertical-align: -7px; }
    .smode .layout_v2 .broadcast_information .broadcast_viewer_cnt {
      vertical-align: 0;
      margin-right: 12px; }
    .smode .layout_v2 .broadcast_information .broadcast_title {
      display: block;
      overflow: hidden;
      max-width: none;
      margin: 0 0 -5px 0;
      padding: 2px 0 0 0;
      font-size: 18px;
      color: #fff;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all; }
      .smode .layout_v2 .broadcast_information .broadcast_title:after {
        display: none; }
    .smode .layout_v2 .broadcast_information button.btn_open {
      display: none; }
  .smode .layout_v2.chat_open #webplayer_contents #chatting_area,
  .smode .layout_v2 .smode_chatbtn {
    display: none !important; } }
@media (min-height: 1081px) and (orientation: portrait) {
  .smode .layout_v2 #webplayer_scroll, .smode .layout_v2 #webplayer_contents {
    height: 100vh; }
  .smode .layout_v2 #webplayer_contents #player_area {
    overflow: hidden;
    right: 0;
    bottom: 0;
    padding: 0;
    display: block; }
  .smode .layout_v2 #webplayer_contents #chatting_area {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 297px; }
  .smode .layout_v2 #webplayer_contents #list_area,
  .smode .layout_v2 #webplayer_contents #list_bookmark_area {
    display: none !important; }
  .smode .layout_v2.chat_open #webplayer_contents #player_area {
    right: 297px; }
  .smode .layout_v2.chat_open #webplayer_contents #chatting_area {
    display: block;
    opacity: 1;
    top: 0;
    right: 0;
    transform: translate(0, 0); }
  .smode .layout_v2 .broadcast_information {
    height: auto;
    padding: 0; }
    .smode .layout_v2 .broadcast_information:after {
      display: none; }
    .smode .layout_v2 .broadcast_information .text_information {
      padding-left: 0;
      margin-right: 0; }
      .smode .layout_v2 .broadcast_information .text_information .broadcast_title {
        display: block;
        max-width: none;
        padding: 0;
        margin: 0; }
        .smode .layout_v2 .broadcast_information .text_information .broadcast_title:after {
          display: none; }
    .smode .layout_v2 .broadcast_information .broadcast_viewer_cnt:after {
      display: none; }
    .smode .layout_v2 .broadcast_information button.btn_open, .smode .layout_v2 .broadcast_information button.chat_open {
      display: none; }
  .smode .layout_v2 .broadcast_information.open {
    min-height: auto;
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important; } }
@media (max-width: 816px) and (min-height: 1081px) and (orientation: portrait) {
  .smode .layout_v2 #webplayer_contents #chatting_area {
    display: none !important; } }

.extend_mode .layout_v2 #webplayer_scroll, .extend_mode .layout_v2 #webplayer_contents {
  height: 100vh; }
.extend_mode .layout_v2 #webplayer_contents #list_area,
.extend_mode .layout_v2 #webplayer_contents #list_bookmark_area {
  display: none !important; }
.extend_mode .layout_v2 #webplayer_contents #chatting_area {
  display: none;
  border: none;
  border-radius: 0; }
.extend_mode .layout_v2 #player_area .player_item_list {
  border-color: transparent !important; }
.extend_mode .layout_v2.chat_open #webplayer_contents #chatting_area {
  display: block;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }
@media (max-width: 1114px) and (min-height: 1081px) and (orientation: portrait) {
  .extend_mode .layout_v2.list_open #webplayer_contents #player_area, .extend_mode .layout_v2.list_bookmark_open #webplayer_contents #player_area {
    right: 0; }
  .extend_mode .layout_v2.chat_open #webplayer_contents #player_area {
    right: 297px; } }

/*# sourceMappingURL=webplayer_live.css.map */